:root{font-family:'DM Sans','Noto Sans SC',-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;color:#202c31;background:#f7f9f8;font-synthesis:none;-webkit-font-smoothing:antialiased;--green:#0e896f;--deep:#0d6556;--ink:#202c31;--muted:#81918b;--line:#e7eeea;--border:#e9efec;--soft:#f7f9f8;--white:#fff;--mint:#ebf7f2;--shadow:0 8px 28px rgba(31,70,53,.035)}
*{box-sizing:border-box}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}svg{flex-shrink:0}::selection{background:#b6e6d4;color:#174d3b}.boot{padding:50px;text-align:center;color:#73857f}
.shell{min-height:100vh;display:flex}.sidebar{width:248px;min-width:248px;background:#fff;border-right:1px solid var(--border);position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:33px 17px 23px;z-index:10}.brand{display:flex;align-items:center;gap:11px;padding:0 10px 49px}.brand-mark{height:42px;width:42px;background:var(--green);color:white;border-radius:13px;display:grid;place-items:center;box-shadow:0 6px 13px rgba(14,137,111,.17)}.brand b{display:block;font-weight:800;font-size:20px;letter-spacing:.5px}.brand small{font-size:10px;color:#97a49e;display:block;margin-top:2px;letter-spacing:.7px}.nav-title{font-size:11px;color:#a2afa9;letter-spacing:2px;font-weight:700;padding-left:18px;margin-bottom:13px}.sidenav{display:grid;gap:7px}.nav-item{display:flex;align-items:center;gap:14px;min-height:48px;padding:0 16px;color:#778982;font-size:14px;font-weight:600;border-radius:12px;transition:background .15s,color .15s}.nav-item:hover{background:#f5f8f5;color:var(--green)}.nav-item.active{background:#e9f6f0;color:var(--green)}.nav-item em{font-style:normal;border-radius:100px;background:#eef4f1;margin-left:auto;font-size:11px;font-weight:700;padding:3px 7px}.sidebar-tip{margin-top:auto;border:1px solid #e7efe9;background:linear-gradient(160deg,#f2faf4,#f7fbf8);border-radius:16px;padding:18px 16px 16px}.sidebar-tip-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#d6f0e2;color:var(--green);margin-bottom:13px}.sidebar-tip strong{font-size:13px;display:block}.sidebar-tip p{font-size:11px;line-height:1.75;color:#82928a;margin:8px 0 13px}.sidebar-tip a{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--green);font-weight:700}.sidebar-foot{display:flex;align-items:center;gap:7px;font-size:10px;color:#a5b1ac;padding:17px 8px 0}.main-shell{flex:1;min-width:0}.topbar{height:77px;background:rgba(255,255,255,.9);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 max(32px,calc((100% - 1090px)/2));gap:15px}.breadcrumb{font-size:13px;font-weight:600;color:#74847f}.breadcrumb span{color:#c7d1cb;margin:0 11px}.header-right{display:flex;align-items:center;gap:15px}.edition{padding:6px 10px;border-radius:7px;color:#6b8f7c;background:#eef7f0;font-size:11px;font-weight:600}.top-icon{width:34px;height:34px;border:0;background:transparent;color:#829089;display:grid;place-items:center;border-radius:9px}.top-icon:hover{background:#eef5f0}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e2f0e9;color:#23866b;font-weight:800;font-size:14px}.content{max-width:1154px;padding:36px 32px 70px;margin:auto}.footer{padding:20px 32px 30px;max-width:1154px;margin:auto;display:flex;justify-content:space-between;gap:15px;font-size:10px;line-height:1.8;color:#b0bdb6}.bottom-nav{display:none}
.hello{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:24px}.eyebrow,.overline{font-size:10px;letter-spacing:2px;color:#51a088;font-weight:800}.eyebrow{display:flex;align-items:center;gap:9px;margin-bottom:11px}.eyebrow-line{width:20px;height:2px;background:#62b49a}.hello h1,.page-heading h1{font-size:28px;letter-spacing:-.7px;line-height:1.45;margin:0;font-weight:800}.hello h1 span{color:var(--green)}.page-subtitle,.page-heading p{font-size:13px;line-height:1.8;margin:9px 0 0;color:#87958f}.hello-date{font-size:12px;white-space:nowrap;color:#8b9993;margin-top:28px}
.hero{background:linear-gradient(106deg,#0e866e 1%,#0c9278 55%,#24a58a 100%);border-radius:19px;min-height:279px;overflow:hidden;position:relative;color:white;padding:30px 38px;display:flex;justify-content:space-between;box-shadow:0 13px 26px rgba(26,122,93,.1)}.hero-left{position:relative;z-index:2}.hero-chip{border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.10);display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border-radius:99px;font-size:11px;font-weight:600}.hero h2{font-size:27px;line-height:1.43;letter-spacing:.4px;margin:16px 0 7px;font-weight:800}.hero p{font-size:12px;line-height:1.8;color:#c3ecdf;margin:0}.hero-actions{display:flex;gap:11px;align-items:center;margin-top:18px}.btn{border:0;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:13px;font-weight:700;padding:13px 17px;min-height:43px;transition:transform .15s,background .15s,box-shadow .15s}.btn:not(:disabled):hover{transform:translateY(-1px)}.btn-light{background:white;color:#147863;box-shadow:0 6px 17px rgba(0,0,0,.07)}.btn-ghost-white{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.24);color:white}.btn-primary{background:var(--green);color:#fff;box-shadow:0 4px 11px rgba(14,137,111,.11)}.btn-primary:not(:disabled):hover{background:#0b7962}.btn-outline{background:white;border:1px solid #dce8e1;color:#4b6e61}.btn-small{min-height:36px;padding:8px 13px;font-size:12px}.hero-visual{width:325px;position:relative;flex-shrink:0;margin-right:10px}.orbit{position:absolute;border:1px solid rgba(255,255,255,.2);border-radius:50%;width:300px;height:300px;top:-22px;left:6px}.orbit-two{width:410px;height:410px;top:-75px;left:-49px}.hero-note{position:absolute;background:white;border-radius:13px;color:#293f3a;box-shadow:0 14px 28px rgba(4,76,53,.13)}.note-front{width:217px;height:219px;top:19px;left:73px;transform:rotate(7deg);padding:20px 18px}.note-back{width:192px;height:180px;top:49px;left:22px;transform:rotate(-11deg);opacity:.7;padding:32px 20px}.note-kicker{display:block;color:#8da49b;font-size:10px;margin-bottom:7px}.hero-note-title{display:block;font-size:18px;font-weight:800;margin-bottom:18px}.fake-line{height:8px;background:#ecf1ee;border-radius:4px;margin:11px 0}.fake-line.sm{width:38%}.fake-line.mid{width:66%}.fake-option{height:28px;margin:5px 0;border-radius:5px;border:1px solid #e7efeb;color:#b9c6bf;font-size:10px;display:flex;align-items:center;gap:10px;padding:0 10px}.fake-option span{width:60%;height:5px;background:#ecf0ee;border-radius:3px}.fake-option.selected{background:#e9f8f0;border-color:#a6e1c2;color:#188d6e}.fake-option.selected span{background:#a4d7c4}.fake-option.selected svg{margin-left:auto}.hero-bubble{width:47px;height:47px;background:#e0ffeb;color:#169c6d;display:grid;place-items:center;border-radius:50%;position:absolute;left:254px;top:7px;z-index:3;box-shadow:0 7px 18px rgba(3,70,48,.12)}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0 39px}.metric{background:#fff;border:1px solid #eaf0ec;border-radius:15px;padding:18px 18px 17px;box-shadow:var(--shadow)}.metric-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#85948c;font-weight:600}.metric-icon{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;font-style:normal}.metric-icon.mint,.topic-symbol.mint,.mode-icon.mint{background:#e5f6ed;color:#24906d}.metric-icon.violet,.topic-symbol.violet,.mode-icon.violet{background:#f0edff;color:#8870d2}.metric-icon.peach,.topic-symbol.peach,.mode-icon.peach{background:#fff1e7;color:#d78c55}.metric-icon.blue{background:#eaf2ff;color:#6e91d6}.metric-value{font-size:27px;line-height:1.2;font-weight:800;letter-spacing:-1px;margin:16px 0 5px}.metric-unit{font-size:13px;color:#9aa9a2;font-weight:500;letter-spacing:0}.metric-caption{font-size:10px;color:#a9b5ae}.section-title{display:flex;justify-content:space-between;align-items:end;gap:10px;margin:0 0 17px}.section-title h2{font-size:21px;letter-spacing:-.3px;margin:6px 0}.section-title p{font-size:12px;color:#9aa79f;margin:0}.section-link{font-size:12px;font-weight:700;color:var(--green);display:flex;align-items:center;gap:7px;margin-bottom:3px}.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.topic-card{background:white;border:1px solid var(--border);border-radius:16px;padding:21px;min-width:0;box-shadow:var(--shadow);transition:box-shadow .17s,transform .17s}.topic-card:hover{transform:translateY(-2px);box-shadow:0 14px 25px rgba(25,62,45,.06)}.topic-card-top{display:flex;justify-content:space-between;align-items:start}.topic-symbol{width:48px;height:48px;border-radius:13px;display:grid;place-items:center}.topic-number{color:#afbbb3;font-size:10px;letter-spacing:.5px}.topic-card h3{font-size:17px;margin:18px 0 8px;letter-spacing:-.4px}.topic-card p{font-size:11px;line-height:1.8;color:#91a198;height:39px;margin:0}.topic-meta{display:flex;gap:14px;font-size:10px;color:#8b9992;margin-top:21px;margin-bottom:14px}.topic-meta span{display:flex;align-items:center;gap:5px}.progress-track{height:6px;background:#eaf1ed;border-radius:50px;overflow:hidden}.progress-fill{height:100%;background:#159576;border-radius:50px;transition:width .25s}.topic-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.topic-bottom small{color:#9eaba3;font-size:10px}.tiny-link,.text-button,.plain-link{border:0;background:none;color:#10846c;display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;padding:3px 0}.tiny-link:hover,.text-button:hover,.plain-link:hover{color:#075d4b}.lower-grid{margin-top:22px;display:grid;grid-template-columns:1.25fr 1fr;gap:15px}.daily-card,.next-card{border:1px solid var(--border);background:white;border-radius:16px;padding:23px;position:relative;overflow:hidden}.daily-copy{position:relative;z-index:2}.daily-card h3,.next-card h3{font-size:16px;margin:8px 0}.daily-card p,.next-card p{font-size:11px;color:#91a098;line-height:1.9;margin:0 0 17px}.daily-bar-info{display:flex;justify-content:space-between;font-size:12px;color:#6d887b;margin-bottom:10px;max-width:340px}.daily-bar-info b{color:#384c42}.daily-card .progress-track{max-width:340px;height:8px}.goal-edit{display:flex;align-items:center;gap:8px;font-size:10px;color:#98a89e;margin-top:13px}.goal-pill{border:1px solid #e5eee8;background:#fff;color:#9faea4;border-radius:7px;font-size:10px;padding:5px 8px}.goal-pill.chosen{background:#e5f6ed;color:var(--green);border-color:#bfe7d3}.daily-decor{position:absolute;right:19px;bottom:14px;color:#d9ebdf;transform:rotate(-15deg)}.small-symbol{width:37px;height:37px;border-radius:10px;background:#fff3e9;color:#d58f5d;display:grid;place-items:center;margin-bottom:10px}.next-card .text-button{margin-top:4px}
.page-heading{margin:5px 0 30px}.page-heading h1{margin-top:8px;font-size:31px}.topic-banner{display:flex;align-items:center;gap:15px;border:1px solid #d6ece0;border-radius:15px;background:#edf9f2;padding:18px 21px;margin-bottom:22px}.banner-icon{width:44px;height:44px;border-radius:12px;background:#d8f0e2;display:grid;place-items:center;color:#11896d}.topic-banner b{font-size:15px}.topic-banner p{font-size:11px;color:#7c9b88;margin:6px 0 0}.status-dot{margin-left:auto;font-size:10px;color:#188868;background:#d8efdf;padding:7px 10px;border-radius:20px;white-space:nowrap}.big-cards .topic-card{padding:25px}.upcoming{margin-top:39px}.locked-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.locked-card{background:#fff;border:1px dashed #e0e9e3;border-radius:13px;padding:19px;display:flex;align-items:center;gap:12px;opacity:.72}.locked-card>span{color:#adbcb3}.locked-card b{font-size:13px}.locked-card p{margin:4px 0 0;font-size:10px;color:#9aa8a0}.locked-card small{margin-left:auto;font-size:10px;white-space:nowrap;color:#abb5ae}
.back-link{margin:0 0 21px}.back-link a,.back-link button{display:flex;align-items:center;gap:4px;color:#7f968b;font-size:12px;font-weight:600;background:none;border:0;padding:0}.back-link a:hover,.back-link button:hover{color:#188b71}.topic-hero{display:flex;align-items:center;gap:21px;background:#fff;border:1px solid var(--border);border-radius:16px;padding:29px}.topic-symbol.large{width:79px;height:79px;border-radius:19px}.topic-hero h1{font-size:27px;margin:6px 0}.topic-hero p{color:#8d9e94;font-size:12px;line-height:1.8;margin:0}.topic-hero-stats{display:flex;gap:22px;margin-top:20px;font-size:11px;color:#7d9387}.topic-hero-stats span{display:flex;align-items:center;gap:6px}.practice-choose{margin-top:32px}.practice-choose h2,.knowledge-panel h2{font-size:19px;margin:0 0 15px}.mode-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.mode-card{text-align:left;background:white;border:1px solid var(--border);padding:23px;border-radius:15px;transition:border-color .15s,transform .15s}.mode-card:hover{border-color:#8fcfb1;transform:translateY(-2px)}.mode-icon{width:45px;height:45px;border-radius:12px;display:grid;place-items:center;margin-bottom:18px}.mode-card b{font-size:17px;display:block}.mode-card p{font-size:12px;color:#91a198;margin:9px 0 20px}.mode-card>span:last-child{display:flex;gap:6px;color:var(--green);font-size:12px;font-weight:700;align-items:center}.knowledge-panel{background:#fff;border:1px solid var(--border);border-radius:16px;padding:25px;margin-top:27px;display:grid;grid-template-columns:1fr 1fr;gap:30px}.knowledge-panel p{font-size:11px;color:#899b90;line-height:1.8}.knowledge-list{display:grid;gap:10px}.knowledge-list>div{display:flex;align-items:center;gap:13px;padding:11px 12px;border-radius:10px;background:#f6f9f7;font-size:12px}.knowledge-list svg{margin-left:auto;color:#83bba0}.knowledge-index{color:#0e9975;font-size:11px;font-weight:800}
.quiz-layout{max-width:1050px;margin:auto}.quiz-header{display:flex;justify-content:space-between;align-items:end;margin:0 0 20px}.quiz-header .back-link{margin-bottom:16px}.quiz-header h1{font-size:23px;margin:7px 0}.quiz-header p{margin:0;color:#94a39a;font-size:12px}.question-counter{color:#a9b5ae;white-space:nowrap}.question-counter strong{color:#138f72;font-size:29px}.question-counter span{font-size:14px}.quiz-layout>.progress-track{height:7px}.quiz-grid{display:grid;grid-template-columns:minmax(0,1fr) 237px;gap:20px;margin-top:24px;align-items:start}.question-box,.explanation-box,.side-panel{background:white;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}.question-box{padding:30px}.question-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.question-tags{display:flex;align-items:center;gap:7px}.tag{display:inline-flex;font-size:10px;padding:6px 10px;border-radius:6px;color:#8c9992;background:#f4f6f5;white-space:nowrap}.tag-green{color:#13866b;background:#e7f7ee}.report-link{display:flex;align-items:center;gap:5px;color:#9daaa2;background:none;border:0;font-size:11px}.report-link:hover{color:#bd7b42}.question-stem{margin:28px 0 25px}.q-num{display:block;color:#51a487;font-weight:800;font-size:11px;margin-bottom:10px}.question-stem h2{font-size:17px;font-weight:700;line-height:1.9;margin:0;letter-spacing:.1px}.options{display:grid;gap:11px}.option{min-height:61px;width:100%;display:flex;align-items:center;gap:15px;text-align:left;border:1.5px solid #e7eeea;border-radius:11px;background:#fff;color:#35453e;padding:11px 14px;transition:border-color .12s,background .12s}.option:not(:disabled):hover{border-color:#a4d8bd;background:#fcfffd}.option:disabled{opacity:1;cursor:default}.option-letter{width:30px;height:30px;border-radius:8px;background:#f3f6f4;display:grid;place-items:center;color:#758a7c;font-size:12px;font-weight:700;flex-shrink:0}.option-text{flex:1;font-size:13px;line-height:1.8}.option-circle{height:15px;width:15px;border:1.5px solid #d4e0d9;border-radius:50%}.option.selected{border-color:#2e9d79;background:#f1fbf6}.option.selected .option-letter{background:#138d70;color:white}.option.right{border-color:#48b488;background:#effaf3}.option.right>svg{color:#159c73}.option.wrong{background:#fff5f3;border-color:#e4a29a}.option.wrong>svg{color:#dc6c5b}.option.wrong .option-letter{background:#dc7b6e;color:white}.question-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:26px;padding-top:22px;border-top:1px solid #eef2ef}.question-actions span{display:flex;align-items:center;gap:7px;font-size:11px;color:#a1afa6}.answer-result{margin-top:23px;border:1px solid #d4ecd9;background:#f0faf4;border-radius:12px;padding:17px 19px}.answer-result.bad{background:#fff7f3;border-color:#f3ded2}.answer-result-title{display:flex;align-items:center;gap:10px;color:#18856b;font-size:13px}.answer-result.bad .answer-result-title{color:#bb7355}.answer-result-title span{margin-left:auto;font-size:12px}.answer-result p{font-size:11px;margin:8px 0 0;color:#829388}.explanation-box{margin-top:18px;padding:25px 29px}.expl-head{display:flex;gap:10px;align-items:center}.expl-icon{color:#18886d}.expl-head h3{font-size:17px;margin:0}.origin-tag{font-size:10px;color:#9da99f;margin-left:auto}.expl-summary{font-size:13px;line-height:2;color:#66786e;margin:17px 0}.step-list{border-left:2px solid #e1eee6;padding-left:20px;margin-left:10px}.reason-step{display:flex;align-items:flex-start;gap:11px;margin:15px 0;position:relative;left:-31px;width:calc(100% + 31px)}.reason-step span{width:22px;height:22px;border-radius:50%;background:#dff3e8;color:#19846c;font-size:11px;display:grid;place-items:center;flex-shrink:0;font-weight:800}.reason-step p{font-size:12px;line-height:1.9;color:#536f60;margin:-2px 0 0}.mistake-tip{display:flex;gap:10px;background:#f7f9f3;border-radius:10px;color:#8b926b;padding:14px;margin-top:17px;font-size:11px;line-height:1.8}.mistake-tip b{color:#697e61}.explanation-foot{border-top:1px solid #eef1ef;padding-top:20px;margin-top:20px;display:flex;justify-content:space-between;align-items:center;gap:10px}.explanation-foot>span{display:flex;align-items:center;gap:6px;color:#a5afa8;font-size:10px}.side-panel{padding:22px}.side-head{display:flex;align-items:center;justify-content:space-between;font-size:13px}.side-head span{font-size:11px;color:var(--green)}.question-dots{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin:21px 0}.q-dot{display:grid;place-items:center;aspect-ratio:1;background:#f3f6f4;border-radius:7px;color:#99a89f;font-size:11px;font-weight:700}.q-dot.done{background:#c9f0dd;color:#10886d}.q-dot.current{background:#138c71;color:white}.side-divider{height:1px;background:#edf0ee;margin:16px 0}.side-label{font-size:11px;color:#9aa99f;margin-bottom:11px}.side-subject{font-size:13px}.side-hint{font-size:10px;color:#9eaba3;line-height:1.7}.side-help{display:flex;gap:12px;border-radius:12px;padding:17px;background:#edf7f1;color:#268368;margin-top:14px}.side-help b{font-size:12px}.side-help p{font-size:10px;line-height:1.8;color:#749a86;margin:6px 0 0}
.result-wrap{max-width:700px;margin:32px auto 0}.result-top{border-radius:18px;border:1px solid var(--border);background:white;padding:45px 35px;text-align:center}.result-emblem{margin:0 auto 17px;height:65px;width:65px;background:#e6f6ee;color:#189274;border-radius:50%;display:grid;place-items:center}.result-top h1{font-size:26px;margin:12px 0}.result-top p{font-size:12px;color:#82958a}.score{color:var(--green);margin:28px 0}.score strong{font-size:75px;letter-spacing:-3px}.score span{font-size:22px;margin-left:5px}.result-split{display:flex;justify-content:space-evenly;background:#f4f9f6;border-radius:12px;padding:19px;gap:8px;font-size:12px;color:#7d9185}.result-split b{display:block;font-size:18px;color:#2c4b3d;margin-top:7px}.result-actions{margin-top:26px;display:flex;justify-content:center;gap:10px}.result-foot{text-align:center;color:#98a79d;font-size:11px;margin-top:19px}
.mistake-summary{background:white;border-radius:16px;border:1px solid var(--border);display:flex;align-items:center;gap:0;padding:25px;margin-bottom:25px}.mistake-summary>div{flex:1;display:grid;gap:11px;min-width:0}.mistake-summary>div span{color:#91a097;font-size:11px}.mistake-summary>div b{font-size:27px}.mistake-summary>div b small{font-size:12px;font-weight:500;color:#a2b0a6}.mistake-filter{margin:10px 0 19px;border-bottom:1px solid var(--line)}.tabs{display:flex;gap:21px}.tab{border:0;border-bottom:2px solid transparent;background:none;padding:11px 0 14px;font-weight:700;font-size:13px;color:#95a29a}.tab.active{border-color:var(--green);color:var(--green)}.tab span{background:#f1f5f2;padding:3px 6px;border-radius:5px;font-size:10px;margin-left:3px}.mistake-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.mistake-card{padding:21px;background:#fff;border:1px solid var(--border);border-radius:14px}.mistake-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.mastered,.needs-work{font-size:11px;display:inline-flex;align-items:center;gap:5px;color:#1a9472}.needs-work{color:#c58c50}.mistake-card h3{font-weight:600;font-size:13px;line-height:1.85;margin:16px 0;height:71px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.mistake-meta{display:flex;gap:15px;color:#9ca9a1;font-size:10px}.mistake-actions{display:flex;align-items:center;justify-content:space-between;margin-top:19px;border-top:1px solid #eef2ef;padding-top:18px;gap:8px}.tip-box{margin-top:20px;padding:15px 18px;border-radius:11px;background:#eff6f1;color:#728f7d;display:flex;align-items:start;gap:11px;font-size:11px;line-height:1.9}.empty-state{background:#fff;border:1px dashed #d9e6dd;border-radius:16px;padding:58px 24px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:14px;color:#93a79b}.empty-state h2{font-size:18px;color:#34463c;margin:2px 0 0}.empty-state p{font-size:12px;margin:0 0 8px;line-height:1.8}
.history-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 25px}.history-panel{border-radius:16px;background:#fff;border:1px solid var(--border);padding:25px}.history-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:17px}.history-head h2{font-size:18px;margin:0}.history-head p{font-size:11px;color:#a0ada4;margin:7px 0 0}.history-rows{display:grid}.history-row{display:flex;align-items:center;gap:14px;min-height:67px;border-top:1px solid #f0f3f1}.history-result{width:32px;height:32px;border-radius:9px;display:grid;place-items:center}.history-result.success{background:#ebf8f1;color:#199371}.history-result.error{background:#fff1eb;color:#dc8062}.history-row div{flex:1;min-width:0}.history-row b{display:block;font-size:12px}.history-row small{font-size:10px;color:#a3b0a8}.history-status{font-size:11px;color:#8c9b91}.history-row time{font-size:11px;color:#a2aea6;width:90px;text-align:right}.simple-empty{font-size:12px;color:#9aa89d;text-align:center;padding:35px}.privacy-panel{display:flex;align-items:center;gap:16px;margin-top:20px;padding:20px;background:#eff8f2;border:1px solid #dcebe1;border-radius:14px}.privacy-icon{color:#248f70}.privacy-panel>div:nth-child(2){flex:1}.privacy-panel h3{font-size:13px;margin:0 0 6px}.privacy-panel p{font-size:11px;line-height:1.9;color:#83988a;margin:0}.danger-outline{border-color:#f0d0c8;color:#b96857}
.modal-backdrop{position:fixed;inset:0;background:rgba(26,44,36,.45);display:flex;align-items:center;justify-content:center;z-index:50;padding:20px}.modal{width:100%;max-width:465px;background:#fff;padding:25px;border-radius:16px;box-shadow:0 20px 70px rgba(2,28,17,.18)}.modal-top{display:flex;justify-content:space-between;align-items:center}.modal-top h3{margin:0;font-size:18px}.icon-btn{border:0;background:#f1f5f2;width:32px;height:32px;border-radius:9px;display:grid;place-items:center}.modal>p{font-size:11px;line-height:1.9;color:#81958a;margin:12px 0 18px}.form-label{display:block;font-size:12px;font-weight:700;margin:12px 0 8px}.modal select,.modal textarea{display:block;width:100%;border:1px solid #dfe9e2;border-radius:9px;background:#fff;padding:11px 12px;color:#334b3e;outline-color:#22a07b}.modal-submit{margin-top:17px;width:100%}.toast{position:fixed;bottom:25px;right:25px;background:#1d5240;border-radius:10px;color:white;padding:13px 18px;display:flex;align-items:center;gap:8px;z-index:100;box-shadow:0 10px 40px rgba(7,54,27,.2);font-size:12px}
@media(max-width:1200px){.content{padding-left:27px;padding-right:27px}.topbar{padding:0 27px}.hero-visual{margin-right:-30px;transform:scale(.93)}}
@media(max-width:1050px){.sidebar{width:211px;min-width:211px;padding-left:12px;padding-right:12px}.hero-visual{opacity:.72;margin-right:-90px}.topic-grid{gap:11px}.topic-card{padding:17px}.topic-meta{flex-wrap:wrap;gap:8px}.metric{padding:14px}.metric-value{font-size:25px}.quiz-grid{grid-template-columns:minmax(0,1fr) 190px}.side-panel{padding:16px}}
@media(max-width:820px){.sidebar{width:76px;min-width:76px;padding:24px 8px}.brand{padding:0 8px 38px}.brand>span:last-child,.nav-title,.sidenav .nav-item span,.sidebar-tip,.sidebar-foot,.nav-item em{display:none}.brand-mark{min-width:42px}.nav-item{padding:0;justify-content:center;min-height:53px}.sidenav{gap:7px}.content{padding:26px 21px 55px}.topbar{padding:0 21px;height:67px}.hero-visual{opacity:.4;margin-right:-160px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topic-grid .topic-card:last-child{grid-column:span 2}.locked-grid{grid-template-columns:1fr}.locked-card{justify-content:flex-start}.quiz-grid{grid-template-columns:1fr}.quiz-side{display:none}.mistake-grid{grid-template-columns:1fr}}
@media(max-width:620px){.sidebar{display:none}.main-shell{width:100%}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:20;background:rgba(255,255,255,.96);border-top:1px solid #e4ede6;box-shadow:0 -7px 19px rgba(14,50,33,.025);padding:5px 8px max(6px,env(safe-area-inset-bottom));justify-content:space-around}.bottom-nav .nav-item{flex-direction:column;padding:7px 6px 4px;min-height:49px;border-radius:9px;gap:3px;font-size:10px;flex:1;justify-content:center}.bottom-nav .nav-item span{display:block}.bottom-nav .nav-item em{display:none}.topbar{height:58px;padding:0 17px}.breadcrumb{font-size:11px}.header-right{gap:7px}.edition{font-size:10px;padding:5px 8px}.avatar{height:29px;width:29px;font-size:12px}.content{padding:24px 16px 93px}.footer{padding:6px 16px 92px;display:block;font-size:9px}.footer span{display:none}.hello{margin-bottom:18px}.hello h1{font-size:24px}.hello-date{display:none}.page-subtitle{font-size:11px}.hero{padding:23px 20px;min-height:275px;border-radius:15px}.hero h2{font-size:22px}.hero p{font-size:11px}.hero-visual{display:none}.hero-actions{margin-top:21px;display:grid;grid-template-columns:1fr}.btn{font-size:12px}.hero-actions .btn{max-width:260px}.metric-grid{gap:9px;margin:13px 0 31px}.metric{padding:13px 13px 14px;border-radius:12px}.metric-head{font-size:11px}.metric-icon{height:30px;width:30px}.metric-value{font-size:26px;margin:14px 0 5px}.metric-caption{font-size:9px}.section-title h2{font-size:19px}.section-title p{font-size:11px}.section-link{font-size:11px}.topic-grid,.big-cards{grid-template-columns:1fr;gap:11px}.topic-grid .topic-card:last-child{grid-column:auto}.topic-card{padding:18px 18px 16px}.topic-card h3{margin:11px 0 6px;font-size:16px}.topic-card p{height:auto;font-size:11px}.topic-meta{margin-top:16px}.lower-grid{grid-template-columns:1fr;gap:11px}.daily-card,.next-card{padding:19px}.daily-decor{opacity:.6}.page-heading{margin:0 0 22px}.page-heading h1{font-size:26px}.page-heading p{font-size:12px}.topic-banner{padding:14px;gap:10px}.topic-banner b{font-size:13px}.topic-banner p{font-size:10px}.status-dot{font-size:9px;padding:5px 7px}.topic-hero{gap:13px;padding:20px 14px;align-items:start}.topic-symbol.large{min-width:53px;width:53px;height:53px;border-radius:12px}.topic-symbol.large svg{width:25px}.topic-hero h1{font-size:23px}.topic-hero p{font-size:11px}.topic-hero-stats{flex-wrap:wrap;gap:11px;margin-top:12px}.practice-choose{margin-top:28px}.mode-grid{grid-template-columns:1fr;gap:10px}.mode-card{padding:19px}.knowledge-panel{grid-template-columns:1fr;gap:10px;padding:20px}.quiz-header h1{font-size:20px}.quiz-header p{font-size:11px}.quiz-grid{margin-top:17px}.question-box{padding:20px 16px}.question-head{align-items:start}.report-link{font-size:10px}.question-stem{margin:22px 0}.question-stem h2{font-size:15px;line-height:1.95}.option{padding:12px 11px;gap:11px;min-height:59px}.option-text{font-size:12px}.option-letter{height:27px;width:27px}.question-actions{align-items:stretch;flex-direction:column}.question-actions .btn{width:100%}.answer-result-title{flex-wrap:wrap}.answer-result-title span{margin-left:0}.explanation-box{padding:20px 16px}.explanation-foot{flex-direction:column;align-items:stretch}.explanation-foot .btn{width:100%}.mistake-summary{padding:16px;gap:8px;flex-wrap:wrap}.mistake-summary>div{flex:1 0 27%}.mistake-summary>div b{font-size:23px}.mistake-summary>.btn{margin-top:12px;width:100%}.tabs{gap:13px}.tab{font-size:11px}.mistake-card{padding:18px}.mistake-card h3{height:auto}.mistake-meta{flex-wrap:wrap}.history-stats{grid-template-columns:1fr 1fr}.history-stats .metric:last-child{grid-column:span 2}.history-panel{padding:16px}.history-head h2{font-size:16px}.history-head .btn{font-size:10px}.history-row{gap:9px}.history-row time{width:66px;font-size:10px}.history-status{font-size:10px}.privacy-panel{align-items:flex-start;flex-wrap:wrap}.privacy-panel .btn{margin-left:40px}.result-wrap{margin:8px auto}.result-top{padding:29px 17px}.result-top h1{font-size:23px}.score strong{font-size:62px}.result-actions{flex-direction:column}.result-actions .btn{width:100%}.toast{bottom:84px;left:17px;right:17px;justify-content:center}.modal-backdrop{padding:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}}

/* V1.4: 25 questions per navigator page */
.dot-pagination{display:flex;align-items:center;justify-content:space-between;gap:5px;margin:-4px 0 12px;}
.dot-pagination button{border:1px solid #dcebe2;background:#f5faf7;color:#13866b;padding:8px 5px;border-radius:7px;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap;}
.dot-pagination button:hover:not(:disabled){background:#e3f4eb;}
.dot-pagination button:disabled{opacity:.35;cursor:not-allowed;}
.dot-pagination>span{text-align:center;color:#536f60;font-size:11px;font-weight:700;line-height:1.6;}
.dot-pagination small{font-size:10px;color:#96a89d;font-weight:400;}

/* V1.4.1: pagination below the 5-column question grid */
.dot-pager-container{display:block;min-width:0;width:100%;margin:18px 0 20px;}
.dot-pager-container .question-dots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin:0 0 16px;width:100%;}
.dot-pager-container .dot-pagination{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:6px;margin:0;width:100%;}
.dot-pager-container .dot-pagination button{min-width:0;padding:8px 4px;font-size:10px;}
.dot-pager-container .dot-pagination button:first-child{justify-self:start;}
.dot-pager-container .dot-pagination button:last-child{justify-self:end;}
.dot-pager-container .dot-pagination>span{min-width:0;white-space:nowrap;font-size:11px;line-height:1.45;}
.dot-pager-container .dot-pagination small{display:block;white-space:nowrap;font-size:9px;}

/* V1.6.1: progress exit and partial completion */
.session-operations{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;background:#f6faf7;border:1px solid #e1ebe4;border-radius:14px;padding:13px 17px;margin:16px 0 22px}
.session-save-hint{font-size:13px;color:#62766a;line-height:1.6}
.session-operation-buttons{display:flex;gap:10px;flex-wrap:wrap}
.session-operation-buttons .btn{font-size:13px;padding:10px 14px;white-space:nowrap}
.session-finish-button{border-color:#e3c9c2!important;color:#9b473a!important}
@media(max-width:620px){.session-operation-buttons{width:100%}.session-operation-buttons .btn{flex:1;white-space:normal}}

/* V1.6.2: render wrong-question stems and local images without clipping. */
.mistake-card h3{height:auto;display:block;overflow:visible;-webkit-line-clamp:unset;overflow-wrap:anywhere;word-break:break-word;line-height:1.8}
.mistake-card h3 .question-image{display:block;max-width:100%;width:auto;height:auto;max-height:240px;object-fit:contain;margin:10px 0}

/* V1.6.3: independent, resumable practice sessions */
.saved-sessions{margin:22px 0;padding:24px;border:1px solid #e0e9e4;border-radius:18px;background:#fff}
.saved-sessions-title h2{font-size:20px;margin:0 0 6px;color:#18332b}
.saved-sessions-title p{font-size:13px;color:#74847e;margin:0 0 15px}
.saved-sessions-list{display:grid;gap:10px}
.saved-session-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 16px;border:1px solid #e7eeea;border-radius:12px;background:#f8fbf9}
.saved-session-card strong{font-size:15px;color:#15392d}
.saved-session-meta{margin-top:6px;font-size:12px;color:#778881;line-height:1.6}
.saved-session-card button{white-space:nowrap;flex-shrink:0}
@media(max-width:540px){.saved-session-card{align-items:stretch;flex-direction:column}.saved-session-card button{width:100%}}

/* V1.7 云端账号入口 */
.cloud-entry{font-size:12px!important;width:auto!important;padding:0 12px!important;white-space:nowrap}

/* V1.7: cloud account entry */
.gk-account-button{border:1px solid #b9ded0;background:#eaf7f0;color:#087459;border-radius:10px;padding:9px 13px;font-size:13px;font-weight:700;white-space:nowrap}.gk-account-button:hover,.gk-account-side:hover{background:#d7f1e5}.gk-account-side{border:0;background:#f0f8f4;color:#087459;border-radius:12px;text-align:left;padding:13px 16px;font-size:14px;font-weight:700;cursor:pointer}@media(max-width:650px){.topbar{padding-left:12px;padding-right:12px}.header-right{gap:6px}.gk-account-button{font-size:12px;padding:8px 9px}.edition{display:none}}