:root{--blue:#3d54e8;--ink:#17243d;--muted:#68758a;--line:#e6eaf2;--page:#f7f9fd;--soft:#eef1ff;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--page);font-synthesis:none}*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.6}button,a,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible{outline:3px solid #95a5ff;outline-offset:4px}a{color:inherit;text-decoration:none}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:white;border-right:1px solid var(--line);padding:38px 24px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:750;letter-spacing:-.7px}.brand-icon{width:42px;height:44px;border-radius:12px;background:var(--blue);color:white;display:grid;place-items:center;font-size:29px;box-shadow:0 6px 14px #3d54e828}.brand small{display:block;font-size:12px;font-weight:400;letter-spacing:2px;color:var(--muted)}.nav-label{margin:48px 12px 16px;color:var(--muted);font-size:12px;letter-spacing:1px}.nav-item{width:100%;background:none;border:0;text-align:left;padding:15px 12px;margin:4px 0;border-radius:12px;display:grid;grid-template-columns:26px 1fr;column-gap:12px;align-items:center;color:#57637a;font-size:15px}.nav-item.active{background:var(--soft);color:var(--blue);font-weight:650}.nav-item:hover{background:#f3f5fd}.nav-icon{grid-row:span 2;font-size:20px;font-weight:600;text-align:center}.nav-en{grid-column:2;font-size:12px;font-weight:400;color:#8791a5}.sidebar-note{margin-top:auto;padding:30px 14px 28px}.note-mark{color:#bac4fd;font-size:70px;line-height:.6;font-family:Georgia,serif}.sidebar-note p{font:italic 24px/1.4 Georgia,serif;margin:6px 0 10px}.sidebar-note small{font-size:13px;color:var(--muted)}.sidebar-bottom{border-top:1px solid var(--line);padding-top:22px;font-size:13px;color:var(--muted)}.sidebar-bottom span{display:block;font-size:12px;color:#98a0af;margin-top:4px}.shell{margin-left:250px}.topbar{height:82px;background:#ffffffb3;border-bottom:1px solid var(--line);padding:0 48px;display:flex;align-items:center;justify-content:space-between;font-size:14px;color:var(--muted)}.slash{margin:0 16px;color:#bac3d2}#breadcrumb{color:var(--ink)}.top-pill{font-size:13px}.spark{color:var(--blue);font-size:19px;margin-right:8px}main{max-width:1320px;margin:auto;padding:48px}.intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:36px;gap:20px}.eyebrow{font-size:12px;font-weight:650;color:var(--blue);letter-spacing:1.5px}h1{font-size:36px;line-height:1.4;letter-spacing:-1px;margin:9px 0 8px}p{margin:0}.intro p{color:var(--muted);font-size:15px}.level-label{font-size:13px;color:var(--muted);padding-bottom:4px;white-space:nowrap}.level-label span{display:block;font-size:15px;font-weight:650;color:var(--ink);text-align:right}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 304px;gap:26px;align-items:start}.study{background:white;border:1px solid var(--line);border-radius:20px;padding:30px;min-height:570px;box-shadow:0 5px 18px #20305703}.section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px}h2{font-size:21px;line-height:1.5;margin:6px 0 0;font-weight:650;letter-spacing:-.5px}.badge{font-size:12px;background:#f5f7fb;color:var(--muted);padding:5px 10px;border-radius:6px;white-space:nowrap}.exercise-top{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);margin-bottom:14px}.word-card{background:linear-gradient(145deg,#f0f3ff,#f8f9ff);border:1px solid #e0e6ff;border-radius:14px;padding:36px 24px;text-align:center;min-height:305px;display:flex;flex-direction:column;justify-content:center;align-items:center}.part{font-size:12px;letter-spacing:1px;color:var(--muted)}.word{font-size:48px;letter-spacing:-1.5px;font-weight:650;line-height:1.3;margin:7px 0}.phonetic{color:var(--muted);font-size:16px}.audio{border:0;background:white;border-radius:50%;width:42px;height:42px;display:inline-grid;place-items:center;color:var(--blue);box-shadow:0 3px 10px #23356b0b;margin:14px 0 0}.audio svg{width:19px;height:19px}.meaning{margin-top:20px;border-top:1px solid #dce3fb;padding-top:16px;width:100%}.meaning strong{font-size:19px}.example{font-size:16px;margin-top:9px}.translation{font-size:14px;color:var(--muted);margin-top:3px}.hint{color:var(--muted);font-size:13px;margin:15px 0 18px;text-align:center}.actions{display:flex;gap:12px;align-items:center;justify-content:center}.btn{border:1px solid var(--line);background:white;color:var(--ink);padding:11px 20px;border-radius:9px;font-size:14px;font-weight:600}.btn:hover{background:#f6f8ff}.btn.primary{background:var(--blue);border-color:var(--blue);color:white;box-shadow:0 4px 10px #3d54e818}.btn.primary:hover{background:#3046d0}.btn.soft{background:var(--soft);color:var(--blue);border-color:#e1e6ff}.card-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:23px}.text-button{border:0;background:none;color:var(--muted);font-size:13px;padding:6px 0}.dots{display:flex;gap:6px}.dot{width:6px;height:6px;background:#dce1ed;border-radius:50%}.dot.current{background:var(--blue);width:18px;border-radius:3px}.plan{background:white;border:1px solid var(--line);padding:23px;border-radius:16px}.plan-heading{display:flex;justify-content:space-between;align-items:center}.plan-heading h2{font-size:17px;margin:0}.plan-heading>span{font-size:12px;color:var(--muted)}.muted{font-size:13px;color:var(--muted);margin:10px 0 15px}.plan-row{display:flex;width:100%;align-items:center;gap:11px;padding:16px 0;border:0;border-bottom:1px solid #f0f2f7;background:none;text-align:left}.plan-row:hover strong{color:var(--blue)}.plan-number{font-size:12px;color:#8e9bbb;background:#f5f7fc;border-radius:7px;width:31px;height:33px;display:grid;place-items:center}.plan-row strong{display:block;font-size:14px;font-weight:550}.plan-row small{font-size:12px;color:var(--muted)}.plan-status{margin-left:auto;font-size:12px;color:var(--muted)}.session{padding-top:20px}.session>div{display:flex;justify-content:space-between;font-size:13px}.session strong{color:var(--blue);font-weight:550}progress{appearance:none;border:0;width:100%;height:6px;border-radius:8px;overflow:hidden;background:#edf0f7;margin:14px 0 5px}progress::-webkit-progress-bar{background:#edf0f7}progress::-webkit-progress-value{background:var(--blue)}progress::-moz-progress-bar{background:var(--blue)}.session small{font-size:12px;color:#8792a5}.tip{margin-top:22px;padding:24px;border-radius:16px;background:#eaf0ff;border:1px solid #e0e8ff}.tip .eyebrow{font-size:11px}.tip h3{font-size:17px;margin:12px 0 10px}.tip p{font-size:14px;line-height:1.9;color:#5e6e8d}.tip>span{display:block;font:italic 15px Georgia,serif;margin-top:24px;color:#687dac}footer{margin-top:36px;display:flex;justify-content:space-between;color:#8b95a6;font-size:12px;gap:12px}.footer-dot{margin:0 10px}.question{font-size:25px;line-height:1.6;margin:28px 0 22px;font-weight:600}.options{display:grid;gap:10px}.option{display:flex;text-align:left;align-items:center;gap:14px;border:1px solid var(--line);border-radius:10px;background:white;padding:14px 16px;font-size:16px;color:var(--ink)}.option:hover{border-color:#acb7fc;background:#f8f9ff}.option .letter{background:#f1f4fa;border-radius:5px;width:26px;height:27px;font-size:13px;display:grid;place-items:center;color:var(--muted)}.option.correct{border-color:#62b395;background:#eefaf4}.option.wrong{border-color:#e19696;background:#fff4f4}.feedback{margin-top:20px;padding:16px;border-radius:10px;background:#f3f6fc;font-size:14px;line-height:1.8}.feedback strong{display:block;margin-bottom:3px}.feedback.success{background:#eefaf4}.feedback.error{background:#fff4f4}.bottom-actions{display:flex;justify-content:space-between;align-items:center;margin-top:23px;gap:10px}.listen-panel{padding:24px;border:1px solid #e0e6ff;background:var(--soft);border-radius:12px}.listen-panel h3{margin:0 0 6px;font-size:20px}.listen-panel p{color:var(--muted);font-size:14px}.listen-buttons{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.transcript{margin-top:16px;line-height:1.9;font-size:15px;border-top:1px solid #dce3fb;padding-top:14px}.speak-card{padding:32px 24px;background:var(--soft);border:1px solid #e0e6ff;border-radius:14px}.speak-card blockquote{font-size:28px;line-height:1.55;font-weight:600;margin:14px 0}.speak-card p{color:var(--muted);font-size:16px}.steps{display:flex;gap:14px;margin:23px 0;color:var(--muted);font-size:13px;flex-wrap:wrap}.steps span b{color:var(--blue);margin-right:5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1600px){main{padding-top:60px}}@media(max-width:1160px){.sidebar{width:208px;padding:32px 18px}.shell{margin-left:208px}main{padding:32px 26px}.topbar{padding:0 26px}.workspace{grid-template-columns:minmax(0,1fr) 270px;gap:18px}.study{padding:24px}.level-label{display:none}}@media(max-width:950px){.workspace{grid-template-columns:1fr}.rail{display:grid;grid-template-columns:1fr 1fr;gap:18px}.tip{margin-top:0}.study{min-height:540px}.intro{margin-bottom:26px}h1{font-size:31px}}@media(max-width:650px){.sidebar{position:static;width:auto;padding:18px 18px 10px;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:21px}.brand small{font-size:11px}.brand-icon{width:36px;height:37px;font-size:25px}.nav-label,.sidebar-note,.sidebar-bottom,.nav-en{display:none}.sidebar nav{display:flex;margin-top:16px;gap:4px}.nav-item{display:block;text-align:center;padding:10px 4px;font-size:13px;margin:0;border-radius:8px}.nav-icon{display:none}.shell{margin:0}.topbar{height:50px;padding:0 20px;font-size:12px}.top-pill{display:none}main{padding:28px 18px}.intro p{font-size:14px}h1{font-size:28px}.eyebrow{font-size:11px;letter-spacing:1px}.study{padding:20px;min-height:0;border-radius:16px}.section-header{margin-bottom:20px}h2{font-size:19px}.word{font-size:42px}.word-card{padding:30px 16px}.rail{grid-template-columns:1fr}.tip{padding:20px}.tip>span{margin-top:16px}.actions .btn{flex:1;padding:11px 8px}.question{font-size:21px}.speak-card blockquote{font-size:24px}.bottom-actions{flex-wrap:wrap}footer{flex-direction:column;font-size:11px}.level-label{display:none}}@media(prefers-reduced-motion:no-preference){button{transition:background .16s,border-color .16s}}