:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f0e8;--surface:#fffdf8;--surface-soft:#efe6da;--text:#3d2817;--muted:#75665a;--line:#e3d6c8;--primary:#722f37;--primary-dark:#5c1a1b;--accent:#a2493d;--gold:#c19a6b;--tab:#fffdf8}*{box-sizing:border-box}html,body{max-width:100%;min-height:100%;overflow-x:hidden}body{background:var(--bg);color:var(--text);margin:0;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;min-height:44px}button:disabled{cursor:wait;opacity:.7}.mobile-shell{background:var(--bg);width:100%;max-width:520px;min-height:100dvh;margin:0 auto;padding:16px}.top-bar{gap:10px;padding:4px 0 14px;display:grid}.top-bar-main{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.section-nav{border:1px solid var(--line);background:#fffdf8c7;border-radius:8px}.section-nav summary{min-height:38px;color:var(--primary-dark);cursor:pointer;justify-content:space-between;align-items:center;gap:8px;padding:0 10px;font-size:13px;font-weight:800;list-style:none;display:flex}.section-nav summary::-webkit-details-marker{display:none}.section-nav summary span:last-child{color:var(--muted);font-size:12px}.section-nav[open] summary span:last-child{color:var(--primary-dark)}.section-nav[open] summary span:last-child:before{content:"收起";font-size:12px}.section-nav[open] summary span:last-child{font-size:0}.section-nav-grid{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:8px;display:grid}.section-nav-link{background:var(--surface-soft);min-width:0;min-height:36px;color:var(--text);text-align:center;overflow-wrap:anywhere;border-radius:8px;justify-content:center;align-items:center;padding:0 6px;font-size:12px;font-weight:700;line-height:1.2;display:inline-flex}.brand-mark{background:var(--primary);color:#fff;border-radius:8px;place-items:center;width:40px;height:40px;font-weight:700;display:grid}.eyebrow{color:var(--muted);margin:0 0 3px;font-size:12px}.page-title{margin:0;font-size:24px;line-height:1.18}.section-title{margin:22px 0 10px;font-size:17px}.card{border:1px solid var(--line);background:var(--surface);border-radius:8px;box-shadow:0 1px #3d28170d}.hero-card{background:linear-gradient(135deg,#fffdf8 0%,#f3e8da 62%,#efe0cb 100%);padding:18px}.english{overflow-wrap:anywhere;margin:0;font-size:21px;line-height:1.35}.speech-button{min-height:38px;color:var(--primary-dark);background:#f7eee7;border:1px solid #d8c7bc;border-radius:999px;justify-content:center;align-items:center;gap:6px;margin-top:8px;padding:0 12px;font-size:12px;font-weight:800;display:inline-flex}.speech-button:before{content:"▶";font-size:10px}.speech-button[data-speaking=true]{border-color:var(--primary);color:var(--primary-dark);background:#f0dfdf}.speech-button:disabled{color:var(--muted);cursor:not-allowed;opacity:.7}.speech-button+.chinese{margin-top:6px}.translation-popover{z-index:60;width:min(320px,100vw - 32px);color:var(--text);background:#fffdf8fa;border:1px solid #d8c7bc;border-radius:8px;gap:6px;padding:10px 12px;font-size:13px;line-height:1.45;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 12px 30px #3d281729}.translation-popover strong{color:var(--primary-dark);font-size:15px}.translation-speech-button{width:fit-content;min-height:34px;margin-top:0;padding:0 11px}.translation-popover span{color:var(--muted)}.chinese{color:var(--muted);margin:8px 0 0;font-size:15px;line-height:1.55}.row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.stack{gap:12px;display:grid}.button-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px;display:grid}.button-row.two{grid-template-columns:repeat(2,minmax(0,1fr))}.btn{background:var(--primary);color:#fff;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:0 12px;font-weight:700;display:inline-flex}.btn.secondary{border:1px solid var(--line);background:var(--surface);color:var(--text)}.btn.warn{background:var(--accent)}.pill{background:var(--surface-soft);max-width:100%;min-height:28px;color:var(--primary-dark);overflow-wrap:anywhere;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.hint-card{border-left:4px solid var(--gold);padding:12px}.hint-card strong{color:var(--gold)}.provider-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.provider-strip div{border:1px solid var(--line);background:var(--surface);border-radius:8px;min-width:0;padding:10px}.provider-strip span{color:var(--muted);font-size:11px;display:block}.provider-strip strong{color:var(--primary-dark);overflow-wrap:anywhere;margin-top:2px;font-size:13px;display:block}.provider-strip p{color:var(--muted);margin:6px 0 0;font-size:12px;line-height:1.45}.scene-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px;display:grid}.scene-chip{border:1px solid var(--line);background:var(--surface);min-width:0;color:var(--text);border-radius:8px;padding:0 6px;font-size:13px;font-weight:700}.scene-chip.active{border-color:var(--primary);background:var(--surface-soft);color:var(--primary-dark)}.phrase-row{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.pronunciation-slot{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.pronunciation-slot div{border:1px solid var(--line);background:#fffdf8c7;border-radius:8px;min-width:0;padding:8px}.pronunciation-slot span{color:var(--muted);font-size:11px;display:block}.pronunciation-slot strong{overflow-wrap:anywhere;margin-top:3px;font-size:13px;display:block}.module-grid{gap:10px;display:grid}.module-card,.dialogue-turn,.admin-tile,.review-item{padding:14px}.progress-bar{background:#e9ddd0;border-radius:999px;height:8px;overflow:hidden}.progress-bar span{border-radius:inherit;background:var(--primary);height:100%;display:block}.habit-date-field{gap:6px;margin:14px 0;display:grid}.habit-date-field span{color:var(--muted);font-size:13px}.habit-date-field input{border:1px solid var(--line);background:var(--surface);width:100%;min-height:44px;color:var(--text);border-radius:8px;padding:10px 12px}.habit-compact-principles{gap:8px;display:grid}.habit-compact-principles summary{cursor:pointer;color:var(--gold);font-weight:800}.habit-view-tabs{z-index:4;border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f5f0e8f0;border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:12px 0 8px;padding:6px;display:grid;position:sticky;top:0}.habit-view-tabs button{min-width:0;min-height:38px;color:var(--muted);background:0 0;border-radius:7px;padding:0 8px;font-size:13px;font-weight:800}.habit-view-tabs button.active{background:var(--primary);color:#fff}.habit-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.habit-stat-grid div{border:1px solid var(--line);background:#fffdf8c7;border-radius:8px;min-width:0;padding:9px}.habit-stat-grid span{color:var(--muted);font-size:11px;display:block}.habit-stat-grid strong{color:var(--primary-dark);margin-top:3px;font-size:18px;display:block}.habit-alert{color:#6d4b25;background:#f8edda;border-radius:8px;margin:12px 0 0;padding:10px;font-size:14px;line-height:1.5}.habit-alert.muted{background:var(--surface-soft);color:var(--muted)}.habit-action-card{gap:10px;display:grid}.habit-check{background:var(--primary);color:#fff;border-radius:8px;flex:none;min-width:76px;padding:0 12px;font-weight:700}.habit-check.done{background:var(--gold)}.habit-check.small{min-width:64px}.habit-maintain-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.habit-reflection{resize:vertical;border:1px solid var(--line);background:var(--surface);width:100%;min-height:92px;color:var(--text);border-radius:8px;padding:10px 12px;line-height:1.5}.habit-calendar{grid-template-columns:repeat(15,minmax(0,1fr));gap:4px;display:grid}.habit-day-cell{border:1px solid var(--line);min-width:0;min-height:25px;color:var(--muted);background:#f2eadf;border-radius:6px;place-items:center;padding:0;font-size:10px;font-weight:700;display:grid}.habit-day-cell.done{color:var(--primary-dark);background:#f4e5e3;border-color:#b98a8a}.habit-day-cell.partial{color:#6d4b25;background:#f8edda;border-color:#d8c7bc}.habit-day-cell.missed{color:#7b2a24;background:#f3deda;border-color:#c99a91}.habit-day-cell.future{opacity:.62}.habit-day-cell.today,.habit-day-cell.selected{outline:2px solid var(--primary);outline-offset:1px}.habit-stage-card{border:1px solid var(--line);background:var(--surface);border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;padding:12px;display:grid}.habit-stage-card.active{border-color:var(--primary);background:var(--surface-soft)}.habit-stage-card.done .habit-mark{background:var(--gold)}.habit-mark{background:var(--primary);color:#fff;border-radius:8px;place-items:center;width:32px;height:32px;font-weight:800;display:grid}.bottom-tabs{z-index:20;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffdf8f0;margin:24px -16px -16px;position:sticky;bottom:0}.bottom-tabs-inner{max-width:520px;padding:8px 8px max(8px, env(safe-area-inset-bottom));grid-template-columns:repeat(5,minmax(0,1fr));margin:0 auto;display:grid}.tab-link{min-width:0;min-height:56px;color:var(--muted);border-radius:8px;place-items:center;gap:2px;font-size:11px;display:grid}.tab-link.active{background:var(--surface-soft);color:var(--primary-dark);font-weight:700}.auth-shell,.admin-shell{width:100%;max-width:960px;min-height:100dvh;margin:0 auto;padding:28px 16px}.auth-card{background:linear-gradient(180deg, #efe6dab8, #fffdf800 148px), var(--surface);max-width:420px;margin:0 auto;padding:20px}.admin-filter-grid{grid-template-columns:1fr;align-items:end;gap:10px;display:grid}.auth-value-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:14px 0 16px;display:grid}.auth-value-strip span{border:1px solid var(--line);min-width:0;color:var(--primary-dark);text-align:center;overflow-wrap:anywhere;background:#fffdf8c7;border-radius:8px;padding:8px 6px;font-size:12px;font-weight:800;line-height:1.25}.form{gap:12px;display:grid}.auth-method-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.auth-method-tabs button{border:1px solid var(--line);background:var(--surface);min-width:0;min-height:40px;color:var(--muted);overflow-wrap:anywhere;border-radius:8px;font-size:13px;font-weight:800;line-height:1.2}.auth-method-tabs button.active{border-color:var(--primary);background:var(--surface-soft);color:var(--primary-dark)}.auth-method-tabs button.muted{color:#9a8c80;opacity:1;background:#f2eadf}.auth-wechat-panel{border:1px solid var(--line);text-align:center;border-radius:8px;justify-items:center;gap:10px;padding:14px;display:grid}.wechat-qr-placeholder{aspect-ratio:1;border:1px solid var(--line);background:linear-gradient(90deg, #722f371a 1px, transparent 1px), linear-gradient(#722f371a 1px, transparent 1px), var(--surface);width:132px;color:var(--primary-dark);background-size:18px 18px;border-radius:8px;place-items:center;font-weight:900;display:grid}.auth-demo-link{text-align:center;margin-top:-2px}.auth-demo-link a,.auth-card .chinese a{color:var(--primary-dark);text-underline-offset:3px;font-weight:800;text-decoration:underline}.auth-reserved-provider{color:var(--muted);background:#fbf6ee;border:1px dashed #d8c7bc;border-radius:8px;gap:3px;padding:10px;display:grid}.auth-reserved-provider strong{color:var(--primary-dark);font-size:13px}.auth-reserved-provider span{font-size:12px;line-height:1.45}.field{gap:6px;display:grid}.field span{color:var(--muted);font-size:13px}.field input,.field select,.field textarea{border:1px solid var(--line);background:var(--surface);width:100%;min-height:44px;color:var(--text);border-radius:8px;padding:10px 12px}.feedback-preview{border:1px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere;width:100%;max-width:100%;color:var(--text);background:#fbf6ee;border-radius:8px;margin:12px 0;padding:12px;font-size:13px;line-height:1.55;overflow:auto}.landing-shell{width:100%;max-width:520px;min-height:100dvh;margin:0 auto;padding:18px 16px 32px}.landing-hero{padding:6px 0 18px}.brand-lockup{align-items:center;gap:10px;margin-bottom:14px;font-weight:800;display:flex}.brand-logo{width:min(192px,52vw);height:auto;display:block}.landing-title{text-wrap:balance;max-width:100%;margin:8px 0 0;font-size:32px;line-height:1.1}.landing-copy{color:var(--muted);margin:14px 0 0;font-size:16px;line-height:1.58}.landing-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:18px;display:grid}.landing-actions .btn{text-align:center;overflow-wrap:anywhere;min-height:54px;padding:6px 10px;font-size:16px;line-height:1.2}.landing-task{margin-top:6px;padding:16px}.landing-habit-preview{margin:8px 0;padding:16px}.habit-chip-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.habit-chip{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;align-content:center;gap:2px;min-width:0;min-height:58px;padding:8px;display:grid}.habit-chip span{color:var(--primary-dark);font-size:12px;font-weight:900}.habit-chip strong{overflow-wrap:anywhere;font-size:13px;line-height:1.2}.trial-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px;display:grid}.today-action-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.action-step-link{background:var(--surface-soft);min-width:0;min-height:64px;color:var(--primary-dark);text-align:center;border-radius:8px;place-items:center;gap:3px;padding:8px 6px;font-size:12px;font-weight:700;line-height:1.2;display:grid}.action-step-link svg{color:var(--primary)}.action-step-link span,.action-step-link small{overflow-wrap:anywhere;max-width:100%}.action-step-link small{color:var(--muted);font-size:11px;font-weight:700}.value-grid{gap:10px;margin-top:12px;display:grid}.value-card{gap:6px;padding:14px;display:grid}.value-card svg{color:var(--primary)}.landing-footer-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.onboarding-shell{padding-bottom:32px}.onboarding-form{gap:14px;margin-top:14px;display:grid}.choice-fieldset{border:0;min-width:0;margin:0;padding:0}.choice-fieldset legend{color:var(--muted);margin-bottom:8px;font-size:13px}.choice-grid{gap:8px;display:grid}.choice-card{border:1px solid var(--line);background:var(--surface);border-radius:8px;grid-template-columns:auto minmax(0,1fr);gap:10px;min-width:0;padding:12px;display:grid}.choice-card input{margin-top:3px}.choice-card span,.choice-card small{min-width:0;display:grid}.choice-card small{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.4}.segmented-control{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.segmented-control label{min-width:0}.segmented-control input{opacity:0;pointer-events:none;position:absolute}.segmented-control span{border:1px solid var(--line);background:var(--surface);min-height:42px;color:var(--text);text-align:center;border-radius:8px;place-items:center;font-size:13px;font-weight:700;display:grid}.segmented-control input:checked+span{border-color:var(--primary);background:var(--surface-soft);color:var(--primary-dark)}.profile-grid{grid-template-columns:1fr;gap:10px;display:grid}.profile-tile{padding:12px}.profile-tile span{color:var(--muted);font-size:12px;display:block}.profile-tile strong{overflow-wrap:anywhere;margin-top:4px;display:block}.record-dock{gap:8px;margin-top:18px;display:grid;position:sticky;bottom:88px}.record-button{background:var(--accent);color:#fff;border-radius:8px;min-height:58px;margin-top:10px;font-weight:800}.desktop-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;display:grid}.page-density{--density-gap:10px;--density-pad:12px}.page-density-calm{--density-gap:12px;--density-pad:14px}.page-density-dense{--density-gap:8px;--density-pad:10px}.density-section-calm,.density-section-regular,.density-section-dense{gap:var(--density-gap,10px);display:grid}.density-card-calm,.density-card-regular,.density-card-dense{padding:var(--density-pad,12px)}.progressive-segmented,.progressive-disclosure-group,.progressive-reveal-list{gap:var(--density-gap,10px);min-width:0;display:grid}.progressive-tab-list{z-index:4;border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f5f0e8f0;border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(76px,1fr));gap:6px;padding:6px;display:grid;position:sticky;top:0}.progressive-tab{min-width:0;min-height:42px;color:var(--muted);text-align:center;overflow-wrap:anywhere;background:0 0;border-radius:7px;place-items:center;padding:5px 8px;line-height:1.15;display:grid}.progressive-tab span,.progressive-tab small{min-width:0;max-width:100%}.progressive-tab span{font-size:13px;font-weight:800}.progressive-tab small{color:inherit;font-size:11px;font-weight:700}.progressive-tab.active{background:var(--primary);color:#fff}.progressive-panel{min-width:0}.progressive-disclosure-item{border:1px solid var(--line);background:var(--surface);border-radius:8px;min-width:0;box-shadow:0 1px #3d28170d}.progressive-disclosure-item summary{min-width:0;min-height:48px;padding:var(--density-pad,12px);cursor:pointer;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;list-style:none;display:grid}.progressive-disclosure-item summary::-webkit-details-marker{display:none}.progressive-summary-copy{gap:3px;min-width:0;display:grid}.progressive-summary-copy strong,.progressive-summary-copy small{overflow-wrap:anywhere;min-width:0}.progressive-summary-copy small{color:var(--muted);font-size:12px;line-height:1.35}.progressive-summary-meta{min-width:0;color:var(--primary-dark);align-items:center;gap:6px;display:inline-flex}.progressive-summary-meta svg{flex:none;transition:transform .18s}.progressive-disclosure-item[open] .progressive-summary-meta svg{transform:rotate(180deg)}.progressive-disclosure-body{border-top:1px solid var(--line);min-width:0;padding:0 var(--density-pad,12px) var(--density-pad,12px)}.progressive-reveal-items{gap:var(--density-gap,10px);min-width:0;display:grid}.progressive-reveal-item{min-width:0}.progressive-reveal-button{border:1px solid var(--line);background:var(--surface);width:100%;min-width:0;min-height:44px;color:var(--primary-dark);overflow-wrap:anywhere;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:13px;font-weight:800;display:inline-flex}.progressive-reveal-button.secondary{color:var(--muted)}.progressive-reveal-button small{background:var(--surface-soft);min-width:24px;height:24px;color:var(--primary-dark);border-radius:999px;place-items:center;display:inline-grid}@media (min-width:760px){.mobile-shell{padding-top:24px}.admin-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bottom-tabs{border-right:1px solid var(--line);border-left:1px solid var(--line);width:520px;left:50%;right:auto;transform:translate(-50%)}}