.body{background-color:#fefefe;flex-direction:column;min-height:100vh}.body,main{display:flex}main{flex:1;min-width:1400px}footer{background-color:#f8f8f8;color:#555;font-size:14px;padding:20px 0;text-align:center}footer div{margin-bottom:10px}footer div a{color:#555;margin:0 15px;text-decoration:none}footer div a:hover{color:#007bff;text-decoration:underline}footer p{margin:5px 0}header{background:#fff;box-shadow:0 2px 12px #8e5fff14;position:sticky;top:0;z-index:100}header .el-menu-demo{align-items:center;background:#fff;box-shadow:0 2px 12px #00a7ff14;display:flex;height:80px;min-width:1400px;padding:0 40px}header .el-menu-demo .logo{align-items:center;display:flex;height:60px!important;padding:0 32px 0 0!important}header .el-menu-demo .logo .logo-image{height:48px;-o-object-fit:contain;object-fit:contain}header .el-menu-demo .nav-link{align-items:center;border-radius:48px;color:#222;display:flex;font-size:20px;font-weight:500;height:48px;justify-content:center;line-height:48px;margin:0 10px;padding:0 22px;text-decoration:none;transition:background .2s,color .2s}header .el-menu-demo .nav-link:active,header .el-menu-demo .nav-link:focus,header .el-menu-demo .nav-link:hover{border:none!important;color:#00a7ff}header .el-menu-demo .nav-link.active{background:linear-gradient(90deg,#00a7ff,#4ecbff);color:#fff!important;font-weight:700}header .el-menu-demo .nav-dropdown{display:inline-block;margin:0 10px;position:relative}header .el-menu-demo .nav-dropdown .nav-link{padding-right:18px}header .el-menu-demo .nav-dropdown .dropdown-menu{background:#fff;border-radius:14px;box-shadow:0 4px 24px #00a7ff1a;display:none;left:0;min-width:140px;padding:8px 0;position:absolute;top:48px;z-index:10}header .el-menu-demo .nav-dropdown.active .dropdown-menu,header .el-menu-demo .nav-dropdown:focus .dropdown-menu,header .el-menu-demo .nav-dropdown:hover .dropdown-menu{display:block}header .el-menu-demo .nav-dropdown .dropdown-item{border-radius:8px;color:#222;cursor:pointer;display:block;font-size:17px;padding:10px 24px;text-decoration:none;transition:background .18s,color .18s}header .el-menu-demo .nav-dropdown .dropdown-item:hover{background:#e6f7ff;color:#00a7ff}header .el-menu-demo .header-icons{align-items:center;display:flex;gap:36px;margin-left:18px}header .el-menu-demo .header-icons .header-icon-btn{align-items:center;color:#8d8d8d;cursor:pointer;display:flex;flex-direction:column;font-size:22px;font-weight:500;gap:2px;transition:color .2s}header .el-menu-demo .header-icons .header-icon-btn span{font-size:15px;letter-spacing:1px;margin-top:2px}header .el-menu-demo .header-icons .header-icon-btn:hover,header .el-menu-demo .header-icons .header-icon-btn:hover span{color:#0086cc}header .el-menu-demo .header-login-btn{align-items:center;background:linear-gradient(90deg,#00a7ff,#4ecbff);border:none;border-radius:24px;box-shadow:0 4px 12px #00a7ff33;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;height:42px;justify-content:center;letter-spacing:1px;margin-left:22px;outline:none;transition:all .3s ease;width:88px}header .el-menu-demo .header-login-btn:hover{background:linear-gradient(90deg,#0096e6,#3db8e6);box-shadow:0 6px 16px #00a7ff4d;transform:translateY(-2px)}header .el-menu-demo .header-login-btn:active{box-shadow:0 2px 8px #00a7ff33;transform:translateY(0)}header .el-menu-demo .user-logged-in{cursor:pointer}header .el-menu-demo .user-logged-in .avatar{background-color:#dcdfe6;border-radius:50%;height:48px;width:48px}.search-container{align-items:center;display:flex}.search-container .search-input{background-color:#f0f2f5;border:1px solid transparent;border-radius:20px;font-size:14px;height:40px;padding:0 15px;transition:width .3s ease,border-color .3s ease;width:200px}.search-container .search-input:hover{border-color:#409eff;width:250px}.search-container .search-input .el-input__wrapper,.search-container .search-input .el-input__wrapper:focus,.search-container .search-input .el-input__wrapper:hover{background-color:transparent!important;border:none!important;box-shadow:none!important}.search-container .search-input .search-icon{color:#888;cursor:pointer}.search-popover-content{padding:10px}.search-popover-content .section{margin:10px 0}.search-popover-content .section .title{display:inline-block;font-size:16px;font-weight:700;margin-bottom:10px}.search-popover-content .section .clear-history{color:#909399;cursor:pointer;float:right;font-size:13px}.search-popover-content .tags .el-tag{cursor:pointer;margin-bottom:8px;margin-right:8px}.search-popover-content .hot-list{display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.search-popover-content .hot-list .hot-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;padding:5px 0;transition:background-color .2s}.search-popover-content .hot-list .hot-item:hover{background-color:#f0f2f5}.search-popover-content .hot-list .hot-item .index{color:#909399;font-weight:700;margin-right:10px;text-align:center;width:20px}.search-popover-content .hot-list .hot-item .index .top-three{color:#ff4d4f}.search-popover-content .hot-list .hot-item .name{color:#333;font-size:14px}.sidebar{background-color:#2c3e50;box-shadow:2px 0 5px #0000001a;color:#fff;padding:40px 0;width:100px}.sidebar .nav-item{align-items:center;color:#bdc3c7;cursor:pointer;display:flex;flex-direction:column;padding:15px 0}.sidebar .nav-item.active,.sidebar .nav-item:hover{color:#3498db}.sidebar .nav-item .el-icon{color:#bdc3c7;font-size:24px}.sidebar .nav-item.active .el-icon,.sidebar .nav-item:hover .el-icon{color:#3498db}.sidebar .nav-item span{font-size:13px;margin-top:10px}.match-slider{align-items:center;background:none;display:flex;gap:20px;margin-bottom:20px;padding:24px 0 32px}.match-slider .match-cards{display:flex;gap:24px;overflow-x:auto;padding:8px 0;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none}.match-slider .match-cards::-webkit-scrollbar{display:none}.match-slider .match-cards .match-card{background:#fff;border:none;border-radius:18px;box-shadow:0 2px 12px #8e5fff14;cursor:pointer;max-width:320px;min-width:280px;padding:18px 20px 16px;position:relative;transition:transform .18s,box-shadow .18s}.match-slider .match-cards .match-card:hover{box-shadow:0 6px 24px #5fdfff29;transform:translateY(-6px) scale(1.03)}.match-slider .match-cards .league-info{color:#999;display:flex;font-size:14px;font-weight:600;justify-content:space-between;margin-bottom:16px}.match-slider .match-cards .league-info .left{align-items:center;display:flex;gap:10px}.match-slider .match-cards .league-icon{background:#faf8ff;border:2px solid #f8f8f8;border-radius:50%;height:24px;width:24px}.match-slider .match-cards .team-info{align-items:center;display:flex;justify-content:space-between}.match-slider .match-cards .team{align-items:center;display:flex;flex-direction:column;gap:8px;max-width:75px}.match-slider .match-cards .team img{background:#faf8ff;border:2px solid #f8f8f8;border-radius:50%;height:44px;width:44px}.match-slider .match-cards .team span{color:#333;font-size:15px;font-weight:500;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.match-slider .match-cards .watch-btn{align-items:center;background:linear-gradient(90deg,#00a7ff,#a389f4);border:none;border-radius:36px;box-shadow:0 4px 12px #00a7ff26;color:#fff;display:flex;font-size:15px;font-weight:600;height:36px;justify-content:center;letter-spacing:.5px;margin-top:8px;overflow:hidden;position:relative;transition:all .3s ease;width:64px}.match-slider .match-cards .watch-btn:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}.match-slider .match-cards .watch-btn:hover{background:linear-gradient(90deg,#0096e6,#8f7ad9);box-shadow:0 6px 16px #00a7ff40;transform:translateY(-2px)}.match-slider .match-cards .watch-btn:hover:before{left:100%}.match-slider .match-cards .watch-btn:active{box-shadow:0 2px 8px #00a7ff26;transform:translateY(0)}.match-slider .slider-controls{position:relative}.match-slider .slider-controls button{align-items:center;background:#e6f7ff;border:none;border-radius:50%;box-shadow:0 2px 8px #f8f8f8;color:#00a7ff;display:flex;font-size:20px;height:40px;justify-content:center;left:-20px;position:absolute;top:-20px;transition:background .18s,color .18s;width:40px}.match-slider .slider-controls button:hover{background:#00a7ff;color:#fff}.schedule-card{align-items:stretch;background:#fff;border:1px solid #f5f5f5;border-radius:18px;box-shadow:0 0 8px #f3f3fa;display:flex;flex-direction:column;gap:12px;margin-bottom:12px;min-height:90px;padding:20px;transition:box-shadow .2s}.schedule-card.ended{opacity:.85}.schedule-card .match-meta{align-items:center;color:#b7b7c7;display:flex;gap:12px;justify-content:space-between;margin-bottom:2px}.schedule-card .match-meta .league{align-items:center;color:#b7b7c7;display:flex;font-size:14px}.schedule-card .match-meta .league .league-icon{height:24px;width:24px}.schedule-card .match-meta .match-status-text{color:#909399;font-size:13px;margin-left:10px}.schedule-card .match-meta .avatars{align-items:center;display:flex;gap:0;margin-right:8px}.schedule-card .match-meta .avatars .avatar{background:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 2px #eee;height:28px;margin-left:-8px;width:28px}.schedule-card .match-meta .avatars .avatar:first-child{margin-left:0}.schedule-card .match-meta .match-actions{align-items:center;display:flex;gap:4px;justify-content:flex-end}.schedule-card .match-meta .match-actions button{background:#fff;border:1px solid #f0f0f0;border-radius:18px;color:#7e7e7e;cursor:pointer;font-size:14px;font-weight:400;padding:4px 10px;transition:background .2s,color .2s,border .2s}.schedule-card .match-meta .match-actions button:hover:not(:disabled){background:#e3f6fd;border-color:#b3e6fa;color:#0086c3}.schedule-card .match-time{color:#b7b7c7;font-size:14px}.schedule-card .match-content{align-items:center;display:flex;flex:1;font-size:20px;font-weight:500;justify-content:center;min-height:40px}.schedule-card .match-content .team{align-items:center;color:#222;display:flex;flex:1;font-size:18px;gap:6px}.schedule-card .match-content .team.home{justify-content:flex-end}.schedule-card .match-content .team .team-logo{height:56px}.schedule-card .match-content .score{color:#00a7ff;font-size:22px;font-weight:700;margin:0 16px;text-align:center;width:100px}.schedule-card .reserve-btn{background:#f6fcff;border:1px solid #e3f6fd;border-radius:18px;color:#00a7ff;cursor:pointer;font-size:16px;font-weight:400;padding:4px 22px;transition:background .2s,color .2s,border .2s}.schedule-card .reserve-btn.booked,.schedule-card .reserve-btn.ended,.schedule-card .reserve-btn:disabled{background:#f5f5f5;border-color:#eee;color:#bbb;cursor:not-allowed}.live-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #8e5fff0f;cursor:pointer;display:flex;flex-direction:column;overflow:hidden}.live-card .card-image-container{overflow:hidden;position:relative}.live-card .card-image-container img{display:block;height:auto;width:100%}.live-card .card-image-container .live-tag{background-color:red;border-radius:4px;color:#fff;font-size:12px;left:10px;padding:3px 8px;position:absolute;top:10px}.live-card .card-image-container .overlay{align-items:center;background-color:#0009;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:5}.live-card .card-image-container .overlay .play-icon{color:#fff;font-size:40px}.live-card .card-image-container:hover .overlay{opacity:1}.live-card .card-details{padding:10px}.live-card .card-details .match-info{font-size:1em;font-weight:700;margin-bottom:5px}.live-card .card-details .anchor-info{align-items:center;color:#666;display:flex;font-size:.9em}.live-card .card-details .anchor-info .anchor-avatar{border-radius:50%;height:20px;margin-right:5px;width:20px}.live-card .card-details .live-viewers{align-items:center;color:#ff4500;display:flex;font-size:.9em}.live-card .card-details .live-viewers .el-icon{font-size:14px;margin-right:3px}.discount-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));justify-content:flex-start;margin:24px 0}.discount-grid .discount-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;cursor:pointer;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.discount-grid .discount-card:hover{box-shadow:0 6px 16px #0000001f;transform:translateY(-5px)}.discount-grid .discount-img-wrap{height:0;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.discount-grid .discount-img-wrap img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.discount-grid .discount-img-wrap .discount-badge{background-color:#0009;border-radius:6px;color:#fff;padding:4px 10px;position:absolute;right:12px;top:12px}.discount-grid .discount-img-wrap .discount-badge.ongoing{background-color:#52c41a}.discount-grid .discount-img-wrap .discount-badge.upcoming{background-color:#00a7ff}.discount-grid .discount-img-wrap .discount-badge.ended{background-color:#a0a0a0}.discount-grid .discount-info{display:flex;flex-direction:column;gap:8px;padding:16px}.discount-grid .discount-info .discount-title{color:#333;display:-webkit-box;font-size:18px;font-weight:700;height:2em;line-height:1.4;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}.discount-grid .discount-info .discount-date{color:#888;font-size:14px}.download-popover{padding:0!important;text-align:center}.download-popover .download-content{align-items:center;display:flex;flex-direction:column;padding:20px}.download-popover .download-content .download-logo{margin-bottom:10px;width:80px}.download-popover .download-content .download-qr{background-color:#eee;display:block;height:120px;margin-bottom:15px;width:120px}.download-popover .download-content .download-button{background-color:#00a7ff;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;margin-bottom:15px;padding:10px;width:100%}.download-popover .download-content .download-link{color:#00a7ff;font-size:14px;text-decoration:none}.download-popover .download-content .download-link:hover{text-decoration:underline}.dialog{border-radius:10px}.dialog .el-dialog__header{display:none}.dialog .el-dialog__body{padding:0}.dialog .el-dialog__body .close-btn{align-items:center;background:#fff;border:1px solid #007bff;border-radius:50%;color:#007bff;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;position:absolute;right:-10px;top:-10px;width:30px;z-index:10}.dialog .el-dialog__body .close-btn:hover{color:#333}.login-popover{border-radius:8px;padding:0!important}.login-popover .login-popover-content{align-items:center;display:flex;flex-direction:column;padding:20px}.login-popover .login-popover-content .login-title{color:#333;font-size:16px;font-weight:700;margin-bottom:20px}.login-popover .login-popover-content .benefit-item{align-items:center;display:flex;justify-content:flex-start;margin-bottom:15px;text-align:left;width:100%}.login-popover .login-popover-content .benefit-item .el-icon{font-size:24px;margin-right:10px}.login-popover .login-popover-content .benefit-item .el-icon.hd-icon{color:#f90}.login-popover .login-popover-content .benefit-item .el-icon.chat-icon{color:#69f}.login-popover .login-popover-content .benefit-item .el-icon.league-icon{color:#f66}.login-popover .login-popover-content .benefit-item span{color:#666;font-size:14px}.login-popover .login-popover-content .goto-login-btn{background-color:#00a7ff;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:10px 40px;width:80%}.user-info-popover{border-radius:8px;padding:0!important}.user-info-popover .user-profile-summary{margin-bottom:20px}.user-info-popover .user-info-content{align-items:center;display:flex;flex-direction:column;padding:20px}.user-info-popover .user-info-content .balance-section{background-color:#f5f5f5;border-radius:12px;display:flex;justify-content:space-around;margin-bottom:20px;padding:15px 0;width:100%}.user-info-popover .user-info-content .balance-section .balance-item{display:flex;flex-direction:column}.user-info-popover .user-info-content .balance-section .balance-item .item-icon{color:#f90;font-size:24px;margin-right:5px;margin-top:5px}.user-info-popover .user-info-content .balance-section .balance-item span{color:#666;font-size:14px}.user-info-popover .user-info-content .balance-section .balance-item .action-btn{align-items:center;background-color:#f90;border:none;border-radius:15px;color:#fff;cursor:pointer;display:flex;font-size:12px;margin-left:30px;padding:5px 10px}.user-info-popover .user-info-content .balance-section .balance-item .action-btn .el-icon{margin-right:4px}.user-info-popover .user-info-content .balance-section .balance-item .amount{color:#333;font-size:18px;font-weight:700;margin-left:10px}.user-info-popover .user-info-content .nav-grid{display:grid;gap:15px;grid-template-columns:repeat(4,1fr);margin-bottom:20px;width:100%}.user-info-popover .user-info-content .nav-grid .nav-item{align-items:center;cursor:pointer;display:flex;flex-direction:column;text-align:center}.user-info-popover .user-info-content .nav-grid .nav-item .el-icon{color:#409eff;font-size:36px;margin-bottom:5px}.user-info-popover .user-info-content .nav-grid .nav-item span{color:#666;font-size:14px}.user-info-popover .user-info-content .nav-grid .nav-item:hover{opacity:.8}.user-info-popover .user-info-content .logout-btn{background-color:#f5f5f5;border:1px solid #eee;border-radius:20px;color:#666;cursor:pointer;font-size:16px;margin-top:10px;padding:10px 0;width:80%}.user-info-popover .user-info-content .logout-btn:hover{background-color:#e0e0e0}.login-container{align-items:center;display:flex;flex-direction:column;margin:30px}.login-container .main-title{color:#333;font-size:24px;font-weight:700;margin-bottom:5px}.login-container .sub-title{color:#999;font-size:14px;margin-bottom:30px}.login-container .login-tabs{width:100%}.login-container .login-tabs .el-tabs__header{margin-bottom:25px}.login-container .login-tabs .el-tabs__item{color:#333;font-size:16px}.login-container .login-tabs .el-tabs__item.is-active{color:#409eff}.login-container .login-tabs .el-tabs__nav-wrap:after{height:1px}.login-container .input-group{align-items:center;border:1px solid #dcdfe6;border-radius:25px;display:flex;margin-bottom:20px;overflow:hidden;padding:5px 15px;width:100%}.login-container .input-group .prefix{color:#666;font-size:16px;margin-right:10px}.login-container .input-group .el-input{flex:1}.login-container .input-group .el-input .el-input__wrapper{box-shadow:none!important;padding:0}.login-container .input-group .el-input .el-input__inner{border:none;font-size:16px;padding:0}.login-container .input-group .input-icon{color:#999;font-size:20px;margin-right:10px}.login-container .input-group.phone-input{padding-left:20px}.login-container .input-group.password-input,.login-container .input-group.verification-input{padding-left:15px}.login-container .input-group .get-code-btn{background:none;border:none;color:#409eff;cursor:pointer;font-size:14px;padding:0 10px}.login-container .input-group .get-code-btn:hover{opacity:.8}.login-container .login-btn{background-color:#66b1ff;border:none;border-radius:25px;box-shadow:0 4px 8px #66b1ff66;color:#fff;cursor:pointer;font-size:18px;margin-top:20px;padding:12px 0;transition:background-color .3s ease;width:80%}.login-container .login-btn:hover{background-color:#409eff}.login-container .login-options{align-items:center;display:flex;font-size:14px;justify-content:space-between;margin-top:20px;width:100%}.login-container .login-options .el-checkbox .el-checkbox__label{color:#666}.login-container .login-options .forgot-password{color:#999;text-decoration:none}.login-container .login-options .forgot-password:hover{text-decoration:underline}.emoji-popover{padding:0!important}.emoji-popover .emoji-panel{display:flex;flex-wrap:wrap;height:300px;overflow-y:auto;position:relative;z-index:10}.emoji-popover .emoji-panel .emoji-item{border-radius:6px;cursor:pointer;font-size:22px;padding:6px;transition:background .15s}.emoji-popover .emoji-panel .emoji-item:hover{background:#e3f6fd}.UserSidebar{background-color:#fff;border-radius:8px;box-shadow:0 2px 12px #0000000d;padding:20px 0;width:220px}.UserSidebar .sidebar-item{align-items:center;color:#333;cursor:pointer;display:flex;font-size:16px;padding:15px 20px;transition:background-color .3s,color .3s}.UserSidebar .sidebar-item.active,.UserSidebar .sidebar-item:hover{background-color:#ecf5ff;color:#409eff}.UserSidebar .sidebar-item.active{border-right:3px solid #409eff}.UserSidebar .sidebar-item .el-icon{font-size:20px;margin-right:10px}.user-profile-summary{align-items:center;display:flex;width:100%}.user-profile-summary .avatar{border-radius:50%;height:80px;margin-right:20px;-o-object-fit:cover;object-fit:cover;width:80px}.user-profile-summary .user-details{flex:1}.user-profile-summary .user-details .user-name{align-items:center;color:#333;display:flex;font-size:18px;font-weight:700;margin-bottom:10px}.user-profile-summary .user-details .user-name .user-level-icon{background:linear-gradient(135deg,gold,orange);border-radius:12px;color:#fff;font-size:12px;margin-left:8px;padding:2px 8px}.user-profile-summary .user-details .experience-bar-wrapper{align-items:center;display:flex;margin-bottom:8px;max-width:600px}.user-profile-summary .user-details .experience-bar-wrapper .current-level,.user-profile-summary .user-details .experience-bar-wrapper .next-level{color:#333;font-size:13px}.user-profile-summary .user-details .experience-bar-wrapper .experience-bar{background:#f0f0f0;border-radius:6px;flex:1;height:12px;margin:0 10px;overflow:hidden}.user-profile-summary .user-details .experience-bar-wrapper .experience-bar .experience-progress{background:linear-gradient(90deg,#409eff,#66b1ff);border-radius:6px;height:100%;transition:width .3s ease}.user-profile-summary .user-details .exp-tip{color:#999;font-size:12px}.sign-in-content{padding:0 20px 20px;text-align:center}.sign-in-content .header{align-items:center;display:flex;height:40px;justify-content:center;position:relative}.sign-in-content .header .ribbon-bg{height:100px;left:0;-o-object-fit:contain;object-fit:contain;position:absolute;top:-70px;width:120%;z-index:0}.sign-in-content .subtitle{color:#666;font-size:16px;margin-bottom:30px}.sign-in-content .sign-in-grid{display:grid;gap:15px;grid-template-columns:repeat(4,1fr);margin-bottom:30px}.sign-in-content .sign-in-grid .sign-in-item{align-items:center;background-color:#fff;border:1px solid #eee;border-radius:10px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;padding:15px 10px}.sign-in-content .sign-in-grid .sign-in-item:nth-child(7){grid-column:span 2}.sign-in-content .sign-in-grid .sign-in-item .day-label{color:#999;font-size:14px;margin-bottom:10px}.sign-in-content .sign-in-grid .sign-in-item .coin-icon img{height:50px;margin-bottom:10px;width:50px}.sign-in-content .sign-in-grid .sign-in-item .reward{color:#f90;font-size:18px;font-weight:700}.sign-in-content .sign-in-btn{background-color:#409eff;border-color:#409eff;border-radius:25px;font-size:18px;height:45px;margin-bottom:20px;width:80%}.sign-in-content .sign-in-btn:hover{background-color:#00a7ff;border-color:#00a7ff}.sign-in-content .footer-tip{align-items:center;color:#666;display:flex;font-size:14px;justify-content:center}.sign-in-content .footer-tip .icon{height:24px;margin-right:8px;width:24px}.user-page-container .page-title{border-left:4px solid #00a7ff;color:#333;font-size:24px;font-weight:700;margin-top:40px;padding-left:10px}.user-page-container .el-pagination{justify-content:center;margin-top:40px}.followed-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:20px}.followed-grid .followed-card{border-radius:12px;box-shadow:0 2px 12px #0000000d;transition:transform .2s ease}.followed-grid .followed-card:hover{transform:translateY(-5px)}.followed-grid .followed-card :deep(.el-card__body){padding:15px}.followed-grid .followed-card .card-content{align-items:center;display:flex}.followed-grid .followed-card .card-content .avatar{border-radius:50%;height:60px;margin-right:15px;-o-object-fit:cover;object-fit:cover;width:60px}.followed-grid .followed-card .card-content .info{flex-grow:1}.followed-grid .followed-card .card-content .info .name{color:#333;font-size:18px;font-weight:700;margin-bottom:5px}.followed-grid .followed-card .card-content .info .name .el-icon{background:linear-gradient(90deg,#ff4040,#ffb066);border-radius:4px;font-size:18px;padding:0 3px}.followed-grid .followed-card .card-content .info .league,.followed-grid .followed-card .card-content .info .match{color:#909399;font-size:14px}.followed-grid .followed-card .card-content .info .league{font-weight:700;margin-right:10px}.followed-grid .followed-card .card-content .followed-btn{background-color:#409eff;border-color:#409eff;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;margin-left:20px;padding:8px 15px;transition:background-color .2s,border-color .2s}.followed-grid .followed-card .card-content .followed-btn.is-followed{background-color:#f0f2f5;border-color:#dcdfe6;color:#909399;cursor:default}.followed-grid .followed-card .card-content .followed-btn:hover:not(.is-followed){background-color:#00a7ff;border-color:#00a7ff}