:root{font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:#252436;background:#f5f6fa;font-size:16px;font-synthesis:none;--purple:#6955db;--muted:#858496;--line:#eeedf4;--nav-width:228px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #9c8aef;outline-offset:4px}button{color:inherit}a{color:inherit;text-decoration:none}svg.icon{width:21px;height:21px;display:block;flex-shrink:0}button svg{pointer-events:none}[hidden]{display:none!important}.skip{position:fixed;top:-80px;left:20px;background:white;padding:12px;z-index:100}.skip:focus{top:10px}.sidebar{position:fixed;width:var(--nav-width);inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:35px 20px;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:0 11px;font-size:25px;font-weight:800;letter-spacing:2px}.brand-icon{width:45px;height:45px;border-radius:14px;background:var(--purple);color:white;font-size:24px;display:grid;place-items:center;box-shadow:0 5px 10px #6955db22}.brand-small{display:block;font-size:12px;letter-spacing:4px;font-weight:500;color:#9391a1;margin-top:2px}.workspace-label{font-size:12px;color:#a3a0b0;margin:43px 11px 21px;display:flex;justify-content:space-between;letter-spacing:1px}.workspace-label span{font-size:10px;letter-spacing:1.5px}.nav{display:grid;gap:7px}.nav-item{display:flex;align-items:center;gap:12px;border:0;background:transparent;min-height:49px;width:100%;border-radius:9px;text-align:left;padding:12px 14px;font-size:14px;color:#777487;font-weight:550}.nav-item:hover{background:#f7f5ff}.nav-item.active{background:#eeeafa;color:#6c55d7}.nav-item.active:before{content:'';height:18px;width:3px;position:absolute;left:0;background:var(--purple);border-radius:2px}.nav-mini{margin-left:auto;font-size:10px;color:#b0acbf;font-weight:400}.nav-caption{font-size:12px;letter-spacing:1px;color:#aca8b7;margin:26px 14px 10px}.nav-divider{height:1px;background:var(--line);margin:19px 12px 10px}.sidebar-bottom{margin-top:auto}.small-quote{font-size:14px;color:#938aa9;line-height:1.9;padding:23px 14px;border-radius:12px;background:#f9f7ff;margin-top:40px}.sidebar-footer{font-size:12px;color:#aaa5b8;padding:24px 9px 0;display:flex;gap:9px}.tiny-mark{color:#a797ed}.page-shell{margin-left:var(--nav-width)}.topbar{height:83px;padding:0 40px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;background:#fff}.breadcrumb{font-size:13px;color:#a09cab;display:flex;gap:18px}.breadcrumb strong{font-weight:500;color:#666172}.topbar-right{display:flex;align-items:center;gap:12px}.grade-label{font-size:12px;color:#9a94a8}select{border:1px solid #e5e2ee;background:#fff;color:#575064;border-radius:8px;padding:9px 26px 9px 11px;font-size:13px}.profile-button{border:0;background:none;margin-left:12px;padding:0}.avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#ede7ff;color:#7861d5;font-size:14px;font-weight:600}.avatar.small{width:33px;height:33px}.page-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 28px}.eyebrow{color:#9185b4;font-size:10px;font-weight:650;letter-spacing:2px;margin-bottom:10px}h1,h2,h3,p{margin:0}h1{font-size:27px;font-weight:750;letter-spacing:-.5px;line-height:1.5}.heading-star{color:#b2a2ec;font-size:30px;display:inline-block;margin-left:14px;vertical-align:middle}.page-heading p{font-size:14px;color:#96919f;margin-top:9px}.date-chip{display:flex;align-items:center;gap:9px;font-size:12px;color:#928b9e;background:#fff;border:1px solid var(--line);padding:11px 14px;border-radius:9px}.date-chip .icon{width:16px;height:16px}main{padding:35px 38px 20px;max-width:1520px;margin:0 auto}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:28px}.stat-card{display:flex;align-items:center;position:relative;min-height:103px;background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px 22px;gap:15px}.stat-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;flex-shrink:0}.purple{--subject:#7860dc;--surface:#f1ebff;--decor:#e6dcff}.blue{--subject:#2e8cb9;--surface:#eaf6ff;--decor:#d6edfd}.orange{--subject:#c88b2b;--surface:#fff5e4;--decor:#ffebc8}.stat-icon{background:var(--surface);color:var(--subject)}.stat-label{font-size:12px;color:#98919e}.stat-number{font-size:29px;font-weight:750;line-height:1.4;font-variant-numeric:tabular-nums}.stat-number small{font-size:11px;font-weight:400;color:#9e97a8;margin-left:8px}.stat-foot{margin-left:auto;align-self:flex-end;margin-bottom:5px;font-size:10px;color:#b2abb9;white-space:nowrap}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}.learning-column{min-width:0}.focus-card{position:relative;overflow:hidden;min-height:300px;background:#27223f;color:#fff;border-radius:16px;display:grid;grid-template-columns:1.07fr 1fr;padding:27px 28px;gap:10px}.capsule{display:inline-flex;gap:7px;align-items:center;padding:5px 10px;background:#ffffff0e;border:1px solid #ffffff16;border-radius:5px;font-size:11px;color:#d2c9e7}.focus-meta{font-size:12px;color:#b8afcf;margin-top:21px}.focus-card h2{font-size:28px;font-weight:650;letter-spacing:.5px;margin:10px 0}.focus-card p{font-size:13px;color:#b6aec9}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:26px;border:0;background:#9c89fa;color:#fff;font-size:14px;font-weight:650;padding:13px 21px;border-radius:8px;min-height:46px;transition:background .15s,transform .15s}.primary-button:hover{background:#8c76f0;transform:translateY(-1px)}.focus-card .primary-button{background:#b2a1fa;color:#2c2442;margin-top:25px}.primary-button .icon{width:17px}.focus-reward{font-size:10px;color:#8e83a8;margin-top:15px}.focus-reward strong{font-weight:500;color:#c5b7ee}.focus-visual{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;color:#d4caef;padding-top:15px}.formula-label{font-size:11px;letter-spacing:2px;color:#8e80a9;margin-bottom:20px}.math-formula{font-size:37px;font-family:Georgia,serif;letter-spacing:1px}.math-formula span{color:#c3ff8b}.number-line{width:100%;max-width:320px;margin-top:9px}.visual-caption{font-size:10px;color:#8d80a7;letter-spacing:1px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:26px 0 17px;gap:10px}.section-heading h2{font-size:17px;font-weight:650;display:flex;align-items:center;gap:9px}.section-heading>span{font-size:11px;color:#a29aaa}.subject-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.subject-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;border:1px solid transparent;padding:19px;border-radius:12px;background:var(--surface);transition:transform .16s,border-color .16s}.subject-card:hover{transform:translateY(-4px);border-color:var(--subject)}.subject-icon{font:italic 28px Georgia,serif;color:var(--subject);background:var(--decor);width:48px;height:48px;display:grid;place-items:center;border-radius:12px;margin-bottom:17px}.subject-icon.letter-icon{font-style:normal;font-size:25px}.subject-icon.chinese-icon{font-family:"Songti SC",SimSun,serif;font-size:27px;font-style:normal}.subject-en{font-size:9px;font-weight:650;letter-spacing:1.6px;color:var(--subject);opacity:.72}.subject-card strong{font-size:20px;margin:5px 0 9px;letter-spacing:1px;font-weight:650}.subject-copy{font-size:11px;color:#9d96a7;line-height:1.6}.subject-bottom{border-top:1px solid #77777712;padding-top:16px;display:flex;justify-content:space-between;width:100%;margin-top:22px;font-size:11px;color:var(--subject)}.subject-bottom .icon{width:15px;height:15px}.leaderboard-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px 21px 0;overflow:hidden}.leaderboard-card .section-heading{margin:0 0 12px}.leaderboard-card h2{font-size:16px}.trophy-color{color:#d7a452}.all-time{padding:4px 8px;background:#f5f3fa;border-radius:5px}.section-note{font-size:11px;color:#a29aaa}.rank-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 0;min-height:240px}.rank-number{font:italic 68px Georgia,serif;color:#dfd2ac;letter-spacing:-7px;line-height:1;margin-bottom:19px}.rank-empty strong{font-size:14px;color:#83758f;font-weight:550}.rank-empty p{font-size:12px;color:#b2a7bb;margin-top:10px}.text-button{display:flex;align-items:center;justify-content:center;gap:12px;background:transparent;color:#8c80aa;width:100%;padding:15px 0;border:0;border-top:1px solid var(--line);font-size:12px}.text-button .icon{width:15px;height:15px}.my-rank{display:flex;align-items:center;gap:10px;background:#f9f7ff;margin:0 -21px;padding:17px 20px}.my-rank strong{font-size:12px;font-weight:550;display:block;max-width:130px;overflow-wrap:anywhere}.my-rank span:not(.avatar){font-size:10px;color:#a096b4;display:block;margin-top:4px}.my-rank>b{margin-left:auto;font-size:17px;color:#7864ba;white-space:nowrap}.my-rank small{font-size:10px;font-weight:400}.rules-card{background:#ebe8f7;border:1px solid #e4dff3;border-radius:13px;margin-top:20px;padding:23px}.rule-badge{display:grid;place-items:center;color:#8d76d3;background:#ddd4f5;width:30px;height:30px;border-radius:8px;margin-bottom:14px}.rule-badge .icon{width:18px}.rules-card h3{font-size:15px;color:#625082}.rules-card>p{font-size:11px;color:#9c8aaf;line-height:1.8;margin:9px 0 19px}.rule-line{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#8e7ba6;gap:6px;margin:12px 0}.rule-line b{font-size:15px;color:#8270be}.rule-hint{border-top:1px dashed #d5cde4;padding-top:12px;font-size:10px;line-height:1.8;color:#a293b1;margin-top:18px}.task-list{background:#fff;border:1px solid var(--line);border-radius:12px;padding:0 20px}.task-skeleton{padding:22px;color:var(--muted);font-size:14px}.task-row{display:flex;align-items:center;gap:13px;padding:17px 0;border-bottom:1px solid var(--line)}.task-row:last-child{border-bottom:0}.task-check{height:24px;width:24px;border:1.5px solid #e3ddec;border-radius:50%;display:grid;place-items:center;color:#7e65d4;flex-shrink:0}.task-check.done{background:#eae2fc;border-color:#eae2fc}.task-check .icon{width:15px}.task-text{flex:1}.task-text strong{display:block;font-size:13px;font-weight:550}.task-text p{font-size:11px;color:#a79eaf;margin-top:6px}.task-reward{color:#a494ba;font-size:11px;margin-right:4px;white-space:nowrap}.small-button{border:1px solid #e3daef;background:#fbf9ff;color:#8b70b5;padding:7px 11px;border-radius:6px;font-size:11px;white-space:nowrap}.page-footer{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#bbb4c7;padding:32px 0 7px;flex-wrap:wrap}.connection-status{font-size:13px;background:#fff0d3;padding:12px 16px;border-radius:9px;margin:0 0 18px;color:#8b6124}.connection-status button{margin-left:12px;border:0;background:transparent;text-decoration:underline}.lesson-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.lesson-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px}.lesson-card h2{font-size:21px;margin:14px 0}.lesson-card p{font-size:14px;line-height:1.8;color:#92889e}.lesson-card .primary-button{margin-top:24px;background:var(--purple);width:100%}.tag-list{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0}.tag{padding:5px 9px;border-radius:6px;background:#f2eef9;color:#9483a9;font-size:12px}.progress-track{height:6px;background:#efeaf5;border-radius:4px;overflow:hidden;margin:18px 0 9px}.progress-track span{display:block;height:100%;background:#ad96f4}.progress-caption{font-size:12px;color:#a397b1}.rank-row{display:flex;align-items:center;gap:10px;min-height:65px;border-bottom:1px solid #f4f1f8}.rank-row:last-child{border:0}.rank-index{font-size:14px;color:#b3a8c0;min-width:18px;text-align:center;font-style:italic}.rank-index.top{color:#be9b4c;font-weight:700}.rank-row .rank-name{font-size:13px;font-weight:550;flex:1;overflow-wrap:anywhere}.rank-row .rank-name small{display:block;font-size:10px;color:#b1a7bc;font-weight:400;margin-top:4px}.rank-row>b{font-size:14px;color:#837194}.rank-row .avatar{width:30px;height:30px;font-size:12px;background:#f3edfd}.rank-list-filled{padding:14px 0;min-height:210px}.full-ranking{background:white;border:1px solid var(--line);border-radius:14px;padding:28px;max-width:900px}.full-ranking .rank-row{padding:15px;min-height:85px}.full-ranking .rank-name{font-size:16px}.full-ranking .rank-row.mine{background:#f4efff;border-radius:9px}.full-ranking .rank-row>b{font-size:20px}.ranking-info{margin-bottom:18px;font-size:14px;color:var(--muted);line-height:1.8}.icon-button{border:0;background:#f2eef8;color:#867299;border-radius:50%;height:32px;width:32px;display:grid;place-items:center;font-size:23px}dialog{border:1px solid #e7e0ee;border-radius:20px;padding:0;width:min(860px,calc(100vw - 32px));max-height:90vh;color:#30263e;box-shadow:0 30px 100px #221b4430}dialog::backdrop{background:#1d17345c;backdrop-filter:blur(4px)}.lesson-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:20px 26px;color:#8d77ac;font-size:13px;gap:16px}.lesson-header h2{font-size:18px;color:#352a47}.lesson-body{padding:28px 32px}.lesson-body h2{font-size:27px;margin-bottom:15px}.lesson-intro{font-size:16px;color:#8f829e;line-height:1.9}.knowledge-points{display:grid;gap:17px;margin:25px 0}.knowledge-point{display:flex;gap:15px}.knowledge-point .step{width:28px;height:28px;background:#efe7fe;color:#8c71c9;display:grid;place-items:center;flex-shrink:0;border-radius:8px;font-size:13px}.knowledge-point h3{font-size:16px;font-weight:600;margin:2px 0 7px}.knowledge-point p{font-size:15px;line-height:1.9;color:#8e8299}.example-box{background:#f5f1fb;border-left:3px solid #b39adf;border-radius:0 10px 10px 0;padding:19px;font-size:15px;line-height:1.9;color:#8c749f;margin:24px 0}.lesson-actions{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:25px;font-size:13px;color:#ae9dba}.quiz-progress{font-size:13px;color:#a48ab8;margin-bottom:12px}.quiz-title{font-size:22px!important;line-height:1.6;white-space:pre-wrap}.answers{display:grid;gap:12px;margin:25px 0}.answer-option{border:1px solid #e4dcee;background:#fff;padding:16px;text-align:left;border-radius:10px;display:flex;align-items:center;gap:15px;line-height:1.6}.answer-option .letter{display:grid;place-items:center;border-radius:6px;width:28px;height:28px;flex-shrink:0;background:#f2edf8;color:#9e84b2;font-size:13px}.answer-option.selected{border-color:#a287db;background:#f4eeff}.answer-option.correct{border-color:#71b29c;background:#eaf6f0}.answer-option.wrong{border-color:#d99c95;background:#fdf1ef}.answer-option:disabled{cursor:default;opacity:1}.answer-feedback{padding:18px;border-radius:10px;background:#f5f1fa;color:#8c729f;line-height:1.9;font-size:15px}.answer-feedback strong{display:block;margin-bottom:5px;color:#6b537d}.profile-content{padding:25px}.profile-content label{display:block;font-size:14px;margin-bottom:10px}.profile-content input{width:100%;padding:13px;border:1px solid #e1d9ec;border-radius:9px;font-size:16px}.profile-content p{font-size:13px;color:#9887a8;line-height:1.9;margin:15px 0 25px}#profile-dialog{max-width:480px}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);z-index:100;background:#30233f;color:#fff;padding:14px 23px;border-radius:10px;font-size:14px;box-shadow:0 10px 35px #21132933;max-width:calc(100% - 32px);line-height:1.6}.quiz-complete{text-align:center;padding:18px 0}.quiz-complete .success-symbol{font-size:52px;color:#9276cd;margin-bottom:17px}.quiz-complete p{line-height:1.9;color:#9a85aa;font-size:15px}.quiz-complete .primary-button{margin-top:24px}.big-score{font-size:48px;color:#8b6bba;font-weight:700;margin:18px 0}.big-score small{font-size:14px;font-weight:400}.empty-state{text-align:center;padding:45px 15px;color:#9d8dad;line-height:2}.formula-alt{font:italic 30px Georgia,serif;color:#e7dcff;text-align:center;line-height:1.8}.formula-alt small{font:14px system-ui;display:block;color:#b3a1ce;margin-top:15px}
@media(min-width:1500px){main{padding-top:43px}.focus-card{min-height:310px}.subject-card{padding:24px}.subject-card .subject-copy{font-size:12px}}
@media(max-width:1200px){:root{--nav-width:200px}.sidebar{padding-left:14px;padding-right:14px}.nav-mini{display:none}main{padding:28px 25px}.topbar{padding:0 25px}.content-grid{grid-template-columns:minmax(0,1fr) 270px;gap:18px}.stat-foot{display:none}.focus-card{padding:24px;grid-template-columns:1fr .9fr}.focus-card h2{font-size:25px}.focus-visual .math-formula{font-size:30px}.subject-card{padding:15px}.subject-copy{min-height:36px}.rules-card{padding:20px}.subject-en{letter-spacing:1px}.lesson-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1000px){:root{--nav-width:180px}.sidebar{padding:25px 12px}.brand{font-size:22px;gap:8px;padding:0 6px}.brand-icon{width:38px;height:38px}.brand-small{font-size:10px}.workspace-label span{display:none}.content-grid{grid-template-columns:1fr}.right-column{display:grid;grid-template-columns:1fr 1fr;gap:18px}.rules-card{margin:0}.rank-empty{min-height:190px}.stat-card{padding:16px;gap:10px}.stat-icon{width:37px;height:37px}.date-chip{display:none}h1{font-size:25px}.focus-card{min-height:295px}}
@media(max-width:700px){:root{--nav-width:0px}.sidebar{inset:auto 0 0 0;width:100%;height:70px;border-right:0;border-top:1px solid var(--line);padding:0;background:#fffffff5;backdrop-filter:blur(12px)}.brand,.workspace-label,.nav-caption,.nav-divider,.sidebar-bottom{display:none}.nav{display:flex;gap:0;height:100%}.nav-item{flex-direction:column;justify-content:center;gap:5px;padding:7px 1px;font-size:10px;border-radius:0;font-weight:500}.nav-item .icon{width:21px;height:21px}.nav-item.active{background:#f4efff}.nav-item.active:before{display:none}.nav-item:last-child{font-size:10px}.topbar{height:66px;padding:0 20px}.breadcrumb{font-size:11px;gap:8px}.breadcrumb>span,.breadcrumb strong{display:none}.grade-label{display:none}.topbar-right{gap:7px}.profile-button{margin-left:5px}main{padding:25px 18px 90px}.eyebrow{font-size:9px;margin-bottom:7px}h1{font-size:23px}.heading-star{font-size:23px;margin-left:7px}.page-heading p{font-size:12px;line-height:1.8}.page-heading{margin-bottom:22px}.stats-grid{gap:9px;margin-bottom:20px}.stat-card{display:block;min-height:117px;padding:14px 11px}.stat-icon{width:28px;height:28px;border-radius:8px;margin-bottom:9px}.stat-icon .icon{width:17px;height:17px}.stat-label{font-size:10px}.stat-number{font-size:25px}.stat-number small{font-size:9px;margin-left:4px}.focus-card{min-height:295px;grid-template-columns:1fr .8fr;padding:23px 20px;gap:0}.focus-card h2{font-size:24px}.focus-meta{font-size:10px}.focus-card p{font-size:12px;line-height:1.8}.focus-visual{opacity:.65;min-width:0}.focus-visual .math-formula{font-size:23px;white-space:nowrap}.formula-label,.visual-caption{font-size:8px;letter-spacing:0;text-align:center}.number-line{width:140%;max-width:none;align-self:flex-end;margin-right:-14px}.focus-reward{font-size:9px;line-height:1.9}.capsule{font-size:10px}.primary-button{gap:14px}.focus-card .primary-button{margin-top:22px}.section-heading h2{font-size:16px}.section-heading>span{font-size:10px}.subject-grid{gap:9px}.subject-card{padding:14px 11px}.subject-icon{width:39px;height:39px;font-size:24px;margin-bottom:14px}.subject-en{font-size:7px;letter-spacing:0}.subject-card strong{font-size:19px;margin-bottom:7px}.subject-copy{font-size:10px;line-height:1.8;min-height:52px}.subject-bottom{font-size:10px;gap:2px;padding-top:13px;margin-top:12px}.subject-bottom .icon{width:12px}.right-column{grid-template-columns:1fr}.rules-card{display:none}.leaderboard-card{padding-top:20px}.task-list{padding:0 13px}.task-row{gap:9px}.task-text strong{font-size:12px;line-height:1.7}.task-text p{font-size:10px}.task-check{width:20px;height:20px}.task-reward{display:none}.small-button{font-size:10px;padding:7px 9px;min-height:35px}.page-footer{font-size:9px;justify-content:flex-start;gap:9px 18px;line-height:1.7}.lesson-grid{grid-template-columns:1fr}.lesson-header{padding:17px 20px}.lesson-body{padding:24px 20px}.lesson-body h2{font-size:24px}.lesson-intro,.knowledge-point p,.example-box{font-size:14px}.lesson-actions{align-items:flex-start;flex-direction:column}.lesson-actions .primary-button{align-self:stretch}.answer-option{font-size:14px;padding:13px}.quiz-title{font-size:20px!important}.full-ranking{padding:15px}.full-ranking .rank-row{padding:10px}.formula-alt{font-size:21px}.formula-alt small{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.light-capsule{background:#f1ebfa;border-color:#e4d8f3;color:#9173b4}.quiz-action-buttons{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.me-tag{font-size:12px;font-weight:400;color:#aa8dc9}.subject-copy{color:#7d7488}.section-note{color:#86758f}.rules-card>p,.rule-line{color:#826f98}.rule-hint{color:#8d7c9b}.stat-label{font-size:13px}.stat-foot{font-size:12px}.subject-copy,.subject-bottom,.task-text p,.section-heading>span,.focus-reward,.section-note,.rule-line,.rule-hint,.rules-card>p,.text-button,.small-button{font-size:12px}.task-text strong,.nav-item,.grade-label{font-size:14px}.subject-en,.eyebrow{font-size:12px}.focus-meta,.capsule,.date-chip,.progress-caption,.rank-row .rank-name small{font-size:12px}.page-heading p{font-size:14px}.rules-card .rule-line{line-height:1.7}.rank-row .rank-name,.my-rank strong{font-size:14px}.my-rank span:not(.avatar){font-size:12px}.focus-reward{line-height:1.8}.focus-visual{min-width:0}.formula-label,.visual-caption{font-size:12px}.page-footer{font-size:12px;line-height:1.8}.subject-copy{line-height:1.8;min-height:44px}.subject-bottom{line-height:1.6}.stat-card{flex-wrap:wrap}.stat-foot{display:none}.brand-small{font-size:12px}.workspace-label,.workspace-label span{font-size:12px}.nav-mini{font-size:12px}.focus-card .primary-button{font-size:14px}.task-skeleton{font-size:14px}.rank-row{gap:9px}.rank-row .rank-name{min-width:0}.topbar{gap:15px}.topbar-right{flex-shrink:0}.small-button{min-height:38px}.answer-option{min-height:52px}.stat-number small{font-size:12px}.full-ranking .rank-row{flex-wrap:wrap}.topbar .breadcrumb{min-width:0}.lesson-header{font-size:14px}.task-list,.lesson-card,.stats-grid,.subject-grid{min-width:0}.lesson-actions{flex-wrap:wrap}.task-row .task-text{min-width:0}.full-ranking .ranking-info{overflow-wrap:anywhere}
@media(max-width:1200px){.nav-mini{display:none}.workspace-label span{display:none}}
@media(max-width:700px){.nav-item{font-size:12px}.nav-item:last-child{font-size:12px}.subject-en{font-size:12px;letter-spacing:0;overflow-wrap:anywhere}.subject-grid{grid-template-columns:1fr}.subject-card{position:relative;display:grid;grid-template-columns:46px 1fr auto;column-gap:14px;align-items:center;padding:17px}.subject-icon{grid-row:1/4;grid-column:1;margin:0;width:43px;height:43px}.subject-en{grid-column:2;grid-row:1;font-size:12px}.subject-card strong{grid-column:2;grid-row:2;margin:4px 0;font-size:20px}.subject-copy{grid-column:2;grid-row:3;min-height:0;font-size:12px}.subject-bottom{grid-column:3;grid-row:1/4;margin:0;padding:0;border:0;width:auto}.subject-bottom>span:first-child{display:none}.subject-bottom .icon{width:18px;height:18px}.focus-card{grid-template-columns:1fr;min-height:305px}.focus-visual{display:none}.focus-card h2{font-size:27px}.focus-card p{font-size:14px}.focus-meta{font-size:12px}.focus-card .primary-button{min-width:160px}.stat-label{font-size:12px}.stat-card{padding:13px 10px}.stats-grid{gap:7px}.task-text strong{font-size:14px}.task-text p{font-size:12px}.task-row{gap:8px}.small-button{font-size:12px;padding:7px 8px}.section-heading>span{font-size:12px}.date-chip{font-size:12px}.page-footer{font-size:12px}.breadcrumb{font-size:12px}.quiz-action-buttons{width:100%}.quiz-action-buttons .primary-button{flex:1}.stat-number{font-size:25px}.stat-number small{display:block;font-size:12px;margin:0}.heading-star{display:none}.topbar-right select{max-width:120px;font-size:14px}.nav-item{min-width:0}.nav-item:last-child{white-space:normal}.lesson-grid{gap:16px}}
/* Mobile reading and safe areas. */
.page-heading p{font-size:16px;color:#81758d}
.subject-copy,.task-text p,.section-note,.progress-caption{color:#776d83}
.rules-card>p,.rule-line,.rule-hint{color:#756188;font-size:14px}
.lesson-intro,.knowledge-point p,.example-box{font-size:16px;color:#77677f}
.answer-feedback{font-size:16px;color:#776184}
.focus-card p{color:#c1b7d0}
.brand{cursor:pointer}
@media(max-width:700px){
  .sidebar{height:calc(70px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px)}
  main{padding-bottom:calc(110px + env(safe-area-inset-bottom,0px))}
  .nav-item,.nav-item:last-child{font-size:14px;line-height:1.3}
  .page-heading p{font-size:16px;line-height:1.8}
  .subject-copy{font-size:14px}
  .lesson-intro,.knowledge-point p,.example-box{font-size:16px}
  dialog{max-height:calc(100dvh - 28px);border-radius:16px}
  .toast{bottom:calc(86px + env(safe-area-inset-bottom,0px))}
  .profile-content input{font-size:16px}
}