:root{
  --academy-ink:#121722;
  --academy-muted:#6d7687;
  --academy-soft:#f5f7fb;
  --academy-line:#e2e6ee;
  --academy-blue:#176cff;
  --academy-deep:#06102b;
  --academy-night:#0a1025;
  --academy-glass:rgba(255,255,255,.72);
  --academy-shadow:0 24px 70px -44px rgba(20,38,84,.48);
  --academy-ease:cubic-bezier(.16,1,.3,1);
}
body.academy-page{position:relative;background:#f6f8fb;color:var(--academy-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
body.academy-page::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(700px 420px at 50% -120px,rgba(80,142,255,.13),transparent 72%)}
.academy-page .navbar{background:rgba(255,255,255,.76);border-bottom:1px solid rgba(19,31,55,.08);backdrop-filter:saturate(160%) blur(22px)}
.academy-page .nav-inner{max-width:1280px;height:64px;gap:24px}
.academy-page .nav-logo{color:#121722;font-size:18px;font-weight:700}
.academy-page .nav-logo-icon{width:32px;height:32px;border-radius:10px;background:#111722;box-shadow:none;font-size:13px}
.academy-page .nav-logo-text small{color:#8790a0}
.academy-page .nav-links{gap:2px}
.academy-page .nav-item>a,.academy-page .nav-item>.nav-trigger{color:#646d7d;font-weight:500;border-radius:9px}
.academy-page .nav-item>a:hover,.academy-page .nav-item>.nav-trigger:hover{color:#151a24;background:rgba(17,24,39,.05)}
.academy-page .nav-item.highlight>a,.academy-page .nav-item.highlight>.nav-trigger{color:#151a24;background:transparent;font-weight:600}
.academy-page .nav-item[data-dropdown]>.nav-trigger .caret{color:#7e8796}
.academy-page .nav-actions{gap:7px}
.academy-page .nav-actions .btn{border-radius:999px;font-size:13px;padding:7px 14px;box-shadow:none}
.academy-page .nav-actions .btn-primary{background:#111722;color:#fff}
.academy-page .nav-actions .btn-primary:hover{background:#283143}
.academy-page .nav-actions .btn-ghost{color:#4f596b}
.academy-page .nav-campus-cta{margin-left:8px;padding:7px 14px;border-radius:999px;background:#111722;color:#fff;box-shadow:none;font-size:12px;letter-spacing:.02em}
.academy-page .nav-campus-cta:hover{background:#2a3447;box-shadow:none}
.academy-page .nav-dropdown,.academy-page .nav-mega{border:1px solid #e0e5ee;background:rgba(255,255,255,.96);box-shadow:0 24px 60px -32px rgba(19,32,64,.35);backdrop-filter:blur(18px)}
.academy-page .nav-mega-item:hover{background:#f5f7fb}
.academy-page .nav-mega-item strong{color:#151a24}
.academy-page .nav-mega-item small{color:#7c8594}
.academy-page .nav-mega-item .icon{box-shadow:none}
.academy-page .section{padding:52px 0}
.academy-page .text-muted{color:var(--academy-muted)!important}
.academy-page .btn{border-radius:999px;transition:transform .3s var(--academy-ease),background .25s,box-shadow .3s}
.academy-page .btn:hover{transform:translateY(-2px)}
.academy-page .btn-primary{background:#111722;box-shadow:0 12px 26px -16px rgba(14,23,42,.7)}
.academy-page .btn-primary:hover{background:#2a3447;box-shadow:0 18px 34px -18px rgba(14,23,42,.72)}
.academy-page .btn-secondary{background:rgba(255,255,255,.72);border:1px solid var(--academy-line);color:#3e4859}
.academy-page .btn-secondary:hover{background:#fff;border-color:#b9c2d1}
.academy-page .card{border:1px solid rgba(25,38,64,.1);border-radius:20px;box-shadow:var(--academy-shadow);background:rgba(255,255,255,.78);backdrop-filter:blur(16px)}
.academy-page .card-hover:hover{border-color:#b8c4d7;box-shadow:0 28px 64px -38px rgba(27,48,94,.48)}
.academy-page .form-input,.academy-page .form-select,.academy-page .form-textarea{border-color:#dce2eb;border-radius:13px;background:rgba(255,255,255,.82);color:#17202e}
.academy-page .form-input:focus,.academy-page .form-select:focus,.academy-page .form-textarea:focus{border-color:#7aa8ff;box-shadow:0 0 0 4px rgba(23,108,255,.11)}
.courses-hero,.live-hero,.articles-hero,.trial-hero,.ent-hero,.dash-hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#06102b 0%,#0c2e75 45%,#5caeff 100%);color:#fff}
.courses-hero::before,.live-hero::before,.articles-hero::before,.trial-hero::before,.ent-hero::before,.dash-hero::before{content:"";position:absolute;inset:-30% -10%;pointer-events:none;background:radial-gradient(ellipse at 50% 48%,rgba(111,190,255,.36),transparent 45%),radial-gradient(ellipse at 15% 20%,rgba(255,255,255,.13),transparent 32%);animation:academyPageGlow 14s ease-in-out infinite alternate}
.courses-hero>* ,.live-hero>* ,.articles-hero>* ,.trial-hero>* ,.ent-hero>* ,.dash-hero>*{position:relative;z-index:1}
@keyframes academyPageGlow{from{transform:translate(-2%,0);opacity:.72}to{transform:translate(2%,2%);opacity:1}}
.courses-hero{padding:82px 0 74px}
.courses-hero h1,.articles-hero h1,.live-hero h1,.trial-hero h1,.ent-hero h1,.dash-hero h1{color:#fff!important;font-weight:500!important;letter-spacing:-.03em}
.courses-hero p,.articles-hero p,.live-hero p,.trial-hero p,.ent-hero p,.dash-hero p{color:rgba(255,255,255,.68)!important}
.courses-hero h1{font-size:clamp(38px,5vw,64px)!important;line-height:1.15}
.courses-hero p{font-size:17px!important}
.courses-hero + .section{padding-top:42px}
.academy-page .filter-bar{gap:10px;padding:14px 0;margin-bottom:18px;border-bottom:1px solid rgba(25,38,64,.1)}
.academy-page .filter-section .label{color:#7a8494}
.academy-page .filter-chip,.academy-page .chip{padding:8px 14px;border:1px solid #dce2eb;border-radius:999px;background:rgba(255,255,255,.7);color:#667184;transition:all .25s}
.academy-page .filter-chip:hover,.academy-page .filter-chip.active,.academy-page .chip:hover,.academy-page .chip.active{border-color:#111722;background:#111722;color:#fff}
.academy-page .grid.grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.academy-page .course-card{border:1px solid #e0e5ed;border-radius:18px;background:#fff;box-shadow:none;cursor:pointer;transition:transform .35s var(--academy-ease),border-color .3s,box-shadow .35s}
.academy-page .course-card:hover{transform:translateY(-5px);border-color:#b8c4d6;box-shadow:0 24px 58px -36px rgba(22,43,88,.52)}
.academy-page .course-cover{background:#eaf0fb}
.academy-page .course-cover .course-tag{background:rgba(255,255,255,.86);color:#303b4f;backdrop-filter:blur(8px)}
.academy-page .course-cover .course-trial{background:#111722}
.academy-page .course-body{padding:17px}
.academy-page .course-title{color:#171c25;font-size:15.5px}
.academy-page .course-sub{color:#707a8b}
.academy-page .course-meta{color:#7b8595}
.academy-page .course-footer{border-color:#edf0f4}
.academy-page .course-price .now{color:#151a24;font-size:20px}
.academy-page .featured-row{gap:14px;margin-bottom:34px}.academy-course-page{background:#070c1c!important;color:#fff!important}
.academy-course-page::before{display:none}
.academy-course-page .navbar{background:rgba(5,10,27,.84);border-bottom-color:rgba(255,255,255,.1)}
.academy-course-page .nav-logo,.academy-course-page .nav-item>a,.academy-course-page .nav-item>.nav-trigger{color:rgba(255,255,255,.82)}
.academy-course-page .nav-logo-icon{background:#fff;color:#10151f}
.academy-course-page .nav-item>a:hover,.academy-course-page .nav-item>.nav-trigger:hover{color:#fff;background:rgba(255,255,255,.08)}
.academy-course-page .nav-campus-cta{background:#fff;color:#111722}
.academy-course-page .nav-actions .btn-ghost{color:rgba(255,255,255,.75)}
.academy-course-page .nav-actions .btn-primary{background:#fff;color:#111722}
.academy-course-page .player-wrap{position:relative;grid-template-columns:minmax(0,1fr) 380px;min-height:calc(100vh - 64px);background:radial-gradient(800px 500px at 35% 12%,rgba(35,100,220,.34),transparent 70%),linear-gradient(180deg,#0a1430,#060a18 62%)}
.academy-course-page .player-main{min-width:0}
.academy-course-page .player-top{padding:18px 28px;background:rgba(17,27,54,.78);border-bottom:1px solid rgba(255,255,255,.1);backdrop-filter:blur(18px)}
.academy-course-page .player-top h1{font-size:18px;letter-spacing:-.01em}
.academy-course-page .player-top .meta{color:rgba(255,255,255,.58)}
.academy-course-page .player-stage{background:#02040a;box-shadow:0 24px 80px -44px rgba(0,0,0,.7)}
.academy-course-page .player-stage .overlay-play span{background:#fff;color:#111722;box-shadow:0 14px 40px -18px rgba(255,255,255,.6)}
.academy-course-page .player-toolbar,.academy-course-page .player-tabs{background:rgba(17,27,54,.78);border-color:rgba(255,255,255,.1)}
.academy-course-page .player-toolbar .live-tag{background:#178bff}
.academy-course-page .player-toolbar .btn-secondary{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);color:#fff}
.academy-course-page .player-tab{color:rgba(255,255,255,.55)}
.academy-course-page .player-tab.active{color:#fff;border-color:#65b6ff}
.academy-course-page .player-content{background:transparent}
.academy-course-page .chapter-list{padding:20px 28px}
.academy-course-page .chapter-item{border:1px solid transparent;border-radius:14px;background:rgba(255,255,255,.035);margin-bottom:8px}
.academy-course-page .chapter-item:hover{background:rgba(255,255,255,.08)}
.academy-course-page .chapter-item.active{background:rgba(55,139,255,.16);border-color:rgba(94,174,255,.36)}
.academy-course-page .chapter-item.active .num{background:#2089ff}
.academy-course-page .player-side{height:calc(100vh - 64px);top:64px;background:rgba(11,18,40,.9);border-left-color:rgba(255,255,255,.1);backdrop-filter:blur(20px)}
.academy-course-page .side-tabs{background:rgba(3,7,19,.66);border-color:rgba(255,255,255,.1)}
.academy-course-page .side-tab{color:rgba(255,255,255,.58)}
.academy-course-page .side-tab.active{background:rgba(255,255,255,.06);border-color:#65b6ff;color:#fff}
.academy-course-page .side-content{padding:18px}
.academy-course-page .composer{background:rgba(3,7,19,.72);border-color:rgba(255,255,255,.1)}
.academy-course-page .composer-input{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14)}
.academy-course-page .btn-ai{background:linear-gradient(135deg,#258bff,#756bff)}
.academy-course-page .btn-qa{background:#111722}
.live-hero{padding:78px 0 66px}
.live-hero h1{font-size:clamp(38px,5vw,62px)!important}
.live-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.academy-page .live-card{border:1px solid #e0e5ed;border-radius:18px;box-shadow:none}
.academy-page .live-card:hover{border-color:#b8c4d6;box-shadow:0 24px 58px -36px rgba(22,43,88,.52)}
.academy-page .live-card .body{padding:17px}
.academy-page .live-card h4{color:#171c25}
.academy-page .live-card .meta{color:#7b8595}
.academy-page .live-card .desc{color:#667184}
.academy-page .live-card .footer{border-color:#edf0f4}
.academy-page .tabs{background:#edf1f7;border-radius:999px;padding:3px}
.academy-page .tab{border-radius:999px;color:#697487}
.academy-page .tab.active{color:#111722;background:#fff;box-shadow:0 6px 18px -12px rgba(20,35,70,.5)}
.academy-page .live-stage{background:linear-gradient(180deg,#091431,#050916);color:#fff}
.academy-page .live-header,.academy-page .announce-bar{background:rgba(17,27,54,.82);border-color:rgba(255,255,255,.1)}
.academy-page .live-side{background:rgba(11,18,40,.92);border-color:rgba(255,255,255,.1)}
.academy-page .chat-tabs{background:rgba(3,7,19,.7);border-color:rgba(255,255,255,.1)}
.academy-page .chat-tab.active{background:rgba(255,255,255,.06);border-color:#65b6ff}
.articles-hero{padding:78px 0 64px}
.articles-hero h1{font-size:clamp(38px,5vw,62px)!important}
.academy-page .cat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.academy-page .cat-card,.academy-page .feat-card,.academy-page .item,.academy-page .widget{border-color:#e0e5ed;border-radius:18px;box-shadow:none}
.academy-page .cat-card:hover,.academy-page .feat-card:hover,.academy-page .item:hover{border-color:#b8c4d6;box-shadow:0 24px 58px -36px rgba(22,43,88,.45)}
.academy-page .cat-name,.academy-page .feat-card .title,.academy-page .item .title{color:#171c25}
.academy-page .cat-meta,.academy-page .feat-card .summary,.academy-page .item .summary{color:#727d8d}
.academy-page .feat-card .cat{color:#176cff}
.academy-page .widget h3{color:#171c25}
.academy-page .tag{background:#f1f4f8;border-color:#e0e5ed;color:#697487}
.academy-page .tag:hover{background:#111722;color:#fff;border-color:#111722}
.academy-page .search input{border-color:#dce2eb;background:rgba(255,255,255,.8)}
.academy-page .search button{background:#111722}
.academy-page .pager button{border-color:#dce2eb;background:#fff;color:#647084;border-radius:999px}
.academy-page .pager button.active{background:#111722;border-color:#111722;color:#fff}.hero-instructor{display:inline-flex;align-items:center;gap:9px;margin-top:18px;padding:8px 16px 8px 14px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.34);color:#fff;font-size:13px;font-weight:500;backdrop-filter:blur(10px);box-shadow:0 8px 24px -12px rgba(0,0,0,.35)}
.hero-instructor b{color:#fff;font-weight:700;letter-spacing:.02em}
.hero-instructor-dot{width:8px;height:8px;border-radius:50%;background:#7cd6ff;box-shadow:0 0 12px rgba(124,214,255,.85);animation:heroPulse 1.8s ease-in-out infinite}
@keyframes heroPulse{0%,100%{opacity:.55;transform:scale(.85)}50%{opacity:1;transform:scale(1.12)}}
.hero-instructor-pair{display:inline-flex;align-items:center;gap:14px;margin-top:18px;flex-wrap:wrap}
.hero-instructor-pair .chip{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.34);color:#fff;font-size:13px}
.hero-instructor-pair .chip b{font-weight:700}
.hero-instructor-pair .chip .dot{width:7px;height:7px;border-radius:50%;background:#ffd07c;box-shadow:0 0 10px rgba(255,208,124,.85)}
.hero-instructor-pair .chip.alt .dot{background:#7cd6ff}
.academy-page .courses-hero{background:linear-gradient(180deg,#06102b 0%,#0c2e75 45%,#5caeff 100%);color:#fff;padding:82px 0 78px}
.academy-page .live-hero,.academy-page .articles-hero,.academy-page .trial-hero,.academy-page .ent-hero,.academy-page .dash-hero{padding:82px 0 78px;color:#fff}
.academy-page .courses-hero h1,.academy-page .live-hero h1,.academy-page .articles-hero h1,.academy-page .trial-hero h1,.academy-page .ent-hero h1,.academy-page .dash-hero h1{color:#fff!important;font-weight:600!important;letter-spacing:-.03em}
.academy-page .courses-hero p,.academy-page .live-hero p,.academy-page .articles-hero p,.academy-page .trial-hero p,.academy-page .ent-hero p,.academy-page .dash-hero p{color:rgba(255,255,255,.74)!important;font-size:16px}