:root{--navy:#171c61;--navy2:#003f8d;--blue:#059fdd;--cyan:#009fe8;--green:#00a040;--mint:#00d19c;--gold:#b89960;--text:#323333;--muted:#66737d;--line:#dfe8ec;--bg:#f3f7f8;--shadow:0 14px 38px #003f8d12}
body{background:radial-gradient(circle at 90% 0,#e4f8f3 0,transparent 26%),var(--bg);font-family:MiSans,"Microsoft YaHei","PingFang SC",system-ui,sans-serif}
.topbar{height:72px;border-top:3px solid transparent;border-image:linear-gradient(90deg,#059fdd,#00d19c) 1;padding-top:0;box-shadow:0 4px 18px #003f8d0a}
.brand img{width:138px}.account-button{background:linear-gradient(110deg,#171c61,#003f8d);box-shadow:0 5px 15px #003f8d20}.main-nav button.active{background:#e9f7f8;color:#003f8d}
.primary{background:linear-gradient(110deg,#003f8d,#059fdd)!important;box-shadow:0 7px 18px #003f8d20;transition:transform .16s ease,box-shadow .16s ease}.primary:hover{transform:translateY(-1px);box-shadow:0 10px 24px #003f8d2b}.hero-action.primary{color:#fff!important}.secondary{background:#e9f7f8;color:#003f8d}
.hero{background:linear-gradient(115deg,#171c61,#003f8d 55%,#059fdd);box-shadow:0 16px 38px #003f8d20}.hero:after{width:420px;height:420px;top:-250px;border-color:#ffffff30}
.learner-hero{min-height:276px;padding:45px 42px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(115deg,#171c61 0%,#003f8d 55%,#059fdd 100%);position:relative;overflow:hidden}.learner-hero:after{content:"";position:absolute;width:480px;height:480px;border:1px solid #ffffff30;border-radius:50%;right:-190px;top:-290px;box-shadow:0 0 0 34px #ffffff0d,0 0 0 68px #ffffff08}.learner-hero>*{position:relative;z-index:1}.learner-hero h1{font-size:34px;max-width:580px}.learner-hero p{font-size:15px}
.stat{border:0;border-top:3px solid #059fdd;box-shadow:var(--shadow);padding:21px 22px}.stat:nth-child(2){border-top-color:#00a040}.stat:nth-child(3){border-top-color:#00d19c}.stat:nth-child(4){border-top-color:#b89960}.stat b{color:#171c61}.progress-track span{background:linear-gradient(90deg,#059fdd,#00d19c)}
.course-card{border:0;box-shadow:var(--shadow);transition:transform .18s ease,box-shadow .18s ease}.course-card:hover{transform:translateY(-3px);box-shadow:0 18px 42px #003f8d1c}.course-body{padding:18px}.tag{background:#e8f6fb;color:#0078ad}.tag.required{background:#f8f1e7;color:#896c38}.tag.done{background:#e6f7ef;color:#008b4a}.filters button.active{background:linear-gradient(100deg,#003f8d,#059fdd);border-color:transparent}
.panel,.table-wrap{border:0;box-shadow:var(--shadow)}th{background:#eef6f7;color:#334b58}.status.done{color:#008b4a}
.auth-view .topbar{display:none}.auth-view .page{max-width:none;padding:0;min-height:100vh}.auth-view{background:#eef4f5}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(440px,.65fr);place-items:stretch}.login-visual{position:relative;background:linear-gradient(145deg,#101642 0%,#003f8d 58%,#059fdd 100%);display:flex;align-items:flex-end;padding:clamp(36px,5vw,78px);overflow:hidden}.login-visual:before{content:"";position:absolute;width:620px;height:620px;border:1px solid #00d19c66;border-radius:50%;right:-250px;top:-250px;box-shadow:0 0 0 36px #00d19c12,0 0 0 72px #00d19c0a}.login-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0 58%,#ffffff0c 58% 58.3%,transparent 58.3% 100%),repeating-linear-gradient(125deg,transparent 0 34px,#ffffff08 35px 36px);pointer-events:none}.login-visual-content{position:relative;z-index:1;color:#fff;max-width:620px}.login-logo-box{display:inline-flex;background:#fff;border-radius:10px;padding:14px 17px;margin-bottom:28px;box-shadow:0 12px 30px #0003}.login-logo-box img{width:155px;height:auto}.login-visual h2{font-size:clamp(30px,3vw,46px);margin:0 0 12px;letter-spacing:.02em}.login-visual p{font-size:16px;color:#d9f5f0;line-height:1.8;margin:0}.login-form-area{display:grid;place-items:center;background:linear-gradient(145deg,#fff,#f6fbfa);padding:42px}.login-card{width:min(460px,100%);border:0;border-radius:18px;padding:36px;box-shadow:0 24px 60px #003f8d16}.login-card>img{display:none}.login-card h1{font-size:27px;color:#171c61;margin:0 0 10px}.login-card p{margin:0 0 22px}.field input,.field select,.field textarea{border-color:#cad9df;background:#fbfdfd}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid #059fdd30;border-color:#059fdd}.login-card .primary{height:46px;margin-top:12px}
.course-viewer{width:min(1460px,96vw);max-height:94vh;overflow:hidden}.course-viewer .modal-head{height:62px;padding:13px 20px}.course-viewer-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(370px,430px);height:calc(min(94vh,920px) - 62px);min-height:560px}.course-player-column{background:#07131e;display:grid;align-items:center;min-width:0}.course-player-column .player-shell{width:100%}.course-player-column mux-player{width:100%;aspect-ratio:16/9;max-height:calc(min(94vh,920px) - 62px)}.course-side{padding:24px 25px;background:linear-gradient(160deg,#fff,#f6fbfa);overflow-y:auto;min-width:0}.course-side .course-meta{margin:12px 0 0;line-height:1.65}.course-side .feedback{margin-top:18px;padding-top:17px}.course-side .feedback h3{color:#171c61;margin:0 0 8px;font-size:18px}.course-side .feedback .course-meta{font-size:12px;margin-bottom:12px}.course-side .field{margin-top:12px}.course-side .field textarea{min-height:82px}.course-side .rating{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.course-side .rating label{padding:8px 4px;text-align:center;white-space:nowrap;font-size:12px}.course-side .feedback>.primary{width:100%;margin-top:4px}.course-side .panel{box-shadow:none;border:1px solid var(--line);margin-top:20px}
@media(max-width:1050px){.login-shell{grid-template-columns:1fr 470px}.course-viewer{overflow:auto}.course-viewer-grid{grid-template-columns:1fr;height:auto;min-height:0}.course-player-column mux-player{max-height:none}.course-side{overflow:visible}.course-side .rating{grid-template-columns:repeat(5,minmax(58px,1fr))}}
@media(max-width:760px){.topbar{height:64px}.login-shell{grid-template-columns:1fr;grid-template-rows:220px auto}.login-visual{padding:25px}.login-logo-box{padding:9px 12px;margin-bottom:13px}.login-logo-box img{width:120px}.login-visual h2{font-size:24px}.login-visual p{font-size:13px}.login-form-area{padding:24px 15px 42px}.login-card{padding:25px}.learner-hero{min-height:245px;padding:30px 22px}.learner-hero h1{font-size:27px}.course-viewer{width:100%;max-height:100dvh;height:100dvh;border-radius:14px 14px 0 0}.course-viewer .modal-head{height:auto;min-height:58px;flex:0 0 auto}.course-viewer-grid{display:flex;flex-direction:column;height:auto;min-height:0;overflow:auto}.course-player-column{flex:0 0 auto;display:block}.course-player-column .player-shell{width:100%;margin:0}.course-player-column mux-player{display:block;width:100%;height:auto;aspect-ratio:16/9}.course-side{flex:0 0 auto;padding:19px 16px calc(24px + env(safe-area-inset-bottom));overflow:visible}.course-side .rating{grid-template-columns:repeat(5,1fr);overflow:visible}.main-nav button{font-size:13px;padding:10px 6px}}

.vector-cover{position:relative;isolation:isolate;display:flex;align-items:flex-end;justify-content:space-between;height:auto;aspect-ratio:500/341;padding:18px 20px;overflow:hidden;color:#fff;background:linear-gradient(135deg,#171c61,#003f8d 58%,#059fdd)}.vector-cover:before{content:"";position:absolute;z-index:-1;width:220px;height:220px;right:-78px;top:-92px;border:1px solid #ffffff55;border-radius:50%;box-shadow:0 0 0 20px #ffffff12,0 0 0 42px #ffffff08}.vector-cover:after{content:"";position:absolute;z-index:-1;inset:0;background:repeating-linear-gradient(132deg,transparent 0 31px,#ffffff0d 32px 33px)}.vector-cover .cover-kicker,.vector-cover .cover-index{position:relative;z-index:1;font-size:12px;letter-spacing:.04em;color:#dff9ff}.vector-cover .cover-index{font-size:30px;font-weight:800;letter-spacing:.08em;color:#ffffffb8}.vector-cover .cover-symbol{position:absolute;right:24%;bottom:23%;width:66px;height:66px;border:2px solid #ffffff7a;border-radius:18px;transform:rotate(45deg);box-shadow:0 0 0 11px #ffffff12}.vector-cover.category-2{background:linear-gradient(135deg,#17245a,#185e91 58%,#22a9c5)}.vector-cover.category-2:before{border-radius:10px;transform:rotate(45deg);width:150px;height:150px;right:-38px;top:-70px}.vector-cover.category-3{background:linear-gradient(135deg,#07544e,#008b70 58%,#00c99b)}.vector-cover.category-3 .cover-symbol{border-radius:50%;transform:rotate(-35deg);border-color:#c9fff0}.vector-cover.category-4{background:linear-gradient(135deg,#29345f,#345c87 58%,#52a6b9)}.vector-cover.category-4 .cover-symbol{border-radius:50%;transform:rotate(0);border-color:#e0f7ff}.vector-cover.category-5{background:linear-gradient(135deg,#372668,#623b92 58%,#b06cae)}.vector-cover.category-5 .cover-symbol{border-radius:50%;transform:rotate(45deg);border-color:#f5e1ff}.vector-cover + .course-body{min-width:0}