:root{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;color:#17362f;background:#f4f2ec;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #17362f;--muted: #78837f;--green: #1d5a49;--green-deep: #143f35;--mint: #dfece6;--paper: #fffdf8;--line: #e5e3db;--gold: #d5a23f;--coral: #d97662}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(460px,1.05fr) minmax(440px,.95fr);background:var(--paper)}.login-story{position:relative;display:flex;overflow:hidden;padding:68px clamp(48px,6vw,104px);color:#fff;background:radial-gradient(circle at 72% 18%,#347a65 0 8%,transparent 38%),linear-gradient(148deg,#174a3c,#102f28 74%)}.story-content{position:relative;z-index:2;display:flex;width:min(660px,100%);flex-direction:column;justify-content:center}.story-brand,.mobile-brand{display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:.04em}.story-brand>span,.mobile-brand>span,.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#e3b553;color:#17362f;font-family:Georgia,serif;font-size:22px;font-weight:800;box-shadow:0 8px 24px #0c2c2445}.story-kicker{margin:92px 0 18px;color:#d6b775;font-size:12px;font-weight:750;letter-spacing:.22em}.story-content h1{margin:0;font-family:STSong,SimSun,serif;font-size:clamp(46px,5vw,76px);font-weight:700;line-height:1.18;letter-spacing:-.04em}.story-copy{max-width:560px;margin:30px 0 54px;color:#c8d8d3;font-size:17px;line-height:1.9}.story-points{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding-top:30px;border-top:1px solid #ffffff22}.story-points div{display:flex;gap:12px;align-items:flex-start}.story-points strong{color:#d6b775;font:700 12px/1.7 Georgia,serif}.story-points span{font-size:14px;line-height:1.5}.story-points small{color:#91aaa2;font-size:12px}.story-orbit{position:absolute;width:540px;height:540px;right:-280px;top:10%;border:1px solid #ffffff12;border-radius:50%}.story-orbit:before,.story-orbit:after{content:"";position:absolute;top:70px;right:70px;bottom:70px;left:70px;border:1px solid #ffffff10;border-radius:50%}.story-orbit:after{top:150px;right:150px;bottom:150px;left:150px}.story-orbit i{position:absolute;width:8px;height:8px;border-radius:50%;background:#d6b775;box-shadow:0 0 22px #d6b775}.story-orbit i:nth-child(1){left:38px;top:210px}.story-orbit i:nth-child(2){left:144px;top:58px}.story-orbit i:nth-child(3){left:104px;bottom:88px}.login-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:58px clamp(34px,7vw,124px) 30px;background:#fbfaf6}.login-card{width:min(430px,100%)}.mobile-brand{display:none;color:var(--ink)}.eyebrow{color:#a17c34;font-size:11px;font-weight:800;letter-spacing:.2em}.login-card h2{margin:15px 0 9px;font:700 36px/1.2 STSong,SimSun,serif}.login-subtitle{margin:0 0 36px;color:var(--muted);font-size:14px}.login-card label{display:block;margin-top:20px}.login-card label>span{display:block;margin-bottom:9px;color:#425b54;font-size:13px;font-weight:650}.login-card input{width:100%;height:52px;padding:0 16px;border:1px solid #d8ddd8;border-radius:10px;outline:0;color:var(--ink);background:#fff;transition:border .2s,box-shadow .2s}.login-card input:focus{border-color:#4c8d78;box-shadow:0 0 0 4px #3d8c7216}.login-card input::placeholder{color:#b2b9b5}.form-error,.inline-alert{border:1px solid #efc2ba;border-radius:10px;color:#a54434;background:#fff1ee}.form-error{margin:18px 0 -3px;padding:11px 14px;font-size:13px}.primary-button{display:flex;justify-content:space-between;align-items:center;width:100%;height:54px;margin-top:28px;padding:0 20px;border:0;border-radius:10px;background:var(--green);color:#fff;font-weight:700;box-shadow:0 12px 28px #1d5a4930;transition:transform .2s,background .2s}.primary-button:hover:not(:disabled){background:var(--green-deep);transform:translateY(-1px)}.primary-button span{font-size:20px;font-weight:400}.login-help{margin-top:18px;color:#929b97;font-size:12px;text-align:center}.login-footer{margin:auto 0 0;padding-top:44px;color:#a4aaa7;font-size:11px}.app-shell{min-height:100vh;display:grid;grid-template-columns:246px 1fr;background:#f4f2ec}.sidebar{position:sticky;top:0;display:flex;height:100vh;flex-direction:column;padding:30px 20px 22px;color:#d6e0dc;background:var(--green-deep)}.brand-block{display:flex;align-items:center;gap:12px;padding:0 8px 34px;border-bottom:1px solid #ffffff13}.brand-block strong{display:block;color:#fff;font-size:15px}.brand-block span{display:block;margin-top:5px;color:#829f96;font-size:11px}.brand-block .brand-mark{width:38px;height:38px;flex:0 0 auto;border-radius:11px;font-size:19px}.sidebar nav{display:grid;gap:6px;margin-top:30px}.nav-item{position:relative;display:flex;align-items:center;gap:13px;width:100%;height:46px;padding:0 14px;border:0;border-radius:9px;background:transparent;color:#91aaa2;font-size:13px;text-align:left;transition:color .2s,background .2s}.nav-item:hover{color:#fff;background:#ffffff0b}.nav-item.active{color:#fff;background:#ffffff12}.nav-item.active:before{content:"";position:absolute;left:0;width:3px;height:20px;border-radius:2px;background:#e3b553}.nav-item b{min-width:21px;margin-left:auto;padding:2px 6px;border-radius:10px;background:#d97662;color:#fff;font-size:10px;text-align:center}.sidebar-foot{margin-top:auto;padding-top:18px;border-top:1px solid #ffffff13}.profile-mini{display:flex;align-items:center;gap:11px;padding:9px}.profile-mini>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#2a6655;color:#fff;font-size:13px}.profile-mini strong,.profile-mini small{display:block}.profile-mini strong{color:#fff;font-size:12px}.profile-mini small{margin-top:3px;color:#78978d;font-size:10px}.logout-button{display:flex;align-items:center;gap:10px;width:100%;margin-top:8px;padding:9px 12px;border:0;background:transparent;color:#819d94;font-size:12px}.logout-button:hover{color:#fff}.logout-button svg{width:17px}.workspace{min-width:0;padding:30px clamp(30px,4vw,70px) 56px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.topbar h1{margin:7px 0 0;font:700 28px/1.2 STSong,SimSun,serif}.topbar .eyebrow{color:#8d9d97;font-size:9px}.refresh-button{display:flex;align-items:center;gap:8px;height:40px;padding:0 15px;border:1px solid #dce0dc;border-radius:9px;color:#506a62;background:#fffdf9;font-size:12px}.refresh-button:hover{border-color:#a9bdb6}.refresh-button svg{width:16px}.inline-alert{margin:-12px 0 24px;padding:12px 16px;font-size:13px}.content-stack{display:grid;gap:24px}.welcome-row{display:flex;justify-content:space-between;align-items:flex-end;min-height:76px;padding:0 2px}.welcome-row p{margin:0 0 8px;color:#7d8b86;font-size:13px}.welcome-row h2{margin:0;font:700 23px/1.35 STSong,SimSun,serif}.deadline-chip{padding:8px 12px;border:1px solid #e2d6bb;border-radius:16px;color:#957332;background:#fffaf0;font-size:11px}.deadline-chip.overdue{border-color:#eec8c0;color:#b34e3a;background:#fff2ef}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(145px,1fr));gap:14px}.metric-card{position:relative;overflow:hidden;min-height:132px;padding:20px;border:1px solid var(--line);border-radius:13px;background:var(--paper);box-shadow:0 8px 24px #243b3310}.metric-card:after{content:"";position:absolute;right:-24px;bottom:-36px;width:86px;height:86px;border-radius:50%;opacity:.12;background:currentColor}.metric-card>span{color:#7c8985;font-size:11px}.metric-card strong{display:block;margin:14px 0 6px;color:var(--ink);font:700 28px/1 Georgia,serif}.metric-card p{margin:0;color:#9aa19e;font-size:11px}.metric-card.green{color:#27735d}.metric-card.gold{color:#cf9b31}.metric-card.blue{color:#4f8792}.metric-card.coral{color:#d97662}.overview-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.9fr);gap:18px}.panel{padding:24px;border:1px solid var(--line);border-radius:14px;background:var(--paper);box-shadow:0 8px 26px #243b330d}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.panel-title h2{margin:0;font:700 18px/1.2 STSong,SimSun,serif}.panel-title span{color:#9a8356;font-size:11px}.plan-heading{display:flex;align-items:flex-end;justify-content:space-between;padding:18px 20px;border-radius:11px;background:#edf4f0}.plan-heading span{color:#688279;font-size:11px}.plan-heading h3{margin:6px 0 0;font-size:17px}.plan-heading>strong{color:var(--green);font:700 28px/1 Georgia,serif}.progress-track,.mini-progress{overflow:hidden;background:#e5e9e6}.progress-track{height:7px;margin-top:16px;border-radius:4px}.progress-track i,.mini-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2d8067,#e0b253)}.plan-meta{display:flex;justify-content:space-between;margin:9px 0 26px;color:#89938f;font-size:10px}.course-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.timeline-item{position:relative;display:flex;width:100%;gap:8px;align-items:flex-start;padding-right:5px;border:0;color:inherit;background:transparent;font:inherit;text-align:left}.timeline-item:after{content:"";position:absolute;top:13px;left:29px;right:0;height:1px;background:#d9dfdc}.timeline-item:last-child:after{display:none}.timeline-item>i{position:relative;z-index:1;display:grid;place-items:center;flex:0 0 auto;width:26px;height:26px;border:1px solid #c7d4cf;border-radius:50%;color:#72847e;background:var(--paper);font: 10px Georgia,serif}.timeline-item.passed>i,.timeline-item.completed>i{border-color:var(--green);color:#fff;background:var(--green)}.timeline-item.locked{opacity:.5}.timeline-item:not(:disabled):hover strong{color:var(--green)}.timeline-item span{min-width:0}.timeline-item strong,.timeline-item small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline-item strong{margin-top:1px;color:#314c44;font-size:10px}.timeline-item small{margin-top:4px;color:#9ba39f;font-size:9px}.notice-list{display:grid;gap:0}.notice-list.compact{margin-top:-8px}.notice-item{display:flex;width:100%;gap:12px;padding:16px 2px;border:0;border-bottom:1px solid #eeece5;color:inherit;background:transparent;font:inherit;text-align:left}.notice-item:last-child{border-bottom:0}.notice-item>i{flex:0 0 auto;width:7px;height:7px;margin-top:5px;border-radius:50%;background:#d6dcd9}.notice-item.unread>i{background:var(--coral);box-shadow:0 0 0 4px #d9766212}.notice-item:hover h3{color:var(--green)}.notice-item>div{min-width:0;flex:1}.notice-item>div>div{display:flex;gap:12px;justify-content:space-between}.notice-item h3{margin:0;color:#39544c;font-size:12px}.notice-item time{flex:0 0 auto;color:#a5aaa8;font-size:9px}.notice-item p{display:-webkit-box;overflow:hidden;margin:7px 0 0;color:#8a9490;font-size:10px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.empty-state{display:grid;place-items:center;padding:42px 20px;color:#98a19d;text-align:center}.empty-state i{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#eef2ef;color:#7f9c92;font-style:normal}.empty-state strong{margin-top:14px;color:#60756e;font-size:13px}.empty-state span{margin-top:7px;font-size:11px}.full-panel{min-height:calc(100vh - 140px)}.course-list{display:grid}.course-row{display:grid;grid-template-columns:48px minmax(0,1fr) 180px;gap:18px;align-items:center;padding:20px 8px;border-bottom:1px solid #eceae3}.course-row:last-child{border-bottom:0}.course-row.locked{opacity:.56}.course-index{color:#b79a5d;font:700 13px Georgia,serif}.course-title-line{display:flex;align-items:center;gap:9px}.course-title-line h3{margin:0;font-size:14px}.course-title-line em{padding:3px 7px;border-radius:9px;color:#a15342;background:#fae9e4;font-size:8px;font-style:normal}.course-main p{margin:7px 0 12px;color:#8e9894;font-size:10px}.mini-progress{width:min(330px,100%);height:4px;border-radius:2px}.course-status{display:grid;justify-items:end;gap:8px;text-align:right}.status{padding:5px 9px;border-radius:11px;color:#3b6c5d;background:#e5f0eb;font-size:9px}.status.locked{color:#7f8884;background:#edefee}.status.failed,.status.overdue{color:#aa4937;background:#fae8e4}.course-status small{color:#9ba29f;font-size:9px}.course-open-button{padding:5px 0;border:0;color:var(--green);background:transparent;font-size:10px;font-weight:700}.course-open-button:hover{color:#b6852f}.library-toolbar{display:flex;align-items:end;justify-content:space-between;padding:3px 2px 5px}.library-toolbar h2{margin:0;font:700 22px STSong,SimSun,serif}.library-toolbar p{margin:7px 0 0;color:#8f9894;font-size:11px}.search-box{display:flex;align-items:center;width:280px;height:42px;padding:0 13px;border:1px solid #dce0dc;border-radius:10px;background:var(--paper)}.search-box>span{color:#82928d;font-size:20px}.search-box input{min-width:0;flex:1;border:0;outline:0;color:var(--ink);background:transparent;font-size:11px}.search-box input::placeholder{color:#aab1ae}.library-grid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:16px}.library-card{display:flex;min-height:246px;flex-direction:column;padding:22px;border:1px solid var(--line);border-radius:13px;background:var(--paper);box-shadow:0 8px 24px #243b330b;transition:transform .2s,box-shadow .2s}.library-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px #243b3315}.library-card.locked:hover{transform:none}.library-card-top{display:flex;justify-content:space-between;color:#a58444;font:700 9px/1 Georgia,serif;letter-spacing:.1em}.library-card-top b{color:#9aa39f;font-weight:500;letter-spacing:0}.library-card>p{margin:36px 0 10px;color:#769086;font-size:9px}.library-card h3{margin:0;font:700 17px/1.4 STSong,SimSun,serif}.library-summary{display:-webkit-box;overflow:hidden;margin-top:12px;color:#909995;font-size:10px;line-height:1.65;-webkit-box-orient:vertical;-webkit-line-clamp:3}.library-card footer{display:flex;justify-content:space-between;margin-top:auto;padding-top:18px;border-top:1px solid #efede7;color:var(--green);font-size:10px}.library-card footer button{padding:0;border:0;color:var(--green);background:transparent;font-size:10px;font-weight:700}.library-card footer button:hover{color:#b6852f}.availability.locked{color:#9ba19f}.course-detail-page{display:grid;gap:18px}.course-back,.text-button{justify-self:start;padding:3px 0;border:0;color:#668078;background:transparent;font-size:11px;font-weight:650}.course-back:hover,.text-button:hover{color:var(--green)}.course-hero{display:grid;grid-template-columns:minmax(0,1fr) 190px;overflow:hidden;min-height:250px;border-radius:18px;color:#fff;background:radial-gradient(circle at 92% 8%,#f2c45d33 0 8%,transparent 33%),linear-gradient(135deg,#174a3d,#28745d);box-shadow:0 18px 42px #173e3224}.course-hero-copy{padding:34px 42px}.course-hero-meta{display:flex;align-items:center;gap:9px;color:#bcd6cd;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.course-hero-meta b{padding:4px 7px;border-radius:8px;color:#593f0f;background:#e7ba56;font-size:8px;letter-spacing:0}.course-hero h2{margin:18px 0 12px;font:700 clamp(26px,3vw,39px)/1.28 "STSong","SimSun",serif}.course-hero-copy>p{max-width:700px;margin:0;color:#c7d9d3;font-size:12px;line-height:1.75}.course-overall-progress{display:flex;align-items:center;gap:20px;margin-top:28px}.course-overall-progress>div:first-child span,.course-overall-progress>div:first-child strong,.course-overall-progress>div:first-child small{display:block}.course-overall-progress span,.course-overall-progress small{color:#a9c6bd;font-size:9px}.course-overall-progress strong{margin:5px 0;font:700 17px/1 Georgia,serif}.course-progress-ring{display:grid;width:50px;height:50px;place-items:center;border-radius:50%;background:conic-gradient(#e8ba58 var(--progress),#ffffff25 0)}.course-progress-ring span{display:grid;width:39px;height:39px;place-items:center;border-radius:50%;color:#fff;background:#23614f;font-size:10px;font-weight:700}.course-hero-number{display:grid;align-content:center;justify-items:center;border-left:1px solid #ffffff1f;background:#0f392f45}.course-hero-number span,.course-hero-number small{color:#b8d0c8;font-size:10px}.course-hero-number strong{margin:12px 0 14px;font:700 54px/1 Georgia,serif}.course-hero-number strong i{color:#9ec0b5;font-size:20px;font-style:normal}.course-message{padding:13px 17px;border:1px solid #c8dfd6;border-radius:10px;color:#28654f;background:#edf7f2;font-size:11px}.course-message.error{border-color:#efc9c1;color:#a94735;background:#fff1ee}.course-message.info{border-color:#ead7ae;color:#8a6827;background:#fff9eb}.course-learning-grid{display:grid;grid-template-columns:250px minmax(0,1fr);gap:18px;align-items:start}.chapter-sidebar{position:sticky;top:22px;padding:22px 16px}.chapter-sidebar header{padding:0 8px 17px;border-bottom:1px solid #eceae4}.chapter-sidebar header span,.quiz-panel header span{color:#ae8d4e;font-size:8px;font-weight:750;letter-spacing:.15em}.chapter-sidebar h3,.quiz-panel h3,.course-requirements-web h3{margin:7px 0 0;font:700 17px/1.2 STSong,SimSun,serif}.chapter-nav{display:grid;padding-top:8px}.chapter-nav button{display:flex;gap:10px;align-items:center;width:100%;padding:13px 8px;border:0;border-radius:9px;color:#71827c;background:transparent;text-align:left}.chapter-nav button:hover,.chapter-nav button.active{color:var(--green);background:#edf4f0}.chapter-nav button>i{display:grid;width:26px;height:26px;flex:0 0 auto;place-items:center;border:1px solid #cdd8d4;border-radius:50%;font: 9px/1 Georgia,serif}.chapter-nav button.active>i{border-color:var(--green);color:#fff;background:var(--green)}.chapter-nav button span,.chapter-nav button strong,.chapter-nav button small{display:block;min-width:0}.chapter-nav button strong{overflow:hidden;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.chapter-nav button small{margin-top:4px;color:#9da7a3;font-size:8px}.course-main-column{display:grid;min-width:0;gap:16px}.chapter-content{padding:clamp(24px,4vw,46px)}.chapter-content-header{margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid #ebe9e2}.chapter-content-header span{color:#a38242;font-size:9px;font-weight:700}.chapter-content-header h2{margin:8px 0 0;font:700 25px/1.35 STSong,SimSun,serif}.training-rich-text{color:#435b53;font-size:13px;line-height:1.9}.training-rich-text>:first-child{margin-top:0}.training-rich-text h1,.training-rich-text h2,.training-rich-text h3{margin:26px 0 10px;color:var(--ink);font-family:STSong,SimSun,serif}.training-rich-text img,.training-rich-text video{max-width:100%}.training-rich-text blockquote{margin:20px 0;padding:14px 18px;border-left:3px solid #d7ad57;background:#fbf7ed}.chapter-media-list{display:grid;gap:20px;margin-top:30px}.training-image,.training-video{margin:0}.training-image img,.training-video video{display:block;width:100%;max-height:560px;border-radius:11px;background:#15231f;object-fit:contain}.training-image figcaption,.training-video figcaption{margin-top:8px;color:#929d99;font-size:9px}.media-placeholder{display:grid;min-height:180px;place-items:center;border:1px dashed #d9d7cf;border-radius:10px;color:#9ca39f;background:#faf9f5;font-size:10px}.playback-row{display:flex;align-items:center;gap:7px;margin-top:10px}.playback-row>span,.playback-row small{color:#8a9691;font-size:9px}.playback-row small{margin-left:auto}.playback-row button{padding:4px 7px;border:1px solid #dfe3df;border-radius:6px;color:#6c7b76;background:#fff;font-size:8px}.playback-row button.active{border-color:var(--green);color:#fff;background:var(--green)}.chapter-actions{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 22px}.chapter-actions strong,.chapter-actions span{display:block}.chapter-actions strong{font-size:12px}.chapter-actions span{margin-top:5px;color:#8e9995;font-size:9px}.primary-action,.secondary-button,.quiz-submit{min-height:38px;padding:0 18px;border:0;border-radius:8px;color:#fff;background:var(--green);font-size:11px;font-weight:700}.primary-action:hover,.quiz-submit:hover{background:var(--green-deep)}.secondary-button{color:var(--green);background:#e7f0ec}.course-requirements-web header,.quiz-panel>header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}.course-requirements-web header span,.quiz-panel>header p{margin:0;color:#929d99;font-size:9px}.requirement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.requirement-item{display:flex;gap:10px;align-items:center;min-height:66px;padding:12px;border:1px solid #ebe8df;border-radius:9px;background:#fbfaf6}.requirement-item>i{display:grid;width:25px;height:25px;flex:0 0 auto;place-items:center;border-radius:50%;color:#a48b5b;background:#f2ead9;font-style:normal;font-size:10px}.requirement-item.done>i{color:#fff;background:var(--green)}.requirement-item.neutral>i{color:#76837f;background:#e9edeb}.requirement-item strong,.requirement-item small{display:block}.requirement-item strong{font-size:10px}.requirement-item small{margin-top:5px;color:#909a96;font-size:8px}.quiz-panel.locked{background:#fbfaf6}.quiz-panel fieldset{margin:0;padding:20px 0;border:0;border-top:1px solid #eceae3}.quiz-panel legend{color:#334d45;font-size:11px;font-weight:700}.quiz-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:13px}.quiz-options button{display:flex;gap:9px;align-items:center;min-height:42px;padding:9px 12px;border:1px solid #e2e2db;border-radius:8px;color:#5f706a;background:#fff;text-align:left;font-size:10px}.quiz-options button:hover,.quiz-options button.selected{border-color:#85aa9d;color:var(--green);background:#edf5f1}.quiz-options button i{display:grid;width:17px;height:17px;flex:0 0 auto;place-items:center;border:1px solid #cbd3d0;border-radius:50%;font-style:normal;font-size:8px}.quiz-options button.selected i{border-color:var(--green);color:#fff;background:var(--green)}.quiz-lock-message{padding:35px;border-top:1px solid #eceae3;color:#919b97;text-align:center;font-size:10px}.quiz-submit{margin-top:8px}.quiz-latest{margin-top:16px;padding:11px 13px;border-radius:8px;color:#987130;background:#faf3e3;font-size:10px}.quiz-latest.passed{color:var(--green);background:#eaf4ef}.course-failure{max-width:650px;margin:8vh auto 0;text-align:center}.course-failure .text-button{display:block;margin-bottom:38px}.course-failure h2{font-family:STSong,SimSun,serif}.course-failure p{margin:10px 0 24px;color:#82918c;font-size:11px}.course-detail-skeleton{display:grid;grid-template-columns:250px 1fr;gap:18px}.course-detail-skeleton i,.course-detail-skeleton div{border-radius:15px;background:linear-gradient(90deg,#e5e5df,#f3f2ed,#e5e5df);background-size:200% 100%;animation:shimmer 1.3s infinite}.course-detail-skeleton i:first-child{grid-column:1/-1;height:250px}.course-detail-skeleton i:nth-child(2){height:380px}.course-detail-skeleton div{height:520px}.library-empty{grid-column:1/-1}.disabled-state{max-width:720px;margin:10vh auto 0;padding:54px}.disabled-state>span{color:#ad8a47;font-size:11px;font-weight:700;letter-spacing:.14em}.disabled-state h2{margin:20px 0 14px;font:700 28px/1.45 STSong,SimSun,serif}.disabled-state p{max-width:560px;margin:0;color:#7e8b86;font-size:13px;line-height:1.8}.loading-screen{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:16px;background:#f8f6f0}.loading-screen p{color:#73837d;font-size:12px}.dashboard-skeleton{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.dashboard-skeleton i,.dashboard-skeleton div{border-radius:13px;background:linear-gradient(90deg,#e9e7e0,#f4f2ec,#e9e7e0);background-size:200% 100%;animation:shimmer 1.3s infinite}.dashboard-skeleton i{height:132px}.dashboard-skeleton div{grid-column:1/-1;height:360px}@keyframes shimmer{to{background-position:-200% 0}}@media(max-width:1050px){.metric-grid{grid-template-columns:repeat(2,1fr)}.overview-grid{grid-template-columns:1fr}.library-grid{grid-template-columns:repeat(2,1fr)}.course-learning-grid{grid-template-columns:1fr}.chapter-sidebar{position:static}.chapter-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.course-detail-skeleton{grid-template-columns:1fr}.course-detail-skeleton i:first-child{grid-column:auto}}@media(max-width:820px){.login-page{grid-template-columns:1fr}.login-story{display:none}.login-panel{min-height:100vh}.mobile-brand{display:flex;margin-bottom:70px}.app-shell{grid-template-columns:76px 1fr}.sidebar{padding-inline:12px}.brand-block{justify-content:center;padding-inline:0}.brand-block>div:last-child,.nav-item span,.sidebar-foot{display:none}.nav-item{justify-content:center;padding:0}.nav-item.active:before{left:-3px}.nav-item b{position:absolute;top:5px;right:4px;min-width:16px;padding:1px 4px}.workspace{padding-inline:22px}.library-grid{grid-template-columns:1fr 1fr}.course-hero{grid-template-columns:1fr 150px}.course-hero-copy{padding:30px}}@media(max-width:620px){.app-shell{display:block}.sidebar{position:fixed;z-index:10;top:auto;bottom:0;width:100%;height:68px;padding:8px 12px;box-shadow:0 -6px 20px #1d342b18}.brand-block{display:none}.sidebar nav{grid-template-columns:repeat(4,1fr);margin:0}.nav-item{height:52px;flex-direction:column;gap:3px;font-size:9px}.nav-item span{display:block}.nav-item.active:before{top:-8px;left:50%;width:20px;height:3px;transform:translate(-50%)}.nav-item svg{width:18px;height:18px}.workspace{padding:22px 14px 94px}.topbar{margin-bottom:22px}.topbar h1{font-size:23px}.refresh-button{width:40px;padding:0;justify-content:center}.refresh-button{font-size:0}.welcome-row{align-items:flex-start;flex-direction:column;gap:14px}.metric-grid{grid-template-columns:repeat(2,1fr);gap:10px}.metric-card{min-height:116px;padding:16px}.metric-card strong{font-size:23px}.panel{padding:18px 15px}.plan-heading{padding:15px}.course-timeline{grid-template-columns:1fr 1fr;gap:18px 6px}.timeline-item:nth-child(2):after{display:none}.course-row{grid-template-columns:32px minmax(0,1fr);gap:10px}.course-status{grid-column:2;justify-items:start;text-align:left}.course-hero{grid-template-columns:1fr}.course-hero-copy{padding:26px 22px}.course-hero-number{grid-template-columns:1fr auto auto;justify-items:start;padding:18px 22px;border-top:1px solid #ffffff1f;border-left:0}.course-hero-number strong{margin:0 14px;font-size:32px}.chapter-nav,.requirement-grid,.quiz-options{grid-template-columns:1fr}.chapter-actions{align-items:stretch;flex-direction:column}.primary-action{width:100%}.playback-row{flex-wrap:wrap}.playback-row small{width:100%;margin:4px 0 0}.library-toolbar{align-items:stretch;flex-direction:column;gap:18px}.search-box{width:100%}.library-grid{grid-template-columns:1fr}.full-panel{min-height:auto}.login-panel{padding:34px 24px 20px}.mobile-brand{margin-bottom:54px}.login-footer{text-align:center}}