:root{--bg:#f5f3ee;--paper:#fffefa;--ink:#202e35;--muted:#7a807c;--line:#e5e4db;--accent:#a7462d;--soft:#f7e5d8;--green:#496d53;--nav:#eceee7;--deep:#213b37;--yellow:#e5c36a}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.65 "DM Sans","Microsoft YaHei",sans-serif}button,input,select,textarea{font:inherit;color:inherit}button,a,select{touch-action:manipulation}button,a{cursor:pointer}button{border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #bf9657;outline-offset:3px}.sidebar{width:216px;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--line);padding:30px 18px 16px;background:var(--paper);display:flex;flex-direction:column;z-index:6}.brand{display:flex;gap:10px;align-items:center;margin:0 8px 36px;font-weight:800;font-size:23px;letter-spacing:2px;line-height:1.3}.brand small{display:block;font-size:10px;letter-spacing:1px;font-weight:400;color:var(--muted);margin-top:6px}.brand-mark{font-size:22px;background:var(--deep);color:#f5f0da;border-radius:13px 13px 3px 13px;width:41px;height:43px;display:grid;place-items:center;font-family:serif}.nav-link{display:flex;gap:12px;padding:11px 14px;margin-bottom:5px;border-radius:10px;color:var(--muted);font-size:14px}.nav-link.active{background:var(--nav);color:var(--deep);font-weight:700}.nav-icon{width:20px;text-align:center;font-size:18px}.nav-group{font-size:10px;letter-spacing:2px;color:var(--muted);padding:18px 14px 8px}.side-note{margin-top:auto;padding:25px 10px 18px;font-size:11px;color:var(--muted)}small{display:block}.side-note small{font-size:10px;margin-top:6px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#698f69;margin-right:5px}.profile{display:flex;align-items:center;gap:9px;width:100%;padding:12px 8px;background:none;border-top:1px solid var(--line);text-align:left;font-size:12px}.profile small{color:var(--muted);font-size:10px}.avatar{width:34px;height:34px;border-radius:50%;background:var(--soft);display:grid;place-items:center;color:var(--accent)}.profile>span:last-child{margin-left:auto}.workspace{margin-left:216px}.topbar{height:70px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;font-size:12px;color:var(--muted)}.top-actions{display:flex;gap:14px;align-items:center}.top-actions select{background:var(--paper);border:1px solid var(--line);border-radius:7px;padding:6px}.quiet{background:none;color:var(--muted);padding:6px}.mobile-nav{display:none}main{max-width:1240px;margin:auto;padding:30px 36px 24px}h1,h2,h3,p{margin:0}h1{font-size:32px;line-height:1.3;letter-spacing:-1px}h2{font-size:22px;line-height:1.4}h3{font-size:17px}p{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--accent);font-weight:700;margin-bottom:8px}.page-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.page-title p{margin-top:8px;font-size:13px}.button{border-radius:8px;padding:11px 20px;background:var(--deep);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:14px}.button.alt{background:var(--paper);border:1px solid var(--line);color:var(--ink)}.button.small{padding:7px 12px;font-size:12px}.button.wide{width:100%}.button:disabled{opacity:.45;cursor:default}.accent{color:var(--accent)}.card{background:var(--paper);border:1px solid var(--line);border-radius:15px;padding:22px}.grid{display:grid;gap:18px}.cols2{grid-template-columns:1fr 1fr}.cols3{grid-template-columns:repeat(3,1fr)}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.section-head h2{font-size:18px}.link{color:var(--accent);font-size:12px}.tag{display:inline-block;font-size:10px;background:var(--nav);color:var(--green);padding:3px 8px;border-radius:5px}.muted{color:var(--muted)}.space{margin-top:20px}.home-hero{display:grid;grid-template-columns:1.4fr 1fr;min-height:210px;position:relative;border-bottom:1px solid var(--line);margin-bottom:22px;padding:6px 0 24px}.home-hero h1{font-size:39px;line-height:1.45;font-weight:600}.home-hero p{margin-top:12px;font-size:13px}.hero-art{position:relative;overflow:hidden;border-radius:80px 16px 16px 16px;background:#fbf1e5;align-self:stretch}.hero-art img{position:absolute;height:100%;width:100%;object-fit:cover;object-position:center 0%;mix-blend-mode:multiply}.hero-art .art-note{position:absolute;right:14px;bottom:14px;background:#fffdf1e8;padding:7px 12px;font-size:11px;border-radius:7px;color:#283a31}.practice-launch{padding:0;overflow:hidden}.mode-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.mode-tabs button{padding:18px 12px;background:none;color:var(--muted);font-weight:600;position:relative}.mode-tabs button.active{color:var(--accent)}.mode-tabs button.active:after{position:absolute;content:"";height:3px;background:var(--accent);bottom:0;left:22px;right:22px}.launch-inner{padding:22px}.entry-row{display:flex;gap:8px;margin-bottom:16px}.entry-row button{background:var(--bg);padding:8px 14px;border:1px solid var(--line);border-radius:6px;font-size:12px}.entry-row button.active{background:var(--soft);border-color:#d9ac92;color:var(--accent)}.launch-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}.launch-bottom p{font-size:12px}.launch-bottom .button{min-width:160px}.mini-progress{height:4px;border-radius:5px;background:var(--line);margin:18px 0 9px;overflow:hidden}.mini-progress i{display:block;height:100%;background:var(--green)}.metric{font-size:30px;font-weight:700;line-height:1.4}.metric small{font-size:11px;font-weight:400;color:var(--muted)}.row{display:flex;gap:16px;align-items:center}.spread{justify-content:space-between}.split{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px}.portrait{width:52px;height:58px;border-radius:14px;object-fit:cover;object-position:top}.field{display:block;font-size:12px;margin-bottom:16px}.field span{display:block;margin-bottom:7px;color:var(--muted)}input,textarea,select{width:100%;background:var(--paper);border:1px solid var(--line);border-radius:7px;padding:10px 12px}textarea{resize:vertical;min-height:95px}.chips{display:flex;flex-wrap:wrap;gap:7px}.chip{padding:7px 11px;border:1px solid var(--line);border-radius:6px;background:var(--paper);font-size:12px}.chip.active{background:var(--soft);color:var(--accent);border-color:#d1a68b}.notice{padding:10px 14px;border-left:2px solid var(--accent);font-size:12px;background:var(--soft);color:var(--ink);border-radius:0 6px 6px 0}.list-line{padding:13px 0;border-bottom:1px solid var(--line)}.list-line:last-child{border:0}.list-line small{color:var(--muted);font-size:11px}.game-choice{position:relative;min-height:205px;background:#213b37;border:0;color:#fff;text-align:left;overflow:hidden}.game-choice.rush{background:#8e4131}.game-choice h2{font-size:29px;margin:8px 0}.game-choice p{color:#d4dfd2;font-size:12px;max-width:65%}.game-choice .game-person{position:absolute;right:-5px;bottom:0;height:185px;width:110px;object-fit:cover;object-position:top;border-radius:100px 0 0 0}.game-choice .enter{display:block;margin-top:22px;color:#e9ca7c;font-size:13px}.leader .list-line{padding:8px 0;display:flex;gap:12px;align-items:center;font-size:12px}.leader .num{color:var(--muted);width:20px;font-size:12px}.leader .list-line:nth-child(-n+4) .num{color:var(--accent);font-weight:700}.leader b:last-child{margin-left:auto}.leader h3{font-size:15px}.board-note{font-size:10px;color:var(--muted);margin:8px 0}.game-root{height:calc(100dvh - 130px);min-height:460px;display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:18px}.game-main{display:flex;flex-direction:column;min-height:0;background:var(--paper);border:1px solid var(--line);border-radius:17px;overflow:hidden}.game-hud{display:grid;grid-template-columns:repeat(4,1fr);background:var(--deep);color:white;flex:none}.game-hud>div{padding:13px 18px;border-right:1px solid #ffffff20}.game-hud b{font-size:27px;display:block;line-height:1.15;color:#f0d59a}.game-hud small{font-size:10px;opacity:.75;margin-top:4px}.question-scroll{overflow:auto;padding:22px 24px;flex:1;min-height:0}.question-scroll h2{font-size:21px;margin:15px 0 16px}.question-context{padding:12px 14px;background:var(--bg);border-radius:8px;font-size:13px;color:var(--ink);margin-top:13px}.answer{display:flex;width:100%;align-items:center;gap:12px;text-align:left;background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:11px 14px;margin-bottom:9px;font-size:13px}.answer .letter{width:26px;height:26px;border-radius:6px;background:var(--bg);display:grid;place-items:center;flex:none;font-size:11px}.answer.selected{border-color:var(--accent);background:var(--soft)}.game-footer{display:flex;gap:9px;align-items:center;padding:13px 20px;border-top:1px solid var(--line);flex:none}.game-footer .button:last-child{margin-left:auto}.time-ring{height:110px;width:110px;border-radius:50%;border:6px solid var(--yellow);display:flex;align-items:center;justify-content:center;flex-direction:column;margin:12px auto}.time-ring b{font-size:34px;line-height:1.1}.time-ring small{font-size:10px;color:var(--muted)}.game-aside{overflow:auto;min-height:0}.game-aside .card{padding:15px}.coach-note{display:flex;gap:10px;margin-top:16px;font-size:12px;align-items:center}.coach-note img{width:42px;height:48px;border-radius:12px;object-fit:cover;object-position:top}.feedback{padding:12px;background:var(--nav);border-radius:9px;font-size:12px;margin-top:12px}.feedback.bad{background:var(--soft)}.timer-urgent{animation:pulse .6s infinite alternate}.chat-layout{display:grid;grid-template-columns:230px minmax(0,1fr) 245px;gap:16px;height:calc(100dvh - 142px);min-height:480px}.chat-room{display:flex;flex-direction:column;min-height:0;overflow:hidden}.chat-head{padding:16px;border-bottom:1px solid var(--line)}.conversation{flex:1;overflow:auto;padding:22px}.bubble{padding:13px 16px;border-radius:12px 12px 12px 2px;background:var(--bg);max-width:88%;font-size:13px;margin-bottom:20px}.bubble.mine{margin-left:auto;border-radius:12px 12px 2px 12px;background:var(--nav)}.chat-input{padding:15px;border-top:1px solid var(--line)}.chat-input textarea{min-height:64px;margin-bottom:8px}.record{width:62px;height:62px;border-radius:50%;background:var(--accent);color:#fff;font-size:24px}.library-tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin-bottom:20px}.library-tabs button{padding:12px 0;background:none;color:var(--muted)}.library-tabs button.active{color:var(--accent);border-bottom:3px solid var(--accent)}.learning-cover{background:var(--nav);height:170px;overflow:hidden;border-radius:10px;position:relative}.learning-cover img{width:100%;height:100%;object-fit:cover}.learning-cover.type{display:flex;align-items:center;padding:22px;background:#243b37;color:#eee2b6;font-family:serif;font-size:27px;line-height:1.4}.reading{display:grid;grid-template-columns:210px minmax(0,1fr);height:calc(100dvh - 155px);gap:15px}.reading-menu{overflow:auto;padding:16px}.reading-menu button{width:100%;text-align:left;background:none;padding:11px 5px;border-bottom:1px solid var(--line);font-size:12px}.book{overflow:auto;background:#e8e4da;border-radius:12px;min-width:0}.book-tools{position:sticky;top:0;z-index:1;display:flex;gap:12px;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--paper);font-size:12px}.book img{display:block;width:100%;max-width:770px;margin:auto}.lesson-nav button{display:block;text-align:left;width:100%;background:none;padding:13px 8px;border-bottom:1px solid var(--line);font-size:12px}.lesson-nav .active{color:var(--accent);background:var(--soft)}.lesson-content{max-width:740px}.lesson-content p{margin:14px 0;font-size:14px;line-height:1.9}.lesson-content h3{margin-top:22px}.quote{font-size:19px;line-height:1.7;padding:20px;border-left:3px solid var(--accent);background:var(--bg);margin:20px 0}.badges{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.badge{text-align:center;padding:24px 12px}.medal{width:76px;height:76px;border-radius:24px;transform:rotate(45deg);margin:12px auto 26px;background:linear-gradient(135deg,#eedba5,#b08b49);display:grid;place-items:center;border:5px solid #f6eccd;box-shadow:0 5px 15px #715a2620}.medal span{transform:rotate(-45deg);font-size:29px;color:#5f4b26}.badge.locked{opacity:.5;filter:grayscale(.8)}.badge p{font-size:11px;margin-top:7px}.admin-table{width:100%;border-collapse:collapse;font-size:12px}.admin-table th{text-align:left;color:var(--muted);font-weight:400;background:var(--bg)}.admin-table td,.admin-table th{padding:8px 10px;border-bottom:1px solid var(--line)}.report-block{border-left:3px solid var(--accent);padding-left:18px}.report-block p{margin:10px 0}.stat-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.wallet-number{font-size:48px;line-height:1.2;color:var(--accent);margin:12px 0}.modal-title{margin-bottom:16px}dialog{border:1px solid var(--line);border-radius:16px;padding:30px;background:var(--paper);color:var(--ink);width:min(600px,94vw);max-height:85vh;overflow:auto}dialog::backdrop{background:#122b2b70;backdrop-filter:blur(4px)}.close{position:absolute;right:12px;top:10px;background:none;color:var(--muted);font-size:23px}.theme-blue{--bg:#f0f4fa;--paper:#fff;--ink:#202e47;--muted:#72819a;--line:#e1e8f1;--accent:#365dc8;--soft:#e9efff;--green:#467565;--nav:#e8eff8;--deep:#203967;--yellow:#dbba64}.theme-night{--bg:#171d29;--paper:#202837;--ink:#e9ecef;--muted:#94a3b8;--line:#354153;--accent:#efad7e;--soft:#3e302d;--green:#a7c5b3;--nav:#2d3b44;--deep:#324b4f;--yellow:#f0cf74}.theme-night .hero-art{background:#d6cdbb}.theme-night .brand-mark{background:#d6c589;color:#24313b}
@keyframes pulse{to{transform:scale(1.06);border-color:#c74d34}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}
@media(min-width:1050px) and (max-height:790px){main{padding-top:19px}.game-root{height:calc(100dvh - 114px)}.question-scroll{padding:16px 20px}.answer{padding:9px 12px}.game-hud>div{padding:10px 16px}}
@media(max-width:1100px){.sidebar{width:185px}.workspace{margin-left:185px}main{padding:24px}.topbar{padding:0 24px}.chat-layout{grid-template-columns:185px minmax(0,1fr)}.chat-layout>aside:last-child{display:none}.split{grid-template-columns:minmax(0,1fr) 245px}.home-hero h1{font-size:32px}.badges{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);width:220px}.nav-open .sidebar{transform:none;box-shadow:0 0 0 100vw #17232355}.workspace{margin:0}.mobile-nav{display:block;background:none;font-size:19px}.topbar{padding:0 16px;height:56px;gap:8px}.theme-label,.top-actions .quiet{display:none}.top-actions{gap:6px}.top-actions select{font-size:10px}.topbar #breadcrumb{margin-right:auto}main{padding:20px 16px}.home-hero{grid-template-columns:1fr}.hero-art{display:none}.home-hero h1{font-size:31px}.cols2,.cols3,.split,.stat-strip{grid-template-columns:1fr}.launch-bottom{align-items:stretch;flex-direction:column;gap:12px}.entry-row button{flex:1;padding:8px}.game-root{height:calc(100dvh - 95px);min-height:400px;grid-template-columns:1fr}.game-aside{display:none}.game-hud>div{padding:10px 8px}.game-hud b{font-size:24px}.game-hud small{font-size:9px}.question-scroll{padding:16px}.question-scroll h2{font-size:18px}.game-footer{padding:10px;gap:6px}.game-footer .button{padding:8px 10px;font-size:11px}.chat-layout{grid-template-columns:1fr;height:calc(100dvh - 100px)}.chat-layout>aside{display:none}.reading{grid-template-columns:1fr;height:auto}.reading-menu{max-height:170px}.book{max-height:75vh}.badges{grid-template-columns:1fr 1fr}.page-title{gap:12px}.page-title h1{font-size:27px}.admin-table{min-width:600px}.table-wrap{overflow:auto}.mode-tabs button{padding:15px 8px}.time-mobile{display:inline}.card{padding:18px}}


.game-aside .leader .list-line{padding:5px 0;font-size:11px}.game-aside .leader .board-note{margin:4px 0}.game-aside .leader h3{font-size:13px}.game-aside .leader .section-head{margin-bottom:5px}
.top-actions select{width:160px}.theme-label{white-space:nowrap}
@media(max-width:760px){.top-actions select{width:135px}}
/* Bright default palette, with distinct surfaces for navigation and practice. */
:root{--bg:#f8fbff;--paper:#ffffff;--ink:#233857;--muted:#687b93;--line:#e4ebf3;--accent:#df632c;--soft:#fff0df;--green:#37876e;--nav:#eaf6f5;--deep:#e76c35;--yellow:#ffc65c}
body:not(.theme-night):not(.theme-blue) .brand-mark{background:#428cc8;color:white;box-shadow:0 4px 12px #428cc824}
body:not(.theme-night) .sidebar{background:#ffffff}
body:not(.theme-night):not(.theme-blue) .nav-link.active{color:#287bad;background:#eaf5ff}
body:not(.theme-night) .home-hero{border-bottom-color:#e4ebf3}
body:not(.theme-night) .practice-launch{box-shadow:0 7px 28px #3871a808}
body:not(.theme-night):not(.theme-blue) .game-choice{background:linear-gradient(120deg,#e7f7ff,#d9f0ff);color:#244766;border:1px solid #cfe8f6}
body:not(.theme-night):not(.theme-blue) .game-choice.rush{background:linear-gradient(120deg,#fff3dd,#ffe5c5);border-color:#f5ddba}
body:not(.theme-night):not(.theme-blue) .game-choice p{color:#566f82}
body:not(.theme-night):not(.theme-blue) .game-choice .eyebrow{color:#4d869c!important}
body:not(.theme-night):not(.theme-blue) .game-choice.rush .eyebrow{color:#b47e35!important}
body:not(.theme-night):not(.theme-blue) .game-choice .enter{color:#b55b28}
body:not(.theme-night) .game-hud{background:#fff;border-bottom:1px solid var(--line);color:var(--ink)}
body:not(.theme-night) .game-hud>div{border-right:1px solid var(--line)}
body:not(.theme-night) .game-hud>div:nth-child(1){background:#eef7ff}
body:not(.theme-night) .game-hud>div:nth-child(2){background:#edf9f2}
body:not(.theme-night) .game-hud>div:nth-child(3){background:#fff4e9}
body:not(.theme-night) .game-hud>div:nth-child(4){background:#f4f1ff}
body:not(.theme-night) .game-hud b{color:#346fa1}
body:not(.theme-night) .game-hud>div:nth-child(2) b{color:#368269}
body:not(.theme-night) .game-hud>div:nth-child(3) b{color:#c17b36}
body:not(.theme-night) .game-hud>div:nth-child(4) b{color:#7c65b4}
body:not(.theme-night) .learning-cover.type{background:linear-gradient(125deg,#edf8ff,#eaf8ef);color:#31566e;border:1px solid #d7ecf0}
body:not(.theme-night) .book{background:#f0f5fa}
body:not(.theme-night) .quote{background:#fff7ed}
body:not(.theme-night) .card{box-shadow:0 3px 15px #35679a03}

/* Typography refinement for the selected bright theme. */
.sidebar{padding-top:32px}.brand{font-size:25px;letter-spacing:1.5px;gap:11px;margin-bottom:32px;font-weight:750}.brand small{font-size:11px;letter-spacing:.1px;line-height:1.5;color:#6a7b91;margin-top:5px}.brand-mark{background:#f2753e!important;color:#fff!important;border-radius:12px 12px 3px 12px;box-shadow:none!important;font-family:"Microsoft YaHei",sans-serif;font-weight:700;font-size:23px}
.nav-link{font-size:15px;line-height:24px;padding:11px 14px;gap:12px;color:#5a6b83;font-weight:500;letter-spacing:.3px}.nav-icon{width:20px;height:24px;display:grid;place-items:center}.nav-icon svg{width:20px;height:20px}.nav-link.active{font-weight:700;position:relative}.nav-link.active:before{content:"";position:absolute;left:0;top:15px;bottom:15px;width:3px;background:#e76c35;border-radius:3px}
.nav-group{font-size:11px;letter-spacing:1px;font-weight:600;color:#7a899b;padding-top:23px;padding-bottom:9px}.topbar{height:70px;background:#ffffffa8}.topbar #breadcrumb{font-size:14px;font-weight:600;letter-spacing:.3px;color:#3c526e;display:flex;align-items:center;gap:10px}.topbar #breadcrumb:before{content:"";width:4px;height:15px;border-radius:3px;background:#f18b5c}.top-actions{font-size:12px}.style-indicator{display:flex;align-items:center;gap:7px;color:#718197}.style-indicator i{width:6px;height:6px;background:#ee925f;border-radius:50%}
.home-hero .eyebrow{font-size:12px;font-weight:600;letter-spacing:.8px;margin-bottom:10px}.home-hero h1{font-size:40px;line-height:1.45;letter-spacing:0;font-weight:750;color:#233857}.hero-key{position:relative;white-space:nowrap}.hero-key:after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:#ffdbb2;border-radius:6px;z-index:-1}.hero-line{position:relative;isolation:isolate}.home-hero p{font-size:14px;line-height:1.8;color:#657b94;margin-top:12px}
.page-title h1{font-size:30px;letter-spacing:.1px;font-weight:750}.page-title p{font-size:14px;line-height:1.7}
@media(max-width:1100px){.brand{font-size:22px;gap:8px}.brand small{font-size:10px}.home-hero h1{font-size:35px}}
@media(max-width:760px){.home-hero h1{font-size:30px}.topbar{height:56px}.topbar #breadcrumb{font-size:13px}.style-indicator{display:none}.page-title h1{font-size:27px}}
.topic-toolbar{display:flex;gap:14px;justify-content:space-between;align-items:center;margin:0 0 12px}.topic-filters{display:flex;flex-wrap:wrap;gap:6px}.topic-filters button{padding:6px 11px;border:1px solid #e1e9f3;background:#fff;border-radius:7px;font-size:12px;color:#60748e}.topic-filters .active{color:#bf582a;background:#fff0df;border-color:#efc9ac}.topic-toolbar input{width:185px;flex-shrink:0;font-size:12px;padding:8px 10px}.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.topic-card{min-height:151px;padding:15px 17px 12px;border-radius:12px;background:#fff;border:1px solid #e3eaf2;box-shadow:0 2px 8px #26425a03;display:flex;flex-direction:column;transition:transform .15s,box-shadow .15s}.topic-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #26425a0c}.topic-card h3{font-size:16px;line-height:1.5;margin:9px 0 5px;letter-spacing:0}.topic-card p{font-size:12px;line-height:1.7;color:#6b7e94}.topic-category{font-size:10px;line-height:1.6;padding:3px 8px;background:var(--cat-bg);color:var(--cat-ink);border-radius:5px;font-weight:600}.topic-arrow{color:#9aabba;font-size:13px}.topic-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #eff2f6;margin-top:11px;padding-top:7px;font-size:10px;color:#7e8da0}.topic-foot span:last-child{color:var(--cat-ink)}.color-0{--cat-bg:#eaf4ff;--cat-ink:#3974a7}.color-1{--cat-bg:#f0edff;--cat-ink:#7760ac}.color-2{--cat-bg:#e9f7ef;--cat-ink:#398365}.color-3{--cat-bg:#fff1d9;--cat-ink:#a2782c}.color-4{--cat-bg:#fff0ec;--cat-ink:#ba6a53}.color-5{--cat-bg:#e8f7f8;--cat-ink:#38868c}.topic-card{border-top:3px solid var(--cat-bg)}.auto-answer-note{font-size:12px;color:#7a8da4;margin-left:auto}.lesson-content li{font-size:14px;margin:9px 0}
@media(min-width:1550px){.topic-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1050px){.topic-toolbar{align-items:flex-start;flex-direction:column}.topic-toolbar input{width:100%}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:550px){.topic-grid{grid-template-columns:1fr}.topic-card{min-height:0;padding:12px 15px}.topic-toolbar{gap:10px}.topic-filters{gap:5px}}
@media(prefers-reduced-motion:reduce){.topic-card{transition:none}.topic-card:hover{transform:none}}

.badge-intro{font-size:13px;margin-bottom:24px}.achievement-section{margin-top:23px}.achievement-section h2{font-size:18px}.achievement-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.achievement-card{padding:14px 9px 13px;border:1px solid #e3eaf2;background:#fff;border-radius:14px;text-align:center;transition:transform .15s,box-shadow .15s;position:relative;color:#263d59}.achievement-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #36556d12}.achievement-art{width:112px;height:117px;max-width:100%;display:block;margin:0 auto 9px;filter:drop-shadow(0 4px 3px #24415c10)}.achievement-card h3{font-size:15px;margin:4px 0 7px}.achievement-card p{font-size:10px;line-height:1.7;min-height:34px;color:#6b7d91}.achievement-state{display:inline-block;font-size:10px;background:#f0f4f7;color:#8591a1;border-radius:20px;padding:3px 10px;margin-top:10px}.achievement-card.earned{border-color:#f0cf98;background:linear-gradient(180deg,#fffcf3,#fff 75%)}.earned .achievement-state{background:#fff1d5;color:#9c702d}.achievement-card:not(.earned) .achievement-art{opacity:.74}.achievement-detail{text-align:center}.achievement-detail .achievement-art{width:150px;height:157px}.achievement-detail .notice{text-align:left}
@media(max-width:1200px){.achievement-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.achievement-card{padding:12px}.achievement-art{width:100px;height:105px}}
@media(max-width:550px){.achievement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.achievement-section{margin-top:18px}.achievement-art{width:93px;height:98px}}
@media(prefers-reduced-motion:reduce){.achievement-card{transition:none}.achievement-card:hover{transform:none}}

.achievement-card:not(.earned) .achievement-art{opacity:.94}.achievement-art{width:118px;height:127px;filter:none}.achievement-detail .achievement-art{width:175px;height:188px}@media(max-width:550px){.achievement-art{width:104px;height:112px}}

@media(min-width:761px){
 body[data-view=home] main{padding:18px 30px 16px}
 body[data-view=home] .home-hero{min-height:170px;margin-bottom:14px;padding:2px 0 16px;gap:25px}
 body[data-view=home] .home-hero h1{font-size:35px;line-height:1.35}
 body[data-view=home] .home-hero .eyebrow{margin-bottom:6px;font-size:11px}
 body[data-view=home] .home-hero p{margin-top:8px;font-size:13px}
 body[data-view=home] .hero-art{height:156px}
 body[data-view=home] .mode-tabs button{padding:12px 10px}
 body[data-view=home] .launch-inner{padding:15px 18px}
 body[data-view=home] .entry-row{margin-bottom:12px}
 body[data-view=home] .entry-row button{padding:6px 12px}
 body[data-view=home] .launch-bottom .button{padding:10px 18px}
 body[data-view=home] .grid.cols2.space{margin-top:14px;gap:14px}
 body[data-view=home] .grid.cols2.space>.card{padding:15px 18px}
 body[data-view=home] .section-head{margin-bottom:8px}
 body[data-view=home] .mini-progress{margin:12px 0 6px}
 body[data-view=home] .metric{font-size:27px;line-height:1.3}
 body[data-view=home] .metric small{margin-top:4px}
}
.lesson-deep-layout{grid-template-columns:minmax(0,1fr) 245px;align-items:start}.lesson-content .lesson-section{padding:25px 0;border-top:1px solid #e6edf5;scroll-margin-top:22px}.lesson-content .lesson-section h2{font-size:21px;line-height:1.5}.lesson-content .lesson-section h3{font-size:16px}.lesson-content .lesson-section p{color:#425772;font-size:15px;line-height:1.95;margin:14px 0}.lesson-content .lesson-opening{font-size:23px;line-height:1.5;margin-top:14px}.lesson-content .lesson-lead{font-size:13px;color:#74849a;margin-bottom:22px}.lesson-index{position:sticky;top:16px}.lesson-index nav{margin-top:18px}.lesson-index nav a{display:block;padding:8px 0;font-size:12px;color:#62758c;border-bottom:1px solid #edf2f7}.lesson-index nav a:hover{color:#c76732}.lesson-content .lesson-case-context{background:#f3f8fe;border-left:3px solid #80b2db;padding:16px;border-radius:0 10px 10px 0}.teaching-dialogue{display:flex;align-items:flex-start;gap:12px;margin:14px 0}.teaching-dialogue>b{padding:5px 7px;border-radius:6px;background:#eaf4fe;color:#4c78a0;font-size:11px;flex:none;margin-top:4px}.teaching-dialogue.manager>b{background:#fff0df;color:#b76b36}.lesson-content .teaching-dialogue p{margin:0;font-size:14px}.case-dissection{padding:17px;background:#fff8ee;border-radius:10px;margin-top:22px}.case-dissection ol{padding-left:20px}.case-dissection li{font-size:13px;line-height:1.9;color:#69563f;margin:13px 0}
@media(max-width:1000px){.lesson-deep-layout{grid-template-columns:minmax(0,1fr)}.lesson-index{display:none}}
@media(max-width:550px){.lesson-content .lesson-section{padding:20px 0}.lesson-content .lesson-section p{font-size:15px;line-height:1.95}.lesson-content .lesson-section h2{font-size:19px}.teaching-dialogue{gap:8px}.lesson-content .teaching-dialogue p{font-size:14px}.case-dissection{padding:13px}.lesson-content .lesson-opening{font-size:21px}}
.overview-topic{background:linear-gradient(135deg,var(--cat-bg),#fff 65%);border-color:var(--cat-bg);box-shadow:0 2px 9px #324f6d08}.overview-topic .topic-category{background:#fff;color:var(--cat-ink)}.framework-steps{margin:18px 0 24px}.framework-steps article{display:flex;gap:13px;margin:14px 0;padding:17px;background:#f5f9ff;border-radius:11px}.framework-number{width:28px;height:28px;display:grid;place-items:center;background:#e1edfb;border-radius:50%;flex:none;font-weight:700;color:#4676a2}.lesson-content .framework-steps p{font-size:14px;margin:8px 0}.framework-steps blockquote{font-size:14px;border-left:2px solid #e8b18b;padding-left:12px;margin:10px 0 0;color:#6a5c50;line-height:1.85}.overview-framework ul{padding-left:22px}.overview-framework li{font-size:14px;line-height:1.9;color:#4a617b}
.learning-route{background:#fff;border:1px solid #dce8f4;border-radius:11px;padding:12px 16px;margin-bottom:16px}.learning-route summary{cursor:pointer;color:#426b93;font-size:13px;font-weight:600}.learning-route>p{font-size:12px;margin:10px 0;color:#6c8198}.learning-route>div{display:flex;flex-wrap:wrap;gap:7px}.learning-route a{font-size:12px;padding:6px 10px;border:1px solid #e2eaf3;border-radius:6px}.learning-route a span{color:#c07d46;margin-right:7px}.method-map-block{margin:20px 0 25px;padding:18px;background:#f4f9ff;border:1px solid #dfebf8;border-radius:11px;scroll-margin-top:22px}.method-map-block>h3{margin-top:0;font-size:16px}.method-map{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:12px;margin:15px 0}.method-map article{position:relative;background:white;border:1px solid #dfe9f4;border-radius:8px;padding:11px}.method-map article:not(:last-child):after{content:"→";position:absolute;right:-12px;top:45%;color:#87a6c2;font-size:12px}.method-map article>span{font-size:11px;font-weight:600;color:#c77c43}.lesson-content .method-map article p{font-size:12px;line-height:1.8;margin:7px 0 0}.method-map b{font-size:13px;color:#395b7e}.lesson-content .map-note{font-size:11px;color:#8192a5;margin:8px 0 0}.decision-branches{margin-top:20px;background:#fff8ee;padding:16px;border-radius:10px}.decision-branches>h3{margin:0 0 12px!important}.decision-branches details{padding:10px 0;border-top:1px solid #ecdcc7}.decision-branches summary{cursor:pointer;color:#785637;font-weight:600;font-size:13px}.decision-branches b{display:block;font-size:11px;color:#ac7a48;margin-top:10px}.lesson-content .decision-branches p{font-size:13px;margin:5px 0 8px;line-height:1.85}.teaching-dialogue{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:12px;row-gap:5px}.teaching-dialogue>b{grid-column:1;grid-row:1;align-self:start}.teaching-dialogue>p{grid-column:2;grid-row:1}.phrase-note{grid-column:2;background:#f0f7fd;border-radius:6px;padding:7px 10px}.phrase-note summary{font-size:11px;color:#477ca7;cursor:pointer}.lesson-content .phrase-note p{font-size:12px;line-height:1.85;margin:8px 0 0;color:#4f6e89}.learning-selfcheck{border:1px solid #dce9e0;background:#f5fbf7;border-radius:10px;padding:16px;margin:20px 0;scroll-margin-top:22px}.learning-selfcheck h3{margin:0 0 12px!important}.learning-selfcheck label{display:flex;gap:9px;align-items:flex-start;font-size:13px;color:#476651;margin:10px 0}.learning-selfcheck input{width:16px;height:16px;margin:4px 0 0;accent-color:#508e6f;flex:none}.lesson-content .learning-selfcheck p{font-size:12px;margin:12px 0 0}.feedback-review{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:12px;margin-top:10px}.feedback-review button{background:none;color:#b66b3b;padding:5px}.transfer-section .row .button{min-width:95px}
@media(max-width:700px){.method-map{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:1fr}.method-map article{display:flex;gap:12px;align-items:center}.method-map article:not(:last-child):after{content:"↓";right:auto;left:20px;top:auto;bottom:-14px}.lesson-content .method-map article p{margin:0}.method-map article>span{font-size:13px}.method-map b{font-size:13px}.teaching-dialogue{grid-template-columns:35px minmax(0,1fr);column-gap:8px}.method-map-block{padding:14px}}