:root{--site-bg:#11151b;--site-panel:rgba(25,30,37,.9);--site-panel-2:rgba(35,41,50,.96);--site-border:#303845;--site-text:#f2f3f5;--site-muted:#9aa5b4;--site-link:#58b8e8;--site-link-soft:#a9d9ee;--site-active:rgba(83,101,121,.38);--news-strip-bg:rgba(25,30,37,.92);--news-strip-text:#e9eef4;--news-strip-title:#7ccbf1;--news-strip-line:rgba(154,165,180,.42);}
body.theme-gray{--site-bg:#f3f4f6;--site-panel:#fff;--site-panel-2:#eef0f4;--site-border:#d9dde5;--site-text:#20242c;--site-muted:#687083;--site-link:#1677ff;--site-link-soft:#416b9c;--site-active:#e8edf5;--news-strip-bg:#fff;--news-strip-text:#20242c;--news-strip-title:#1f62b5;--news-strip-line:#cfd6e1;}
body.theme-blue{--site-bg:#e8edf2;--site-panel:rgba(244,248,251,.9);--site-panel-2:rgba(226,235,242,.96);--site-border:#9fb7ca;--site-text:#1e3345;--site-muted:#5b7182;--site-link:#286da5;--site-link-soft:#527f9e;--site-active:rgba(159,190,214,.28);--news-strip-bg:rgba(247,250,252,.94);--news-strip-text:#1e3345;--news-strip-title:#286da5;--news-strip-line:#9fb7ca;background:linear-gradient(180deg,#3979b5 0%,#6da4cd 16%,#9cc1d9 34%,#c2d4e1 56%,#dce5eb 78%,#edf1f4 100%) fixed;}
body.theme-green{--site-bg:#f6eee4;--site-panel:#fbf6ef;--site-panel-2:#efe3d3;--site-border:#d9c7b1;--site-text:#222;--site-muted:#5f5448;--site-link:#7a5e3c;--site-link-soft:#8f7351;--site-active:#e6d7c6;--news-strip-bg:#fbf6ef;--news-strip-text:#2d261f;--news-strip-title:#7a5e3c;--news-strip-line:#d0bca3;}
body.theme-emerald{--site-bg:#edf7f0;--site-panel:#f8fcf9;--site-panel-2:#e5f2e9;--site-border:#b8d8c1;--site-text:#20352a;--site-muted:#5f7566;--site-link:#1f8a4c;--site-link-soft:#4d9b6b;--site-active:#d9efdf;--news-strip-bg:#f8fcf9;--news-strip-text:#20352a;--news-strip-title:#1f8a4c;--news-strip-line:#b8d8c1;}
body.theme-emerald{background:var(--site-bg);}
body.theme-amber{--site-bg:#f1eee9;--site-panel:rgba(249,247,243,.9);--site-panel-2:rgba(236,232,226,.96);--site-border:#ccbda8;--site-text:#3a3025;--site-muted:#786b5d;--site-link:#c98318;--site-link-soft:#9d8b74;--site-active:rgba(208,188,159,.22);--news-strip-bg:rgba(250,248,244,.95);--news-strip-text:#3a3025;--news-strip-title:#b36f12;--news-strip-line:#cdbb9f;background:linear-gradient(180deg,#f5bb47 0%,#efcb8c 16%,#e7d8bc 34%,#e1ddd6 56%,#e7e4df 78%,#f1efec 100%) fixed;}
body.theme-red{--site-bg:#dbdad5;--site-panel:#e6e4df;--site-panel-2:#efede8;--site-border:#c9c6bf;--site-text:#222;--site-muted:#5f5a52;--site-link:#4f4a43;--site-link-soft:#726c63;--site-active:#d2cfc8;--news-strip-bg:#efede8;--news-strip-text:#2b2926;--news-strip-title:#6b2f2b;--news-strip-line:#bbb5aa;}
body.theme-amber .home-topbar,body.theme-amber .home-menu,body.theme-amber .mobile-nav-all,body.theme-amber .home-layout,body.theme-amber .home-footer{background:transparent;}
body.theme-blue .home-topbar,body.theme-blue .home-menu,body.theme-blue .mobile-nav-all,body.theme-blue .home-layout,body.theme-blue .home-footer{background:transparent;}
body:not(.theme-gray):not(.theme-blue):not(.theme-green):not(.theme-emerald):not(.theme-amber):not(.theme-red){background:linear-gradient(180deg,#11151b 0%,#202a35 18%,#3a4855 38%,#586672 58%,#75808a 78%,#929aa1 100%) fixed;}
body:not(.theme-gray):not(.theme-blue):not(.theme-green):not(.theme-emerald):not(.theme-amber):not(.theme-red) .home-topbar,body:not(.theme-gray):not(.theme-blue):not(.theme-green):not(.theme-emerald):not(.theme-amber):not(.theme-red) .home-menu,body:not(.theme-gray):not(.theme-blue):not(.theme-green):not(.theme-emerald):not(.theme-amber):not(.theme-red) .mobile-nav-all,body:not(.theme-gray):not(.theme-blue):not(.theme-green):not(.theme-emerald):not(.theme-amber):not(.theme-red) .home-layout,body:not(.theme-gray):not(.theme-blue):not(.theme-green):not(.theme-emerald):not(.theme-amber):not(.theme-red) .home-footer{background:transparent;}
body.theme-amber .home-topbar{backdrop-filter:blur(10px);background:rgba(245,241,235,.78);}
body.theme-blue .home-topbar{backdrop-filter:blur(10px);background:rgba(237,245,250,.76);}
body:not(.theme-gray):not(.theme-blue):not(.theme-green):not(.theme-emerald):not(.theme-amber):not(.theme-red) .home-topbar{backdrop-filter:blur(10px);background:rgba(17,22,28,.8);}
body.theme-amber .home-menu-float{filter:drop-shadow(0 6px 14px rgba(121,109,92,.14));}
body.theme-amber .mobile-nav-all-toggle{box-shadow:-8px 0 10px rgba(242,233,223,.92);}
body.theme-amber .content-recommend{background:rgba(142,65,57,.9);color:#fff;border-left:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);}
body.theme-amber .home-recommend-card,body.theme-amber .content-class-cover,body.theme-amber .video-cover,body.theme-amber .home-history,body.theme-amber .sub-nav{box-shadow:0 8px 20px rgba(121,109,92,.08),inset 0 0 0 1px rgba(255,255,255,.18);}
body.theme-blue .home-recommend-card,body.theme-blue .content-class-cover,body.theme-blue .video-cover,body.theme-blue .home-history,body.theme-blue .sub-nav{box-shadow:0 8px 20px rgba(49,102,145,.1),inset 0 0 0 1px rgba(255,255,255,.22);}
body.theme-red .content-recommend{background:rgba(95,90,82,.88);color:#fff;border-left:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);}
*{box-sizing:border-box;}
html,body{min-height:100%;}
body{margin:0;background:var(--site-bg);color:var(--site-text);font-family:'Microsoft Yahei','\5FAE\8F6F\96C5\9ED1',Arial,sans-serif;}
a{color:inherit;text-decoration:none;}
.home-topbar{position:sticky;top:0;z-index:80;height:112px;display:flex;align-items:flex-start;gap:26px;padding:6px 60px 0;background:var(--site-bg);border-bottom:1px solid var(--site-border);}
.home-logo{display:flex;align-items:center;max-width:400px;height:94px;color:var(--site-text);font-size:25px;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.home-logo img{display:block;max-width:380px;max-height:90px;object-fit:contain;}
.home-search{position:absolute;top:32px;left:calc(50% - 100px);display:flex;align-items:center;width:min(420px,36vw);height:46px;margin:0;transform:translateX(-50%);background:var(--site-panel-2);border:1px solid var(--site-border);border-radius:4px;overflow:hidden;}
.home-search input{min-width:0;flex:1;height:44px;border:0;background:transparent;color:var(--site-text);padding:0 16px;outline:none;font-size:15px;}
.home-search button{width:54px;height:44px;border:0;border-left:1px solid var(--site-border);background:transparent;color:var(--site-muted);cursor:pointer;}
.home-search button span{display:none;}
.home-search button:hover{color:var(--site-link);}
.home-welcome{position:absolute;top:80px;left:25%;width:min(365px,30vw);transform:translateX(-50%);overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;color:var(--site-link-soft);font-size:14px;line-height:22px;font-weight:600;}
.home-quick-links{display:flex;align-items:center;gap:26px;margin-top:18px;margin-left:auto;}.home-quick-links a{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:42px;color:var(--site-muted);font-size:14px;line-height:18px;white-space:nowrap;cursor:default;}.home-quick-links i{color:var(--site-link);font-size:23px;}.home-quick-links a:hover{color:var(--site-link);}
.home-history-menu{position:relative;display:block;}.home-history-dropdown{position:absolute;top:100%;right:-88px;z-index:100;display:none;width:280px;padding:6px;background:var(--site-panel);border:1px solid var(--site-border);border-radius:5px;box-shadow:0 12px 26px rgba(0,0,0,.22);}.home-history-menu:hover .home-history-dropdown{display:block;}.home-history-dropdown .home-history-card{display:block;padding:8px 10px;border-bottom:1px solid var(--site-border);color:var(--site-text);cursor:pointer;}.home-history-dropdown .home-history-card:last-child{border-bottom:0;}.home-history-dropdown .home-history-card:hover{background:var(--site-panel-2);color:var(--site-link);}.home-history-dropdown .home-history-card strong,.home-history-dropdown .home-history-card span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.home-history-dropdown .home-history-card strong{font-size:13px;line-height:20px;}.home-history-dropdown .home-history-card span{color:var(--site-muted);font-size:12px;line-height:18px;}.home-history-empty{display:block;padding:14px 10px;color:var(--site-muted);font-size:13px;text-align:center;}
.home-lang-filter{position:static;display:flex;align-items:center;gap:14px;width:100%;max-width:none;margin:0;padding:10px 60px;background:var(--site-bg);border-bottom:1px solid var(--site-border);overflow-x:auto;scrollbar-width:none;}
.home-lang-filter::-webkit-scrollbar{display:none;}
.home-filter-group{display:flex;align-items:center;gap:8px;flex:0 0 auto;}
.home-filter-lang{margin-left:auto;}
.home-lang-filter a{flex:0 0 auto;height:30px;line-height:28px;padding:0 14px;border:1px solid var(--site-border);border-radius:15px;background:var(--site-panel);color:var(--site-muted);font-size:13px;white-space:nowrap;}
.home-lang-filter a:hover,.home-lang-filter a.active{border-color:var(--site-link);background:var(--site-active);color:var(--site-link);font-weight:700;}
.home-lang-filter span{flex:0 0 auto;height:30px;line-height:30px;color:var(--site-muted);font-size:13px;font-weight:700;}
.theme-picker{display:flex;align-items:center;gap:8px;color:var(--site-muted);font-size:13px;}
.theme-dot{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;background:var(--dot);box-shadow:0 0 0 1px rgba(255,255,255,.18);}
.theme-dot-dark{--dot:#202a35}.theme-dot-gray{--dot:#c9ced6}.theme-dot-blue{--dot:#3979b5}.theme-dot-green{--dot:#7a5e3c}.theme-dot-emerald{--dot:#1f8a4c}.theme-dot-amber{--dot:#c98318}.theme-dot-red{--dot:#4f4a43}
.footer-theme-picker .theme-dot[data-theme="emerald"]{background:#1f8a4c!important;}
.theme-dot.active{border-color:var(--site-link);box-shadow:0 0 0 2px rgba(255,255,255,.18);}
.footer-theme-picker{margin-top:12px;flex-wrap:wrap;gap:10px;}
.footer-theme-picker .theme-dot{padding:0;appearance:none;-webkit-appearance:none;}
.footer-theme-picker-corner{margin-top:auto;align-self:flex-end;justify-content:flex-end;padding-top:10px;}
.footer-theme-picker-corner .theme-dot{width:28px;height:28px;box-shadow:0 0 0 1px rgba(255,255,255,.28);}
.footer-theme-picker-corner .theme-dot.active{box-shadow:0 0 0 2px rgba(255,255,255,.18);}
.member-link{height:32px;line-height:32px;padding:0 11px;border-radius:4px;background:var(--site-panel);color:var(--site-muted);font-size:13px;white-space:nowrap;}
.member-link:hover{color:var(--site-link);}
.home-layout{display:grid;grid-template-columns:154px minmax(0,1fr);max-width:1600px;margin:0 auto;background:var(--site-bg);}
.home-menu{position:static;height:auto;overflow:auto;scrollbar-width:none;padding:14px 8px 110px 10px;background:var(--site-bg);}
.home-menu::-webkit-scrollbar{display:none;}
.home-menu-float{position:sticky;left:100%;bottom:18px;z-index:6;display:block;width:30px;height:30px;margin:14px 0 0 auto;border:0;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 216 216'%3E%3Cpath d='M34 31l67 67 67-67' fill='none' stroke='%232d333f' stroke-width='16' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M34 113l67 67 67-67' fill='none' stroke='%232d333f' stroke-width='16' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/contain;cursor:pointer;opacity:.76;filter:drop-shadow(0 3px 6px rgba(0,0,0,.08));}
.home-menu-float:hover{opacity:1;transform:translateY(2px);}
.mobile-nav-all-toggle,.mobile-nav-all{display:none;}
.menu-item{height:38px;display:flex;align-items:center;gap:10px;padding:0 12px;margin-bottom:3px;border-radius:6px;color:var(--site-muted);font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.menu-item i{width:16px;text-align:center;color:var(--site-muted);}
.menu-item:hover{background:var(--site-panel-2);color:var(--site-text);}
.menu-item.active{background:var(--site-active);color:var(--site-text);font-weight:700;}
.menu-item.active i{color:var(--site-link);}
.home-content{min-width:0;padding:18px 24px 30px 18px;}
.sub-nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 14px;padding:12px 14px;background:var(--site-panel);border:1px solid var(--site-border);border-radius:6px;}
.sub-nav a{height:36px;line-height:36px;padding:0 16px;border-radius:4px;color:var(--site-muted);font-size:16px;font-weight:600;}
.sub-nav span{height:36px;line-height:36px;color:var(--site-text);font-size:16px;font-weight:700;}
.sub-nav a:hover,.sub-nav a.active{background:var(--site-active);color:var(--site-text);}
.content-head{display:flex;align-items:flex-end;justify-content:space-between;margin:2px 0 16px;}
.content-head h1{margin:0;font-size:24px;line-height:32px;font-weight:800;letter-spacing:0;}
.content-head p{margin:4px 0 0;color:var(--site-muted);font-size:13px;}
.home-featured{display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);grid-template-rows:auto 1fr;gap:12px;margin:0 0 12px;}.home-featured.solo{display:block;}.home-slider{grid-column:1;grid-row:1;position:relative;margin:0;border:1px solid var(--site-border);border-radius:6px;overflow:hidden;background:var(--site-panel);box-shadow:0 10px 26px rgba(0,0,0,.24);min-height:0;height:auto;aspect-ratio:16/9;}.home-slider:before{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;box-shadow:inset 0 0 0 2px rgba(255,255,255,.92),inset 0 1px 0 rgba(255,255,255,.18),inset 0 -1px 0 rgba(0,0,0,.2);}.home-featured.solo .home-slider{aspect-ratio:24/7;min-height:190px;}
.home-slider-track,.home-slide{position:absolute;inset:0;}
.home-slide{display:block;opacity:0;transition:opacity .35s ease;color:#fff;}
.home-slide.active{opacity:1;z-index:2;}
.home-slide img{width:100%;height:100%;display:block;object-fit:fill;background:var(--site-panel);}
.home-slide:after{content:"";position:absolute;left:0;right:0;bottom:0;height:46%;background:linear-gradient(to top,rgba(0,0,0,.68),rgba(0,0,0,0));}
.home-slide-caption{position:absolute;left:18px;right:120px;bottom:14px;z-index:3;display:block;overflow:hidden;}
.home-slide-caption strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-size:20px;line-height:28px;font-weight:800;text-shadow:0 2px 8px rgba(0,0,0,.45);}
.home-slide-caption em{display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(255,255,255,.9);font-size:14px;line-height:20px;font-style:normal;text-shadow:0 2px 8px rgba(0,0,0,.45);}
.home-slider-dots{position:absolute;right:14px;bottom:16px;z-index:5;display:flex;gap:6px;}
.home-slider-dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.45);cursor:pointer;}
.home-slider-dots button.active{width:22px;border-radius:8px;background:#fff;}
.home-slider-arrow{position:absolute;top:50%;z-index:6;width:28px;height:44px;margin-top:-22px;padding:0;border:0;border-radius:3px;background:rgba(0,0,0,.38);color:#fff;cursor:pointer;font-size:22px;opacity:0;transition:opacity .2s;}.home-slider:hover .home-slider-arrow{opacity:1;}.home-slider-arrow.prev{left:8px;}.home-slider-arrow.next{right:8px;}
.home-announcements{grid-column:1;grid-row:2;position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px;margin:0 0 6px;padding:18px 8px 14px;background:var(--news-strip-bg);color:var(--news-strip-text);border:1px solid var(--site-border);border-radius:6px;box-shadow:0 10px 26px rgba(0,0,0,.16),inset 0 0 0 2px rgba(255,255,255,.34),inset 0 1px 0 rgba(255,255,255,.14),inset 0 -1px 0 rgba(0,0,0,.08);min-height:0;overflow:hidden;align-content:start;}.home-announcements:after{content:"";position:absolute;left:8px;right:8px;top:54px;height:153px;pointer-events:none;background-repeat:no-repeat;}.home-announcements.rows-1:after{background-image:repeating-linear-gradient(to right,var(--news-strip-line) 0 8px,transparent 8px 14px),repeating-linear-gradient(to right,var(--news-strip-line) 0 8px,transparent 8px 14px);background-size:100% 1px,100% 1px;background-position:0 0,0 38px;}.home-announcements.rows-2:after{background-image:repeating-linear-gradient(to right,var(--news-strip-line) 0 8px,transparent 8px 14px),repeating-linear-gradient(to right,var(--news-strip-line) 0 8px,transparent 8px 14px),repeating-linear-gradient(to right,var(--news-strip-line) 0 8px,transparent 8px 14px);background-size:100% 1px,100% 1px,100% 1px;background-position:0 0,0 38px,0 76px;}.home-announcements.rows-3:after{background-image:repeating-linear-gradient(to right,var(--news-strip-line) 0 8px,transparent 8px 14px),repeating-linear-gradient(to right,var(--news-strip-line) 0 8px,transparent 8px 14px),repeating-linear-gradient(to right,var(--news-strip-line) 0 8px,transparent 8px 14px),repeating-linear-gradient(to right,var(--news-strip-line) 0 8px,transparent 8px 14px);background-size:100% 1px,100% 1px,100% 1px,100% 1px;background-position:0 0,0 38px,0 76px,0 114px;}.home-announcements.rows-4:after{background-image:repeating-linear-gradient(to right,var(--news-strip-line) 0 8px,transparent 8px 14px),repeating-linear-gradient(to right,var(--news-strip-line) 0 8px,transparent 8px 14px),repeating-linear-gradient(to right,var(--news-strip-line) 0 8px,transparent 8px 14px),repeating-linear-gradient(to right,var(--news-strip-line) 0 8px,transparent 8px 14px),repeating-linear-gradient(to right,var(--news-strip-line) 0 8px,transparent 8px 14px);background-size:100% 1px,100% 1px,100% 1px,100% 1px,100% 1px;background-position:0 0,0 38px,0 76px,0 114px,0 152px;}.home-announcements.rows-4{min-height:222px;}.home-announcement-col{min-width:0;}.home-announcement-col h2{margin:0 0 12px;color:var(--news-strip-title);font-size:18px;line-height:24px;font-weight:800;letter-spacing:0;}.home-announcement-col h2 a{display:inline;color:var(--news-strip-title);font-size:18px;line-height:24px;font-weight:800;height:auto;overflow:visible;}.home-announcement-col a{display:flex;align-items:center;min-width:0;height:38px;color:var(--news-strip-text);font-size:14px;line-height:22px;overflow:hidden;}.home-announcement-col a b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;}.home-announcement-col a:hover b,.home-announcement-col h2 a:hover{color:var(--news-strip-title);}
.home-recommend{grid-column:2;grid-row:1 / span 2;min-width:0;display:flex;flex-direction:column;}.home-recommend-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;gap:8px;align-content:start;}.home-recommend-card{display:block;min-width:0;padding:0 0 5px;border:1px solid var(--site-border);border-radius:6px;overflow:hidden;background:var(--site-panel);box-shadow:0 4px 10px rgba(0,0,0,.18);transition:box-shadow .18s ease,border-color .18s ease;}.home-recommend-cover{position:relative;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:16/9;min-height:0;overflow:hidden;background:var(--site-panel);box-shadow:inset 0 0 0 2px rgba(255,255,255,.92),inset 0 -1px 0 rgba(0,0,0,.14);}.home-recommend-cover img{width:100%;height:100%;object-fit:cover;transition:opacity .18s;}.home-recommend-cover i{color:var(--site-muted);font-size:24px;}.home-recommend-card strong{display:block;height:20px;margin:6px 7px 0;overflow:hidden;color:var(--site-text);font-size:13px;line-height:20px;white-space:nowrap;text-overflow:ellipsis;}.home-recommend-card em{display:block;margin:1px 7px 0;color:var(--site-link-soft);font-size:12px;line-height:17px;font-style:normal;}.home-recommend-card:hover{box-shadow:0 8px 18px rgba(0,0,0,.24);border-color:var(--site-link);}.home-recommend-card:hover strong{color:var(--site-link);}.home-recommend-card:hover img{opacity:.9;}
.content-class-section{margin:0 0 16px;}
.content-class-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px 14px;}
.content-class-item{display:block;min-width:0;color:var(--site-text);}.content-class-link{display:block;color:inherit;}
.content-class-cover{position:relative;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:16/9;border-radius:6px;overflow:hidden;background:var(--site-panel);border:1px solid transparent;box-shadow:inset 0 0 0 2px rgba(255,255,255,.92);}.content-episode,.content-recommend{position:absolute;z-index:3;height:21px;padding:0 6px;line-height:21px;color:#fff;font-size:12px;font-style:normal;}.content-episode{bottom:6px;right:6px;background:rgba(0,0,0,.62);border-radius:3px;}.content-recommend{bottom:0;right:0;background:var(--site-link);border-radius:4px 0 0 0;}.content-recommend.random{background:#16b777;}
.content-class-cover i{font-size:28px;color:var(--site-muted);}
.content-class-cover img{width:100%;height:100%;display:block;object-fit:cover;background:var(--site-panel);transition:opacity .18s;}
.content-class-item:hover .content-class-cover{box-shadow:inset 0 0 0 2px rgba(255,255,255,.92),0 6px 14px rgba(0,0,0,.16);}
.content-class-item:hover img{opacity:.9;}
.content-class-item:hover .play-mask{opacity:1;}
.content-class-item strong{display:block;margin:8px 0 5px;font-size:14px;line-height:21px;font-weight:600;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.content-description{height:36px;margin:0 0 2px;color:var(--site-muted);font-size:12px;line-height:18px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.content-card-teacher,.content-class-item em{display:block;color:var(--site-muted);font-style:normal;font-size:12px;line-height:18px;}
.content-card-teacher{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.content-class-item .content-card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;white-space:nowrap;}
.content-class-item .content-card-meta span{min-width:0;overflow:hidden;text-overflow:ellipsis;}
.content-class-item .content-card-meta span:last-child{flex:0 0 auto;text-align:right;}
.content-class-item:hover strong{color:var(--site-link);}
.content-class-item.active .content-class-cover{border-color:var(--site-link);}
.content-class-item.active strong{color:var(--site-link);}
.home-history{margin:0 0 18px;padding:12px;border:1px solid var(--site-border);border-radius:6px;background:var(--site-panel);}.home-history-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px;}.home-history-head h2{margin:0;font-size:16px;line-height:24px;}.home-history-head button{width:28px;height:28px;padding:0;border:0;border-radius:3px;background:transparent;color:var(--site-muted);cursor:pointer;}.home-history-head button:hover{background:var(--site-panel-2);color:var(--site-link);}.home-history-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}.home-history-card{display:block;min-width:0;padding:10px;border:1px solid var(--site-border);border-radius:4px;background:var(--site-panel-2);}.home-history-card:hover{border-color:var(--site-link);}.home-history-card strong,.home-history-card span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.home-history-card strong{color:var(--site-text);font-size:13px;line-height:20px;}.home-history-card span{margin-top:3px;color:var(--site-muted);font-size:12px;line-height:18px;}.home-history-card i{display:block;height:3px;margin-top:8px;overflow:hidden;background:var(--site-border);}.home-history-card i b{display:block;height:100%;background:var(--site-link);}
.video-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px 14px;}
.video-card{min-width:0;}
.video-cover{position:relative;display:block;width:100%;aspect-ratio:16/9;border-radius:6px;overflow:hidden;background:var(--site-panel) url(../images/load.jpg) no-repeat center;background-size:cover;box-shadow:inset 0 0 0 2px rgba(255,255,255,.92);}
.video-cover img{width:100%;height:100%;display:block;object-fit:cover;background:var(--site-panel);transition:opacity .18s;}
.video-cover:hover{box-shadow:inset 0 0 0 2px rgba(255,255,255,.92),0 6px 14px rgba(0,0,0,.16);}
.video-cover:hover img{opacity:.9;}
.play-mask{display:none;}
.video-cover:hover .play-mask{opacity:1;}
.play-mask i{margin-left:3px;}
.tag{position:absolute;height:21px;line-height:21px;padding:0 6px;border-radius:3px;background:rgba(0,0,0,.56);color:#fff;font-size:12px;}
.tag.duration{right:7px;bottom:7px;}
.video-card h3{height:42px;margin:8px 0 8px;font-size:14px;line-height:21px;font-weight:600;color:var(--site-text);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.video-card h3 a:hover{color:var(--site-link);}
.video-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--site-muted);font-size:12px;}
.video-meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.play-count{color:var(--site-link-soft);white-space:nowrap;}
.content-action-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px;}
.favorite-btn,.like-btn{width:100%;height:30px;border:1px solid var(--site-border);border-radius:4px;background:var(--site-panel-2);color:var(--site-muted);cursor:pointer;font-size:13px;}
.video-card .favorite-btn{margin-top:8px;}
.favorite-btn:hover,.like-btn:hover{border-color:var(--site-link);color:var(--site-link);}
.favorite-btn.active,.like-btn.active{border-color:var(--site-link);color:var(--site-link);}.like-btn.active span{color:#e53935;font-weight:700;}
.like-toast{display:flex;align-items:center;justify-content:center;gap:10px;padding:4px 8px;font-size:18px;line-height:32px;}.like-toast i{font-size:34px;color:var(--site-link);}.like-toast span{font-weight:700;}
.auth-modal{width:500px;max-width:calc(100vw - 28px);height:600px;max-height:92vh;overflow:auto;padding:40px 34px;background:#fff;color:#20242c;}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:28px;}
.auth-tabs button{height:50px;border:1px solid #d9dde5;border-radius:4px;background:#fff;color:#687083;cursor:pointer;font-size:16px;}
.auth-tabs button.active{border-color:#1677ff;background:#e8f1ff;color:#1677ff;font-weight:700;}
.auth-panel{display:none;}
.auth-panel.active{display:block;}
.auth-panel form{display:grid;gap:18px;}
.auth-panel input,.auth-panel select{width:100%;height:52px;border:1px solid #d9dde5;border-radius:4px;padding:0 15px;outline:none;font-size:16px;background:#fff;}
.auth-panel input:focus,.auth-panel select:focus{border-color:#1677ff;}
.pwd-wrap{position:relative;display:block;}.pwd-wrap input{padding-right:48px;}.pwd-eye{position:absolute;right:8px;top:50%;width:34px;height:34px;margin-top:-17px;border:0;background:transparent;color:#687083;cursor:pointer;}
.auth-panel form>button{height:52px;border:0;border-radius:4px;background:#1677ff;color:#fff;cursor:pointer;font-weight:700;font-size:16px;}
.auth-panel form>button:disabled{background:#a8b1c0;cursor:not-allowed;}
.auth-code-row{display:grid;grid-template-columns:minmax(0,1fr) 128px;gap:10px;}
.auth-code-row button{height:52px;border:1px solid #d9dde5;border-radius:4px;background:#fff;color:#1677ff;cursor:pointer;font-size:14px;}
.auth-code-row button:disabled{color:#999;background:#f5f6f8;cursor:not-allowed;}
.auth-links{display:flex;justify-content:space-between;gap:12px;margin-top:26px;font-size:14px;color:#687083;}
.auth-links a:hover{color:#1677ff;}
.auth-question{font-size:13px;line-height:20px;color:#20242c;font-weight:700;}
.auth-empty{padding:10px;border:1px solid #ffd999;border-radius:4px;background:#fff8e6;color:#7a4d00;font-size:13px;line-height:20px;}
.empty-state{grid-column:1/-1;height:240px;display:flex;align-items:center;justify-content:center;border:1px solid var(--site-border);border-radius:6px;background:var(--site-panel);color:var(--site-muted);font-size:15px;}
.layui-laypage{width:100%;text-align:center;margin:28px 0 0;color:var(--site-muted);}
.layui-laypage a,.layui-laypage span{height:32px;line-height:32px;margin:0 3px;border:1px solid var(--site-active);background:var(--site-panel);color:var(--site-muted);border-radius:4px;font-size:13px;}
.layui-laypage a:hover{color:var(--site-link);border-color:var(--site-link);}
.layui-laypage a.current{background:var(--site-active);border-color:var(--site-active);color:var(--site-text);}
.home-footer{max-width:1600px;margin:0 auto;padding:18px 24px 24px;color:var(--site-muted);font-size:12px;line-height:22px;border-top:1px solid var(--site-border);background:var(--site-bg);}
.home-content-page .footer-top-panels{display:none;}
.footer-shell{display:grid;gap:18px;}
.footer-top-panels,.footer-bottom-panels{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:16px;align-items:start;}
.footer-panel,.footer-brand-panel,.footer-side-panel{min-width:0;padding:18px 20px;background:var(--site-panel);border:1px solid var(--site-border);border-radius:10px;box-shadow:0 8px 22px rgba(0,0,0,.08);text-align:left;}
.footer-panel h3{margin:0 0 14px;color:var(--site-text);font-size:18px;line-height:28px;font-weight:700;}
.footer-hide-pc{display:none!important;}
.footer-nav{display:flex;flex-wrap:nowrap;gap:14px;color:var(--site-text);font-size:11px;line-height:18px;white-space:nowrap;overflow:hidden;}
.footer-nav a,.footer-nav span{color:var(--site-text);}
.footer-nav a:hover{color:var(--site-link);}
.footer-links{display:flex;flex-wrap:wrap;gap:10px 18px;color:var(--site-text);font-size:13px;line-height:24px;}
.footer-links a{color:var(--site-muted);}
.footer-links a:hover{color:var(--site-link);}
.footer-empty{color:var(--site-muted);font-size:13px;line-height:22px;}
.footer-brand-panel{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;min-height:160px;}
.footer-brand{display:inline-flex;align-items:center;max-width:420px;margin-bottom:14px;}
.footer-brand img{display:block;max-width:100%;max-height:72px;object-fit:contain;}
.footer-brand.footer-brand-text{display:block;width:100%;max-width:none;color:var(--site-text);font-size:17px;line-height:1.4;font-weight:700;white-space:normal;word-break:break-word;}
.footer-copy{color:var(--site-muted);font-size:14px;line-height:24px;}
.footer-side-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:160px;text-align:center;}
.footer-side-visual{display:flex;align-items:center;justify-content:center;width:108px;height:108px;border:1px solid var(--site-border);border-radius:10px;background:var(--site-panel-2);overflow:hidden;}
.footer-side-visual img{width:100%;height:100%;object-fit:contain;display:block;}
.footer-side-visual.footer-side-text{padding:10px;color:var(--site-text);font-size:18px;line-height:1.4;font-weight:700;}
.footer-side-panel-qr{justify-content:flex-start;padding:16px;}
.footer-side-visual-qr{width:min(280px,100%);height:auto;max-width:100%;background:#fff;}
.footer-side-visual-qr img{width:100%;height:auto;object-fit:contain;display:block;}
.footer-side-title{width:100%;color:var(--site-text);font-size:28px;line-height:1.3;font-weight:700;white-space:normal;word-break:break-word;}
.footer-side-sub{width:100%;color:var(--site-link-soft);font-size:14px;line-height:22px;}

@media (min-width: 901px) and (max-width: 1200px){
	.home-topbar{gap:14px;padding-right:22px;padding-left:22px;}.home-logo{max-width:300px;}.home-logo img{max-width:290px;}.home-search{width:min(400px,34vw);}.home-welcome{width:min(300px,28vw);font-size:13px;}.home-quick-links{gap:12px;}.home-quick-links a{font-size:12px;}.home-quick-links i{font-size:19px;}
}

@media (max-width: 900px){
.home-topbar{height:54px;align-items:center;gap:8px;padding:0 12px;}
.home-logo{width:100px;height:34px;}
.home-search{position:static;flex:0 0 auto;width:auto;height:44px;margin-left:auto;margin-right:1px;padding:0;transform:none;background:transparent;border:0;overflow:visible;}
.home-search input{display:none;}
.home-search button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:34px;height:44px;padding:0 4px;border:0;background:transparent;color:var(--site-muted);font-size:12px;font-weight:400;line-height:16px;}
.home-search button i{display:block;color:var(--site-link);font-size:20px;}
.home-search button span{display:inline;}
.home-welcome{display:none;}
.home-quick-links{display:flex;align-items:center;gap:4px;margin:0;}
.home-quick-links .home-history-menu,.home-quick-links #StranLink{display:none;}
.home-quick-links a{min-width:36px;padding:0 4px;font-size:12px;line-height:16px;cursor:pointer;}
.home-quick-links i{font-size:20px;}
	.home-layout{display:block;}
	.theme-picker span{display:none;}
	.home-menu-float{display:none;}
	.home-menu{position:relative;top:auto;z-index:70;height:auto;padding:8px 78px 8px 12px;display:flex;gap:7px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;background:var(--site-bg);}
	.home-menu::-webkit-scrollbar{display:none;}
	.menu-item{flex:0 0 auto;height:32px;margin:0;padding:0 11px;border-radius:16px;background:var(--site-panel);}
	.menu-item i{display:none;}
	.home-menu .menu-item:nth-of-type(n+5){display:none;}.mobile-nav-all-toggle{position:absolute;top:8px;right:12px;z-index:92;display:block;flex:0 0 auto;height:32px;padding:0 9px;border:0;border-radius:16px;background:var(--site-panel);box-shadow:-8px 0 10px var(--site-bg);color:var(--site-muted);font-size:13px;cursor:pointer;white-space:nowrap;}.mobile-nav-all-toggle.open{background:var(--site-active);color:var(--site-text);}.mobile-nav-all-toggle i{margin-left:4px;transition:transform .2s;}.mobile-nav-all-toggle.open i{transform:rotate(90deg);}.mobile-nav-all{position:fixed;top:0;left:0;bottom:0;z-index:91;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:7px;width:min(64vw,248px);padding:12px 10px 16px;border-right:1px solid var(--site-border);background:var(--site-bg);box-shadow:none;overflow-y:auto;transform:translateX(-105%);transition:transform .24s ease;-webkit-overflow-scrolling:touch;}.mobile-nav-all.open{transform:translateX(0);}.mobile-nav-back{grid-column:1/-1;justify-self:end;height:38px;margin:0 0 4px;padding:0 12px;border:0;border-radius:5px;background:var(--site-active);color:var(--site-text);font-size:14px;font-weight:700;text-align:center;}.mobile-nav-all a{display:block;height:38px;padding:0 8px;line-height:38px;border-radius:5px;background:var(--site-panel);color:var(--site-muted);font-size:13px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.mobile-nav-all a.active{background:var(--site-active);color:var(--site-text);font-weight:700;}
body.theme-blue .mobile-nav-all{background:#e8edf2;}body.theme-gray .mobile-nav-all{background:#f3f4f6;}body.theme-green .mobile-nav-all{background:#f6eee4;}body.theme-emerald .mobile-nav-all{background:#edf7f0;}body.theme-amber .mobile-nav-all{background:#f1eee9;}body.theme-red .mobile-nav-all{background:#dbdad5;}body:not(.theme-gray):not(.theme-blue):not(.theme-green):not(.theme-emerald):not(.theme-amber):not(.theme-red) .mobile-nav-all{background:#11151b;}
	.home-lang-filter{position:static;display:block;padding:10px 12px;border-bottom:1px solid var(--site-border);overflow:visible;background:var(--site-bg);}
	.home-lang-filter::-webkit-scrollbar{display:none;}
	.home-filter-group{display:flex;align-items:flex-start;gap:7px;flex-wrap:wrap;width:100%;margin:0 0 9px;}
	.home-filter-lang{margin-left:0;}
	.home-filter-group:last-child{margin-bottom:0;}
	.home-filter-group span{flex:0 0 auto;width:28px;height:30px;line-height:30px;color:var(--site-muted);font-size:13px;font-weight:700;}
	.home-lang-filter a{height:30px;line-height:28px;padding:0 13px;border-radius:15px;font-size:13px;text-align:center;white-space:nowrap;}
	.home-content{padding:0 12px 24px;}
	.sub-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px;padding:10px;}
	.sub-nav a{display:block;height:34px;line-height:34px;padding:0 8px;font-size:15px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.sub-nav .sub-nav-title{grid-column:1/3;justify-self:start;height:34px;line-height:34px;padding:0 8px;font-size:15px;}
	.sub-nav .sub-nav-all{grid-column:3/4;}
	.sub-nav .sub-nav-item:nth-of-type(2){grid-column:1/2;}
	.home-featured{display:block;height:auto;aspect-ratio:auto;margin:0 -12px 10px;}.home-slider,.home-featured.solo .home-slider{height:210px;min-height:210px;aspect-ratio:auto;margin:0 0 14px;border-left:0;border-right:0;border-radius:0;}.home-slider-arrow{display:none;}.home-announcements{display:none;}.home-announcement-col h2{margin-bottom:8px;font-size:20px;line-height:26px;}.home-announcement-col a{height:36px;font-size:14px;line-height:22px;}.home-announcement-col a span{max-width:88px;}.home-recommend{margin:0 12px;padding:10px;border:1px solid var(--site-border);border-radius:6px;background:var(--site-panel);}.home-recommend-title{margin-bottom:6px;font-size:14px;}.home-recommend-grid{height:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;gap:10px;}.home-recommend-card{min-height:150px;}.home-recommend-cover{aspect-ratio:16/9;}.home-recommend-grid .home-recommend-card:nth-child(n+3){display:none;}
	.home-slide-caption{left:14px;right:76px;bottom:13px;}
	.home-slide-caption strong{font-size:16px;line-height:22px;}
	.home-slide-caption em{font-size:12px;line-height:18px;}
	.home-slider-dots{right:12px;bottom:15px;gap:5px;}
	.home-slider-dots button.active{width:18px;}
	.content-class-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px;}
	.content-class-section,.content-section{padding:10px;border:1px solid var(--site-border);border-radius:6px;background:var(--site-panel);}
	.content-class-section{margin:0 0 14px;}
	.content-section{margin:0 0 14px;}
	.content-section .video-grid{margin:0;}
	.home-history{padding:10px;margin-bottom:14px;}.home-history-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
	.content-class-item strong{height:40px;font-size:14px;line-height:20px;}
	.content-head{margin:4px 0 12px;}
	.content-head h1{font-size:20px;line-height:28px;}
	.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px;}
	.video-card h3{font-size:14px;line-height:20px;height:40px;margin-bottom:7px;}
	.video-meta{display:block;line-height:22px;}
	.play-count{display:inline-block;margin-top:4px;}
	.home-footer{padding:16px 12px 22px;}
	.footer-shell{gap:12px;}
	.footer-top-panels,.footer-bottom-panels{grid-template-columns:1fr;gap:12px;}
	.footer-hide-pc{display:block!important;}
	.footer-hide-mobile{display:none!important;}
	.footer-panel,.footer-brand-panel,.footer-side-panel{padding:14px;}
	.footer-nav{display:block;white-space:normal;}
	.footer-nav a,.footer-nav span,.footer-links a{display:inline-block;margin:0 14px 6px 0;}
	.footer-links{display:block;}
	.footer-brand-panel{min-height:0;display:flex;align-items:center;justify-content:center;}
	.footer-brand,.footer-brand.footer-brand-text,.footer-copy,.footer-side-panel{display:none;}
	.footer-theme-picker{margin-top:0;}
	.footer-theme-picker-corner{display:flex;align-self:center;justify-content:center;margin-top:0;padding-top:0;}
	.footer-theme-picker-corner .theme-dot{width:24px;height:24px;}
	.footer-side-visual{width:82px;height:82px;}
	.footer-side-panel-qr{padding:12px;}
	.footer-side-visual-qr{width:min(220px,100%);height:auto;}
	.footer-side-title{font-size:20px;}
	body.theme-amber{background:linear-gradient(180deg,#f5bb47 0%,#f2bf6a 14%,#ebd0a0 34%,#e4ddd0 58%,#ece8e1 78%,#f4f2ee 100%) no-repeat;background-attachment:scroll;}
	body:not(.theme-gray):not(.theme-blue):not(.theme-green):not(.theme-emerald):not(.theme-amber):not(.theme-red){background:linear-gradient(180deg,#11151b 0%,#202a35 16%,#3a4855 36%,#586672 58%,#75808a 78%,#929aa1 100%) no-repeat;background-attachment:scroll;}
	body:not(.theme-gray):not(.theme-blue):not(.theme-green):not(.theme-emerald):not(.theme-amber):not(.theme-red) .home-menu{background:linear-gradient(180deg,rgba(27,34,42,.88),rgba(51,62,73,.22));}
	body.theme-amber .home-topbar{background:rgba(255,245,224,.84);border-bottom-color:rgba(199,124,23,.28);box-shadow:0 6px 20px rgba(181,122,33,.12);}
	body.theme-amber .home-menu{padding-top:10px;padding-bottom:10px;background:linear-gradient(180deg,rgba(255,240,209,.88),rgba(251,243,230,.2));}
	body.theme-amber .menu-item,
	body.theme-amber .mobile-nav-all-toggle,
	body.theme-amber .mobile-nav-all a{background:rgba(255,248,237,.9);border:1px solid rgba(215,177,118,.48);color:#7c5b2b;}
	body.theme-amber .menu-item.active,
	body.theme-amber .mobile-nav-all a.active,
	body.theme-amber .mobile-nav-all-toggle.open{background:rgba(241,171,60,.22);color:#5b3911;border-color:rgba(201,124,23,.45);}
	body.theme-amber .home-content{background:transparent;}
	body.theme-amber .home-slider,
body.theme-amber .home-recommend-card,
	body.theme-amber .content-class-cover,
	body.theme-amber .video-cover,
	body.theme-amber .home-history{border-color:rgba(215,177,118,.58);box-shadow:0 10px 24px rgba(181,122,33,.1),inset 0 0 0 1px rgba(255,255,255,.22);}
	body.theme-amber .footer-panel,
	body.theme-amber .footer-brand-panel,
	body.theme-amber .footer-side-panel{box-shadow:0 8px 22px rgba(121,109,92,.08);}
}

@media (max-width: 520px){
	.auth-modal{width:94vw;max-width:94vw;min-height:430px;max-height:90vh;padding:24px 18px;}
	.auth-tabs{gap:6px;}
	.auth-tabs button{height:46px;font-size:14px;}
	.auth-panel form{gap:14px;}
	.auth-panel input,.auth-panel select,.auth-panel form>button,.auth-code-row button{height:48px;font-size:14px;}
	.auth-code-row{grid-template-columns:minmax(0,1fr) 104px;gap:7px;}
	.auth-links{font-size:13px;line-height:22px;}
	.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px;}
	.video-card h3{height:38px;margin:6px 0 7px;font-size:13px;line-height:19px;}
	.video-meta{font-size:11px;line-height:18px;}
	.content-action-row{gap:6px;margin-top:6px;}
	.favorite-btn,.like-btn{height:28px;font-size:12px;border-radius:3px;}
	.video-card .favorite-btn{margin-top:6px;}
	.play-mask{opacity:1;width:38px;height:38px;margin:-19px 0 0 -19px;}
}

@media(max-width:900px){
	.home-announcements:after{left:12px;right:12px;top:52px;height:145px;}
	.home-announcements.rows-1:after{background-position:0 0,0 36px;}
	.home-announcements.rows-2:after{background-position:0 0,0 36px,0 72px;}
	.home-announcements.rows-3:after{background-position:0 0,0 36px,0 72px,0 108px;}
	.home-announcements.rows-4:after{background-position:0 0,0 36px,0 72px,0 108px,0 144px;}
}