*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--primary: #F97316;--primary-light: #FB923C;--primary-dark: #EA580C;--bg: #1C1917;--bg-card: rgba(41, 37, 36, .8);--bg-card-solid: #292524;--text: #f1f5f9;--text-muted: #94a3b8;--text-dim: #64748b;--green: #22c55e;--red: #ef4444;--orange: #f97316;--yellow: #eab308;--radius: 16px;--radius-sm: 10px}.light-theme{--bg: #FAF6F0;--bg-card: #ffffff;--bg-card-solid: #ffffff;--text: #292524;--text-muted: #6b7280;--text-dim: #9ca3af}html,body,#root{height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,sans-serif;background:#1c1917;color:var(--text);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none}body.light-theme-body{background:#faf6f0}#root{background:inherit}.app{position:relative;height:100%;display:flex;flex-direction:column;overflow:hidden}.app.light-theme{background:#faf6f0}.bg-orb{position:fixed;border-radius:50%;filter:blur(80px);opacity:.3;pointer-events:none;z-index:0}.orb1{width:300px;height:300px;background:var(--primary);top:-100px;right:-50px}.orb2{width:250px;height:250px;background:#fbbf24;bottom:100px;left:-80px}.orb3{width:200px;height:200px;background:#fb923c;top:40%;left:50%}.header{position:relative;z-index:1;display:flex;align-items:center;gap:12px;padding:16px 20px 8px}.logo{font-size:36px}.title-block h1{font-size:20px;font-weight:700}.title-block p{font-size:13px;color:var(--text-muted)}.main{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 16px 140px;position:relative;z-index:1}.tab-main{padding:8px 16px 80px}.avatar-section{display:flex;flex-direction:column;align-items:center;padding:10px 0;gap:12px}.avatar-ring{position:relative;width:140px;height:140px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),#FBBF24);transition:all .3s}.avatar-ring.connecting{animation:pulse-ring 1.5s infinite}.avatar-ring.error{background:linear-gradient(135deg,var(--red),#dc2626)}.avatar-ring.speaking{animation:speaking .8s infinite}.avatar{width:104px;height:104px;border-radius:50%;background:var(--bg);display:flex;align-items:center;justify-content:center;font-size:48px}@keyframes pulse-ring{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@keyframes speaking{0%,to{box-shadow:0 0 #f9731666}50%{box-shadow:0 0 0 20px #f9731600}}.pulse{position:absolute;border-radius:50%;border:2px solid var(--primary-light);opacity:0}.pulse.p1{width:160px;height:160px;animation:ripple 2s infinite}.pulse.p2{width:180px;height:180px;animation:ripple 2s infinite .5s}.pulse.p3{width:200px;height:200px;animation:ripple 2s infinite 1s}.pulse.active{opacity:1;border-color:var(--green)}.pulse.listening{opacity:1;border-color:var(--orange)}@keyframes ripple{0%{transform:scale(.8);opacity:.6}to{transform:scale(1.3);opacity:0}}.status{display:flex;align-items:center;gap:8px;font-size:15px;color:var(--text-muted)}.call-timer{margin-top:8px;font-size:14px;color:#ffffffb3;background:#ffffff14;padding:6px 14px;border-radius:20px;display:inline-block}.call-timer.low{color:#fca5a5;background:#ef444426;animation:blink 1s infinite}.dot{width:8px;height:8px;border-radius:50%}.dot-idle{background:var(--text-dim)}.dot-connecting{background:var(--yellow);animation:blink 1s infinite}.dot-connected{background:var(--green)}.dot-error{background:var(--red)}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.chat-section{width:100%;max-width:600px;margin:0 auto}.chat-window{min-height:120px;max-height:35vh;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:8px 0;-webkit-overflow-scrolling:touch}.chat-empty{text-align:center;color:var(--text-dim);font-size:14px;padding:20px;line-height:1.6}.msg{display:flex}.msg-user{justify-content:flex-end}.msg-assistant{justify-content:flex-start}.bubble{max-width:80%;padding:10px 14px;border-radius:16px;font-size:15px;line-height:1.5;word-break:break-word}.msg-user .bubble{background:var(--primary);color:#fff;border-bottom-right-radius:4px}.msg-assistant .bubble{background:var(--bg-card);color:var(--text);border-bottom-left-radius:4px;border:1px solid rgba(255,255,255,.08)}.msg-img{max-width:200px;border-radius:8px;margin-bottom:6px;display:block}.save-book-btn{display:block;margin:8px auto 0;padding:10px 20px;background:linear-gradient(135deg,var(--orange),#ea580c);color:#fff;border:none;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;animation:glow 2s infinite}.save-book-btn:disabled{opacity:.6;animation:none}@keyframes glow{0%,to{box-shadow:0 0 #f9731666}50%{box-shadow:0 0 15px 5px #f9731633}}.book-saved-tip{text-align:center;color:var(--green);font-size:13px;padding:6px}.debug-panel{margin:8px 0;background:#00000080;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.1);font-size:12px}.debug-panel summary{padding:8px 12px;color:var(--yellow);cursor:pointer}.debug-log{max-height:180px;overflow-y:auto;padding:4px 12px 8px;font-family:monospace;color:var(--text-muted);line-height:1.6}.controls{position:fixed;bottom:56px;left:0;right:0;z-index:10;padding:8px 16px 12px;background:linear-gradient(transparent,#0f172af2 30%)}.btn-call{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;max-width:400px;margin:0 auto;padding:16px;background:linear-gradient(135deg,var(--green),#16a34a);color:#fff;border:none;border-radius:50px;font-size:18px;font-weight:700;cursor:pointer;box-shadow:0 4px 20px #22c55e66}.btn-call:disabled{opacity:.6}.btn-row{display:flex;justify-content:center;gap:12px;max-width:500px;margin:0 auto}.btn-circle{display:flex;flex-direction:column;align-items:center;gap:4px;width:64px;padding:8px 4px;background:var(--bg-card);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);color:var(--text);cursor:pointer;transition:all .2s}.btn-circle:active{transform:scale(.95)}.btn-circle .btn-icon{font-size:24px}.btn-circle .btn-label{font-size:11px;color:var(--text-muted)}.btn-hangup{background:#ef444433;border-color:var(--red)}.btn-hangup .btn-label{color:var(--red)}.tip{text-align:center;font-size:12px;color:var(--text-dim);margin-top:8px}.crop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000000e6;display:flex;align-items:center;justify-content:center;padding:20px}.crop-card{background:var(--bg-card-solid);border-radius:var(--radius);padding:16px;max-width:100%;width:100%;max-height:90vh;display:flex;flex-direction:column;gap:12px}.crop-header{text-align:center;font-size:15px;font-weight:600}.crop-img-wrap{position:relative;flex:1;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:var(--radius-sm);background:#000}.crop-img{max-width:100%;max-height:60vh;object-fit:contain}.crop-canvas{position:absolute;top:0;left:0;touch-action:none}.crop-actions{display:flex;gap:8px;justify-content:center}.pv-btn{padding:10px 16px;border:none;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer}.pv-cancel,.pv-reset{background:#ffffff1a;color:var(--text)}.pv-send{background:var(--primary);color:#fff}.pv-btn:disabled{opacity:.5}.err{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:8px 14px;border-radius:var(--radius-sm);font-size:13px;text-align:center}.wechat-warn{background:#eab30826;border-color:#eab3084d;color:#fde047}.tab-bar{position:fixed;bottom:0;left:0;right:0;z-index:50;display:flex;background:#0f172afa;border-top:1px solid rgba(255,255,255,.08);padding:6px 0 env(safe-area-inset-bottom,8px);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.tab-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0;background:none;border:none;color:var(--text-dim);cursor:pointer;transition:color .2s}.tab-btn.active{color:var(--primary-light)}.tab-icon{font-size:22px}.tab-label{font-size:11px}.page{padding-bottom:20px}.page-title{font-size:22px;font-weight:700;margin-bottom:16px}.back-btn,.page-back-btn{background:none;border:none;color:var(--primary-light);font-size:15px;cursor:pointer;padding:8px 0;margin-bottom:8px}.page-back-btn{display:inline-block;width:auto;height:auto;position:static;transform:none;border-radius:0;line-height:1.5;font-size:15px}.empty-state{text-align:center;padding:40px 20px;color:var(--text-muted)}.empty-icon{font-size:48px;margin-bottom:12px}.sub-text{color:var(--text-dim);font-size:13px;margin-top:8px}.error-box{text-align:center;padding:30px 20px;background:#ff50501a;border:1px solid rgba(255,80,80,.3);border-radius:12px;margin:20px 0}.error-box p{color:#ff8080;margin-bottom:16px;font-size:15px}.error-box .primary-btn{background:#ff6b6b}.primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 24px;background:var(--primary);color:#fff;border:none;border-radius:24px;font-size:15px;font-weight:600;cursor:pointer}.primary-btn:disabled{opacity:.5}.primary-btn.small{padding:8px 16px;font-size:13px}.tag{display:inline-block;padding:3px 8px;border-radius:10px;font-size:11px;background:#ffffff1a;color:var(--text-muted)}.tag.diff-1{background:#22c55e33;color:#86efac}.tag.diff-2{background:#eab30833;color:#fde047}.tag.diff-3{background:#ef444433;color:#fca5a5}.kp-tag{background:#f9731633;color:#a5b4fc}.loading-box{text-align:center;padding:40px;color:var(--text-muted)}.spinner{width:36px;height:36px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--primary);border-radius:50%;margin:0 auto 12px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.filter-tabs{display:flex;gap:8px;margin-bottom:16px;overflow-x:auto}.filter-tab{padding:6px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:var(--bg-card);color:var(--text-muted);font-size:13px;cursor:pointer;white-space:nowrap}.filter-tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.wrong-list{display:flex;flex-direction:column;gap:10px}.wrong-card{display:flex;gap:12px;padding:10px;background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.06);cursor:pointer}.wrong-thumb{width:70px;height:70px;border-radius:8px;object-fit:cover;flex-shrink:0}.wrong-info{flex:1;min-width:0}.wrong-kp{font-size:14px;font-weight:600;margin-bottom:4px}.wrong-meta{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--text-dim);flex-wrap:wrap}.badge-done{background:#22c55e33;color:#86efac;padding:2px 6px;border-radius:8px}.badge-due{background:#f9731633;color:#fdba74;padding:2px 6px;border-radius:8px}.del-btn{background:none;border:none;font-size:18px;cursor:pointer;opacity:.4;padding:4px}.detail-card{background:var(--bg-card);border-radius:var(--radius);padding:16px}.detail-img{width:100%;border-radius:var(--radius-sm);margin-bottom:12px}.detail-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.detail-section{margin-top:16px}.detail-section h4{font-size:15px;margin-bottom:8px}.detail-section p{font-size:14px;color:var(--text-muted);line-height:1.6}.explanation-text{font-size:13px;color:var(--text-muted);line-height:1.8;white-space:pre-wrap;max-height:300px;overflow-y:auto;background:#0003;padding:10px;border-radius:8px}.similar-item{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:14px}.correct{color:var(--green)}.wrong{color:var(--red)}.detail-actions{margin-top:16px;text-align:center}.due-banner{background:linear-gradient(135deg,var(--orange),#ea580c);border-radius:var(--radius);padding:20px;text-align:center;margin-bottom:16px;display:flex;align-items:center;justify-content:center;gap:12px;color:#fff}.due-count{font-size:36px;font-weight:800}.due-list{display:flex;flex-direction:column;gap:10px}.due-card{display:flex;gap:12px;align-items:center;padding:12px;background:var(--bg-card);border-radius:var(--radius-sm)}.due-thumb{width:56px;height:56px;border-radius:8px;object-fit:cover}.due-info{flex:1}.due-kp{font-size:14px;font-weight:600}.due-meta{font-size:12px;color:var(--text-dim);margin-top:4px}.practice-page .progress-bar{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin-bottom:6px}.progress-fill{height:100%;background:var(--primary);transition:width .3s}.progress-text{font-size:12px;color:var(--text-dim);text-align:center;margin-bottom:12px}.practice-original{width:120px;border-radius:8px;margin:0 auto 12px;display:block;opacity:.7}.practice-question{background:var(--bg-card);border-radius:var(--radius);padding:16px}.practice-question h3{font-size:15px;margin-bottom:10px}.question-text{font-size:16px;line-height:1.7;margin-bottom:12px}.speak-btn{background:#f9731626;border:1px solid var(--primary);color:var(--primary-light);padding:6px 14px;border-radius:16px;font-size:13px;cursor:pointer}.answer-area{margin-top:12px}.answer-area textarea{width:100%;padding:12px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:var(--text);font-size:15px;resize:none}.answer-area .primary-btn{width:100%;margin-top:10px}.result-box{text-align:center;padding:16px;border-radius:var(--radius-sm);margin-top:12px}.result-box.correct{background:#22c55e1a}.result-box.wrong{background:#ef44441a}.result-emoji{font-size:40px}.result-emoji.big{font-size:60px}.result-text{font-size:18px;font-weight:700;margin:8px 0}.result-feedback{color:var(--text-muted);font-size:14px}.correct-answer{margin-top:10px;padding:10px;background:#0003;border-radius:8px;font-size:14px;text-align:left}.explanation{margin-top:8px;font-size:13px;color:var(--text-muted)}.result-summary{text-align:center;padding:60px 20px}.result-summary h2{margin:16px 0 8px}.result-summary p{color:var(--text-muted);margin-bottom:20px}.streak-bar{display:flex;gap:8px;margin-bottom:16px}.streak-item{flex:1;background:var(--bg-card);border-radius:var(--radius-sm);padding:12px 4px;text-align:center}.streak-num{display:block;font-size:20px;font-weight:800;color:var(--primary-light)}.streak-label{font-size:11px;color:var(--text-dim)}.daily-card{background:var(--bg-card);border-radius:var(--radius);padding:16px}.daily-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.daily-date{font-size:13px;color:var(--text-dim)}.refresh-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:var(--text);padding:4px 12px;border-radius:14px;font-size:12px;cursor:pointer}.refresh-btn:active{background:#fff3}.daily-tags{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}.daily-question{font-size:16px;line-height:1.8;margin-bottom:12px}.daily-hint{font-size:12px;color:var(--text-dim);margin-top:10px}.radar-chart{display:flex;justify-content:center;margin-bottom:16px}.stats-row{display:flex;gap:8px;margin-bottom:16px}.stat-card{flex:1;background:var(--bg-card);border-radius:var(--radius-sm);padding:12px;text-align:center}.stat-num{display:block;font-size:28px;font-weight:800}.stat-num.strong{color:var(--green)}.stat-num.medium{color:var(--yellow)}.stat-num.weak{color:var(--red)}.stat-label{font-size:12px;color:var(--text-dim)}.section-title{font-size:16px;font-weight:700;margin:20px 0 10px}.kp-list{display:flex;flex-direction:column;gap:8px}.kp-item{background:var(--bg-card);border-radius:var(--radius-sm);padding:10px 12px}.kp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.kp-name{font-size:14px;font-weight:600}.kp-level{font-size:12px}.kp-level.strong{color:var(--green)}.kp-level.medium{color:var(--yellow)}.kp-level.weak{color:var(--red)}.kp-level.new{color:var(--text-dim)}.kp-bar{height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden;margin-bottom:4px}.kp-fill{height:100%;border-radius:3px;transition:width .3s}.kp-fill.strong{background:var(--green)}.kp-fill.medium{background:var(--yellow)}.kp-fill.weak{background:var(--red)}.kp-fill.new{background:var(--text-dim)}.kp-stats{display:flex;gap:10px;font-size:11px;color:var(--text-dim)}.kp-cat{margin-left:auto}.me-menu{background:var(--bg-card);border-radius:var(--radius);overflow:hidden;margin-bottom:20px}.me-item{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:none;border:none;border-bottom:1px solid rgba(255,255,255,.05);color:var(--text);font-size:15px;cursor:pointer;text-align:left}.me-item:last-child{border-bottom:none}.me-icon{font-size:22px}.me-label{flex:1}.me-arrow{color:var(--text-dim);font-size:20px}.parent-lock{display:flex;align-items:center;justify-content:center;min-height:60vh}.lock-card{background:var(--bg-card);border-radius:var(--radius);padding:32px;text-align:center;width:100%;max-width:320px}.lock-icon{font-size:48px;margin-bottom:12px}.pin-input{width:100%;padding:12px;text-align:center;font-size:24px;letter-spacing:12px;background:#0000004d;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-sm);color:var(--text);margin:16px 0}.error-text{color:var(--red);font-size:13px;margin-bottom:8px}.hint-text{font-size:12px;color:var(--text-dim);margin-top:12px}.gate-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000000b3;display:flex;align-items:center;justify-content:center;padding:20px}.gate-card{position:relative;background:var(--bg-card-solid);border-radius:var(--radius);padding:32px;text-align:center;width:100%;max-width:320px}.gate-close{position:absolute;top:12px;right:12px;background:none;border:none;color:var(--text-dim);font-size:20px;cursor:pointer}.parent-tabs{display:flex;gap:4px;margin-bottom:16px;background:#0003;border-radius:var(--radius-sm);padding:4px}.parent-tab{flex:1;padding:8px;border:none;background:none;color:var(--text-muted);border-radius:8px;font-size:13px;cursor:pointer}.parent-tab.active{background:var(--primary);color:#fff}.session-list{display:flex;flex-direction:column;gap:4px}.session-item{display:flex;justify-content:space-between;padding:8px 12px;background:var(--bg-card);border-radius:8px;font-size:13px}.session-date{color:var(--text-muted)}.session-stats{color:var(--text-dim)}.report-card{background:var(--bg-card);border-radius:var(--radius);padding:16px;margin-bottom:12px}.report-card h4{font-size:15px;margin-bottom:8px}.report-summary{font-size:14px;line-height:1.6;color:var(--text-muted);margin-bottom:10px}.report-stats{display:flex;gap:12px;font-size:13px;color:var(--text-dim);margin-bottom:8px}.report-section{font-size:13px;margin-top:6px;color:var(--text-muted);line-height:1.6}.report-section ul{padding-left:18px;margin-top:4px}.error-reason{font-size:12px;color:#fca5a5;margin-top:4px}@media (max-width: 480px){.header{padding:10px 16px 4px}.header h1{font-size:18px}.header p{font-size:11px}.avatar-section{padding:4px 0 8px;gap:6px}.avatar-ring{width:96px;height:96px}.avatar{width:72px;height:72px;font-size:32px}.pulse.p1{width:110px;height:110px}.pulse.p2{width:124px;height:124px}.pulse.p3{width:138px;height:138px}.status{font-size:13px}.call-timer{font-size:12px;padding:4px 12px;margin-top:2px}.btn-circle{width:56px;padding:6px 4px}.btn-circle .btn-icon{font-size:20px}.btn-circle .btn-label{font-size:10px}.chat-window{min-height:0;max-height:none;flex:1 1 auto;overflow-y:auto}.chat-section{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}.avatar-section{flex:0 0 auto}.main{display:flex;flex-direction:column;padding-bottom:120px}.bubble{font-size:15px;padding:10px 13px}.msg-img{max-width:160px}.tip{font-size:11px;margin-top:4px}}@media (max-width: 480px) and (max-height: 720px){.avatar-ring{width:80px;height:80px}.avatar{width:60px;height:60px;font-size:28px}.pulse.p1{width:92px;height:92px}.pulse.p2{width:104px;height:104px}.pulse.p3{width:116px;height:116px}}.login-wrap{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px;box-sizing:border-box}.login-card{background:#fff;border-radius:20px;padding:32px 28px;width:100%;max-width:360px;box-shadow:0 20px 60px #0003;animation:loginfadein .4s ease}@keyframes loginfadein{0%{opacity:0;transform:translatey(20px)}to{opacity:1;transform:translatey(0)}}.login-logo{font-size:48px;text-align:center;margin-bottom:8px}.login-title{text-align:center;font-size:26px;font-weight:700;color:#1a1a2e;margin:0 0 4px}.login-sub{text-align:center;color:#888;font-size:14px;margin:0 0 24px}.login-error{background:#fff0f0;color:#e74c3c;padding:10px 14px;border-radius:10px;font-size:13px;margin-bottom:16px;text-align:center}.login-field{margin-bottom:16px}.login-field label{display:block;font-size:13px;color:#555;margin-bottom:6px;font-weight:500}.login-field input,.login-field select{width:100%;padding:12px 14px;border:2px solid #e8e8e8;border-radius:12px;font-size:16px;box-sizing:border-box;transition:border-color .2s;background:#fafafa}.login-field input:focus,.login-field select:focus{outline:none;border-color:#667eea;background:#fff}.login-hint{font-size:12px;color:#e67e22;margin-top:6px;background:#fef9e7;padding:6px 10px;border-radius:6px}.login-btn{width:100%;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:17px;font-weight:600;cursor:pointer;transition:transform .15s,box-shadow .15s;margin-top:8px}.login-btn:active:not(:disabled){transform:scale(.98)}.login-btn:disabled{opacity:.5;cursor:not-allowed}.login-link{display:block;width:100%;background:none;border:none;color:#667eea;font-size:14px;padding:10px;cursor:pointer;margin-top:4px}.login-link:disabled{color:#bbb;cursor:not-allowed}.login-footer{text-align:center;font-size:11px;color:#bbb;margin-top:20px}.home-wrap{padding:16px 16px 80px;max-width:600px;margin:0 auto}.home-greeting{font-size:22px;font-weight:700;color:#1a1a2e;margin-bottom:4px}.home-subgreeting{font-size:14px;color:#888;margin-bottom:20px}.home-usage-bar{background:#f0f0f5;border-radius:12px;padding:12px 16px;margin-bottom:20px;display:flex;align-items:center;gap:12px}.home-usage-bar .bar{flex:1;height:8px;background:#e0e0e8;border-radius:4px;overflow:hidden}.home-usage-bar .bar-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;transition:width .5s}.home-usage-bar .bar-text{font-size:12px;color:#666;white-space:nowrap}.home-section-title{font-size:17px;font-weight:600;color:#1a1a2e;margin:20px 0 12px;display:flex;align-items:center;gap:6px}.home-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.home-card{background:#fff;border-radius:16px;padding:18px 16px;box-shadow:0 2px 12px #0000000f;cursor:pointer;transition:transform .15s,box-shadow .15s;border:2px solid transparent;text-align:left}.home-card:active{transform:scale(.97)}.home-card.promo{grid-column:span 2;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:24px 20px}.home-card.promo .card-icon{font-size:36px;margin-bottom:8px}.home-card.promo .card-title{font-size:20px;font-weight:700;color:#fff;margin-bottom:4px}.home-card.promo .card-desc{font-size:13px;color:#ffffffd9}.home-card .card-icon{font-size:28px;margin-bottom:8px}.home-card .card-title{font-size:15px;font-weight:600;color:#1a1a2e;margin-bottom:2px}.home-card .card-desc{font-size:12px;color:#999}.await-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadein .2s}.await-box{background:#fff;border-radius:20px;padding:28px 32px;text-align:center;max-width:300px}.await-emoji{font-size:48px;margin-bottom:12px;animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translatey(0)}50%{transform:translatey(-8px)}}.await-text{font-size:16px;color:#333;font-weight:500}.await-hint{font-size:13px;color:#999;margin-top:8px}.logout-btn{position:absolute;top:12px;right:12px;background:none;border:none;color:#999;font-size:12px;cursor:pointer;padding:6px 10px}.logout-btn:active{color:#e74c3c}.home-main{padding:16px 16px 90px;display:flex;flex-direction:column;gap:14px}.usage-card{background:#ffffffd9;border-radius:16px;padding:14px 16px;box-shadow:0 2px 10px #0000000d}.usage-row{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#555;margin-bottom:8px}.usage-time{font-weight:700;color:#ea580c;font-size:16px}.usage-bar{height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.usage-fill{height:100%;background:linear-gradient(90deg,#ea580c,#f59e0b);border-radius:4px;transition:width .4s}.big-card{width:100%;border:none;border-radius:20px;padding:24px;display:flex;align-items:center;gap:18px;cursor:pointer;transition:transform .15s,box-shadow .15s;text-align:left}.big-card:active{transform:scale(.98)}.primary-card{background:linear-gradient(135deg,#f97316,#fbbf24);color:#fff;box-shadow:0 8px 24px #f9731659}.big-icon{font-size:48px;line-height:1}.big-text h3{font-size:22px;margin:0 0 4px}.big-text p{font-size:13px;margin:0;opacity:.9}.home-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.home-card{background:#ffffffe6;border:none;border-radius:16px;padding:14px 6px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;box-shadow:0 2px 8px #0000000d;transition:transform .15s}.home-card:active{transform:scale(.95)}.home-icon{font-size:30px}.home-label{font-size:12px;color:#444}.home-link{background:none;border:none;color:#6b7280;font-size:13px;padding:8px;cursor:pointer;margin-top:4px}.logout-btn{position:absolute;right:12px;top:50%;transform:translatey(-50%);background:#ffffffb3;border:none;width:32px;height:32px;border-radius:50%;font-size:18px;cursor:pointer;color:#666}.header .back-btn{position:absolute;left:8px;top:50%;transform:translatey(-50%);background:#ffffffb3;border:none;width:32px;height:32px;border-radius:50%;font-size:22px;cursor:pointer;color:#333;line-height:1;padding:0}.header{position:relative}.diag-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:linear-gradient(160deg,#e0f2fe,#f0fdf4,#fef3c7);display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto}.diag-card{background:#fff;border-radius:24px;padding:28px 24px;width:100%;max-width:520px;box-shadow:0 20px 60px #0000001f;animation:diagpop .3s ease}@keyframes diagpop{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.diag-loading{text-align:center;font-size:18px;color:#666;padding:40px 0}.diag-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.diag-skip{background:none;border:none;color:#9ca3af;font-size:14px;cursor:pointer;padding:4px 8px}.diag-skip:hover{color:#6b7280}.diag-progress-wrap{flex:1;display:flex;align-items:center;gap:10px}.diag-progress-bar{flex:1;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.diag-progress-fill{height:100%;background:linear-gradient(90deg,#f97316,#10b981);border-radius:4px;transition:width .4s}.diag-progress-text{font-size:13px;color:#6b7280;white-space:nowrap}.diag-subject{display:flex;align-items:center;gap:8px;font-size:15px;color:#4b5563;margin-bottom:16px}.diag-subject-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px}.diag-diff{margin-left:auto;font-size:12px;letter-spacing:1px}.diag-question{font-size:20px;line-height:1.6;color:#1f2937;font-weight:600;margin-bottom:24px;min-height:60px}.diag-choices{display:flex;flex-direction:column;gap:10px}.diag-choice{display:flex;align-items:center;gap:12px;padding:14px 16px;border:2px solid #e5e7eb;border-radius:14px;background:#f9fafb;font-size:16px;color:#374151;cursor:pointer;transition:all .2s;text-align:left;width:100%}.diag-choice:hover:not(:disabled){border-color:#f97316;background:#fff7ed}.diag-choice.selected{border-color:#f97316;background:#fffbeb}.diag-choice.correct{border-color:#10b981;background:#d1fae5;color:#065f46}.diag-choice.wrong{border-color:#ef4444;background:#fee2e2;color:#991b1b}.diag-choice-letter{width:32px;height:32px;border-radius:50%;background:#e5e7eb;color:#6b7280;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.diag-choice.correct .diag-choice-letter{background:#10b981;color:#fff}.diag-choice.wrong .diag-choice-letter{background:#ef4444;color:#fff}.diag-choice-text{flex:1}.diag-choice-mark{font-size:20px;font-weight:700}.diag-self-report{display:flex;flex-direction:column;gap:10px}.diag-input-row{display:flex;gap:8px}.diag-input{flex:1;padding:14px 16px;border:2px solid #e5e7eb;border-radius:14px;font-size:18px;outline:none}.diag-input:focus{border-color:#f97316}.diag-submit-btn{padding:14px 24px;background:#f97316;color:#fff;border:none;border-radius:14px;font-size:16px;font-weight:600;cursor:pointer}.diag-submit-btn:disabled{background:#9ca3af;cursor:not-allowed}.diag-feedback{margin-top:16px;padding:12px 16px;border-radius:12px;font-size:16px;font-weight:600;text-align:center}.diag-feedback.right{background:#d1fae5;color:#065f46}.diag-feedback.wrong{background:#fef3c7;color:#92400e}.diag-result{text-align:center;padding:32px 24px}.diag-result-emoji{font-size:64px;margin-bottom:8px}.diag-result h2{font-size:24px;color:#1f2937;margin:0 0 16px}.diag-score{display:flex;align-items:baseline;justify-content:center;gap:4px;margin-bottom:8px}.diag-score-num{font-size:56px;font-weight:800;color:#f97316;line-height:1}.diag-score-total{font-size:20px;color:#9ca3af}.diag-score-msg{font-size:18px;color:#4b5563;margin:8px 0 4px}.diag-score-detail{font-size:14px;color:#9ca3af;margin-bottom:24px}.diag-weak{text-align:left;margin:20px 0}.diag-weak h3{font-size:16px;color:#374151;margin:0 0 12px}.diag-kp-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.diag-kp-label{font-size:14px;color:#4b5563;width:140px;flex-shrink:0;display:flex;align-items:center;gap:4px}.diag-kp-bar{flex:1;height:10px;background:#e5e7eb;border-radius:5px;overflow:hidden}.diag-kp-fill{height:100%;border-radius:5px;transition:width .6s}.diag-kp-fill.good{background:#10b981}.diag-kp-fill.mid{background:#f59e0b}.diag-kp-fill.weak{background:#ef4444}.diag-kp-pct{font-size:13px;color:#6b7280;width:36px;text-align:right}.diag-btn{width:100%;padding:16px;border-radius:14px;font-size:18px;font-weight:700;cursor:pointer;border:none;margin-top:8px}.diag-btn.primary{background:linear-gradient(135deg,#f97316,#10b981);color:#fff;box-shadow:0 4px 14px #3b82f666}.diag-btn.primary:hover{transform:translatey(-1px)}@media (max-width: 480px){.diag-card{padding:20px 16px;border-radius:20px}.diag-question{font-size:18px}.diag-kp-label{width:100px;font-size:13px}}.sub-page{padding-bottom:180px}.sub-status{background:linear-gradient(135deg,#f97316,#fbbf24);border-radius:16px;padding:20px;color:#fff;margin-bottom:20px}.sub-status-label{font-size:13px;opacity:.85}.sub-status-value{display:flex;align-items:center;gap:10px;margin:6px 0;flex-wrap:wrap}.sub-status-badge{background:#ffffff40;padding:4px 12px;border-radius:20px;font-size:14px;font-weight:600}.sub-status-min{font-size:14px;opacity:.9}.sub-status-tip{font-size:12px;opacity:.75;margin:6px 0 0}.plan-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.plan-card{display:flex;align-items:center;gap:12px;background:var(--bg-card, #292524);border:2px solid rgba(255,255,255,.08);border-radius:14px;padding:16px;cursor:pointer;position:relative;transition:all .2s}.plan-card.selected{border-color:#f97316;background:#f973161f}.plan-card.popular{border-color:#f59e0b66}.plan-card.popular.selected{border-color:#f59e0b;background:#f59e0b1a}.plan-badge{position:absolute;top:-8px;right:12px;background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;font-size:11px;font-weight:700;padding:2px 10px;border-radius:10px}.plan-radio{width:22px;height:22px;flex-shrink:0}.plan-radio-dot{width:22px;height:22px;border-radius:50%;border:2px solid rgba(255,255,255,.3);position:relative}.plan-radio-dot.on{border-color:#f97316}.plan-radio-dot.on:after{content:"";position:absolute;top:50%;left:50%;width:12px;height:12px;border-radius:50%;background:#f97316;transform:translate(-50%,-50%)}.plan-info{flex:1}.plan-name{font-size:17px;font-weight:700;color:var(--text, #FAF6F0)}.plan-price{display:flex;align-items:baseline;gap:2px;margin-top:4px}.plan-currency{font-size:14px;color:#f59e0b;font-weight:600}.plan-amount{font-size:26px;color:#f59e0b;font-weight:800}.plan-period{font-size:13px;color:var(--text-muted, #94a3b8);margin-left:4px}.plan-original{font-size:13px;color:var(--text-dim, #64748b);text-decoration:line-through;margin-left:8px}.plan-minutes{font-size:12px;color:var(--text-muted, #94a3b8);margin-top:2px}.plan-features{background:var(--bg-card, #292524);border-radius:14px;padding:16px;margin-bottom:20px}.plan-features h3{font-size:15px;margin:0 0 10px;color:var(--text, #FAF6F0)}.plan-features ul{list-style:none;padding:0;margin:0}.plan-features li{font-size:14px;color:var(--text-muted, #94a3b8);padding:6px 0;display:flex;align-items:center;gap:8px}.plan-features .check{color:#10b981;font-weight:700}.pay-bar{position:fixed;bottom:calc(64px + env(safe-area-inset-bottom,0px));left:0;right:0;background:var(--bg-card, #292524);border-top:1px solid rgba(255,255,255,.08);padding:12px 20px;display:flex;align-items:center;gap:16px;z-index:100}.pay-price{flex:1;display:flex;align-items:baseline;gap:6px}.pay-label{font-size:13px;color:var(--text-muted, #94a3b8)}.pay-amount{font-size:26px;color:#f59e0b;font-weight:800}.pay-btn{padding:14px 32px;background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;border:none;border-radius:25px;font-size:17px;font-weight:700;cursor:pointer}.pay-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#0009;display:flex;align-items:flex-end;justify-content:center}.pay-modal-card{background:var(--bg-card, #292524);width:100%;max-width:520px;border-radius:20px 20px 0 0;padding:24px 20px;padding-bottom:max(24px,env(safe-area-inset-bottom));animation:slideup .3s ease}@keyframes slideup{0%{transform:translatey(100%)}to{transform:translatey(0)}}.pay-modal-card h3{text-align:center;margin:0 0 16px;color:var(--text, #FAF6F0)}.pay-amount-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:16px}.pay-amount-big{font-size:24px;font-weight:800;color:#f59e0b}.pay-methods{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.pay-method{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#ffffff0d;border:2px solid transparent;border-radius:12px;color:var(--text, #FAF6F0);font-size:16px;cursor:pointer}.pay-method.active{border-color:#f97316;background:#f973161f}.pay-icon{font-size:24px}.pay-check{margin-left:auto;font-size:18px;color:#f97316}.pay-confirm-btn{width:100%;padding:15px;background:linear-gradient(135deg,#f97316,#fbbf24);color:#fff;border:none;border-radius:25px;font-size:17px;font-weight:700;cursor:pointer}.pay-note{font-size:11px;color:var(--text-dim, #64748b);text-align:center;margin:12px 0 0}.me-subscription{background:linear-gradient(135deg,#f9731626,#f59e0b1a)}.me-sub-tag{margin-left:auto;margin-right:6px;background:#f59e0b33;color:#f59e0b;font-size:11px;padding:2px 8px;border-radius:10px;font-weight:600}.home-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px 6px;background:transparent}.home-header-left{flex:1}.home-title{font-size:26px;font-weight:800;color:#431407;margin:0;letter-spacing:-.3px;line-height:1.2}.home-subtitle{font-size:13px;color:#fb923c;margin:4px 0 0;font-weight:600}.home-settings{width:44px;height:44px;border-radius:50%;background:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#ea580c;box-shadow:4px 4px 8px #4f46e51f,-4px -4px 8px #ffffffe6,inset 1px 1px 2px #fffc;transition:transform .15s}.home-settings:active{transform:scale(.92)}.home-content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:10px 16px 100px;display:flex;flex-direction:column;gap:14px}.home-usage-card{background:linear-gradient(135deg,#fff7ed,#ffedd5);border-radius:24px;padding:18px 20px;box-shadow:5px 5px 12px #4f46e51f,-5px -5px 12px #fffc,inset 1px 1px 2px #fff9}.home-usage-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.home-usage-left{display:flex;align-items:center;gap:8px}.home-usage-icon{width:36px;height:36px;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;box-shadow:2px 2px 6px #4f46e51a,-2px -2px 6px #fffc}.home-usage-label{font-size:14px;color:#c2410c;font-weight:600}.home-usage-time{font-size:26px;font-weight:800;color:#ea580c;letter-spacing:-.5px}.home-usage-track{height:10px;background:#fff9;border-radius:5px;overflow:hidden;box-shadow:inset 2px 2px 4px #4f46e51a}.home-usage-progress{height:100%;border-radius:5px;background:linear-gradient(90deg,#ea580c,#fb923c);box-shadow:0 1px 3px #4f46e54d;transition:width .5s ease}.home-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hero-card{position:relative;border:none;border-radius:28px;padding:20px 16px 18px;cursor:pointer;text-align:left;overflow:hidden;min-height:160px;display:flex;flex-direction:column;transition:transform .15s}.hero-card:active{transform:scale(.96)}.hero-card-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-photo .hero-card-bg{background:linear-gradient(145deg,#fffbeb,#fef3c7)}.hero-call .hero-card-bg{background:linear-gradient(145deg,#fef3c7,#fde68a)}.hero-photo{box-shadow:6px 6px 14px #3b82f633,-4px -4px 10px #ffffffb3,inset 2px 2px 4px #ffffff80}.hero-call{box-shadow:6px 6px 14px #7c3aed33,-4px -4px 10px #ffffffb3,inset 2px 2px 4px #ffffff80}.hero-icon-wrap{position:relative;z-index:1;width:58px;height:58px;border-radius:20px;display:flex;align-items:center;justify-content:center;background:#fff;box-shadow:3px 3px 8px #00000014,-2px -2px 6px #ffffffe6}.hero-photo .hero-icon-wrap{color:#f97316}.hero-call .hero-icon-wrap{color:#f59e0b}.hero-title{position:relative;z-index:1;font-size:19px;font-weight:800;color:#292524;margin-top:auto;padding-top:14px}.hero-desc{position:relative;z-index:1;font-size:12px;color:#64748b;margin-top:4px;font-weight:500}.home-quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;background:#fff;border-radius:28px;padding:20px 10px 16px;box-shadow:5px 5px 12px #4f46e514,-5px -5px 12px #ffffffe6,inset 1px 1px 2px #fffc}.quick-item{display:flex;flex-direction:column;align-items:center;gap:9px;background:none;border:none;cursor:pointer;padding:6px 2px;transition:transform .15s}.quick-item:active{transform:scale(.9)}.quick-icon{width:54px;height:54px;border-radius:18px;display:flex;align-items:center;justify-content:center;box-shadow:3px 3px 8px #0000000f,-2px -2px 6px #ffffffe6,inset 1px 1px 2px #fff9}.quick-label{font-size:12px;color:#475569;font-weight:600}.home-banner{background:linear-gradient(135deg,#fff7ed,#ffedd5);border-radius:24px;padding:18px 20px;box-shadow:5px 5px 12px #f973161a,-5px -5px 12px #fffc,inset 1px 1px 2px #fff9}.home-banner-title{font-size:16px;font-weight:800;color:#c2410c}.home-banner-desc{font-size:13px;color:#ea580c;margin-top:4px;font-weight:500}.me-content{padding:10px 16px 100px}.me-page{display:flex;flex-direction:column;gap:14px}.me-profile-card{display:flex;align-items:center;gap:14px;background:linear-gradient(135deg,#fff,#f8fafc);border-radius:24px;padding:20px;box-shadow:5px 5px 12px #4f46e51a,-5px -5px 12px #ffffffe6,inset 1px 1px 2px #fffc}.me-avatar{width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,#fff7ed,#ffedd5);display:flex;align-items:center;justify-content:center;font-size:30px;box-shadow:3px 3px 8px #4f46e526,-2px -2px 6px #ffffffe6,inset 1px 1px 2px #ffffffb3}.me-profile-info{flex:1}.me-profile-name{font-size:20px;font-weight:800;color:#431407}.me-profile-grade{font-size:13px;color:#fb923c;margin-top:3px;font-weight:600}.me-logout{width:40px;height:40px;border-radius:50%;background:#fef2f2;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#ef4444;transition:all .15s;box-shadow:2px 2px 6px #ef44441a,-2px -2px 6px #fffc}.me-logout:active{transform:scale(.9);background:#fee2e2}.me-vip-banner{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#7c2d12,#ea580c,#f97316);border:none;border-radius:24px;padding:18px 20px;cursor:pointer;text-align:left;transition:transform .15s;box-shadow:6px 6px 16px #4f46e54d,-4px -4px 10px #ffffff1a,inset 1px 1px 2px #ffffff26}.me-vip-banner:active{transform:scale(.98)}.me-vip-left{display:flex;align-items:center;gap:12px}.me-vip-icon{font-size:30px;filter:drop-shadow(0 2px 6px rgba(251,191,36,.5))}.me-vip-title{font-size:17px;font-weight:800;color:#fbbf24}.me-vip-desc{font-size:12px;color:#fed7aa;margin-top:4px;font-weight:500}.me-vip-btn{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#7c2d12;font-size:13px;font-weight:800;padding:10px 20px;border-radius:20px;white-space:nowrap;box-shadow:0 3px 10px #fbbf2466}.me-menu-group{background:#fff;border-radius:24px;overflow:hidden;box-shadow:5px 5px 12px #4f46e514,-5px -5px 12px #ffffffe6,inset 1px 1px 2px #fffc}.me-menu-item{display:flex;align-items:center;gap:14px;width:100%;padding:16px 18px;background:none;border:none;border-bottom:1px solid #FAF6F0;color:#292524;font-size:15px;cursor:pointer;text-align:left;transition:background .15s}.me-menu-item:last-child{border-bottom:none}.me-menu-item:active{background:#f8fafc}.me-menu-icon{width:40px;height:40px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0;box-shadow:2px 2px 6px #0000000d,-1px -1px 4px #fffc,inset 1px 1px 2px #fff9}.me-menu-label{flex:1;font-weight:600}.me-menu-arrow{color:#cbd5e1;font-size:20px;font-weight:300}.light-theme .tab-bar{background:#fff;border-top:none;box-shadow:0 -4px 20px #4f46e514;padding-bottom:env(safe-area-inset-bottom,0)}.light-theme .tab-btn{color:#94a3b8}.light-theme .tab-btn.active{color:#ea580c}.light-theme .tab-btn.active .tab-icon{transform:translatey(-2px);filter:drop-shadow(0 3px 6px rgba(79,70,229,.3))}.light-theme .tab-icon{transition:transform .2s;display:flex}.light-theme .tab-label{font-weight:600}.light-theme .bg-orb{display:none}.light-theme .sub-status{background:linear-gradient(135deg,#f97316,#fbbf24);color:#fff}.light-theme .plan-card{background:#fff;border:2px solid #f0f0f0;box-shadow:0 2px 8px #0000000a}.light-theme .plan-card.selected{border-color:#f97316;background:#fff7ed}.light-theme .plan-name{color:#1a1a2e}.light-theme .plan-period{color:#9ca3af}.light-theme .plan-original{color:#d1d5db}.light-theme .plan-minutes{color:#6b7280}.light-theme .plan-radio-dot{border-color:#d1d5db}.light-theme .plan-features{background:#fff;box-shadow:0 2px 8px #0000000a}.light-theme .plan-features h3{color:#1a1a2e}.light-theme .plan-features li{color:#4b5563}.light-theme .pay-bar{background:#fff;border-top:1px solid #f0f0f0}.light-theme .pay-modal-card{background:#fff}.light-theme .pay-modal-card h3{color:#1a1a2e}.light-theme .pay-amount-row{border-bottom-color:#f0f0f0}.light-theme .pay-method{background:#f9fafb;color:#1a1a2e}.light-theme .pay-method.active{border-color:#f97316;background:#fff7ed}.light-theme .pay-note{color:#9ca3af}.light-theme .me-menu{background:#fff;box-shadow:0 2px 12px #0000000a}.light-theme .me-item{border-bottom-color:#f3f4f6;color:#1a1a2e}.light-theme .me-item:last-child{border-bottom:none}.light-theme .me-arrow{color:#d1d5db}.light-theme .section-title{color:#1a1a2e}.light-theme .stat-card{background:#fff;box-shadow:0 2px 8px #0000000a}.light-theme .stat-label{color:#9ca3af}.light-theme .kp-item{background:#fff;box-shadow:0 2px 8px #0000000a}.light-theme .kp-name{color:#1a1a2e}.light-theme .kp-bar{background:#f0f0f0}.light-theme .kp-stats{color:#9ca3af}.light-theme .wrong-card,.light-theme .due-card,.light-theme .daily-card,.light-theme .report-card,.light-theme .detail-card{background:#fff;border:1px solid #f0f0f0;box-shadow:0 2px 8px #0000000a}.light-theme .wrong-kp,.light-theme .due-kp{color:#1a1a2e}.light-theme .wrong-meta,.light-theme .due-meta{color:#9ca3af}.light-theme .daily-question{color:#1a1a2e}.light-theme .daily-date,.light-theme .daily-hint{color:#9ca3af}.light-theme .page-title{color:#1a1a2e}.light-theme .empty-state,.light-theme .sub-text{color:#9ca3af}.light-theme .back-btn,.light-theme .page-back-btn{color:#f97316}.light-theme .filter-tab{background:#fff;border-color:#f0f0f0;color:#6b7280;box-shadow:0 1px 4px #0000000a}.light-theme .filter-tab.active{background:#f97316;color:#fff;border-color:#f97316}.light-theme .streak-item{background:#fff;box-shadow:0 2px 8px #0000000a}.light-theme .streak-label{color:#9ca3af}.light-theme .due-banner{box-shadow:0 4px 12px #f973164d}.light-theme .loading-box{color:#9ca3af}.light-theme .spinner{border-color:#f0f0f0;border-top-color:#f97316}.light-theme .gate-card{background:#fff}.light-theme .gate-close{color:#9ca3af}.light-theme .pin-input{background:#f9fafb;border-color:#e5e7eb;color:#1a1a2e}.light-theme .lock-card{background:#fff;box-shadow:0 2px 12px #0000000a}.light-theme .parent-tabs{background:#f3f4f6}.light-theme .session-item{background:#f9fafb}.light-theme .session-date{color:#6b7280}.light-theme .session-stats{color:#9ca3af}.light-theme .report-summary{color:#4b5563}.light-theme .report-stats{color:#9ca3af}.light-theme .report-section{color:#6b7280}.light-theme .practice-question{background:#fff;box-shadow:0 2px 8px #0000000a}.light-theme .practice-question h3{color:#1a1a2e}.light-theme .question-text{color:#374151}.light-theme .answer-area textarea{background:#f9fafb;border-color:#e5e7eb;color:#1a1a2e}.light-theme .correct-answer{background:#f9fafb;color:#374151}.light-theme .explanation{color:#6b7280}.light-theme .explanation-text{background:#f9fafb;color:#4b5563}.light-theme .result-box.correct{background:#ecfdf5}.light-theme .result-box.wrong{background:#fef2f2}.light-theme .progress-bar{background:#e5e7eb}.light-theme .similar-item{border-bottom-color:#f3f4f6;color:#374151}.light-theme .detail-section p{color:#6b7280}.light-theme .detail-meta .tag{background:#f3f4f6;color:#6b7280}.light-theme .tag.diff-1{background:#ecfdf5;color:#059669}.light-theme .tag.diff-2{background:#fef3c7;color:#d97706}.light-theme .tag.diff-3{background:#fef2f2;color:#dc2626}.light-theme .kp-tag{background:#fff7ed;color:#ea580c}.quick-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0f172a73;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;animation:qmfade .2s ease}@keyframes qmfade{0%{opacity:0}to{opacity:1}}.quick-modal{position:relative;width:100%;max-width:440px;max-height:86vh;overflow-y:auto;-webkit-overflow-scrolling:touch;background:#faf6f0;border-radius:28px;padding:28px 22px 32px;box-shadow:0 24px 60px #7c2d1240,inset 1px 1px 2px #ffffffb3;animation:qmpop .25s cubic-bezier(.2,.9,.3,1.2)}@keyframes qmpop{0%{transform:scale(.92) translatey(10px);opacity:0}to{transform:none;opacity:1}}.quick-modal-close{position:absolute;top:16px;right:16px;width:34px;height:34px;border:none;border-radius:50%;background:#fff;color:#64748b;font-size:14px;display:flex;align-items:center;justify-content:center;box-shadow:3px 3px 8px #7c2d1214,-2px -2px 6px #ffffffe6,inset 1px 1px 2px #ffffffb3;cursor:pointer}.quick-modal-close:active{transform:scale(.9)}.qr-title{font-size:20px;font-weight:800;color:#431407;margin-bottom:18px}.qr-loading,.qr-err,.wr-empty{text-align:center;color:#fb923c;padding:30px 0;font-size:14px}.qr-err{color:#ef4444}.wr-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:22px}.wr-stat{border-radius:20px;padding:18px 14px;text-align:center;box-shadow:4px 4px 10px #7c2d1212,-3px -3px 8px #ffffffd9,inset 1px 1px 2px #fff9}.wr-stat--indigo{background:linear-gradient(135deg,#fff7ed,#ffedd5)}.wr-stat--green{background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.wr-stat--orange{background:linear-gradient(135deg,#fff7ed,#ffedd5)}.wr-stat--pink{background:linear-gradient(135deg,#fdf2f8,#fce7f3)}.wr-stat-num{font-size:22px;font-weight:800;color:#431407;line-height:1.2;word-break:break-all}.wr-stat-label{font-size:12px;color:#64748b;margin-top:6px;font-weight:600}.wr-section-title{font-size:15px;font-weight:700;color:#431407;margin:6px 0 12px}.wr-weak-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.wr-weak-item{background:#fff;border-radius:18px;padding:14px 16px;box-shadow:3px 3px 8px #7c2d120f,-2px -2px 6px #ffffffe6}.wr-weak-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.wr-weak-kp{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#334155}.wr-weak-dot{width:9px;height:9px;border-radius:50%;display:inline-block}.wr-weak-pct{font-size:13px;font-weight:700;color:#ea580c}.wr-weak-track{height:8px;border-radius:6px;background:#faf6f0;overflow:hidden;box-shadow:inset 1px 1px 2px #7c2d1214}.wr-weak-fill{height:100%;border-radius:6px;transition:width .4s ease}.wr-session-list{display:flex;flex-direction:column;gap:8px}.wr-session-item{display:flex;align-items:center;gap:10px;background:#fff;border-radius:14px;padding:12px 16px;box-shadow:2px 2px 6px #7c2d120d,-2px -2px 5px #ffffffe6;font-size:13px}.wr-session-date{color:#94a3b8;font-weight:600;min-width:52px}.wr-session-subj{font-weight:700;flex:1}.wr-session-dur{color:#475569;font-weight:600}.wr-session-q{color:#94a3b8;font-size:12px}.quick-modal .page{padding:0;background:transparent;height:auto;min-height:0;overflow:visible}.quick-modal .page-title{font-size:20px;color:#431407;margin-bottom:14px}.quick-modal .empty-state{padding:40px 0}.referral-page{padding-bottom:100px}.referral-hero{text-align:center;padding:20px 0 24px}.referral-hero-icon{font-size:56px;line-height:1;margin-bottom:8px;filter:drop-shadow(0 4px 8px rgba(249,115,22,.3))}.referral-hero-title{font-size:26px;font-weight:800;color:#431407;margin:0 0 4px}.referral-hero-sub{font-size:15px;color:#78716c;margin:0}.referral-card{background:linear-gradient(135deg,#fff7ed,#ffedd5);border-radius:24px;padding:28px 24px;text-align:center;margin-bottom:20px;box-shadow:5px 5px 12px #7c2d1214,inset 1px 1px 2px #ffffffb3;border:1px solid rgba(249,115,22,.15)}.referral-code-label{font-size:14px;color:#9a3412;font-weight:600;margin-bottom:8px}.referral-code{font-size:42px;font-weight:900;letter-spacing:8px;color:#ea580c;font-family:SF Mono,Menlo,monospace;margin-bottom:16px;text-shadow:0 2px 4px rgba(249,115,22,.15)}.referral-copy-btn{background:#fff;color:#ea580c;border:2px solid #FDBA74;border-radius:16px;padding:12px 28px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 2px 6px #f973161f}.referral-copy-btn:active{transform:scale(.96)}.referral-rules{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.referral-rule-item{display:flex;align-items:center;gap:14px;background:#fff;border-radius:20px;padding:16px 18px;box-shadow:3px 3px 8px #7c2d120f,inset 1px 1px 2px #ffffffb3}.referral-rule-icon{font-size:32px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#fff7ed;border-radius:14px;flex-shrink:0}.referral-rule-title{font-size:15px;font-weight:700;color:#292524;margin-bottom:2px}.referral-rule-desc{font-size:13px;color:#78716c}.referral-rule-desc b{color:#ea580c}.referral-share-btn{width:100%;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:20px;padding:16px;font-size:17px;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #10b98159;transition:all .2s;margin-bottom:16px}.referral-share-btn:active{transform:scale(.97)}.referral-progress-wrap{margin-bottom:24px}.referral-progress-bar{height:12px;background:#ffedd5;border-radius:999px;overflow:hidden;margin-bottom:8px}.referral-progress-fill{height:100%;background:linear-gradient(90deg,#f97316,#fbbf24);border-radius:999px;transition:width .5s ease}.referral-progress-text{text-align:center;font-size:13px;color:#9a3412;font-weight:600}.referral-list{background:#fff;border-radius:20px;padding:16px 18px;box-shadow:3px 3px 8px #7c2d120f}.referral-list-title{font-size:15px;font-weight:700;color:#431407;margin:0 0 12px}.referral-list-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #FEF3C7;font-size:14px}.referral-list-item:last-child{border-bottom:none}.referral-list-name{color:#292524}.referral-list-reward{color:#10b981;font-weight:700}.login-invite-hint{text-align:center;margin-top:12px;font-size:13px;color:#9a3412}.login-invite-hint a{color:#ea580c;font-weight:700}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;padding:0;height:100%;width:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Helvetica Neue,sans-serif;user-select:none;-webkit-user-select:none}body{background:#0f1226;color:#fff;touch-action:manipulation}button{font-family:inherit;border:none;outline:none;cursor:pointer;background:none;color:inherit}