:root{--bg:#f7f8fc;--paper:#fff;--ink:#222e38;--muted:#64717e;--line:#e5e9ef;--green:#d4ecb9;--forest:#334c36;--blue:#4067b9;--pink:#f7e8df;--cream:#f7f0d6;--lilac:#e9e6fa;--radius:22px;--shadow:0 9px 30px #1a2c4210}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.6;font-size:15px}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #6b8dd0;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.3}h1{font-size:clamp(27px,3vw,39px);letter-spacing:-.055em;margin-bottom:12px}h2{font-size:25px;letter-spacing:-.035em;margin-bottom:14px}h3{font-size:18px;margin-bottom:10px}p{color:var(--muted)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:fixed;top:8px;left:8px;z-index:99;background:var(--ink);color:#fff;padding:8px 20px;transform:translateY(-150%)}.skip:focus{transform:none}
.sidebar{width:246px;position:fixed;top:0;left:0;bottom:0;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:35px 20px 20px;z-index:20}.logo{display:flex;gap:12px;align-items:center;font-size:21px;font-weight:800;letter-spacing:-.04em;padding:0 10px}.logo small{display:block;color:var(--muted);font-size:10px;letter-spacing:.12em;font-weight:500;margin-top:2px}.logo-mark{width:42px;height:45px;border-radius:14px 14px 14px 5px;background:var(--ink);color:var(--green);display:grid;place-items:center;font-size:23px}.nav-caption{font-size:10px;font-weight:750;letter-spacing:.1em;color:#87929d;margin:45px 14px 13px}.nav-link{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:12px;color:#63717f;font-size:13px;font-weight:650;margin:4px 0;white-space:nowrap}.nav-link>span{width:23px;flex-shrink:0;font-size:20px;text-align:center}.nav-link:hover{background:#f4f6f9}.nav-link.active{background:#eaf1df;color:#2e4235}.nav-count{margin-left:auto;font-size:10px;display:grid;place-items:center;border-radius:7px;min-width:20px;min-height:20px;background:#fff}.sidebar-bottom{margin-top:auto}.coach-mini{padding:20px 12px;margin-bottom:12px;border-radius:16px;background:#f5f7f2;display:flex;gap:9px;align-items:center}.coach-mini b{font-size:11px;display:block}.coach-mini small{font-size:10px;display:block;color:var(--muted);margin-top:3px}.coach-orb{width:42px;height:42px;display:grid;place-items:center;border-radius:15px;background:#e6eddc;color:#334834;font-size:23px;flex-shrink:0}.app-frame{margin-left:246px}.topbar{height:91px;padding:0 clamp(24px,4vw,62px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.semester-pill{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--muted);font-weight:650}.semester-pill i{width:6px;height:6px;border-radius:50%;background:#6d8d52}.semester-pill>span{border-left:1px solid #d9dfe5;padding-left:12px;margin-left:5px;color:#84909a;font-weight:400}.topbar-right{display:flex;align-items:center;gap:19px}.ai-status{font-size:11px;color:var(--muted)}.ai-status.online:before{content:"";display:inline-block;width:5px;height:5px;background:#6f9957;border-radius:50%;margin-right:6px}.avatar{display:grid;place-items:center;background:#ece5da;border:3px solid #fff;box-shadow:0 0 0 1px #e4ded6;border-radius:50%;width:35px;height:35px;font-size:12px;color:#7d6b53}.mobile-brand{display:none}.workspace{max-width:1450px;margin:auto;padding:43px clamp(24px,4vw,62px) 70px}.app-footer{max-width:1450px;margin:auto;padding:0 clamp(24px,4vw,62px) 30px;color:#7e8995;font-size:11px;display:flex;justify-content:space-between}.app-footer a{text-decoration:underline}.mobile-nav{display:none}
.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:30px}.page-heading p:last-child{margin-bottom:0;font-size:13px;max-width:780px}.eyebrow{font-size:10px;letter-spacing:.15em;font-weight:750;color:#728173;margin-bottom:9px;display:block}.text-link{padding:0;border:0;background:transparent;color:var(--blue);font-size:12px;font-weight:650;text-align:left}.text-link:hover{text-decoration:underline}.btn{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:43px;padding:10px 19px;border:1px solid transparent;border-radius:10px;font-size:12px;font-weight:750;white-space:nowrap;transition:background .15s,transform .15s}.btn:hover{transform:translateY(-1px)}.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover{background:#3b4b58}.btn-white{background:#fff;border-color:var(--line);color:var(--ink)}.btn-light{background:#f5f9ee;color:#3b533e}.pill{display:inline-flex;align-items:center;padding:5px 10px;border-radius:8px;background:#f0f2f6;color:#6b7480;font-size:10px;font-weight:650}.white-pill{background:#ffffffb3;color:#646b60}.mint-pill{background:#eaf2e2;color:#547142}.blue-pill{background:#e5edfd;color:#3c60a4}
.welcome-grid{display:grid;grid-template-columns:minmax(0,2.5fr) minmax(230px,1fr);gap:20px}.hero-card{display:flex;position:relative;overflow:hidden;background:#e7eade;border-radius:var(--radius);min-height:300px}.hero-copy{position:relative;z-index:2;padding:32px 30px;width:60%}.hero-copy h2{margin:20px 0 13px;font-size:34px;line-height:1.16;font-weight:800;letter-spacing:-.03em}.hero-copy h2 em{font-style:normal;font-size:22px;font-weight:650;white-space:nowrap}.hero-copy p{font-size:12px;line-height:1.9;margin-bottom:24px;color:#5d6c61}.hero-illustration{position:absolute;width:45%;height:100%;right:0;overflow:hidden}.book-illustration{position:absolute;width:158px;height:200px;left:50%;top:49%;transform:translate(-50%,-50%) rotate(9deg);background:#f9f5eb;box-shadow:12px 14px 0 #c7cec0;border-radius:3px 12px 12px 3px;border-left:8px solid #e2dece;padding:25px 17px;font-family:Georgia,serif;color:#4a5b41;line-height:1;font-size:31px;font-weight:600}.book-illustration b{color:#98ac82}.book-illustration i{display:block;font-size:16px;margin-top:22px;font-style:normal}.orbit-ring{position:absolute;border:1px solid #cbd4bd;border-radius:50%;width:300px;height:300px;top:1%;left:5%}.ring-b{width:230px;height:230px;left:20%;top:12%}.floating-word{position:absolute;background:#fffaf3;padding:10px 16px;border-radius:10px;font-weight:750;z-index:3;box-shadow:0 6px 22px #36402c12}.floating-word small{display:block;font-size:8px;color:#788674;font-weight:500}.word-one{left:0;top:21%;transform:rotate(-7deg);font-size:20px}.word-two{right:5%;bottom:12%;font-size:25px;background:#d5e7b7;transform:rotate(-5deg)}.spark{position:absolute;color:#6b8458}.spark-one{top:11%;right:11%;font-size:35px}.spark-two{bottom:10%;left:15%;font-size:28px}.today-hero{padding:30px 26px;background:#344f3c;color:#fff;border-radius:var(--radius);display:flex;flex-direction:column}.today-hero .eyebrow{color:#c4d3bc;font-size:9px}.today-hero h2{font-size:23px;margin:10px 0 13px}.big-number{font-size:46px;font-weight:750;letter-spacing:-.04em;line-height:1}.big-number small{font-size:11px;letter-spacing:0;margin-left:10px;font-weight:400;color:#d3dfcb}.today-hero p{color:#b9cbb4;font-size:11px;margin:13px 0 24px}.today-hero .btn{margin-top:auto}.stats-strip{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:20px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;margin-top:24px;padding:20px 24px}.stats-strip>div{display:flex;gap:13px;align-items:center}.stat-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;font-size:22px}.lilac{background:var(--lilac)}.mint{background:#e8f1dc}.peach{background:#f9e8dd}.stats-strip p{margin:0}.stats-strip b{font-size:22px;font-weight:750;color:var(--ink);line-height:1.2}.stats-strip small{display:block;font-size:9px;margin-top:4px}.stats-strip em{font-size:11px;font-style:normal;color:var(--muted)}.stats-strip>a{font-size:11px;color:var(--blue)}.stats-strip>a span{margin-left:10px}.section{margin-top:37px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.section-heading h2{font-size:21px;margin:0}.section-heading>p,.section-heading>span{margin:0;font-size:11px;color:var(--muted)}.method-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.method-card{padding:23px 24px;border:1px solid #ffffffc0;border-radius:18px;transition:transform .2s}.method-card:hover{transform:translateY(-4px)}.method-card.pink{background:#f5e7e1}.method-card.blue{background:#e3eaf7}.method-card.cream{background:#f6efd9}.method-icon{font-size:21px;display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:#ffffff99;margin-bottom:18px}.method-card h3{font-size:20px}.method-card p{font-size:11px;margin-bottom:20px;line-height:1.85}.method-card strong{font-size:11px;display:flex;justify-content:space-between}.recommend-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.recommend-card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:20px;display:flex;flex-direction:column;transition:box-shadow .2s}.recommend-card:hover{box-shadow:var(--shadow)}.subject-label{font-size:9px;font-weight:700;display:inline-flex;align-self:start;line-height:1.6;padding:3px 8px;border-radius:5px;background:#e9edf3;color:#597185}.subject-label.english{background:#f7e8df;color:#986b53}.subject-label.math{background:#e7edf7;color:#5675a2}.recommend-card h3{margin:15px 0 10px;font-size:17px}.recommend-card>p{font-size:11px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.recommend-card footer{margin-top:auto;padding-top:15px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:8px;font-size:9px;color:var(--muted)}.recommend-card footer b{font-size:16px;color:var(--ink)}
.breadcrumb{font-size:11px;display:flex;gap:10px;color:var(--muted);margin-bottom:25px;flex-wrap:wrap}.breadcrumb a:hover{color:var(--blue)}.book-banner{display:flex;gap:26px;align-items:center;padding:30px 35px;background:#e7eade;border-radius:var(--radius)}.book-banner.math{background:#e4ebf6}.book-symbol{font-family:Georgia,serif;font-size:57px;color:#3f5538;width:78px;text-align:center;flex-shrink:0}.book-banner h2{font-size:27px;margin:12px 0}.book-banner p{font-size:12px;max-width:750px;margin:0}.lesson-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.lesson-card{display:flex;gap:18px;align-items:start;padding:25px;background:#fff;border:1px solid var(--line);border-radius:18px}.lesson-number{font-family:Georgia,serif;font-size:30px;color:#b0bdac;line-height:1.1}.lesson-card>div{flex:1;min-width:0}.lesson-card h3{font-size:21px;margin:6px 0 10px}.lesson-card p:not(.eyebrow){font-size:12px;margin-bottom:16px}.lesson-meta{display:flex;gap:10px;font-size:10px;color:#7d8792;flex-wrap:wrap}.lesson-meta span+span{border-left:1px solid var(--line);padding-left:10px}.lesson-card .arrow{font-size:20px;color:#73846c}.lesson-card:hover{border-color:#aabb98;box-shadow:var(--shadow)}.objectives{padding:19px 24px;border:1px solid #dfe7d4;background:#eff4e9;border-radius:15px;display:flex;gap:12px 20px;flex-wrap:wrap;font-size:12px;color:#66755a;margin-bottom:25px}.objectives b{color:#445738}.lesson-layout{display:grid;grid-template-columns:minmax(0,2.6fr) minmax(220px,1fr);gap:22px}.paper{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px}.paper-heading{display:flex;justify-content:space-between;gap:20px;align-items:center}.reading-note{font-size:11px;color:#849098;padding-bottom:15px;border-bottom:1px solid var(--line)}.reading-segment{display:flex;align-items:start;gap:15px;padding:17px 0}.reading-segment>div{flex:1}.english-text{font-family:Georgia,"Times New Roman",serif;line-height:1.8;font-size:20px;color:#2f3c48;margin-bottom:7px}.translation{font-size:12px;line-height:1.8;color:#7a8490;margin-bottom:0}.sound-btn{width:32px;height:32px;border-radius:50%;border:1px solid #dce3d5;background:#f1f5eb;color:#526c40;display:inline-grid;place-items:center;font-size:15px;flex-shrink:0}.sound-btn:hover{background:#e3eccf}.sound-btn.large{width:48px;height:48px;font-size:23px}.source-note{padding-top:20px;margin-top:15px;border-top:1px solid var(--line);font-size:10px;color:#85908d}.source-note a{color:var(--blue);margin-left:6px}.reading-aside{border-radius:var(--radius);background:#e8eddf;padding:28px;align-self:start}.reading-aside h3{margin-top:22px;font-size:24px;line-height:1.5}.reading-aside p{font-size:12px;line-height:1.9}.reading-aside .btn{margin-top:13px}.vocab-list{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.vocab-row{display:flex;align-items:center;gap:22px;padding:21px 25px;border-bottom:1px solid var(--line)}.vocab-row:last-child{border-bottom:0}.vocab-row:hover{background:#fafbf7}.word-index{font-size:11px;color:#9ba695}.vocab-row>div{flex:1;min-width:0}.vocab-row h3{margin:0 0 5px;font-size:19px}.vocab-row h3 small{font-size:12px;margin-left:15px;color:#929ba1;font-weight:400}.vocab-row p{margin:0;font-size:12px}.vocab-row>b{font-size:19px;color:#93a385}.status-dot{font-size:10px;color:#83917b;white-space:nowrap}.status-dot.needs_reinforcement{color:#a06b36}.status-dot.reinforced{color:#4f7746}
.segmented{display:flex;background:#edf0f5;border-radius:11px;padding:4px;gap:4px;flex-shrink:0}.segmented a{padding:8px 23px;border-radius:8px;font-size:12px;color:var(--muted)}.segmented .selected{background:#fff;box-shadow:0 3px 9px #2435410c;color:var(--ink);font-weight:700}.map-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:16px;font-size:10px;color:var(--muted);margin:23px 0}.map-toolbar>span{display:flex;align-items:center;gap:7px}.map-toolbar p{margin:0 0 0 auto;font-size:10px}.legend-dot{width:9px;height:9px;display:block;border-radius:50%;background:#cdd3dc}.legend-dot.recalled{background:#90b2dd}.legend-dot.needs_reinforcement{background:#deb678}.legend-dot.reinforced{background:#91b37a}.knowledge-map{background-image:radial-gradient(#dfe5e4 1px,transparent 1px);background-size:18px 18px;background-color:#f0f4f0;border:1px solid #e0e7dd;border-radius:24px;padding:32px 26px;position:relative;overflow:hidden}.map-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.map-lines path{fill:none;stroke:#b5c7a7;stroke-width:1.5;stroke-dasharray:4 4;opacity:.65}.map-root{display:flex;align-items:center;gap:15px;width:max-content;max-width:100%;padding:20px 27px;background:#334e3c;color:#fff;border-radius:15px;margin:0 auto 35px;position:relative;z-index:1;box-shadow:0 10px 30px #2d47271a}.map-root>span{font-size:32px}.map-root small{display:block;color:#d0dcc9;font-size:9px;margin-bottom:5px}.map-root strong{font-size:18px}.knowledge-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px 24px;position:relative;z-index:1}.knowledge-group header{margin:0 0 13px 9px}.knowledge-group header span{font-size:9px;letter-spacing:.1em;color:#819075}.knowledge-group header h2{font-size:15px;margin:3px 0;color:#50604a}.knowledge-node{background:#ffffffee;display:flex;align-items:start;gap:10px;border:1px solid #dce3d9;border-radius:12px;padding:16px 12px;margin:10px 0;min-height:105px;box-shadow:0 3px 8px #31452e06;transition:transform .15s}.knowledge-node:hover{transform:translateY(-2px);border-color:#8aaa75}.knowledge-node>div{flex:1;min-width:0}.knowledge-node h3{font-size:14px;margin:2px 0 7px}.knowledge-node p{font-size:10px;margin:0 0 8px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.knowledge-node small{font-size:9px;color:#8a9585}.knowledge-node>b{font-size:15px;color:#99a48e}.node-state{font-size:12px;color:#8a9b7d;margin-top:2px}.knowledge-node.needs_reinforcement{border-color:#dec6a3;background:#fffbf2}.knowledge-node.reinforced{border-color:#98b780;background:#eef6e8}.knowledge-node.recalled,.knowledge-node.explained{border-color:#b6c9dd;background:#f5f9fe}.gentle-note{background:#e9edf5;border-radius:14px;padding:20px 24px;margin-top:24px;font-size:12px}.gentle-note p{margin:6px 0 0;font-size:11px}
.study-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.study-heading h1{margin:8px 0 0}.study-position{font-size:25px;font-weight:750;color:#677d56}.study-position span{font-size:15px;color:#9fa89a;font-weight:400}.study-layout{display:grid;grid-template-columns:minmax(0,3.4fr) minmax(210px,1fr);gap:24px;align-items:start}.study-main{min-width:0}.study-tabs{display:flex;gap:5px;background:#e9edf2;padding:5px;border-radius:12px;margin-bottom:16px}.study-tabs button{flex:1;padding:11px 8px;border:0;background:transparent;color:#7c8894;font-size:11px;font-weight:650;border-radius:8px}.study-tabs [aria-selected=true]{background:#fff;color:#31432e;box-shadow:0 3px 8px #1323310b}.study-panel{padding:33px}.word-title{display:flex;align-items:center;justify-content:space-between;margin-top:18px;gap:20px}.word-title h2{font-size:clamp(35px,4vw,55px);letter-spacing:-.035em;margin:0;color:#304a36;overflow-wrap:anywhere}.phonetic{font-size:17px;color:#89938b;letter-spacing:.03em;margin:4px 0 12px}.word-meaning{font-size:20px;color:#576253;margin:0 0 22px}.example-box{padding:24px;background:#f5f7f1;border-radius:14px;margin:22px 0}.example-box>p:not(.english-text){font-size:12px;margin-bottom:13px}.memory-box{background:#faf3e8;border:1px solid #f1e9d9;border-radius:14px;padding:22px;margin:23px 0}.memory-box>div{display:flex;gap:10px;align-items:center;margin-bottom:9px}.memory-box>div>span{font-size:21px;color:#a2814d}.memory-box h3{font-size:14px;margin:0}.memory-box p{font-size:12px;line-height:1.9;color:#827256}.memory-box .text-link{color:#94773c;font-size:11px}.panel-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:25px;flex-wrap:wrap}.small-panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:21px;margin-bottom:18px}.small-panel h3{font-size:18px}.small-panel p{font-size:11px;line-height:1.8}.small-panel .coach-orb{margin-bottom:18px}.small-panel .text-link{display:block;margin-top:13px;font-size:11px}.sibling-list{display:grid;gap:4px;max-height:400px;overflow:auto}.sibling-list a{display:flex;align-items:start;gap:8px;padding:8px 9px;font-size:11px;color:#6d7885;border-radius:7px}.sibling-list a.selected{background:#edf2e6;color:#4d663d;font-weight:700}.sibling-list a:hover{background:#f2f4f6}.sibling-list span{font-size:10px;margin-top:1px;color:#93a087}.next-card{display:block;background:#e4edda;border-radius:16px;padding:22px}.next-card>span{font-size:10px;color:#7c8d6e}.next-card h3{font-size:19px;margin:8px 0 24px}.next-card b{font-size:12px;color:#526845}.definition{font-size:19px;line-height:1.9;color:#3d4e5c}.key-points{padding-left:22px;color:#63707a;font-size:13px;line-height:1.9}.key-points li+li{margin-top:8px}.worked-example{border:1px solid var(--line);border-radius:13px;padding:22px;margin:19px 0}.worked-example h3{font-size:17px;line-height:1.7}.worked-example summary{font-size:12px;cursor:pointer;color:var(--blue)}.worked-example details strong{display:block;padding-top:17px;font-size:18px;color:#4b6440}.worked-example details p{font-size:12px;margin:10px 0 0}.recorder-box{border:1px solid var(--line);border-radius:13px;padding:20px}.recorder-title{display:flex;align-items:start;gap:15px;justify-content:space-between}.recorder-title h3{font-size:14px;margin:0 0 6px}.recorder-title p{font-size:10px;max-width:400px;margin:0}.switch-label{font-size:10px;display:flex;align-items:center;gap:5px;white-space:nowrap;color:#627451}.switch-label input{accent-color:#5d7a43;width:17px;height:17px}.record-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:20px 0 12px}.record-actions .btn{min-height:35px;font-size:11px}.recorder-box audio{width:100%;height:38px}.recorder-box [data-record-status]{font-size:11px;margin:10px 0 0}.danger{color:#a35544!important}
.quiz-question{font-size:21px;line-height:1.7;margin:25px 0 20px}.quiz-options{display:grid;gap:12px;margin-bottom:25px}.quiz-option{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:11px;padding:14px;font-size:14px;cursor:pointer}.quiz-option:has(input:checked){border-color:#8da46e;background:#f1f7e8}.quiz-option input{position:absolute;opacity:0;width:1px}.quiz-option:has(input:focus-visible){outline:3px solid #6b8dd0;outline-offset:2px}.option-letter{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#edf0f4;color:#738193;font-size:12px;flex-shrink:0}.quiz-result{margin:20px 0;padding:20px;border-radius:13px;background:#edf4e3;font-size:12px;color:#486437}.quiz-result.incorrect{background:#fcf0dd;color:#8b6939}.quiz-result h3{font-size:17px;margin:0 0 9px}.quiz-result p{font-size:12px;color:inherit;margin:5px 0}.quiz-result a{display:inline-block;margin-top:13px;font-weight:750;text-decoration:underline}.field-label{display:block;font-size:12px;margin:20px 0}.text-input{display:block;width:100%;border:1px solid #dce2e9;border-radius:10px;background:#fbfcfe;padding:12px 15px;color:var(--ink);font-size:13px}.field-label .text-input{margin-top:8px}.spelling-practice{margin-top:25px;border-top:1px solid var(--line);padding-top:20px}.spelling-practice summary{font-size:12px;color:var(--blue);cursor:pointer}.spelling-practice form{margin-top:18px}.spelling-practice form>p{font-size:15px}.spelling-practice .btn{margin-top:12px}.spelling-practice .spelling-result{font-size:12px;margin:10px 0 0}.muted{font-size:12px}
.coach-header{display:flex;align-items:center;gap:13px;padding-bottom:20px;border-bottom:1px solid var(--line)}.coach-header>div{flex:1}.coach-header h2{font-size:19px;margin:0 0 4px}.coach-header p{font-size:10px;margin:0}.coach-header .pill{font-size:9px;white-space:nowrap}.coach-prompt{background:#f0f3e9;border-radius:12px;padding:18px;margin:20px 0}.coach-prompt p{font-size:14px;color:#4d6145;line-height:1.85;margin:0}.chat-messages{display:flex;flex-direction:column;gap:21px;max-height:580px;overflow:auto;padding:5px 2px 25px}.chat-message{display:flex;align-items:start;gap:10px;font-size:12px}.message-avatar{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:#e3ecd9;color:#5b754a;font-size:14px;flex-shrink:0}.chat-message>div{background:#f5f7fa;padding:15px 18px;border-radius:0 14px 14px 14px;max-width:92%}.chat-message p{white-space:pre-wrap;line-height:1.9;color:#53616e;font-size:13px;margin:0}.chat-message p+p{margin-top:10px}.chat-message.user{flex-direction:row-reverse}.chat-message.user .message-avatar{background:#ece5da;color:#8d7a5c;font-size:11px}.chat-message.user>div{background:#e9efdf;border-radius:14px 0 14px 14px}.chat-message.user p{color:#4c6143}.chat-message .reply-question{border-top:1px solid #e0e5ea;padding-top:12px;margin-top:12px;color:#263e2c;font-weight:700}.chat-message .reply-caption{font-size:10px;color:#91a084;display:block;margin-top:13px}.chat-message .thinking{color:#8c969f;font-size:12px}.chat-message .error-reply{color:#a16c38}.coach-panel textarea{width:100%;resize:vertical;border:1px solid #dbe2e9;background:#fbfcfd;padding:14px 16px;border-radius:11px;font-size:13px;line-height:1.85;min-height:100px}.chat-compose-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:10px}.chat-compose-footer>span{font-size:9px;color:#94a08c}.coach-actions{display:flex;gap:7px;flex-wrap:wrap;padding-top:19px;border-top:1px solid var(--line);margin-top:24px}.coach-actions button{font-size:10px;border:1px solid var(--line);color:#6f7c67;border-radius:99px;padding:7px 11px;background:#fff}.coach-actions button:hover{background:#f1f5eb}.explanation-review{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.explanation-review summary{cursor:pointer;color:var(--blue);font-size:12px}.before-after{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:18px 0}.before-after>div{border:1px solid var(--line);padding:15px;border-radius:10px}.before-after span{font-size:10px;color:#899882}.before-after p{font-size:12px;margin:10px 0 0;white-space:pre-wrap}.before-after textarea{font-size:12px;margin-top:8px;min-height:100px}.explanation-review>p{font-size:11px}
.task-list{display:grid;gap:14px}.task-row{display:flex;align-items:center;gap:25px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px}.task-row>div{flex:1}.task-index{font-family:Georgia,serif;font-size:26px;color:#acb6a4}.task-row h2{font-size:20px;margin:8px 0}.task-row p{font-size:11px;margin:0}.empty-state{padding:48px 26px;text-align:center;background:#fff;border:1px dashed #dce3d5;border-radius:var(--radius)}.empty-state>span{width:55px;height:55px;border-radius:18px;display:grid;place-items:center;background:#edf3e4;color:#78945e;font-size:27px;margin:0 auto 23px}.empty-state h2{font-size:25px}.empty-state p{font-size:12px;margin:15px auto 25px;max-width:550px}.progress-mosaic{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.mosaic-piece{padding:16px 12px;background:#edf0f3;border:1px solid #e0e5e9;border-radius:13px 18px 13px 18px;min-height:113px;display:flex;flex-direction:column;justify-content:space-between}.mosaic-piece>span{font-size:20px;color:#bac3ca}.mosaic-piece b{font-size:11px;line-height:1.5;margin:8px 0 5px;color:#8b979f;overflow-wrap:anywhere}.mosaic-piece small{font-size:8px;color:#93a08b}.mosaic-piece.recalled,.mosaic-piece.explained{background:#e4edfa;border-color:#cbdcee}.mosaic-piece.recalled b,.mosaic-piece.explained b{color:#506f98}.mosaic-piece.needs_reinforcement{background:#f7e9ce;border-color:#e6d6b4}.mosaic-piece.needs_reinforcement b{color:#927842}.mosaic-piece.reinforced{background:#dfeecd;border-color:#baceaa}.mosaic-piece.reinforced b{color:#5b7c42}.mosaic-piece:not(.unseen)>span{color:#6b8a55}.timeline{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px}.timeline-entry{display:flex;gap:21px;position:relative;padding-bottom:28px}.timeline-entry:last-child{padding-bottom:0}.timeline-entry:before{content:"";position:absolute;left:5px;top:16px;bottom:1px;width:1px;background:var(--line)}.timeline-entry:last-child:before{display:none}.timeline-dot{width:11px;height:11px;display:block;border:3px solid #edf3e8;background:#92ae7c;border-radius:50%;margin-top:5px;flex-shrink:0}.timeline-dot.forgot{background:#bf975c;border-color:#f8efdf}.timeline-entry>div{flex:1;min-width:0}.timeline-entry small{font-size:10px;color:#939daa}.timeline-entry h3{font-size:15px;margin:6px 0}.timeline-entry .pill{font-size:9px;font-weight:500;margin-left:10px}.timeline-entry blockquote{margin:12px 0;background:#f6f8fb;border-radius:10px;padding:12px 16px;font-size:12px;color:#6d7a87;white-space:pre-wrap;overflow-wrap:anywhere}.timeline-entry .text-link{font-size:10px}
.settings-layout{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(220px,1fr);gap:25px}.settings-form fieldset{border:0;padding:0 0 28px;margin:0 0 28px;border-bottom:1px solid var(--line)}.settings-form legend{font-size:17px;font-weight:700;margin-bottom:14px}.settings-form fieldset>p{font-size:11px;margin-bottom:18px}.interest-options,.choice-chips{display:flex;flex-wrap:wrap;gap:10px}.interest-options label,.choice-chips label{cursor:pointer}.interest-options input,.choice-chips input{position:absolute;opacity:0;width:1px}.interest-options span,.choice-chips span{display:block;border:1px solid var(--line);border-radius:10px;padding:10px 20px;font-size:12px;color:#879081;background:#fafbf9}.interest-options input:checked+span,.choice-chips input:checked+span{color:#4f673d;background:#eaf2e0;border-color:#a8bd95}.interest-options input:focus-visible+span,.choice-chips input:focus-visible+span{outline:3px solid #6b8dd0;outline-offset:2px}.choice-stack{display:grid;gap:10px}.choice-stack label{display:flex;gap:13px;padding:15px;border:1px solid var(--line);border-radius:11px;cursor:pointer}.choice-stack label:has(input:checked){border-color:#adbe9d;background:#f3f7ec}.choice-stack input{accent-color:#769859}.choice-stack b{display:block;font-size:12px}.choice-stack small{display:block;font-size:11px;color:var(--muted);margin-top:3px}.settings-form>p{font-size:12px}.privacy-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.privacy-grid h2{font-size:21px}.privacy-grid p{font-size:13px;line-height:1.9}.toast{position:fixed;bottom:25px;right:25px;max-width:400px;background:var(--ink);color:#fff;padding:15px 20px;border-radius:12px;box-shadow:var(--shadow);z-index:100;font-size:12px}.toast.warning{background:#87603a}
@media(min-width:1600px){.hero-card{min-height:340px}.hero-copy{padding:40px}.hero-copy h2{font-size:40px}.hero-illustration{width:42%}.book-illustration{width:180px;height:230px;font-size:35px}}
@media(max-width:1200px){.sidebar{width:218px;padding:30px 14px 16px}.app-frame{margin-left:218px}.workspace{padding:32px 28px 60px}.topbar{padding:0 28px;height:78px}.logo{font-size:19px}.hero-copy{padding:28px 24px}.hero-copy h2{font-size:29px}.hero-copy h2 em{font-size:18px}.book-illustration{width:125px;height:170px;font-size:25px;padding:22px 12px}.floating-word{padding:8px 10px}.floating-word small{font-size:7px}.word-one{font-size:17px;top:20%;left:1%}.word-two{font-size:20px;bottom:13%;right:2%}.hero-card{min-height:305px}.today-hero{padding:28px 20px}.today-hero h2{font-size:21px}.stats-strip{padding:18px;gap:12px}.stats-strip>a{max-width:90px;font-size:10px}.stats-strip small{font-size:8px}.recommend-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.study-layout{grid-template-columns:minmax(0,1fr) 210px;gap:17px}.study-panel{padding:25px}.study-tabs button{font-size:10px}.knowledge-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.progress-mosaic{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:980px){.sidebar{width:190px;padding:28px 9px 12px}.app-frame{margin-left:190px}.logo{font-size:17px;gap:8px}.logo-mark{width:35px;height:40px;font-size:20px}.nav-link{font-size:11px;gap:8px;padding:12px 9px}.nav-caption{font-size:9px}.coach-mini{padding:14px 10px;gap:6px}.coach-mini .coach-orb{width:28px;height:30px;font-size:17px}.coach-mini b{font-size:9px}.coach-mini small{font-size:8px}.welcome-grid{grid-template-columns:1fr}.today-hero{display:none}.hero-card{min-height:285px}.hero-copy{width:63%}.hero-illustration{width:42%}.hero-copy h2{font-size:35px}.hero-copy h2 em{font-size:20px}.stats-strip{grid-template-columns:repeat(3,1fr)}.stats-strip>a{display:none}.method-card{padding:20px 16px}.method-card h3{font-size:17px}.method-card p{font-size:10px}.method-card strong{font-size:10px}.lesson-grid{grid-template-columns:1fr}.lesson-layout{grid-template-columns:1fr}.reading-aside{display:none}.study-layout{grid-template-columns:1fr}.study-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:15px}.study-sidebar .small-panel:nth-child(2){display:none}.study-sidebar .small-panel{margin-bottom:0}.settings-layout{grid-template-columns:1fr}.settings-layout>aside{display:grid;grid-template-columns:1fr 1fr;gap:20px}.semester-pill>span{display:none}.page-heading>.text-link{display:none}.page-heading h1{font-size:29px}.study-tabs button{font-size:12px}}
@media(max-width:700px){.sidebar{display:none}.app-frame{margin-left:0}.topbar{height:66px;padding:0 20px}.semester-pill{font-size:10px}.mobile-brand{display:block;font-size:16px;font-weight:800;letter-spacing:-.03em}.topbar .semester-pill{display:none}.topbar-right{gap:12px}.ai-status{font-size:9px}.avatar{width:29px;height:29px;font-size:10px}.workspace{padding:28px 18px 70px}.page-heading{align-items:start;margin-bottom:24px;gap:14px}.page-heading h1{font-size:27px;line-height:1.45}.page-heading p:last-child{font-size:11px;line-height:1.9}.eyebrow{font-size:8px}.page-heading>.btn{display:none}.hero-card{min-height:300px;border-radius:18px}.hero-copy{padding:26px 22px;width:73%}.hero-copy .pill{font-size:9px}.hero-copy h2{font-size:30px;margin-top:20px}.hero-copy h2 em{font-size:17px;white-space:normal;display:block;margin-top:9px;max-width:220px;line-height:1.5}.hero-copy p{font-size:10px;max-width:230px;margin:12px 0 21px}.hero-copy .btn{font-size:11px;min-height:39px;padding:10px 15px}.hero-illustration{width:43%;right:-19px;opacity:.8}.book-illustration{width:103px;height:145px;top:53%;left:60%;font-size:21px;box-shadow:6px 8px 0 #c7cec0}.word-one{top:15%;left:20%;font-size:14px;transform:rotate(-8deg)}.word-one small{display:none}.word-two{font-size:21px;bottom:13%;right:15%}.word-two small{display:none}.spark-one{font-size:25px;top:7%;right:24%}.spark-two{display:none}.stats-strip{margin-top:17px;padding:16px 12px;gap:10px}.stats-strip>div{gap:7px}.stat-icon{width:29px;height:31px;font-size:16px;border-radius:9px}.stats-strip b{font-size:19px}.stats-strip small{font-size:8px;line-height:1.4;max-width:60px;margin-top:3px}.stats-strip em{font-size:8px}.section{margin-top:31px}.section-heading{gap:12px;align-items:center}.section-heading h2{font-size:19px}.section-heading>p,.section-heading>span{font-size:9px;max-width:95px;text-align:right}.method-cards{grid-template-columns:1fr;gap:12px}.method-card{padding:21px 20px;display:grid;grid-template-columns:45px 1fr;gap:0 18px;position:relative}.method-icon{grid-row:1/4;align-self:center;margin:0;font-size:23px;width:44px;height:46px}.method-card h3{font-size:20px;margin:0 0 7px}.method-card p{font-size:11px;margin:0 0 13px;line-height:1.7}.method-card p br{display:none}.method-card strong{font-size:10px}.method-card strong>span{position:absolute;right:21px;bottom:20px}.recommend-grid{gap:11px}.recommend-card{padding:16px 14px}.recommend-card h3{font-size:16px}.recommend-card>p{font-size:10px}.recommend-card footer{font-size:8px;line-height:1.6;padding-top:10px}.app-footer{padding:0 18px 84px;font-size:9px;gap:18px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:40;background:#ffffffed;backdrop-filter:blur(16px);border-top:1px solid #e5e9ee;justify-content:space-around;padding:12px 7px max(13px,env(safe-area-inset-bottom));box-shadow:0 -5px 20px #20304006}.mobile-nav a{font-size:11px;font-weight:650;color:#637358;padding:7px 12px;border-radius:9px}.mobile-nav a:hover{background:#eff3e8}.book-banner{padding:24px 20px;gap:17px;align-items:start}.book-symbol{font-size:36px;width:42px;margin-top:10px}.book-banner h2{font-size:21px}.book-banner p{font-size:11px;line-height:1.8}.lesson-card{padding:21px 18px;gap:14px}.lesson-card h3{font-size:21px}.lesson-number{font-size:27px}.lesson-card p:not(.eyebrow){font-size:11px}.lesson-meta{font-size:9px}.objectives{padding:17px;gap:9px;font-size:10px;flex-direction:column}.paper{padding:23px 20px;border-radius:17px}.reading-paper h2{font-size:25px}.english-text{font-size:20px;line-height:1.8}.reading-note{font-size:10px;line-height:1.8}.reading-segment{gap:10px;padding:14px 0}.reading-segment .sound-btn{width:27px;height:27px;font-size:13px}.vocab-row{padding:17px 15px;gap:13px}.vocab-row h3{font-size:18px}.vocab-row h3 small{display:block;margin:3px 0 0;font-size:11px}.vocab-row p{font-size:11px}.vocab-row .status-dot{font-size:8px}.vocab-row>b{display:none}.word-index{font-size:9px}.segmented a{font-size:10px;padding:7px 12px}.map-toolbar{gap:10px;font-size:8px}.map-toolbar p{width:100%;margin:0;font-size:9px}.knowledge-map{padding:24px 14px;border-radius:17px}.map-root{padding:15px 17px;gap:12px;margin-bottom:25px}.map-root small{font-size:8px}.map-root strong{font-size:14px}.map-root>span{font-size:26px}.knowledge-columns{grid-template-columns:1fr;gap:17px}.knowledge-group header h2{font-size:17px}.knowledge-node{padding:15px;min-height:90px}.knowledge-node h3{font-size:15px}.knowledge-node p{font-size:11px;-webkit-line-clamp:2}.knowledge-node small{font-size:10px}.map-lines path{opacity:.25}.study-heading h1{font-size:28px}.study-position{font-size:23px}.study-tabs button{font-size:10px;padding:10px 5px}.study-panel{padding:25px 20px}.study-panel>h2{font-size:25px}.word-title h2{font-size:42px}.phonetic{font-size:16px}.word-meaning{font-size:19px}.example-box{padding:21px 18px}.memory-box{padding:18px}.memory-box p{font-size:12px}.panel-actions{flex-direction:column;align-items:stretch;gap:18px}.panel-actions .text-link{text-align:center}.study-sidebar{gap:12px}.small-panel{padding:18px}.small-panel h3{font-size:17px}.small-panel p{font-size:10px}.next-card{padding:19px}.next-card h3{font-size:18px}.recorder-title{flex-direction:column;gap:14px}.recorder-title p{font-size:10px;line-height:1.9}.switch-label{font-size:11px}.quiz-question{font-size:19px}.quiz-option{font-size:13px;padding:13px 11px}.definition{font-size:17px}.worked-example{padding:18px}.coach-header{gap:10px}.coach-header .coach-orb{width:32px;height:32px;border-radius:10px;font-size:18px}.coach-header h2{font-size:16px}.coach-header p{font-size:9px}.coach-header .pill{font-size:8px;padding:4px 7px}.coach-prompt{padding:16px}.coach-prompt p{font-size:13px}.chat-message{gap:7px}.chat-message>div{padding:13px 14px}.chat-message p{font-size:12px}.message-avatar{width:23px;height:24px;font-size:12px}.chat-compose-footer>span{max-width:125px;font-size:8px}.chat-compose-footer .btn{font-size:10px;padding:9px 12px;min-height:39px}.coach-actions{gap:7px}.coach-actions button{font-size:9px;padding:7px 10px}.before-after{grid-template-columns:1fr}.task-row{padding:20px 18px;gap:14px;flex-wrap:wrap}.task-row>div{flex-basis:70%}.task-row .btn{margin-left:39px;font-size:11px;min-height:37px}.task-row h2{font-size:18px}.task-row p{font-size:10px}.progress-mosaic{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mosaic-piece{padding:14px 10px;min-height:110px}.mosaic-piece b{font-size:10px}.timeline{padding:22px 18px}.timeline-entry{gap:15px}.timeline-entry h3{font-size:14px}.timeline-entry .pill{display:table;margin:7px 0;font-size:8px}.settings-layout>aside{grid-template-columns:1fr;gap:0}.settings-form legend{font-size:16px}.interest-options,.choice-chips{gap:8px}.interest-options span,.choice-chips span{font-size:11px;padding:9px 15px}.privacy-grid{grid-template-columns:1fr}.privacy-grid h2{font-size:21px}.privacy-grid p{font-size:12px}.toast{bottom:88px;right:18px;left:18px;max-width:none;font-size:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
:root .reflection-save{border-top:1px solid var(--line);padding-top:22px;margin-top:24px}.reflection-save .btn{margin-top:15px}.reflection-save .muted{font-size:12px}.assessment-note{display:block;margin-top:14px;padding-top:10px;border-top:1px solid #dfe5e8;color:#7a8978;font-size:11px;line-height:1.7}.reading-recorder{padding:24px;margin-top:30px}.recall-mode .study-sidebar,.recall-mode .breadcrumb{visibility:hidden}.recall-mode .study-position{visibility:hidden}.spelling-active #quiz-form,.spelling-active #quiz-result{display:none!important}.spelling-active .spelling-practice{border-top:0;margin-top:10px;padding-top:8px}.knowledge-node p{font-size:12px}.knowledge-node small{font-size:11px}.node-prerequisites{font-size:10px;color:#6f8663;display:block;margin-top:9px}.source-note a:after{content:'（第三方页面，可能含广告）';display:block;font-size:10px;color:#939b9d}.ai-status.offline{color:#9b7742}.recording-notice{font-size:12px}.chat-error p{color:#9b6443}