:root{color:#162b4a;background:#f4f7fb;font-family:Inter,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0}button{border:0;cursor:pointer;font:inherit}button:disabled{cursor:not-allowed;opacity:.55}.app{min-height:100vh}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1120px)/2));background:#ffffffeb;border-bottom:1px solid #e8edf5;position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:10px;padding:0;color:#162b4a;background:transparent;text-align:left}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#fff;background:#536df0;font-size:20px;font-weight:700}.brand b,.brand small{display:block}.brand small{margin-top:2px;color:#8b98aa;font-size:11px}nav{display:flex;gap:6px}nav button{padding:9px 14px;color:#728096;background:transparent;border-radius:9px}nav button.active,nav button:hover{color:#536df0;background:#eef1ff}.container{width:min(1120px,calc(100% - 36px));margin:0 auto;padding:34px 0 70px}.hero{display:flex;align-items:center;justify-content:space-between;min-height:270px;padding:40px 54px;border-radius:24px;background:linear-gradient(120deg,#e9efff,#f9fbff);overflow:hidden}.eyebrow{margin:0 0 8px;color:#536df0;font-size:12px;font-weight:700;letter-spacing:2px}.hero h1{margin:0;font-size:clamp(30px,5vw,52px);line-height:1.18}.lead{color:#718098;font-size:17px}.hero-orb{display:grid;place-items:center;width:160px;height:160px;border-radius:50%;color:#fff;background:linear-gradient(145deg,#536df0,#7e91fa);box-shadow:0 18px 45px #536df04d;font-size:40px;font-weight:700}.hero-orb span{margin-top:-46px;font-size:10px;letter-spacing:3px;opacity:.75}section{margin-top:22px;padding:28px;border-radius:18px;background:#fff;box-shadow:0 10px 32px #23385c0f}.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px}.section-title h1,.section-title h2{margin:0}.section-title h2{font-size:20px}.ghost,.secondary{color:#536df0;background:#eef1ff}.article-card{display:flex;align-items:center;gap:18px;margin-top:18px;padding:20px;border:1px solid #e7ebf5;border-radius:14px;cursor:pointer;transition:.2s}.article-card:hover{border-color:#9aaaf7;transform:translateY(-2px)}.badge{flex:none;padding:5px 9px;border-radius:999px;color:#536df0;background:#eef1ff;font-size:12px}.article-main{flex:1}.article-main h3{margin:0 0 8px;font-size:22px}.article-main p,.reader p{margin:0;color:#77849a}.article-main button,.reader-actions button,.quiz-list>button,.checkin{margin-top:15px;padding:11px 18px;border-radius:9px;color:#fff;background:#536df0}.task-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}.task{display:flex;align-items:center;gap:10px;padding:15px;color:#1b3153;background:#f8faff;border:1px solid #e9edf5;border-radius:12px;text-align:left}.task:hover{border-color:#aab6f9}.task-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#536df0;background:#e8edff}.task b,.task small{display:block}.task small{margin-top:3px;color:#8490a4;font-size:12px}.arrow{margin-left:auto;color:#a4aec0;font-size:20px}.muted,.hint{color:#8793a7;font-size:13px}.empty{padding:44px 15px;color:#8793a7;text-align:center}.notice,.error{padding:12px 16px;border-radius:9px}.notice{color:#795b16;background:#fff5d8}.error{color:#a63232;background:#fff0f0}.link{padding:0;color:#536df0;background:transparent;text-decoration:underline}.back{padding:0;color:#536df0;background:transparent}.reader{padding:38px clamp(20px,5vw,70px)}.article-heading h1{margin:13px 0 9px;font-size:clamp(28px,4vw,44px);line-height:1.2}.source{margin-top:8px!important}.audio-card{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:30px 0;padding:17px 20px;border-radius:13px;background:#f1f4ff}.audio-card b,.audio-card small{display:block}.audio-card small{margin-top:5px;color:#7c89a0}.audio-card select{margin-top:8px;padding:6px 8px;border:1px solid #dfe5ef;border-radius:7px;background:#fff}.audio-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.audio-card audio{width:min(420px,100%)}.audio-card.muted{color:#8793a7;background:#f7f8fa}.reader-toolbar{display:flex;align-items:center;gap:14px;margin-top:20px}.article-content{margin-top:28px}.article-content p{margin:0 0 22px;color:#1c3150;font-family:Georgia,serif;font-size:21px;line-height:1.85}.word{padding:0;color:inherit;background:transparent;border-bottom:1px dotted #8190ad}.word:hover{color:#536df0}.sentence-row{display:flex;align-items:flex-start;gap:12px}.sentence-action{flex:none;margin-top:5px;padding:5px 8px;border:1px solid #dbe2f3;border-radius:7px;color:#536df0;background:#f6f8ff;font-family:Inter,Microsoft YaHei,sans-serif;font-size:12px;line-height:1.3}.analysis-card{margin:18px 0;padding:16px;border:1px solid #dfe5ef;border-radius:12px;background:#fbfcff}.analysis-card p{margin:8px 0;color:#52627b;font-size:14px;line-height:1.6}.analysis-card small{color:#7a879a}.reader-actions{display:flex;gap:10px;flex-wrap:wrap}.quiz-item{margin:20px 0;padding-bottom:18px;border-bottom:1px solid #edf0f5}.quiz-item h3{margin:0 0 12px;font-size:17px}.option{display:block;margin:7px 0;padding:10px 12px;border:1px solid #e4e8f0;border-radius:8px;color:#5d6b80}.option.selected{border-color:#7185f3;background:#f1f3ff}.option.correct{border-color:#39a86b;background:#effaf3}.option.wrong{border-color:#d95c62;background:#fff2f2}.option input{margin-right:8px}.analysis{margin:9px 0 0;color:#63718a;font-size:13px}.score{color:#536df0;font-size:28px;font-weight:700}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}.summary-grid div{padding:18px;border-radius:12px;background:#f6f8ff;text-align:center}.summary-grid b,.summary-grid span{display:block}.summary-grid b{color:#536df0;font-size:26px}.summary-grid span{margin-top:5px;color:#7b8799;font-size:13px}.vocab-list{display:grid;gap:12px;margin-top:20px}.vocab-card{display:flex;justify-content:space-between;gap:20px;padding:16px;border:1px solid #e7ebf5;border-radius:12px}.vocab-card h3{margin:0 0 6px}.vocab-card h3 small{margin-left:8px;color:#8995a8;font-size:12px;font-weight:400}.vocab-card p{margin:4px 0;color:#65748a}.vocab-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.vocab-actions span{color:#536df0;font-size:12px}.dictionary{position:fixed;right:22px;bottom:22px;z-index:10;width:min(340px,calc(100% - 44px));padding:20px;border-radius:14px;background:#fff;box-shadow:0 12px 38px #1e2d4b33}.dictionary b,.dictionary span,.dictionary strong{display:block}.dictionary span{margin:4px 0 8px;color:#7d89a0}.dictionary strong{color:#536df0}.dictionary p{color:#67758b;font-size:13px;line-height:1.6}.dictionary-save{margin-top:8px}.close{position:absolute;top:8px;right:10px;color:#8a96a8;background:transparent;font-size:20px}.loading-dictionary{color:#536df0;width:auto}footer{display:flex;justify-content:space-between;padding:20px max(24px,calc((100% - 1120px)/2));color:#9aa5b6;font-size:12px;border-top:1px solid #e8edf5}.history-list,.plan-list{display:grid;gap:10px;margin-top:20px}.history-item{display:flex;align-items:center;gap:12px;width:100%;padding:14px;border:1px solid #e7ebf5;border-radius:10px;color:#20304a;background:#fff;text-align:left}.history-item:hover{border-color:#9aaaf7}.history-item b,.history-item small{display:block}.history-item small{margin-top:4px;color:#8793a7}.entitlement-card{display:grid;gap:6px;margin-top:20px;padding:18px;border-radius:12px;background:#f1f4ff}.entitlement-card span{color:#536df0;font-size:20px;font-weight:700}.entitlement-card small{color:#7a879a}.plan-card{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid #e7ebf5;border-radius:12px}.plan-card div{flex:1}.plan-card h3{margin:0 0 5px}.plan-card p{margin:0;color:#7a879a;font-size:13px}.plan-card strong{color:#536df0;white-space:nowrap}.learning-history{margin-top:26px;padding-top:18px;border-top:1px solid #edf0f5}.learning-history h2{margin:0 0 10px;font-size:18px}.learning-history p{margin:7px 0;color:#687790;font-size:14px}.prompt-card,.upload-card,.score-card,.writing-card{margin-top:18px;padding:18px;border:1px solid #e7ebf5;border-radius:12px;background:#fbfcff}.prompt-card p,.writing-card p{color:#52627b;line-height:1.6}.upload-card input{margin-top:10px}.score-card strong,.score-card span{display:block}.score-card strong{color:#536df0;font-size:32px}.score-card span{color:#7a879a}.score-card p{color:#52627b;line-height:1.6}.writing-list{display:grid;gap:16px;margin-top:20px}.writing-card h3{margin:0 0 8px}.writing-card small{color:#7a879a}.writing-card textarea{display:block;width:100%;margin:14px 0;padding:10px;border:1px solid #dfe5ef;border-radius:8px;resize:vertical;font:inherit}.writing-card button{padding:10px 16px;border-radius:8px;color:#fff;background:#536df0}.account form{display:grid;gap:12px;max-width:460px;margin:22px 0 12px}.account input,.account select{width:100%;padding:11px 12px;border:1px solid #dfe5ef;border-radius:9px;font:inherit}.account form button,.profile-form>button{width:fit-content;padding:11px 20px;border-radius:9px;color:#fff;background:#536df0}.profile-form{display:grid;gap:13px;max-width:520px;margin:22px 0}.profile-form label{display:grid;gap:6px;color:#66758c;font-size:13px}.switch-auth{margin-top:8px}.danger-link{display:block;margin-top:16px;padding:0;color:#c34a4a;background:transparent;font-size:13px}.tab-actions{display:flex;gap:8px}.tab-actions .active{color:#fff;background:#536df0}.leaderboard-list{display:grid;gap:8px;margin-top:20px}.leaderboard-row{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:12px;padding:13px 15px;border:1px solid #e7ebf5;border-radius:10px}.leaderboard-row.me{border-color:#8d9cf7;background:#f3f5ff}.leaderboard-row>strong{color:#536df0}.leaderboard-row span small{display:block;margin-top:3px;color:#536df0;font-size:11px}.leaderboard-row>b{color:#536df0}.referral-code{display:flex;align-items:center;gap:14px;margin-top:20px;padding:18px;border-radius:12px;background:#f1f4ff}.referral-code span{color:#718098}.referral-code strong{color:#536df0;font-size:24px;letter-spacing:2px}.referral-code button{margin-left:auto;padding:8px 13px;border-radius:8px}.bind-referral{display:flex;gap:10px;margin:22px 0}.bind-referral input{flex:1;padding:11px 12px;border:1px solid #dfe5ef;border-radius:9px;font:inherit}.bind-referral button{padding:10px 16px;border-radius:8px;color:#fff;background:#536df0}.referral-code+.summary-grid{margin-top:14px}.referral section h2{margin-top:24px;font-size:18px}.commission-list{display:grid;gap:8px;margin-top:12px}.commission-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:12px;border-bottom:1px solid #edf0f5;color:#5e6d84}.commission-row b{color:#536df0}.commission-row small{color:#8b97a9}.history-link{display:block;width:100%;margin:7px 0;padding:9px 11px;border:1px solid #e7ebf5;border-radius:8px;color:#53627a;background:#fbfcff;text-align:left}.history-link:hover{border-color:#9aaaf7}.phone-bind{display:grid;gap:8px;max-width:520px;margin:18px 0;padding-top:16px;border-top:1px solid #edf0f5;color:#687790}.phone-bind>div{display:flex;gap:8px}.phone-bind input{flex:1;padding:10px 12px;border:1px solid #dfe5ef;border-radius:8px;font:inherit}.phone-bind button{padding:10px 14px;border-radius:8px;color:#fff;background:#536df0}@media(max-width:760px){.topbar{height:auto;padding:14px 18px;align-items:flex-start;gap:12px}.topbar nav{flex-wrap:wrap;justify-content:flex-end}.container{width:calc(100% - 24px);padding-top:18px}.hero{min-height:220px;padding:28px}.hero-orb{width:90px;height:90px;font-size:24px}.hero-orb span{display:none}.task-grid{grid-template-columns:repeat(2,1fr)}.task{padding:12px}.article-card{align-items:flex-start}.audio-card{display:block}.audio-card audio{margin-top:12px}.audio-actions{margin-top:12px}.summary-grid{grid-template-columns:repeat(2,1fr)}.vocab-card{display:block}.vocab-actions{margin-top:12px}.sentence-row{display:block}.sentence-action{margin-top:0}.plan-card{display:block}.plan-card strong{display:block;margin:10px 0}footer{display:block}footer span{display:block;margin:4px 0}}