/* =========================================================
   导游学霸 · Modern editorial learning system
   Direction: archive-tech / paper atlas / exam command center
   ========================================================= */
:root{
  --bg:#f4f1e9;
  --bg2:#ebe7dd;
  --card:#fffdf8;
  --card2:#f0ece3;
  --line:#d8d1c4;
  --t:#1e2428;
  --t2:#5f6668;
  --t3:#8b918e;
  --gold:#b7812e;
  --jade:#276d67;
  --red:#b43c32;
  --blue:#315b78;
  --purple:#725d88;
  --orange:#c66b35;
  --ok:#276d67;
  --warn:#b7812e;
  --bad:#b43c32;
  --shadow:0 14px 35px rgba(52,44,34,.08);
  --shadow-lg:0 26px 70px rgba(52,44,34,.14);
  --r:10px;
  --r-s:6px;
  --r-l:18px;
  --ease:cubic-bezier(.22,1,.36,1);
}
html,body{background:var(--bg);color:var(--t);font-family:"Avenir Next","PingFang SC","Microsoft YaHei",sans-serif}
body:not(.on-home){background:var(--bg);color:var(--t)}
::selection{background:#d7a451;color:#fff}

/* shell */
.sidebar{width:214px;background:#202a2b;border-right:0;color:#f4f1e9;box-shadow:12px 0 30px rgba(35,42,39,.1)}
.sb-brand{height:76px;padding:18px 18px;border-bottom:1px solid rgba(255,255,255,.12)}
.sb-brand-mark{width:38px;height:38px;border-radius:8px;background:var(--red);color:#fff;box-shadow:none;font-family:"Songti SC",serif}
.sb-brand-name b{color:#f8f2e7;font-weight:700;letter-spacing:.08em}
.sb-progress{margin:18px 14px;padding:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:10px}
.sb-progress-num b{background:none;color:#e8c27a;-webkit-text-fill-color:initial}
.sb-progress-bar{background:rgba(255,255,255,.13)}.sb-progress-bar i{background:#d79a3f}
.sb-progress-label{color:rgba(244,241,233,.58)}
.sb-nav{padding:8px 12px}.sb-nav-divider{background:rgba(255,255,255,.12);margin:14px 4px}
.sb-nav-item{padding:12px 12px;color:rgba(244,241,233,.62);border-radius:7px}
.sb-nav-item:hover{background:rgba(255,255,255,.08);color:#fff}.sb-nav-item.on{background:#f4f1e9;color:#1f2c2b}
.sb-nav-item.on::before{left:0;width:3px;background:var(--red)}
.sb-footer{border-top:1px solid rgba(255,255,255,.12);padding:12px}.sb-streak{color:rgba(244,241,233,.58);font-size:11px;letter-spacing:.08em}.sb-streak b{color:#e4ba6a;font:18px Georgia,serif}.sb-toggle{background:rgba(255,255,255,.08);color:rgba(244,241,233,.68)}
main{margin-left:214px;padding:28px 38px;background:var(--bg)}
main.map-full{margin-left:214px;padding:0}
.mobile-menu-btn{background:#202a2b;color:#fff;box-shadow:0 8px 20px rgba(32,42,43,.22)}
.workspace-bar{position:fixed;z-index:80;left:214px;right:0;top:0;height:58px;padding:0 38px;background:rgba(244,241,233,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:space-between}
.workspace-bar>div{display:flex;align-items:baseline;gap:14px}.workspace-bar span{font:10px Georgia,serif;letter-spacing:.18em;color:var(--red)}.workspace-bar b{font-size:14px;color:#243130}.workspace-bar p{font-size:11px;color:var(--t3)}
body[data-view="map"] .workspace-bar,body[data-view="redmap"] .workspace-bar,body[data-view="guide"] .workspace-bar,body[data-view="interview"] .workspace-bar{display:none}
body:not([data-view="map"]):not([data-view="redmap"]):not([data-view="guide"]):not([data-view="interview"]) main{padding-top:86px}

/* home */
.learn-home{max-width:1320px;margin:0 auto;padding:0 0 72px}
.home-workspace-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.58fr);gap:16px;align-items:stretch}
.learn-masthead{display:block;min-height:430px;padding:54px 47% 46px 42px;border:1px solid #d8d1c4;border-radius:14px;background:
  linear-gradient(90deg,rgba(255,253,248,.98) 0%,rgba(255,253,248,.88) 44%,rgba(255,253,248,.12) 100%),
  url("../img/ui/learning-atlas-hero.png") center/cover no-repeat;box-shadow:var(--shadow);position:relative;overflow:hidden}
.learn-masthead:before{content:"学习档案 / 2026";position:absolute;right:28px;top:24px;color:rgba(30,36,40,.55);font:11px Georgia,serif;letter-spacing:.18em}
.eyebrow,.route-kicker{color:var(--red);font-size:11px;letter-spacing:.16em;font-weight:800}
.learn-masthead h1{font-family:"Songti SC","STSong",serif;font-size:clamp(42px,5vw,72px);color:#1e2929;letter-spacing:-.06em;margin:14px 0 16px}
.learn-masthead h1 em{color:var(--red)}
.learn-masthead p{max-width:520px;color:#596360;font-size:16px;line-height:1.8}
.home-command-panel{padding:25px;background:#202d2d;color:#f6f1e8;border-radius:14px;display:flex;flex-direction:column;gap:18px;box-shadow:var(--shadow)}
.command-label{font:10px Georgia,serif;letter-spacing:.18em;color:#e2b66c;border-bottom:1px solid rgba(255,255,255,.13);padding-bottom:14px}
.home-command-panel .home-status{margin:0;padding:3px 0 16px;display:grid;grid-template-columns:auto 1fr;align-items:end;gap:12px;background:none;border:0;border-bottom:1px solid rgba(255,255,255,.13);box-shadow:none}
.home-status>b{font:36px Georgia,serif;color:var(--red)}.home-status>span{color:var(--t2)}.home-status button{grid-column:1/-1;background:var(--red);border-radius:6px;padding:10px 12px}
.home-command-panel .home-status>b{font-size:56px;color:#e8c27a}.home-command-panel .home-status>span{color:rgba(246,241,232,.7);font-size:13px;padding-bottom:7px}
.continue-card{margin:0;background:#f4f1e9;color:#243130;border:0;border-radius:8px;box-shadow:none;padding:17px}
.continue-card span{color:#e5bd6e}.continue-card em{color:#fff}
.home-command-panel .continue-card span,.home-command-panel .continue-card em{color:var(--red)}.home-command-panel .continue-card b{font-size:14px}
.empty-command{padding:18px;background:rgba(255,255,255,.06);border:1px dashed rgba(255,255,255,.18);display:grid;gap:3px}.empty-command span{font-size:11px;color:rgba(246,241,232,.55)}.empty-command b{font-size:14px}
.command-actions{display:grid;gap:8px;margin-top:auto}.command-actions button{padding:13px 14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.11);border-radius:7px;display:grid;grid-template-columns:30px 1fr;gap:2px 9px;text-align:left}.command-actions button:hover{background:rgba(255,255,255,.11)}.command-actions span{grid-row:1/3;font:13px Georgia,serif;color:#e8c27a}.command-actions b{font-size:13px}.command-actions em{font-style:normal;font-size:10px;color:rgba(246,241,232,.55)}
.subject-section{padding:52px 0 20px}.section-heading span{color:var(--red)}.section-heading h2{color:#202c2b}.course-heading{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:15px}.course-heading p{font-size:12px;color:var(--t3)}
.subject-grid{grid-template-columns:repeat(2,1fr);gap:12px}.subject-card{min-height:205px;background:var(--card);border:1px solid var(--line);border-radius:9px;box-shadow:none}
.subject-card:before{height:4px}.subject-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}
.subject-id{border-color:var(--subject);color:var(--subject);border-radius:4px}.subject-card h3{color:#253232}.subject-card p{color:var(--t2)}.subject-meta{color:var(--t3)}.subject-enter{color:var(--subject)}

/* unified subject / chapter learning architecture */
.course-workspace{max-width:1320px;margin:0 auto;padding-bottom:70px}
.course-topline{min-height:62px;margin-bottom:14px;padding:0 16px;display:grid;grid-template-columns:auto minmax(240px,1fr) minmax(260px,.8fr);align-items:center;gap:18px;background:#202d2d;color:#f4f1e9;border-radius:10px;border-top:3px solid var(--course)}
.course-topline>button{padding:9px 12px;border:1px solid rgba(255,255,255,.16);border-radius:6px;color:#f1c67d;font-size:11px}.course-topline>div{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:9px}.course-topline span{color:#e5b96e;font:10px Georgia,serif;letter-spacing:.12em}.course-topline b{font-size:14px}.course-topline p{font-size:11px;color:rgba(244,241,233,.58);text-align:right}
.course-shell{display:grid;grid-template-columns:210px minmax(0,1fr) 230px;gap:12px;align-items:start}
.chapter-rail,.course-stage,.course-inspector{background:var(--card);border:1px solid var(--line);border-radius:10px}
.chapter-rail{position:sticky;top:72px;max-height:calc(100vh - 96px);overflow:hidden}.chapter-rail-head{padding:16px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.chapter-rail-head span,.inspector-kicker{color:var(--red);font:9px Georgia,serif;letter-spacing:.16em}.chapter-rail-head b{font-size:10px;color:var(--t3)}
.chapter-rail-list{padding:7px;max-height:calc(100vh - 148px);overflow:auto}.chapter-rail-list button{width:100%;min-height:52px;padding:8px 9px;display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:7px;text-align:left;border-left:2px solid transparent;border-radius:5px;color:var(--t2)}.chapter-rail-list button:hover{background:#f4efe6}.chapter-rail-list button.on{background:#f1e7dc;border-left-color:var(--course);color:var(--t)}.chapter-rail-list i{font:10px Georgia,serif;color:var(--t3)}.chapter-rail-list span{font-size:11px;line-height:1.35}.chapter-rail-list em{font-size:9px;font-style:normal;color:var(--t3)}
.course-stage{min-width:0;min-height:620px;overflow:hidden}.course-inspector{position:sticky;top:72px;padding:18px;background:#f0ece3}.course-inspector h3{margin:9px 0 16px;font:22px/1.25 "Songti SC","STSong",serif;color:#263332}.course-inspector ol{display:grid;gap:10px}.course-inspector li{display:grid;grid-template-columns:24px 1fr;gap:9px;align-items:start;padding:10px 0;border-top:1px solid var(--line)}.course-inspector li i{display:grid;place-items:center;width:22px;height:22px;border:1px solid var(--line);border-radius:50%;font:10px Georgia,serif;color:var(--t3)}.course-inspector li.on i{background:var(--red);border-color:var(--red);color:#fff}.course-inspector li div{display:grid;gap:2px}.course-inspector li b{font-size:11px}.course-inspector li span{font-size:9px;color:var(--t3)}
.inspector-stats{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px}.inspector-stats div{padding:11px;background:var(--card);border:1px solid var(--line);display:grid;gap:2px}.inspector-stats b{font:23px Georgia,serif;color:var(--course)}.inspector-stats span{font-size:9px;color:var(--t3)}.inspector-map{padding:12px;background:#243333;color:#fff}.inspector-map span{font-size:9px;color:#e5b96e}.inspector-map b{display:block;margin:5px 0;font-size:12px}.inspector-map p{font-size:9px;line-height:1.6;color:rgba(255,255,255,.56)}
.course-welcome{padding:42px}.course-welcome h1{margin:9px 0 8px;font:40px/1.15 "Songti SC","STSong",serif}.course-welcome>p{max-width:620px;color:var(--t2);line-height:1.75}.framework-route{margin-top:32px;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}.framework-route article{min-height:126px;padding:20px;display:grid;grid-template-columns:34px 1fr;align-content:center;gap:4px 12px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.framework-route article:nth-child(2n){border-right:0}.framework-route article:nth-last-child(-n+2){border-bottom:0}.framework-route i{grid-row:1/3;font:22px Georgia,serif;color:var(--red)}.framework-route b{font-size:14px}.framework-route span{font-size:10px;color:var(--t3)}.course-welcome-list{margin-top:20px;padding:16px;border-left:3px solid var(--course);background:#f1ece3;display:grid;gap:3px}.course-welcome-list b{font-size:12px}.course-welcome-list span{font-size:10px;color:var(--t3)}
.chapter-stage-head{padding:26px 28px 20px}.chapter-stage-head>span{font-size:10px;color:var(--course);font-weight:800}.chapter-stage-head h1{margin:7px 0 8px;font:32px/1.2 "Songti SC","STSong",serif}.chapter-stage-head p{font-size:12px;line-height:1.7;color:var(--t2)}
.chapter-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f4f0e8}.chapter-tabs button{height:48px;border-right:1px solid var(--line);color:var(--t2);font-size:11px}.chapter-tabs button:last-child{border-right:0}.chapter-tabs i{margin-right:6px;font:9px Georgia,serif;color:var(--t3)}.chapter-tabs button.on{background:var(--card);box-shadow:inset 0 -3px var(--course);color:var(--t);font-weight:800}.chapter-tabs button.on i{color:var(--course)}
.chapter-tab-panel{min-height:430px;padding:24px 28px 30px}.route-intro span,.chapter-check-panel header span{color:var(--red);font-size:9px;font-weight:800;letter-spacing:.12em}.route-intro h2,.chapter-check-panel h2,.relation-panel h2{margin:7px 0 6px;font:25px/1.25 "Songti SC","STSong",serif}.route-intro p,.chapter-check-panel header p{font-size:11px;color:var(--t2);line-height:1.7}.route-cards{display:grid;gap:9px;margin-top:22px}.route-cards button{min-height:112px;padding:16px;display:grid;grid-template-columns:38px 1fr auto;grid-template-rows:auto auto 1fr;text-align:left;border:1px solid var(--line);border-radius:7px;background:#fffefa}.route-cards button:hover{border-color:var(--course);transform:translateX(3px)}.route-cards i{grid-row:1/4;font:24px Georgia,serif;color:var(--course)}.route-cards span{font:8px Georgia,serif;letter-spacing:.14em;color:var(--t3)}.route-cards b{font-size:14px}.route-cards p{font-size:10px;color:var(--t3);margin-top:3px}.route-cards em{grid-column:3;grid-row:1/4;align-self:center;font-size:10px;font-style:normal;color:var(--course)}
.knowledge-panel{display:grid;grid-template-columns:180px minmax(0,1fr);gap:12px}.knowledge-index{display:grid;align-content:start;gap:5px}.knowledge-index button{min-height:48px;padding:9px;display:grid;grid-template-columns:23px 1fr;gap:2px 6px;text-align:left;border:1px solid var(--line);border-radius:5px}.knowledge-index button.on{background:#263636;color:#fff;border-color:#263636}.knowledge-index i{grid-row:1/3;font:9px Georgia,serif;color:var(--red)}.knowledge-index span{font-size:10px}.knowledge-index em{font-size:8px;font-style:normal;color:var(--t3)}.knowledge-reader{min-height:390px;padding:24px;background:#263636;color:#f5f0e8;position:relative;overflow:hidden}.knowledge-reader:after{content:"";position:absolute;width:220px;height:220px;right:-80px;top:-90px;border:1px solid rgba(255,255,255,.09);border-radius:50%}.reader-kicker{font:9px Georgia,serif;letter-spacing:.16em;color:#e4b86f}.knowledge-reader h2{margin:12px 0 8px;font:29px "Songti SC","STSong",serif}.reader-lead{font-size:11px;line-height:1.75;color:rgba(255,255,255,.62)}.reader-block{margin-top:17px;padding-top:14px;border-top:1px solid rgba(255,255,255,.13);display:grid;gap:6px}.reader-block span{font-size:9px;color:#e4b86f}.reader-block b{font-size:12px;line-height:1.65;font-weight:500}.reader-links{display:flex;gap:7px;margin-top:20px}.reader-links button{padding:9px 11px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);border-radius:5px;color:#fff;font-size:9px}
.relation-panel header{display:grid;grid-template-columns:auto 1fr;align-items:end;gap:22px}.relation-panel header>div>span{font:9px Georgia,serif;color:var(--red);letter-spacing:.16em}.relation-panel header p{font-size:10px;color:var(--t3);line-height:1.6}.relation-canvas{position:relative;height:330px;margin-top:18px;background:#243332;overflow:hidden;border-radius:8px}.relation-canvas:before,.relation-canvas:after{content:"";position:absolute;inset:14%;border:1px solid rgba(255,255,255,.08);border-radius:50%}.relation-canvas:after{inset:30%}.relation-center{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:150px;min-height:82px;padding:14px;display:grid;place-items:center;text-align:center;background:#f4f1e9;color:var(--t);border-radius:50%;box-shadow:0 10px 30px rgba(0,0,0,.25)}.relation-center span{font:9px Georgia,serif;color:var(--red)}.relation-center b{font:13px/1.35 "Songti SC",serif}.relation-node{position:absolute;z-index:3;width:125px;min-height:56px;padding:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#fff;text-align:left;display:grid;grid-template-columns:20px 1fr;gap:2px 5px}.relation-node:hover,.relation-node.on{background:var(--red);border-color:#e5b96e}.relation-node i{grid-row:1/3;color:#e5b96e;font:9px Georgia,serif}.relation-node b{font-size:9px}.relation-node span{font-size:8px;color:rgba(255,255,255,.55)}.relation-node.n1{left:4%;top:12%}.relation-node.n2{right:4%;top:12%}.relation-node.n3{left:3%;bottom:14%}.relation-node.n4{right:3%;bottom:14%}.relation-node.n5{left:38%;top:5%}.relation-node.n6{left:39%;bottom:5%}.map-rule{margin-top:10px;padding:12px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;border:1px solid var(--line);background:#f3eee6}.map-rule b{font-size:10px}.map-rule span{font-size:9px;color:var(--t3)}.map-rule button{font-size:9px;color:var(--red)}
.chapter-check-panel header{padding-bottom:18px;border-bottom:1px solid var(--line)}.check-modes{display:grid;gap:9px;margin-top:16px}.check-modes article{min-height:82px;padding:13px;display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;border:1px solid var(--line);background:#fffefa}.check-modes i{font:18px Georgia,serif;color:var(--red)}.check-modes div{display:grid;gap:4px}.check-modes b{font-size:12px}.check-modes span{font-size:9px;color:var(--t3)}.check-modes button{padding:8px 12px;background:var(--red);color:#fff;border-radius:5px;font-size:10px}.check-modes article.disabled{opacity:.55}.check-modes em{font-size:9px;font-style:normal;color:var(--t3)}

/* common page hierarchy */
.view-head{padding:18px 0 20px;border-bottom:1px solid var(--line);margin-bottom:22px}.view-head h1{color:#202c2b;background:none;-webkit-text-fill-color:initial;font-family:"Songti SC","STSong",serif;font-size:34px}.view-head p{color:var(--t2)}.page-kicker{display:block;margin-bottom:7px;color:var(--red);font:10px Georgia,serif;letter-spacing:.18em}
.simple-page{max-width:1120px;padding:38px 0 70px}.simple-head h1{color:#202c2b;font-family:"Songti SC","STSong",serif}.simple-head p{color:var(--t2)}
.visual-tool-grid{gap:14px}.visual-tool-grid button{background:var(--card);border:1px solid var(--line);border-radius:11px;color:var(--t);box-shadow:none}.visual-tool-grid button:hover{border-color:var(--red);transform:translateY(-3px);box-shadow:var(--shadow)}
.visual-tool-grid i{background:#f1ddd4;color:var(--red)}.visual-tool-grid b{color:#202c2b}.visual-tool-grid span{color:var(--t2)}.visual-tool-grid em{color:var(--red)}

/* quiz navigation + chapter lesson */
.quiz-page{max-width:1120px;padding:28px 0 72px}
.qs-item{background:var(--card);border:1px solid var(--line);border-radius:10px;box-shadow:none}.qs-item:hover{background:#fffaf1;border-color:var(--red);transform:translateX(3px)}
.memory-intro{background:#253b3a;color:#f4f1e9;border-color:#253b3a}.memory-intro .qs-info b{color:#fff}.memory-intro .qs-sub{color:rgba(244,241,233,.68)}
.qs-icon{font:11px Georgia,serif;letter-spacing:.08em}.qs-sub{color:var(--t2)}.qs-count{color:var(--red);background:#f3e0d9}
.quiz-subjects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quiz-chapters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.qc-back,.learning-step{grid-column:1/-1}.qc-back{color:var(--red)}.learning-step{background:#f1e4da;border-left-color:var(--red)}.learning-step span{color:var(--red)}.learning-step small{color:var(--t2)}.quiz-context-bar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:14px 16px;margin-bottom:14px;background:var(--card);border:1px solid var(--line);border-left:3px solid var(--red);border-radius:8px}.quiz-context-bar button{color:var(--red);font-size:12px}.quiz-context-bar div{display:grid;gap:2px}.quiz-context-bar span{color:var(--t3);font-size:10px}.quiz-context-bar b{font-size:14px;color:var(--t)}.quiz-context-bar em{color:var(--t3);font-size:11px;font-style:normal}
.qc-item{background:var(--card);border:1px solid var(--line);color:var(--t)}.qc-item:hover{border-color:var(--red);background:#fffaf1}.qc-count{background:#f1ece3;color:var(--t2)}.qc-all{border-color:var(--red);background:#fbf1ea}.qc-all .qc-name{color:var(--red)}
.exam-lesson{color:var(--t)}.el-hero{padding:30px;background:#253b3a;border:0;border-radius:14px;box-shadow:var(--shadow)}
.el-kicker{color:#e8c27a}.el-hero h2{color:#fff;font-size:32px}.el-hero>p{color:rgba(244,241,233,.74)}
.el-method{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15)}.el-method b{color:#fff}.el-method small{color:rgba(244,241,233,.72)}
.el-stats div{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.13)}.el-stats b{color:#e8c27a}.el-stats span{color:rgba(244,241,233,.62)}
.el-section{border-color:var(--line)}.el-section-head>span{color:var(--red)}.el-section-head h3{color:#253232}.el-section-head p{color:var(--t2)}
.el-meeting-grid article,.el-war-grid article,.el-cluster,.el-compare,.el-achievements>div,.el-flow-steps>div{background:var(--card);border-color:var(--line)}
.el-meeting-grid time,.el-war-grid article>span,.el-meeting-grid em{color:var(--red)}.el-meeting-grid p,.el-war-grid p,.el-compare p,.el-achievements p{color:var(--t2)}
.el-congress-table{border-color:var(--line)}.el-congress-table>div{background:var(--card);border-color:var(--line)}.el-congress-table b{color:var(--red)}.el-congress-table span{color:var(--t2)}
.el-time>div{background:var(--card);border-left-color:var(--red)}.el-time time{color:var(--red)}.el-time p{color:var(--t2)}.el-time em{color:var(--red)}
.el-cluster-bar{background:#e8e2d7}.el-cluster-bar i{background:var(--red)}.el-cluster span{color:var(--red)}
.el-map-region-list button,.el-country-cards .el-map-region-list>div{background:var(--card);border-color:var(--line);color:var(--t)}.el-map-region-list button:hover{border-color:var(--red)}.el-map-region-list em{color:var(--red)}
.el-practice{background:#253b3a;color:#fff;border-radius:9px}.el-practice span{color:rgba(244,241,233,.68)}

/* practice */
.practice-stage{max-width:920px}.practice-top h2{color:#202c2b}.practice-mode{color:var(--red)}.practice-score{color:var(--t2)}.practice-score b{color:#202c2b}.practice-progress{background:#ded8cc}.practice-progress i{background:var(--red)}
.practice-card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px}.practice-stage .quiz-q{color:#202c2b}.practice-stage .opt{background:#fffefa;border-color:var(--line);color:#202c2b}.practice-stage .opt:hover{border-color:var(--red);background:#fff7f1}.practice-stage .opt.selected{border-color:var(--red);background:#f7e5dd}.question-context{background:#253b3a}.quiz-exp{background:#f1ece3;color:var(--t2);border-left-color:var(--red)}
.btn-p{background:var(--red);color:#fff;border-radius:6px}.btn-p:hover{background:#913128}.btn-g{border-color:var(--line);color:var(--t)}

/* question community */
.question-talk{margin-top:16px;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:hidden;color:var(--t)}
.talk-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;border-bottom:1px solid var(--line);background:#f1ece3}.talk-head>div{display:grid;gap:3px}.talk-head span{font:9px Georgia,serif;letter-spacing:.16em;color:var(--red)}.talk-head b{font-size:13px}.talk-question-like{padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--t2);font-size:10px}.talk-question-like i{font-style:normal;color:#b9afa2}.talk-question-like.on{border-color:#d7a29a;color:var(--red);background:#fff6f2}.talk-question-like.on i{color:var(--red)}
.talk-compose{display:grid;grid-template-columns:34px 1fr;gap:10px;padding:18px 20px}.talk-avatar{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#253b3a;color:#e8c27a;font:13px "Songti SC","STSong",serif}.talk-compose textarea,.talk-reply-box textarea{width:100%;min-height:74px;padding:11px 12px;resize:vertical;border:1px solid var(--line);border-radius:7px;background:#fffefa;color:var(--t);font:12px/1.65 inherit;outline:none}.talk-compose textarea:focus,.talk-reply-box textarea:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(172,57,46,.08)}.talk-compose-foot{display:flex;align-items:center;gap:10px;margin-top:7px}.talk-compose-foot span{margin-left:auto;color:var(--t3);font-size:9px}.talk-name{font-size:9px;color:var(--t3)}.talk-send{padding:8px 15px;border-radius:5px;background:var(--red);color:#fff;font-size:10px}
.talk-list-head{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.talk-list-head b{font-size:11px}.talk-list-head button{color:var(--red);font-size:9px}.talk-list{padding:0 20px}.talk-empty{padding:28px 0;text-align:center;color:var(--t3);font-size:11px}
.talk-comment{display:grid;grid-template-columns:34px 1fr;gap:10px;padding:17px 0;border-bottom:1px solid var(--line)}.talk-comment:last-child{border-bottom:0}.talk-comment-body{min-width:0}.talk-author{display:flex;align-items:center;gap:7px}.talk-author b{font-size:11px}.talk-author em{padding:1px 4px;background:#f1ddd4;color:var(--red);font-size:8px;font-style:normal;border-radius:3px}.talk-author time{color:var(--t3);font-size:9px}.talk-comment p{margin-top:6px;color:var(--t2);font-size:11px;line-height:1.7;overflow-wrap:anywhere}.talk-actions{display:flex;gap:12px;margin-top:7px}.talk-actions button{color:var(--t3);font-size:9px}.talk-actions button:hover,.talk-actions button.on{color:var(--red)}
.talk-replies{margin-top:10px;padding:0 12px;background:#f3eee6;border-left:2px solid #d8cfc1}.talk-comment.is-reply{grid-template-columns:26px 1fr;padding:11px 0}.talk-comment.is-reply .talk-avatar{width:24px;height:24px;font-size:9px}.talk-reply-box{display:grid;grid-template-columns:1fr auto auto;gap:7px;align-items:end;margin:0 20px 14px;padding:12px;background:#f3eee6;border-radius:7px}.talk-reply-box textarea{min-height:54px}.talk-reply-box>button:not(.talk-send){padding:8px;color:var(--t3);font-size:10px}

/* split views keep the map dark but make the learning panel editorial */
.split-list{background:var(--bg);border-right:1px solid var(--line)}.split-tip{background:#253b3a;color:rgba(244,241,233,.78);border:0;border-radius:7px}.split-map{background:#172525}.split-map #homemap{background:#172525}
.profile-page{max-width:1080px;margin:0 auto;padding:0 0 70px}.profile-page .card{background:var(--card);border:1px solid var(--line);box-shadow:none}.profile-page .grid{gap:12px}

/* first-run introduction: editorial, compact, and consistent with the product shell */
.welcome-overlay{background:rgba(24,31,30,.72);backdrop-filter:blur(10px)}
.welcome-card{max-width:560px;padding:34px;background:#f4f1e9;border:1px solid #cfc6b7;border-radius:14px;box-shadow:var(--shadow-lg)}
.wc-icon{width:max-content;margin:0 auto 18px;padding:7px 11px;border:1px solid var(--red);border-radius:999px;color:var(--red);font:10px Georgia,serif;letter-spacing:.16em}
.welcome-card h1{background:none;-webkit-text-fill-color:initial;color:#202c2b;font-family:"Songti SC","STSong",serif;font-size:32px}
.wc-feat{background:#fffdf8;border-color:var(--line);border-radius:8px}.wc-feat-ic{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line);border-radius:50%;color:var(--red);font:14px Georgia,serif}
.fab{width:auto;height:36px;padding:0 14px;border-radius:999px;background:var(--red);color:#fff;font-size:12px}.fab.hide{display:none}

@media(max-width:900px){
  .workspace-bar{left:0;padding:0 18px 0 72px}.workspace-bar p{display:none}
  main{padding:20px 16px}.home-workspace-grid{grid-template-columns:1fr}.learn-masthead{padding:34px 42% 30px 28px;background-position:58% center}.quiz-page{padding:20px 0 54px}
  .course-topline{grid-template-columns:auto 1fr}.course-topline p{display:none}.course-shell{grid-template-columns:190px minmax(0,1fr)}.course-inspector{position:static;grid-column:1/-1;display:grid;grid-template-columns:160px 1fr 1fr;gap:12px}.course-inspector h3{grid-column:1}.course-inspector .inspector-stats{grid-column:1}.course-inspector .inspector-map{grid-column:2}.course-inspector ol{grid-column:3}
}
@media(max-width:620px){
  .learn-masthead{min-height:520px;padding:30px 22px;background-position:64% bottom;background-size:auto 68%;background-repeat:no-repeat;background-color:#fffdf8;background-image:linear-gradient(180deg,rgba(255,253,248,1) 0%,rgba(255,253,248,.92) 47%,rgba(255,253,248,.16) 100%),url("../img/ui/learning-atlas-hero.png")}
  .learn-masthead h1{font-size:42px}.learn-masthead p{font-size:14px}.home-command-panel{padding:20px}
  .course-heading{display:block}.course-heading p{margin-top:5px}.subject-grid,.quiz-subjects,.quiz-chapters{grid-template-columns:1fr}.qc-back,.learning-step{grid-column:auto}
  .el-hero h2{font-size:26px}.el-meeting-grid,.el-war-grid{grid-template-columns:1fr}
  .el-stats,.el-confusions,.el-achievements,.el-map-region-list{grid-template-columns:1fr}.quiz-context-bar{grid-template-columns:1fr;gap:7px}.quiz-context-bar em{display:none}
  .course-topline{min-height:70px;padding:10px;grid-template-columns:1fr auto}.course-topline>button{grid-column:2;grid-row:1}.course-topline>div{grid-column:1;grid-row:1;display:grid}.course-shell{grid-template-columns:1fr}.chapter-rail{position:static;max-height:none}.chapter-rail-head{padding:12px}.chapter-rail-list{max-height:none;display:flex;overflow-x:auto;padding:6px}.chapter-rail-list button{min-width:155px}.course-stage{min-height:0}.course-inspector{display:block}.course-inspector .inspector-stats{margin-top:10px}.course-welcome{padding:26px 20px}.course-welcome h1{font-size:32px}.framework-route{grid-template-columns:1fr}.framework-route article,.framework-route article:nth-child(2n){border-right:0}.framework-route article:nth-last-child(-n+2){border-bottom:1px solid var(--line)}.framework-route article:last-child{border-bottom:0}.chapter-stage-head{padding:22px 18px 16px}.chapter-stage-head h1{font-size:27px}.chapter-tabs{overflow-x:auto;grid-template-columns:repeat(4,minmax(88px,1fr))}.chapter-tab-panel{padding:20px 16px}.route-cards button{grid-template-columns:32px 1fr}.route-cards em{display:none}.knowledge-panel{grid-template-columns:1fr}.knowledge-index{display:flex;overflow-x:auto}.knowledge-index button{min-width:145px}.knowledge-reader{min-height:340px;padding:20px}.relation-panel header{grid-template-columns:1fr}.relation-canvas{height:390px}.relation-center{width:130px}.relation-node{width:108px}.relation-node.n5{left:31%}.relation-node.n6{left:34%}.map-rule{grid-template-columns:1fr}.check-modes article{grid-template-columns:28px 1fr}.check-modes button,.check-modes em{grid-column:2;width:max-content}
  .talk-head{align-items:flex-start}.talk-head,.talk-compose,.talk-list-head,.talk-list{padding-left:14px;padding-right:14px}.talk-compose-foot{flex-wrap:wrap}.talk-compose-foot span{display:none}.talk-reply-box{margin-left:14px;margin-right:14px;grid-template-columns:1fr auto}.talk-reply-box textarea{grid-column:1/-1}.talk-question-like{white-space:nowrap}
}