*{box-sizing:border-box}html,body,#app{min-width:320px;min-height:100%;margin:0;font-family:Microsoft YaHei,Arial,sans-serif}body{color:#eee;background:#030405;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.site-shell{background:#050607;overflow:hidden}.site-header{z-index:5;background:#08090a;height:74px;position:relative}.header-inner{align-items:center;gap:48px;max-width:1920px;height:74px;margin:auto;padding:0 40px;display:flex}.brand{flex:0 0 90px;width:90px}.brand img{object-fit:contain;filter:invert()brightness(1.8)drop-shadow(0 0 12px #d91f2738);width:90px;height:44px;display:block}.site-header nav{white-space:nowrap;align-items:center;gap:42px;display:flex}.site-header nav a{color:#a5a5a7;font-size:20px;font-weight:700}.site-header nav a:hover,.site-header nav .active{color:#f4f4f4}.search{width:260px;height:40px;margin-left:auto;display:flex}.search input{color:#bbb;background:#1b1c1e;border:0;outline:0;width:220px;min-width:0;padding:0 14px}.search button{color:#aaa;cursor:pointer;background:#25282e;border:0;flex:0 0 40px;width:40px;font-size:28px}.avatar{border:1px solid #174337;border-radius:50%;flex:0 0 42px;width:42px;height:42px;padding:3px}.avatar img{width:100%;height:100%}.header-user{flex:0 0 42px;height:42px;position:relative}.header-user:hover .nav-login-bd,.header-user:hover .user-drop{display:block}.nav-login-bd{z-index:30;background:linear-gradient(145deg,#17191d,#08090b);border:1px solid #3b2026;width:290px;padding:18px;display:none;position:absolute;top:52px;right:-12px;box-shadow:0 14px 35px #000c}.nav-login-bd:before{content:"";background:#17191d;border-top:1px solid #3b2026;border-left:1px solid #3b2026;width:12px;height:12px;position:absolute;top:-7px;right:20px;transform:rotate(45deg)}.nav-login-user{border-bottom:1px solid #292b30;align-items:center;gap:14px;padding-bottom:16px;display:flex}.nav-login-user img{border:1px solid #245b48;border-radius:50%;width:55px;height:55px;padding:4px}.nav-login-user strong{color:#fff;font-size:18px;display:block}.nav-login-user span{color:#999;margin-top:8px;font-size:12px;display:block}.userFunList{grid-template-columns:repeat(3,1fr);gap:8px;padding:16px 0;display:grid}.userFunList a{color:#aaa;flex-direction:column;align-items:center;gap:7px;font-size:12px;display:flex}.userFunList a:hover,.logout:hover{color:#ff700a}.userFunList b{color:#ff8b28;font-size:22px;font-weight:400}.logout{text-align:center;color:#777;border-top:1px solid #292b30;padding-top:12px;font-size:12px;display:block}.user-site-header{background:#030405;border-bottom:1px solid #202124}.user-site-header .header-inner{max-width:none;padding:0 74px}.user-site-header nav{gap:78px;margin:auto}.user-site-header nav a{color:#bbb;font-size:17px;font-weight:400}.user-site-header .brand{margin-right:0}.user-drop{z-index:31;background:#111216;border:1px solid #38353a;border-radius:5px;width:145px;padding:8px 0;display:none;position:absolute;top:48px;right:0;box-shadow:0 12px 28px #000c}.user-drop:before{content:"";background:#111216;border-top:1px solid #38353a;border-left:1px solid #38353a;width:10px;height:10px;position:absolute;top:-6px;right:17px;transform:rotate(45deg)}.user-drop ul{margin:0;padding:0;list-style:none}.user-drop a{color:#aaa;padding:11px 20px;font-size:13px;display:block}.user-drop a:hover{color:#fff;background:#242026}.hero-slider{background:#090102;height:340px;position:relative}.hero-image{background-position:50%;background-repeat:no-repeat;background-size:auto 340px;height:340px;transition:opacity .25s}.arrow{color:#777;cursor:pointer;background:0 0;border:0;font-size:62px;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.arrow:hover{color:#eee}.left{left:38px}.right{right:38px}.dots{text-align:center;position:absolute;bottom:10px;left:0;right:0}.dots button{cursor:pointer;background:#555;border:0;width:30px;height:3px;margin:0 5px;padding:0}.dots button.on{background:#fff}.content-section{width:1200px;max-width:calc(100% - 40px);margin:0 auto}.latest-section{padding:38px 0 25px}.featured-section{padding:0 0 42px}.section-title{justify-content:space-between;align-items:flex-start;gap:12px;height:42px;display:flex}.section-title h2{min-width:0;margin:0;font-size:24px;font-weight:800}.section-title small{color:#777;font-size:13px;font-weight:700}.section-title>a{color:#eee;white-space:nowrap;border:1px solid #723327;border-radius:22px;padding:5px 20px;font-size:18px;font-weight:700}.cards{grid-template-columns:repeat(5,1fr);display:grid}.card{z-index:1;background:#090b0c;min-width:0;transition:transform .28s,box-shadow .28s,filter .28s;position:relative}.card:hover{z-index:4;filter:brightness(1.14);transform:translateY(-5px)scale(1.025);box-shadow:0 12px 28px #000000e6,0 0 0 1px #ff2b3480}.card a{display:block}.card img{object-fit:cover;width:100%;height:136px;display:block}.card-body{height:85px;padding:10px 14px}.card h3{white-space:nowrap;text-overflow:ellipsis;color:#eee;margin:0 0 18px;font-size:16px;overflow:hidden}.card-body>div{align-items:center;font-size:14px;font-weight:700;display:flex}.card b{color:#ff252f;font-style:normal}.card span{color:#eee;margin-left:auto}.card i{display:none}.articles-section{background:#101214;padding:38px 0 72px}.article-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.article{background:#0b0d0f;border:1px solid #27292c;gap:18px;min-width:0;height:202px;padding:18px;display:flex}.article>img{object-fit:cover;flex:0 0 200px;width:200px;height:128px}.article>div{min-width:0}.article h3{white-space:nowrap;text-overflow:ellipsis;margin:4px 0 12px;font-size:18px;overflow:hidden}.article p{color:#888;height:48px;margin:0;font-size:13px;line-height:24px;overflow:hidden}.article footer{color:#777;justify-content:space-between;margin-top:12px;font-size:13px;display:flex}.social-section{background:#030405;border-bottom:1px solid #282a2b;padding:45px 0 52px}.social-section h2{margin:0 0 18px;font-size:24px}.social-section a{color:#999;margin-right:24px}.site-footer{color:#c8cdd2;background:#1c1f21;height:115px;font-size:12px}.site-footer .content-section{white-space:nowrap;align-items:center;gap:50px;width:1200px;max-width:calc(100% - 40px);height:115px;margin:0 auto;display:flex}.site-footer .content-section>div{flex:none}.site-footer a{color:#c8cdd2;margin-right:20px}.site-footer a:hover{color:#fff}.site-footer span{flex:auto;min-width:0}.card-dim-layer{z-index:2;opacity:0;pointer-events:none;background:#000000b3;transition:opacity .25s;position:fixed;inset:0}.card-dim-layer.visible{opacity:1}.cards,.category-grid{z-index:3;position:relative}.vip-page-shell{color:#eee;background:#030405;min-height:100vh}.vip-banner{text-align:center;background:linear-gradient(#4b1014,#23090c 55%,#080506);border-bottom:1px solid #401218;height:220px}.vip-banner>div{width:1200px;max-width:100%;margin:auto;padding-top:48px}.vip-banner p{margin:0}.vip-banner p:first-child{font-size:48px;font-weight:800;line-height:56px}.vip-banner p:nth-child(2){color:#ffb526;margin-top:14px;font-size:20px;font-weight:800}.vip-banner p:nth-child(3){color:#aaa;margin-top:15px;font-size:20px}.vip-compare{background:radial-gradient(circle at 82% 45%,#780d1459,#0000 30%),#030405;padding:48px 0 113px}.vip-compare-inner{border:1px solid #282a2d;width:1200px;max-width:calc(100% - 40px);margin:auto}.vip-heading{border-bottom:1px solid #282a2d;justify-content:center;align-items:center;height:108px;font-size:22px;font-weight:700;display:flex}.vip-heading span{background:#030405;padding:0 40px}.vip-row{background:#111216;border-bottom:1px solid #282a2d;grid-template-columns:repeat(3,1fr);height:51px;display:grid}.vip-row>*{border-right:1px solid #282a2d;justify-content:center;align-items:center;font-size:14px;display:flex}.vip-row>:last-child{border-right:0}.vip-row strong{background:#640a114d}.vip-head{background:#111216;height:80px}.vip-head b{font-size:20px}.vip-head b:last-child{background:#640a1152}.cross{color:#ff414c;font-size:28px!important}.check{color:#19c477;font-size:24px!important}.vip-action{height:51px}.vip-action a{color:#fff;background:#e51e2a;border-radius:20px;width:200px;height:36px;margin:auto;font-weight:700}.vip-action span:last-of-type{background:#640a114d}.category-page{width:1200px;max-width:calc(100% - 40px);min-height:900px;margin:0 auto;padding:18px 0 80px}.breadcrumb{color:#aaa;height:44px;font-size:14px;line-height:44px}.breadcrumb a{color:#aaa}.breadcrumb a:hover{color:#fff}.category-tabs{background:linear-gradient(#18191c,#090a0c);border:1px solid #24262a;height:59px;margin-bottom:28px;display:flex}.category-tabs a{color:#aaa;border-right:1px solid #282a2e;justify-content:center;align-items:center;width:105px;height:58px;font-size:14px;transition:color .2s,background .2s,box-shadow .2s;display:flex}.category-tabs a:hover,.category-tabs a.active{color:#eee;text-shadow:0 0 8px #ffffff73;background:linear-gradient(#25262a,#111216);box-shadow:inset 0 -2px #d52832}.category-grid{background:#080a0b;grid-template-columns:repeat(5,1fr);display:grid}.category-card{z-index:1;background:#080a0b;min-width:0;transition:background .25s,box-shadow .25s,transform .25s,filter .25s;position:relative}.category-card a{display:block}.category-card img{object-fit:cover;width:100%;height:136px;transition:transform .35s,filter .35s;display:block}.category-title{color:#eee;white-space:nowrap;text-overflow:ellipsis;height:54px;padding:15px 14px 0;font-size:16px;font-weight:700;transition:color .25s;overflow:hidden}.category-meta{justify-content:space-between;align-items:flex-start;height:56px;padding:8px 14px;font-size:14px;font-weight:700;display:flex}.category-meta b{color:#ff2932}.category-meta span{color:#eee}.category-card:hover{z-index:4;filter:brightness(1.14);background:#111416;transform:translateY(-5px)scale(1.025);box-shadow:0 12px 28px #000000e6,0 0 0 1px #ff2b348c}.category-card:hover img{filter:brightness(1.12);transform:scale(1.035)}.category-card:hover .category-title{color:#ff700a}.load-more{color:#f2dfe0;cursor:pointer;background:#25070b;border:1px solid #92202a;width:190px;height:52px;margin:32px auto 0;font-size:14px;transition:background .2s,box-shadow .2s;display:block}.load-more:hover{background:#4a0b12;box-shadow:0 0 15px #92202a59}.modal{z-index:20;background:#000000b3;place-items:center;display:grid;position:fixed;inset:0}.modal>div{background:#fff;padding:8px;position:relative}.modal img{max-width:min(602px,90vw);max-height:75vh;display:block}.modal button{cursor:pointer;color:#222;background:0 0;border:0;font-size:28px;position:absolute;top:8px;right:8px}@media (width<=900px){.vip-row,.vip-heading{min-width:680px}.vip-banner{height:220px}.vip-banner>div{padding:42px 16px 0}.vip-banner p:first-child{font-size:34px;line-height:42px}.vip-banner p:nth-child(2),.vip-banner p:nth-child(3){font-size:16px}.vip-compare{padding:28px 0 50px}.vip-compare-inner{max-width:calc(100% - 24px);overflow-x:auto}.vip-row,.vip-heading{min-width:680px}.category-page{max-width:calc(100% - 24px);padding-top:12px}.category-tabs{overflow-x:auto}.category-tabs a{flex:0 0 105px}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-card img{aspect-ratio:1.68;height:auto}.category-title{height:43px;padding:10px 8px 0;font-size:13px}.category-meta{height:43px;padding:5px 8px;font-size:12px}.header-inner{gap:15px;padding:0 16px}.site-header nav{gap:12px}.site-header nav a{font-size:14px}.search{width:160px}.search input{width:120px}.content-section{max-width:calc(100% - 24px)}.cards{grid-template-columns:repeat(2,1fr)}.card img{height:150px}.article-grid{grid-template-columns:1fr}.site-footer{height:auto;min-height:115px;padding:24px 0}.site-footer .content-section{white-space:normal;width:auto;max-width:calc(100% - 24px);height:auto;line-height:28px;display:block}.site-footer span{margin-top:8px;line-height:20px;display:block}}@media (width<=560px){.vip-banner{height:190px}.vip-banner>div{padding-top:32px}.vip-banner p:first-child{font-size:24px;line-height:34px}.vip-banner p:nth-child(2),.vip-banner p:nth-child(3){margin-top:10px;font-size:14px}.vip-compare{padding-top:18px}.vip-compare-inner{max-width:calc(100% - 24px)}.site-header{height:116px}.category-page{max-width:calc(100% - 24px);min-height:600px;padding:10px 0 45px}.breadcrumb{height:38px;font-size:12px;line-height:38px}.category-tabs{height:48px;margin-bottom:18px}.category-tabs a{flex-basis:84px;height:47px;font-size:12px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-card img{aspect-ratio:1.68}.category-title{height:39px;padding:9px 8px 0;font-size:12px}.category-meta{height:39px;padding:4px 8px;font-size:11px}.load-more{width:160px;height:44px;margin-top:24px;font-size:13px}.header-inner{align-content:center;gap:10px;height:116px;padding:0 12px}.brand{flex-basis:70px;width:70px}.brand img{width:70px}.site-header nav{order:3;justify-content:space-between;gap:4px;width:100%}.site-header nav a{font-size:13px}.search{width:min(145px,100vw - 140px);margin-left:auto}.search input{width:calc(100% - 40px);padding:0 8px;font-size:12px}.hero-slider,.hero-image{height:220px}.hero-image{background-size:auto 220px}.arrow{font-size:40px}.left{left:12px}.right{right:12px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.card img{aspect-ratio:1.68;object-fit:cover;height:auto}.card-body{height:78px;padding:8px}.card h3{margin-bottom:12px;font-size:13px}.card-body>div{font-size:12px}.section-title{height:36px}.section-title h2{font-size:18px}.section-title small{display:none}.section-title>a{padding:4px 12px;font-size:13px}.article{gap:10px;height:auto;min-height:140px;padding:10px}.article>img{flex-basis:115px;width:115px;height:85px}.article h3{margin:0 0 5px;font-size:14px}.article p{height:36px;font-size:11px;line-height:18px}.article footer{margin-top:4px;font-size:11px}.latest-section{padding-top:25px}.featured-section{padding-bottom:25px}.articles-section{padding:25px 0 38px}.social-section{padding:28px 0}.social-section h2{font-size:20px}.social-section a{margin-right:12px;font-size:13px}}.news-page-shell{color:#ddd;background:#030405;min-height:100vh}.news-main{background:radial-gradient(circle at 82% 45%,#6e0a124d,#0000 30%),#030405;padding:22px 0 48px}.news-layout{grid-template-columns:835px 330px;gap:35px;width:1200px;max-width:calc(100% - 40px);margin:auto;display:grid}.news-list{background:#090b0d;border:1px solid #202327}.news-list>h2{border-bottom:1px solid #24272b;height:51px;margin:0;padding:0 20px;font-size:18px;line-height:51px}.news-item{border-bottom:1px solid #24272b;gap:25px;height:181px;padding:15px;display:flex}.news-thumb{flex:0 0 210px;width:210px;height:131px}.news-thumb img{object-fit:cover;border-radius:2px;width:100%;height:100%;display:block}.news-item>div{flex:1;min-width:0}.news-item h3{white-space:nowrap;text-overflow:ellipsis;margin:8px 0 15px;font-size:20px;font-weight:400;overflow:hidden}.news-item h3 a:hover{color:#ff700a}.news-item p{color:#999;height:45px;margin:0;font-size:12px;line-height:22px;overflow:hidden}.news-item footer{color:#777;justify-content:space-between;padding-top:15px;font-size:12px;display:flex}.hot-box{background:#090b0d;border:1px solid #202327;margin-bottom:20px;padding:25px 20px 20px}.hot-box h2{margin:0 0 20px;font-size:18px}.hot-box a{white-space:nowrap;text-overflow:ellipsis;color:#999;align-items:center;gap:10px;height:40px;font-size:14px;display:flex;overflow:hidden}.hot-box a:hover{color:#ff700a}.hot-box b{text-align:center;color:#ddd;background:#303236;flex:0 0 25px;width:25px;height:20px;font-size:13px;font-weight:400;line-height:20px}.hot-box a:nth-of-type(-n+3) b{color:#fff;background:#e51e2a}.pagination{justify-content:center;align-items:center;gap:14px;height:145px;display:flex}.pagination button{color:#aaa;cursor:pointer;background:#111417;border:1px solid #292d31;border-radius:7px;min-width:48px;height:42px;padding:0 16px}.pagination button:hover,.pagination button.active{color:#fff;border-color:#7a3b25;box-shadow:0 0 10px #974f2459}.video-detail-main,.article-detail-main,.user-main{background:radial-gradient(circle at 85% 40%,#5f081247,#0000 32%),#030405;min-height:calc(100vh - 189px);padding:24px 0 60px}.detail-breadcrumb{color:#777;width:1200px;max-width:calc(100% - 40px);margin:0 auto 18px;font-size:13px}.detail-breadcrumb a:hover{color:#ff700a}.course-head-card,.video-detail-layout,.article-detail-layout,.user-layout{width:1200px;max-width:calc(100% - 40px);margin:auto}.course-head-card{background:#090b0d;border:1px solid #22262a;gap:28px;padding:22px;display:flex}.course-cover-image{object-fit:cover;width:260px;height:150px}.course-info h1{margin:5px 0 12px;font-size:30px}.course-info p{color:#999}.buy-tip{color:#e7a23a!important}.red-button,.save-button{color:#fff;cursor:pointer;background:#e51e2a;border:0;border-radius:22px;justify-content:center;align-items:center;padding:11px 30px;font-weight:700;display:inline-flex}.video-detail-layout,.article-detail-layout{grid-template-columns:minmax(0,1fr) 300px;gap:24px;margin-top:22px;display:grid}.video-detail-content,.article-body,.info-panel,.user-profile-card,.user-stats,.user-modules{background:#090b0d;border:1px solid #22262a}.detail-tabs{border-bottom:1px solid #25282c;height:56px;display:flex}.detail-tabs button{color:#888;cursor:pointer;background:0 0;border:0;width:110px}.detail-tabs button.active{color:#fff;border-bottom:2px solid #e51e2a}.detail-intro{color:#bbb;padding:26px;line-height:2}.detail-intro h2{color:#fff}.detail-intro img{max-width:100%;margin-top:12px}.episode-list{padding:12px 22px}.episode-list a{color:#bbb;border-bottom:1px solid #24272b;align-items:center;height:58px;display:flex}.episode-list a:hover{color:#ff700a}.episode-index{color:#777;width:55px}.episode-list em{color:#e51e2a;margin-left:auto;font-style:normal}.detail-recommend{background:#090b0d;border:1px solid #22262a;height:max-content;padding:20px}.detail-recommend h2{margin:0 0 18px;font-size:18px}.detail-recommend a{margin-bottom:18px;display:block}.detail-recommend img{object-fit:cover;width:100%;height:110px;display:block}.detail-recommend span{color:#bbb;padding-top:8px;display:block}.article-body{padding:34px 48px;position:relative}.article-body h1{color:#fff;margin:0 0 15px;font-size:28px}.original-badge{color:#fff;background:#e51e2a;padding:5px 14px;font-size:12px;position:absolute;top:0;left:0}.article-meta{color:#777;border-bottom:1px solid #292c30;padding-bottom:20px;font-size:12px}.article-content{color:#bbb;font-size:15px;line-height:2.1}.article-content h2{color:#fff;margin-top:28px}.copyright{color:#888;background:#111417;margin-top:28px;padding:15px;font-size:12px}.related-link{color:#e65b61}.article-rank{min-width:0}.user-layout{grid-template-columns:235px minmax(0,1fr);gap:24px;display:grid}.user-sidebar{background:#090b0d;border:1px solid #22262a;height:max-content}.user-sidebar h2{border-bottom:1px solid #292c30;margin:0;padding:23px 22px;font-size:20px}.user-sidebar a{color:#999;justify-content:space-between;padding:15px 22px;font-size:14px;display:flex}.user-sidebar a:hover,.user-sidebar a.active{color:#fff;background:#171014;border-left:3px solid #e51e2a}.user-profile-card{align-items:center;gap:25px;padding:30px;display:flex}.profile-avatar{border:1px solid #286046;border-radius:50%;width:100px;height:100px;padding:6px}.profile-avatar.small{width:70px;height:70px}.profile-avatar img{width:100%;height:100%}.profile-main{flex:1}.profile-main h1{margin:0 12px 10px 0;font-size:25px;display:inline-block}.profile-main p,.info-heading p{color:#777;margin:0;font-size:13px}.level-tag{color:#ff6972;background:#52232b;border-radius:12px;padding:4px 10px;font-size:12px}.outline-button{color:#ff6972;border:1px solid #a3343e;border-radius:20px;margin-top:18px;padding:7px 20px;font-size:12px;display:inline-block}.binding{color:#888;font-size:13px;line-height:1.8}.binding b{color:#36bb80;margin-left:8px;font-weight:400}.user-stats{grid-template-columns:repeat(4,1fr);margin-top:18px;padding:20px;display:grid}.user-stats div{text-align:center;border-right:1px solid #292c30}.user-stats div:last-child{border:0}.user-stats strong,.user-stats span{display:block}.user-stats strong{color:#eee;font-size:24px}.user-stats span{color:#777;margin-top:7px;font-size:12px}.user-modules{margin-top:18px;padding:24px}.user-modules h2{margin:0 0 20px;font-size:19px}.module-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.module-grid a{background:#111417;align-items:center;gap:12px;padding:15px;display:flex}.module-grid img{width:55px;height:55px}.module-grid h3{margin:0 0 7px;font-size:15px}.module-grid p{color:#777;margin:0;font-size:11px}.module-grid span{color:#777;margin-left:auto}.info-panel{padding:30px 42px}.info-heading{border-bottom:1px solid #292c30;align-items:center;gap:16px;padding-bottom:25px;display:flex}.info-heading h1{margin:0 0 8px;font-size:24px}.info-form{padding-top:20px}.info-form label{align-items:flex-start;min-height:38px;margin-bottom:18px;display:flex}.info-form label>span{color:#999;width:90px;padding-top:10px;font-size:13px}.info-form input,.info-form textarea{color:#ddd;background:#111417;border:1px solid #292d32;outline:0;width:100%;padding:10px 12px}.info-form textarea{resize:vertical;height:85px}.info-value{color:#aaa;padding-top:10px;font-size:13px;font-weight:400}.avatar-picker{flex:1;grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.avatar-picker button{color:#888;cursor:pointer;background:#111417;border:1px solid #292d32;padding:7px}.avatar-picker button.active,.avatar-picker button:hover{color:#fff;border-color:#e51e2a}.avatar-picker img{width:40px;height:40px;margin:auto;display:block}.avatar-picker em{margin-top:3px;font-size:11px;font-style:normal;display:block}.save-button{margin-left:90px}.notice-button{color:#b8dcec;background:radial-gradient(circle,#1b526d,#071018 68%);border-radius:50%;flex:0 0 34px;place-items:center;width:34px;height:34px;font-size:17px;display:grid;position:relative;box-shadow:0 0 12px #48a9d559}.notice-button span{background:#ef2530;border-radius:50%;width:7px;height:7px;position:absolute;top:1px;right:1px}.user-section-panel{background:linear-gradient(135deg,#5246458c,#121013f0 34%,#2a0e11a6);border:1px solid #555057;border-radius:23px;min-height:620px;padding:42px;box-shadow:inset 0 0 55px #6424241f}.user-section-panel>h1{margin:0;font-size:31px}.user-section-line{background:#3b393c;height:1px;margin:30px 0 22px}.data-box{background:#08090b73;border:1px solid #454146;border-radius:16px;overflow:hidden}.data-head{color:#c3c0c3;background:linear-gradient(#4a484b,#242427);grid-template-columns:2fr 1fr 1.5fr .7fr;align-items:center;gap:14px;min-height:58px;padding:0 14px;font-size:14px;display:grid}.collection-head{grid-template-columns:34px 1fr 130px 60px}.history-head{grid-template-columns:34px 1fr 105px 150px 75px}.empty-state{place-items:center;height:275px;display:grid}.empty-state img{opacity:.16;filter:brightness(.7);width:115px}.data-actions{border-top:1px solid #29272b;align-items:center;gap:12px;height:62px;padding:13px;display:flex}.data-actions button,.history-row button,.back-button{color:#ddd;cursor:pointer;background:linear-gradient(110deg,#33070b,#751317);border:1px solid #c1212c;border-radius:6px;height:37px;padding:0 20px}.center-tabs{border:1px solid #403b40;border-radius:15px;justify-content:center;gap:9px;margin-bottom:18px;padding:12px;display:flex;position:relative}.center-tabs button{color:#bbb;background:#39383b;border:1px solid #555159;border-radius:6px;height:36px;padding:0 18px;font-weight:700}.center-tabs button.active{color:#fff;background:linear-gradient(#ff6849,#eb191f);border-color:#ff5740;box-shadow:0 8px 19px #e724224d}.center-tabs span{color:#aaa;font-size:12px;position:absolute;top:20px;right:18%}.back-button{align-items:center;display:flex;position:absolute;top:46px;right:52px}.history-row{color:#bbb;border-top:1px solid #29272b;grid-template-columns:34px 1fr 105px 150px 75px;align-items:center;gap:14px;min-height:69px;padding:8px 14px;font-size:13px;display:grid}.history-row>div{align-items:center;gap:10px;min-width:0;display:flex}.history-row img{object-fit:cover;border-radius:7px;width:44px;height:44px}.history-row b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.upgrade-user{background:linear-gradient(110deg,#292527,#131518,#562219);border:1px solid #514d50;border-radius:8px;align-items:center;gap:14px;padding:14px;display:flex}.upgrade-user img{border:1px solid #b32832;border-radius:50%;width:70px;height:70px;padding:4px}.upgrade-user b,.upgrade-user span{display:block}.upgrade-user b{font-size:20px}.upgrade-user span{color:#999;margin-top:10px}.vip-plans{border:1px solid #51484b;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:18px;margin:22px 0;padding:20px;display:grid}.vip-plans button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#655456,#151719);border:1px solid #6a4d4c;border-radius:8px;height:153px;position:relative}.vip-plans button.active{border-color:#ff5d42;box-shadow:inset 0 0 0 2px #8c3b32}.vip-plans em{background:linear-gradient(#ff705a,#d92328);border-radius:5px;padding:7px 12px;font-style:normal;position:absolute;top:-15px;right:16px}.vip-plans strong{font-size:25px;display:block}.vip-plans b{color:#ff792e;font-size:30px}.vip-plans span{color:#ff8a31}.pay-methods{justify-content:center;gap:14px;padding:8px;display:flex}.pay-methods button{color:#bbb;background:#201e20;border:1px solid #514e53;border-radius:30px;min-width:180px;padding:13px 22px;font-size:17px;font-weight:700}.pay-methods button.active{color:#fff;background:linear-gradient(100deg,#68241d,#9e3229);box-shadow:0 0 16px #ff432a61}.big-pay{color:#fff;background:linear-gradient(#ff694c,#db141a);border:1px solid #ff7258;border-radius:7px;min-width:196px;margin:22px auto;padding:14px 30px;font-size:20px;font-weight:700;display:block;box-shadow:0 10px 25px #e21d1a4d}.service-note{color:#ddd;background:linear-gradient(100deg,#4d352a,#261819);border:1px solid #9e6530;border-radius:7px;padding:18px;font-size:12px}.service-note>b{color:#ffbd67;font-size:16px}.recharge-box>div{border-bottom:1px solid #3b3438;align-items:center;gap:16px;min-height:108px;padding:20px 58px;font-size:21px;display:flex}.recharge-box>div>b{color:#aaa;width:125px}.recharge-box em{color:#ff7530;font-size:30px;font-style:normal}.recharge-box input{color:#fff;background:#070809;border:1px solid #a92b22;border-radius:10px;outline:0;width:225px;height:62px;padding:15px;font-size:18px}.record-page .data-head{grid-template-columns:1fr 1fr}.record-page .data-actions{justify-content:flex-start}@media (width<=900px){.news-layout{max-width:calc(100% - 24px);display:block}.news-list{margin-bottom:24px}.news-item{gap:12px;height:auto;min-height:150px;padding:10px}.news-thumb{flex-basis:135px;width:135px;height:90px}.news-item h3{margin:2px 0 8px;font-size:16px}.news-item p{height:36px;font-size:11px;line-height:18px}.news-item footer{padding-top:8px;font-size:11px}.hot-box{margin-bottom:14px}.pagination{gap:5px;height:100px;overflow:auto}.pagination button{padding:0 10px}.user-section-panel{padding:25px 18px;overflow-x:auto}.data-box{min-width:650px}.vip-plans{grid-template-columns:1fr}.upgrade-box,.recharge-box{min-width:620px}}@media (width<=560px){.news-main{padding-top:10px}.news-layout{max-width:calc(100% - 24px)}.news-list>h2{height:44px;font-size:16px;line-height:44px}.news-item{min-height:125px}.news-thumb{flex-basis:105px;width:105px;height:72px}.news-item h3{font-size:13px}.news-item p{height:32px;font-size:10px;line-height:16px}.news-item footer{font-size:10px}.hot-box{padding:18px 14px}.hot-box h2{font-size:16px}}@media (width<=900px){.course-head-card,.video-detail-layout,.article-detail-layout{max-width:calc(100% - 24px)}.video-detail-layout,.article-detail-layout{grid-template-columns:1fr}.detail-recommend{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.detail-recommend h2{grid-column:1/-1}.user-layout{grid-template-columns:190px minmax(0,1fr);gap:14px;max-width:calc(100% - 24px)}.user-profile-card{gap:14px;padding:20px}.module-grid{grid-template-columns:1fr}.info-panel{padding:22px}.avatar-picker{grid-template-columns:repeat(4,1fr)}}@media (width<=560px){.header-user{flex-basis:34px;height:34px}.avatar{width:34px;height:34px}.notice-button{flex-basis:30px;width:30px;height:30px}.nav-login-bd{width:calc(100vw - 16px);position:fixed;top:108px;right:8px}.course-head-card{padding:14px;display:block}.course-cover-image{width:100%;height:auto;max-height:220px}.course-info h1{font-size:24px}.detail-breadcrumb{max-width:calc(100% - 24px);font-size:12px}.article-body{padding:28px 18px}.article-body h1{font-size:21px}.article-content{font-size:13px}.user-layout{display:block}.user-sidebar{margin-bottom:16px}.user-sidebar a{width:33.333%;padding:11px 8px;font-size:11px;display:inline-flex}.user-sidebar h2{padding:15px;font-size:17px}.user-profile-card{display:block}.profile-main{margin-top:14px}.binding{margin-top:15px}.user-stats{padding:14px 4px}.user-stats strong{font-size:18px}.user-stats span{font-size:11px}.info-form label{display:block}.info-form label>span{width:auto;padding:0 0 7px;display:block}.save-button{margin-left:0}.detail-recommend{grid-template-columns:1fr}.detail-recommend h2{grid-column:auto}.avatar-picker{grid-template-columns:repeat(4,1fr)}.user-section-panel{min-height:500px;padding:20px 12px}.user-section-panel>h1{font-size:24px}.back-button{top:28px;right:20px}.recharge-box>div{padding:16px}}.auth-entry{color:#eee;background:#101214;border:1px solid #2e3135;border-radius:4px;justify-content:center;align-items:center;min-width:114px;height:42px;font-size:15px;display:flex}.auth-entry:hover{border-color:#6d252b}.auth-page{background:radial-gradient(circle at 29% 58%,#4c0a1080,#0000 33%),radial-gradient(circle at 72% 43%,#46070c85,#0000 32%),#020304;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.auth-card{z-index:2;background:linear-gradient(135deg,#450d12c7,#110b0df5 53%,#340a0ed4);border:1px solid #492328;width:420px;min-height:460px;padding:60px 54px 38px;position:relative;box-shadow:0 16px 50px #0000008c}.auth-card.auth-register{min-height:810px;padding-top:58px}.auth-card.auth-forget{min-height:565px}.auth-home{color:#bbb;border:1px solid #58363a;padding:6px 12px;font-size:12px;position:absolute;top:16px;left:18px}.auth-logo{width:180px;height:55px;margin:0 auto 8px;display:block}.auth-logo img{object-fit:contain;filter:invert()brightness(1.8);width:100%;height:100%}.auth-card h1{text-align:center;margin:16px 0 26px;font-size:28px}.auth-card form>input,.auth-card label,.password-input{color:#aaa;background:#080a0b;border:1px solid #303237;width:100%;height:39px;margin-bottom:16px;display:flex}.auth-card input{color:#ddd;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:0 13px}.auth-card label>span{background:#2a2428;border-right:1px solid #393238;place-items:center;width:42px;display:grid}.password-input button{color:#eee;background:#6a2022;border:0;width:70px}.auth-links{color:#aaa;justify-content:space-between;margin:-1px -8px 20px;font-size:12px;display:flex}.auth-code,.captcha{display:flex}.auth-code label,.captcha label{flex:1}.auth-code>button{color:#fff;background:#bd1020;border:0;width:104px;height:39px;font-weight:700}.auth-card textarea{color:#ddd;resize:none;background:#090b0c;border:1px solid #343237;width:100%;height:104px;margin-bottom:16px;padding:10px}.captcha b{color:#391743;letter-spacing:5px;background:#eee;place-items:center;width:104px;height:39px;font-style:italic;display:grid}.auth-submit{color:#fff;background:linear-gradient(100deg,#ff272c,#a70b17);border:1px solid #ff3a40;width:100%;height:48px;font-size:16px;font-weight:700}.auth-bottom-link{color:#aaa;margin-top:16px;font-size:12px}.auth-slogan{text-align:center;color:#fa222c;letter-spacing:3px;margin-top:28px;font-size:11px;display:block}.auth-radar{border:1px solid #c21c238c;border-radius:50%;width:390px;height:390px;position:absolute;top:43%;right:9%}.auth-radar:before,.auth-radar:after{content:"";border:1px solid #c21c238c;border-radius:50%;position:absolute}.auth-radar:before{inset:48px}.auth-radar:after{inset:100px}.auth-radar i{clip-path:polygon(50% 0,100% 25%,68% 100%,32% 100%,0 25%);background:#987f2e;width:25px;height:115px;position:absolute;top:50%;left:50%;transform:translate(-50%,-25%)}@media (width<=560px){.auth-entry{min-width:86px;height:35px;font-size:12px}.auth-page{align-items:flex-start;padding:24px 12px}.auth-card,.auth-card.auth-register{width:100%;max-width:420px;padding-left:24px;padding-right:24px}.auth-radar{display:none}}.watch-page{background:#030405;min-height:100vh}.watch-main{background:radial-gradient(circle at 80% 15%,#8010192e,#0000 26%),#030405;min-height:760px;padding:26px 0 70px}.watch-breadcrumb,.watch-heading,.watch-layout{width:1280px;max-width:calc(100% - 40px);margin-left:auto;margin-right:auto}.watch-breadcrumb{color:#666;gap:9px;margin-bottom:20px;font-size:12px;display:flex}.watch-heading{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.watch-heading>div{align-items:center;gap:12px;display:flex}.watch-heading h1{margin:0;font-size:27px}.watch-heading p{color:#777;border-left:1px solid #33363a;margin:4px 0 0;padding-left:12px;font-size:13px}.watch-vip{background:linear-gradient(135deg,#ff463e,#9d0b18);border-radius:4px;padding:4px 8px;font-size:11px;font-weight:800}.collect-button{color:#aaa;cursor:pointer;background:#111316;border:1px solid #514348;border-radius:22px;height:42px;padding:0 20px}.collect-button span{margin-right:8px;font-size:21px}.collect-button:hover,.collect-button.collected{color:#ff5660;background:#710e1659;border-color:#e1333d;box-shadow:0 0 18px #e11f2b2e}.watch-layout{grid-template-columns:minmax(0,1fr) 350px;gap:18px;display:grid}.player-screen{aspect-ratio:16/9;background:#000;border:1px solid #2c2f33;border-radius:10px 10px 0 0;position:relative;overflow:hidden;box-shadow:0 18px 50px #0000009e}.player-screen>img{object-fit:cover;filter:brightness(.58)saturate(.8);width:100%;height:100%}.player-shade{background:linear-gradient(#0000 64%,#000000e6);position:absolute;inset:0}.player-play{color:#fff;background:#100f129e;border:1px solid #ffffff61;border-radius:50%;width:78px;height:78px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 12px #ffffff09,0 0 35px #e01c2852}.player-play span{margin-left:5px;font-size:27px;display:block}.player-center-copy{position:absolute;top:25px;left:27px}.player-center-copy small{color:#d72b35;letter-spacing:2px;font-size:10px;display:block}.player-center-copy strong{color:#ddd;margin-top:7px;font-size:16px;display:block}.player-controls{color:#bbb;align-items:center;gap:11px;font-size:11px;display:flex;position:absolute;bottom:14px;left:18px;right:18px}.player-controls button{color:#ddd;background:0 0;border:0}.player-progress{background:#48484a;flex:1;height:4px}.player-progress i{background:linear-gradient(90deg,#ba101d,#ff5b4e);height:100%;display:block}.player-meta{background:#0d0f11;border:1px solid #292c30;border-top:0;justify-content:space-between;align-items:center;min-height:92px;padding:18px 22px;display:flex}.player-meta>div>span{color:#d52d37;font-size:10px}.player-meta h2{margin:5px 0;font-size:17px}.player-meta p{color:#666;margin:0;font-size:11px}.player-meta-stats{color:#777;gap:17px;font-size:11px;display:flex}.watch-description{background:#0a0c0e;border:1px solid #292c30;border-radius:8px;margin-top:17px;padding:22px}.watch-description h3{margin:0 0 11px}.watch-description p{color:#87888b;margin:0;font-size:13px;line-height:1.9}.watch-description>div{gap:8px;margin-top:17px;display:flex}.watch-description span{color:#9d6469;border:1px solid #332d30;border-radius:14px;padding:5px 10px;font-size:10px}.chapter-panel{background:linear-gradient(155deg,#121417,#08090b 70%);border:1px solid #2b2e32;border-radius:10px;flex-direction:column;max-height:720px;display:flex}.chapter-panel>header{border-bottom:1px solid #292c30;justify-content:space-between;align-items:center;height:82px;padding:0 20px;display:flex}.chapter-panel h2{margin:0 0 6px;font-size:18px}.chapter-panel header p{color:#68696c;margin:0;font-size:11px}.chapter-panel header>span{color:#b82a33;font-size:12px}.chapter-list{padding:8px;overflow-y:auto}.chapter-list>button{color:#898a8d;text-align:left;background:0 0;border:0;border-bottom:1px solid #202327;grid-template-columns:36px 1fr 24px;align-items:center;gap:9px;width:100%;min-height:70px;padding:10px;display:grid;position:relative}.chapter-list>button:hover{color:#eee;background:#151719}.chapter-list>button.active{color:#fff;background:linear-gradient(100deg,#71121aa6,#1a1215b3);border-radius:7px}.chapter-number{color:#555}.chapter-list button.active .chapter-number{color:#ff6268}.chapter-list button>div{min-width:0}.chapter-list strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.chapter-list small{color:#555;justify-content:space-between;margin-top:9px;font-size:10px;display:flex}.chapter-list i,.chapter-list em{font-style:normal}.chapter-list button>div>b{background:#b8242e;height:2px;position:absolute;bottom:4px;left:55px}.chapter-play{text-align:center;color:#555;font-size:10px}.chapter-panel>footer{color:#777;border-top:1px solid #292c30;justify-content:space-between;align-items:center;height:58px;padding:0 20px;font-size:11px;display:flex}.switch{background:#62161c;border:0;border-radius:12px;width:40px;height:21px;position:relative}.switch i{background:#ef434b;border-radius:50%;width:15px;height:15px;position:absolute;top:3px;right:3px}@media (width<=980px){.watch-layout{grid-template-columns:1fr}.chapter-panel{max-height:none}.chapter-list{grid-template-columns:1fr 1fr;display:grid}}@media (width<=560px){.watch-breadcrumb,.watch-heading,.watch-layout{max-width:calc(100% - 24px)}.watch-heading>div{display:block}.watch-heading h1{font-size:21px;display:inline-block}.watch-heading p{border:0;padding:0}.collect-button{height:36px;padding:0 12px;font-size:11px}.player-play{width:57px;height:57px}.player-center-copy{top:13px;left:14px}.player-controls{gap:5px;left:8px;right:8px}.player-meta{padding:14px;display:block}.player-meta-stats{margin-top:12px}.chapter-list{display:block}}.app-loading{z-index:99999;color:#fff;background:radial-gradient(circle at 50% 42%,#740d1652,#0000 34%),#030405;place-items:center;display:grid;position:fixed;inset:0}.app-loading__content{text-align:center;width:min(320px,100vw - 48px)}.app-loading__mark{width:76px;height:76px;margin:0 auto 24px;position:relative}.app-loading__mark i{border:2px solid #0000;border-top-color:#ef2632;border-radius:50%;animation:1.15s linear infinite app-loading-spin;position:absolute;inset:0}.app-loading__mark i:nth-child(2){border-top-color:#0000;border-right-color:#b51622;animation-duration:.85s;animation-direction:reverse;inset:9px}.app-loading__mark i:nth-child(3){background:#e91f2d;border:0;animation:1.1s ease-in-out infinite app-loading-pulse;inset:22px;box-shadow:0 0 24px #e91f2da6}.app-loading__content strong,.app-loading__content span{display:block}.app-loading__content strong{letter-spacing:5px;font-size:20px}.app-loading__content span{color:#8f9297;letter-spacing:2px;margin-top:10px;font-size:12px}.app-loading__bar{background:#22252a;height:2px;margin-top:25px;overflow:hidden}.app-loading__bar i{background:linear-gradient(90deg,#0000,#ef2632,#0000);width:42%;height:100%;animation:1.15s ease-in-out infinite app-loading-bar;display:block}.app-loading-fade-leave-active{transition:opacity .35s,visibility .35s}.app-loading-fade-leave-to{opacity:0;visibility:hidden}@keyframes app-loading-spin{to{transform:rotate(360deg)}}@keyframes app-loading-pulse{0%,to{opacity:.5;transform:scale(.72)}50%{opacity:1;transform:scale(1)}}@keyframes app-loading-bar{0%{transform:translate(-110%)}to{transform:translate(340%)}}@media (prefers-reduced-motion:reduce){.app-loading__mark i,.app-loading__bar i{animation-duration:2.5s}}.brand.brand-text{color:#fff;letter-spacing:3px;white-space:nowrap;text-shadow:0 0 16px #fff3;justify-content:center;align-items:center;font-size:22px;font-weight:700;display:flex}.policy-page{background:radial-gradient(circle at 84%,#5f081259,#0000 30%),#030405;flex-direction:column;min-height:100vh;display:flex}.policy-main{flex:1;padding:15px 20px 50px}.policy-card{color:#3d3d3d;background:#fff;border:1px solid #d7d7d7;border-radius:10px;width:1200px;max-width:100%;min-height:760px;margin:0 auto;padding:68px 40px;box-shadow:0 10px 30px #00000042}.policy-card h1{text-align:center;color:#333;margin:0 0 70px;font-size:28px}.policy-rich-text{overflow-wrap:anywhere;font-size:16px;line-height:2.25}.policy-rich-text p{margin:0 0 28px}.policy-rich-text h1,.policy-rich-text h2,.policy-rich-text h3,.policy-rich-text h4{text-align:left;color:#262626;margin:28px 0 18px}.policy-rich-text h1{font-size:26px}.policy-rich-text h2{font-size:22px}.policy-rich-text h3{font-size:19px}.policy-rich-text h4{font-size:17px}.policy-rich-text img{max-width:100%;height:auto}.policy-rich-text a{color:#c11a26;text-decoration:underline}.policy-rich-text ul,.policy-rich-text ol{padding-left:30px}.policy-rich-text table{border-collapse:collapse;width:100%}.policy-rich-text th,.policy-rich-text td{border:1px solid #ddd;padding:10px}@media (width<=700px){.brand.brand-text{letter-spacing:1px;font-size:16px}.policy-main{padding:12px 12px 30px}.policy-card{border-radius:6px;min-height:600px;padding:38px 22px}.policy-card h1{margin-bottom:38px;font-size:24px}.policy-rich-text{font-size:14px;line-height:2}.policy-rich-text p{margin-bottom:20px}}