:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#173344;background:#f3f7f8;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.shell{display:flex;min-height:100vh}.sidebar{width:248px;background:#132d3b;color:#d7e6e9;display:flex;flex-direction:column;padding:30px 16px;position:sticky;top:0;height:100vh;flex:none}.brand{display:flex;align-items:center;gap:11px;padding:0 13px 33px;color:white;font-weight:800;font-size:19px;letter-spacing:-.04em}.brand small{display:block;font-size:9px;letter-spacing:.18em;font-weight:700;color:#77a1a8;margin-top:3px}.brandmark{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#9be4cb;color:#132d3b;font-size:13px;letter-spacing:-.08em}.sidebar nav{display:grid;gap:5px}.nav-btn{border:0;background:transparent;color:#a9c3c9;text-align:left;padding:12px 14px;border-radius:9px;display:flex;align-items:center;gap:13px;font-size:14px;font-weight:600;width:100%}.nav-btn:hover,.nav-btn.active{background:#284859;color:#fff}.nav-btn.active:before{content:"";width:3px;height:18px;background:#91dec5;border-radius:5px;position:absolute;left:16px}.nav-icon{width:20px;text-align:center;font-size:17px}.side-bottom{margin-top:auto;padding:25px 13px 0;border-top:1px solid #34505b}.side-caption,.eyebrow{font-size:11px;font-weight:800;letter-spacing:.15em;color:#5ca58e}.side-caption{color:#7eaaae}.path-line{display:flex;gap:10px;align-items:center;margin-top:16px;font-size:12px;color:#d9eceb}.path-line span{background:#9be4cb;color:#173344;border-radius:50%;width:26px;height:26px;display:grid;place-items:center;font-size:10px}.path-line.muted{opacity:.42}.side-bottom p{font-size:12px;line-height:1.6;color:#87aab1;margin-top:22px}.main{flex:1;min-width:0}.topbar{height:74px;border-bottom:1px solid #dce7e8;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 42px}.crumb{font-size:10px;font-weight:800;letter-spacing:.16em;color:#819da5}.top-actions{display:flex;align-items:center;gap:20px;color:#6d8790;font-size:12px}.avatar{width:31px;height:31px;border-radius:50%;background:#d3eee5;color:#1d6252;display:grid;place-items:center;font-weight:800}.menu{display:none;border:0;background:none;font-size:23px}.content{max-width:1240px;padding:37px 42px 80px;margin:auto}.page-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.page-head h1{font-size:34px;line-height:1.1;margin:8px 0 7px;letter-spacing:-.055em;color:#143647}.page-head p{margin:0;color:#78929a;font-size:14px}.pill{border:1px solid #d6e5e6;border-radius:99px;background:white;color:#4c6f75;padding:8px 13px;font-size:12px;font-weight:700}.grid{display:grid;gap:18px}.dashboard{grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr)}.card{background:white;border:1px solid #e0e9ea;border-radius:17px;box-shadow:0 8px 25px rgba(19,57,67,.035);padding:24px}.hero{background:#173d4a;color:#fff;position:relative;overflow:hidden;min-height:262px;padding:31px}.hero:after{content:"";position:absolute;width:260px;height:260px;border:1px solid rgba(167,227,211,.2);border-radius:50%;right:-65px;top:31px;box-shadow:0 0 0 45px rgba(167,227,211,.035),0 0 0 90px rgba(167,227,211,.03)}.hero .eyebrow{color:#a4e2c9}.hero h2{font-size:29px;line-height:1.2;letter-spacing:-.045em;max-width:440px;margin:16px 0 11px}.hero p{color:#c4d9dc;font-size:14px;line-height:1.6;max-width:410px;margin:0 0 22px}.primary{border:0;border-radius:8px;background:#8fe0c2;color:#173b3d;padding:11px 17px;font-weight:800;font-size:13px}.primary:hover{background:#adedd5}.secondary{border:1px solid #d5e2e4;border-radius:8px;background:white;color:#285462;padding:10px 15px;font-size:13px;font-weight:750}.secondary:hover{background:#f1f8f7}.hero .primary{position:relative;z-index:1}.mini-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.mini-title h3{font-size:16px;letter-spacing:-.03em;margin:0}.mini-title span{font-size:11px;color:#8da3a8;font-weight:700}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.stat{padding:17px 18px}.stat strong{display:block;font-size:27px;color:#173d4a;letter-spacing:-.05em}.stat small{font-size:11px;color:#80969c;font-weight:700}.progress-line{height:8px;border-radius:8px;background:#e8f0ef;overflow:hidden;margin:18px 0 8px}.progress-line i{display:block;height:100%;background:#69c6a7;border-radius:8px}.quest{display:flex;align-items:center;gap:12px;border-bottom:1px solid #edf1f2;padding:13px 0;font-size:13px}.quest:last-child{border:0}.quest .circle{width:27px;height:27px;border:1px solid #dce9e9;border-radius:8px;display:grid;place-items:center;color:#62b89a;flex:none}.quest.done .circle{background:#e3f7ef}.quest b{display:block;font-size:13px}.quest small{color:#89a0a4}.quest button{margin-left:auto;border:0;background:none;color:#348c72;font-weight:800;font-size:12px}.article-card{display:flex;flex-direction:column;gap:10px;min-height:230px}.tag{width:max-content;border-radius:5px;background:#e6f5ee;color:#318669;padding:5px 7px;font-size:10px;font-weight:800;letter-spacing:.09em}.article-card h3{font-size:19px;line-height:1.3;letter-spacing:-.035em;margin:2px 0}.article-card p{font-size:13px;line-height:1.65;color:#6e8991;margin:0}.article-card button{margin-top:auto;align-self:flex-start}.section-heading{font-size:18px;letter-spacing:-.03em;margin:27px 0 16px}.two-col{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px}.category-row,.action-row{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid #dce8e9;background:#fff;color:#56757c;border-radius:99px;padding:8px 12px;font-size:12px;font-weight:750}.chip.active{background:#163d49;color:#fff;border-color:#163d49}.word-card{text-align:center;padding:37px 26px}.word-card .eyebrow{margin:0}.word-card h2{font-size:53px;letter-spacing:-.06em;margin:18px 0 4px}.phonetic{color:#81999f;font-size:15px}.definition{font-size:19px;line-height:1.5;max-width:490px;margin:27px auto 20px}.example{background:#f2f8f8;border-radius:11px;text-align:left;padding:17px 20px;max-width:550px;margin:0 auto 18px;color:#496b73;font-size:14px;line-height:1.6}.translation{color:#1c785f;font-weight:700;min-height:30px}.word-card .action-row{justify-content:center;margin-top:15px}.word-list{display:grid;gap:8px}.word-list button{display:flex;justify-content:space-between;align-items:center;text-align:left;background:#fff;border:1px solid #e0e9ea;border-radius:9px;padding:12px 14px;color:#315766}.word-list button:hover,.word-list button.selected{border-color:#70c5aa;background:#f1faf6}.word-list small{color:#87a0a4}.reading-body{font-size:18px;line-height:1.85;color:#2c4a55}.reading-body p{margin:0 0 15px}.reading-body button{border:0;border-bottom:1px dotted #55a98e;background:transparent;padding:0 1px;color:inherit;font:inherit}.reading-body button:hover{color:#138361}.quiz-options{display:grid;gap:9px;margin:17px 0}.quiz-options button{padding:12px 15px;text-align:left;border:1px solid #d9e7e9;background:#fff;border-radius:9px;color:#294e5c}.quiz-options button.correct{background:#e2f6eb;border-color:#5dbb89}.quiz-options button.wrong{background:#fff0ee;border-color:#d68e85}.input{width:100%;border:1px solid #d6e5e7;border-radius:9px;padding:13px 15px;outline:none;background:#fff;color:#173d4a}.input:focus{border-color:#60b9a0;box-shadow:0 0 0 3px #dcf3eb}.search-row{display:flex;gap:9px}.search-row .input{flex:1}.result{margin-top:16px}.muted-text{color:#819ba2;font-size:13px;line-height:1.7}.log-preview{background:#f3f7f7;border:1px solid #e0e9e9;border-radius:10px;padding:20px;white-space:pre-wrap;max-height:400px;overflow:auto;font-size:12px;line-height:1.6;color:#345763}.score{font-size:52px;font-weight:850;letter-spacing:-.07em;color:#2b8d72}.game-answer{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:20px}.game-answer button{border:1px solid #d7e6e8;border-radius:10px;background:#fff;padding:15px;text-align:left;font-weight:700;color:#2b5360}.game-answer button:hover{border-color:#52b799}.notice{padding:13px 16px;border-radius:9px;background:#edf7f3;color:#397a67;font-size:13px}.footer-note{font-size:12px;color:#9bb0b4;margin-top:28px}.link-row{display:flex;gap:11px;flex-wrap:wrap}.link-row a{font-size:13px;color:#287e69;text-decoration:none;font-weight:700}.link-row a:hover{text-decoration:underline}#toast{position:fixed;bottom:25px;right:25px;background:#153c49;color:white;padding:12px 17px;border-radius:9px;box-shadow:0 12px 35px #18313b33;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none;font-size:13px}#toast.show{opacity:1;transform:translateY(0)}@media(max-width:1050px){.dashboard{grid-template-columns:1fr}.two-col{grid-template-columns:1fr}.content{padding:28px}.topbar{padding:0 28px}}@media(max-width:720px){.sidebar{position:fixed;z-index:9;transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.menu{display:block}.crumb{display:none}.topbar{height:62px;padding:0 19px}.content{padding:26px 17px 70px}.page-head{align-items:start}.page-head h1{font-size:29px}.stat-grid{gap:7px}.stat{padding:13px}.stat strong{font-size:23px}.card{padding:19px}.hero{padding:25px}.hero h2{font-size:25px}.word-card h2{font-size:42px}.game-answer{grid-template-columns:1fr}}
/* 站内阅读目录 */
.reading-count{margin:-4px 0 12px;color:#668088;font-size:13px}.reading-catalog{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.reading-catalog .chip{white-space:normal;line-height:1.35;min-height:44px}@media(max-width:760px){.reading-catalog{grid-template-columns:1fr 1fr}}