:root{--background:#f4f7f5;--card:#fff;--muted-card:#edf3f0;--text:#20312b;--muted:#687771;--weak:#94a19c;--accent:#4f7f6e;--accent-strong:#3e6c5c;--accent-soft:#dfede7;--accent-pale:#f0f6f3;--line:#26463a1c;--danger:#b05248;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:radial-gradient(circle at 12% -8%, #bbdacd57, transparent 34rem), var(--background);min-height:100%;color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,Hiragino Sans GB,Noto Sans CJK SC,Microsoft YaHei,sans-serif}button,input{font:inherit}button{cursor:pointer;transition:background-color .16s,border-color .16s,color .16s,transform .16s}button:disabled{cursor:default;opacity:.45}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.onboarding-shell,.center-state{place-items:center;min-height:100dvh;padding:24px;display:grid}.welcome-card{border:1px solid var(--line);text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;border-radius:28px;width:min(100%,440px);padding:44px 30px 32px;box-shadow:0 22px 64px #2c493e17}.house-mark,.wangma-avatar{background:var(--accent);color:#fff;border-radius:50%;place-items:center;font-weight:680;display:grid}.house-mark{border:6px solid var(--accent-soft);width:68px;height:68px;margin:0 auto 24px;font-size:27px;box-shadow:0 10px 26px #3f6c5c29}.house-mark svg{width:32px;height:32px;display:block}.eyebrow{color:var(--accent);letter-spacing:.22em;margin:0 0 9px;font-size:10px;font-weight:700}h1{letter-spacing:-.025em;margin:0;font-size:clamp(25px,7vw,34px);font-weight:680}.welcome-copy{color:var(--muted);margin:14px 0 32px;font-size:14px;line-height:1.7}.quiet-status,.connection-status{color:var(--muted);font-size:13px}.welcome-card form{text-align:left;gap:13px;display:grid}.welcome-card label{font-size:13px;font-weight:620}.welcome-card input,.chat-shell input{border:1px solid var(--line);background:var(--muted-card);width:100%;color:var(--text);outline:none;transition:border-color .16s,background-color .16s,box-shadow .16s}.welcome-card input:focus,.chat-shell input:focus{background:var(--card);border-color:#4f7f6e94;box-shadow:0 0 0 4px #4f7f6e1a}.welcome-card input{text-transform:uppercase;letter-spacing:.08em;border-radius:14px;height:52px;padding:0 16px}.welcome-card [aria-label=选择你的身份]{grid-template-columns:1fr 1fr;gap:10px;display:grid}.welcome-card button{background:var(--muted-card);min-height:50px;color:var(--text);border:1px solid #0000;border-radius:14px;font-weight:620}.welcome-card button:not(:disabled):active,.chat-shell section form button:not(:disabled):active{transform:scale(.98)}.welcome-card button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-strong);border-color:#4f7f6e7a;box-shadow:inset 0 0 0 1px #4f7f6e1a}.welcome-card button[type=submit]{background:var(--accent);color:#fff;margin-top:4px;box-shadow:0 10px 24px #3f6c5c30}.welcome-card button[type=submit]:not(:disabled):hover{background:var(--accent-strong)}[role=alert]{color:var(--danger);font-size:14px}.chat-shell{max-width:760px;min-height:100dvh;padding:max(20px, env(safe-area-inset-top)) 18px calc(92px + env(safe-area-inset-bottom));margin:0 auto}.app-shell{max-width:760px;min-height:100dvh;padding:max(28px, env(safe-area-inset-top)) 20px calc(96px + env(safe-area-inset-bottom));margin:0 auto}.page-header{padding:10px 2px 28px}.page-header h1{font-size:clamp(27px,7vw,36px)}.page-header>p:last-child{color:var(--muted);margin:10px 0 0;font-size:14px;line-height:1.65}.home-grid,.feature-grid{gap:13px;display:grid}.home-grid{grid-template-columns:1fr 1fr}.hero-card,.soft-card,.feature-card,.profile-card,.privacy-note{border:1px solid var(--line);background:#ffffffc7;box-shadow:0 12px 34px #2c493e0f}.hero-card,.soft-card,.feature-card{min-height:142px;color:inherit;border-radius:22px;flex-direction:column;gap:7px;padding:20px;text-decoration:none;display:flex}.hero-card{background:radial-gradient(circle at 86% 12%, #ffffff61, transparent 12rem), var(--accent);color:#fff;border-color:#4f7f6e1f;grid-column:1/-1;justify-content:flex-end;min-height:180px;box-shadow:0 18px 42px #3f6c5c2e}.hero-card:active,.feature-card-active:active{transform:scale(.985)}.hero-card strong,.soft-card strong,.feature-card strong,.profile-card strong,.privacy-note strong{font-size:18px}.hero-card small,.soft-card small,.feature-card span,.feature-card small,.profile-card small{line-height:1.55}.hero-card small{color:#ffffffc7}.soft-card small,.feature-card span,.profile-card small{color:var(--muted)}.card-kicker{color:var(--accent);letter-spacing:.08em;font-size:11px;font-weight:720}.hero-card .card-kicker{color:#ffffffc2}.feature-card{min-height:128px}.feature-card small{color:var(--weak);margin-top:auto;font-size:11px}.feature-card-active{background:var(--accent-pale);border-color:#4f7f6e38}.profile-card{border-radius:24px;align-items:center;gap:16px;padding:22px;display:flex}.profile-card>div:last-child{gap:5px;display:grid}.profile-avatar{background:var(--accent);color:#fff;border-radius:50%;flex:none;place-items:center;width:58px;height:58px;font-size:22px;font-weight:700;display:grid}.privacy-note{border-radius:22px;margin-top:14px;padding:20px}.privacy-note p{color:var(--muted);margin:8px 0 0;font-size:14px;line-height:1.65}.chat-header{justify-content:space-between;align-items:center;padding:8px 2px 22px;display:flex}.chat-header h1{font-size:23px}.wangma-avatar{border:5px solid var(--accent-soft);width:44px;height:44px;font-size:16px;box-shadow:0 8px 20px #3f6c5c24}.chat-shell section[aria-label=家庭聊天]{grid-template-rows:1fr auto;gap:18px;min-height:calc(100dvh - 180px);display:grid}.chat-shell ol{flex-direction:column;gap:14px;margin:0;padding:4px 0 18px;list-style:none;display:flex}.chat-shell li{align-self:flex-start;max-width:min(82%,520px)}.chat-shell li[data-mine=true]{text-align:right;align-self:flex-end}.chat-shell li>span{color:var(--muted);margin:0 10px 5px;font-size:11px;display:block}.chat-shell li p{background:var(--card);text-align:left;white-space:pre-wrap;border:1px solid #26463a12;border-radius:17px 17px 17px 5px;margin:0;padding:11px 15px;line-height:1.58;box-shadow:0 6px 18px #2c493e0e}.quoted-message{color:var(--muted);text-align:left;background:#4f7f6e13;border:0;border-left:3px solid #4f7f6e59;border-radius:9px;gap:3px;margin:0 0 5px;padding:8px 11px;font-size:11px;line-height:1.4;display:grid}.quoted-message strong,.quoted-message span{margin:0;display:block}.quoted-message span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.chat-shell li[data-mine=true] .quoted-message{background:var(--accent-soft);color:var(--accent-strong);border-left-color:#4f7f6e6b}.message-actions{padding:3px 7px 0;display:flex}.chat-shell li[data-mine=true] .message-actions{justify-content:flex-end}.message-actions button{color:var(--weak);background:0 0;border:0;padding:4px 5px;font-size:10px}.message-actions button:active{color:var(--accent)}.chat-shell li.message-end{width:1px;height:1px;min-height:1px;padding:0}.chat-shell li[data-mine=true] p{background:var(--accent);color:#fff;border-color:#0000;border-radius:17px 17px 5px}.chat-shell li[data-sender=wangma] p,.chat-shell li.wangma-typing p{background:var(--accent-pale);color:var(--accent-strong);border-color:#4f7f6e1a}.chat-shell li[data-sender=system]{align-self:center;max-width:92%}.chat-shell li[data-sender=system]>span{display:none}.chat-shell li[data-sender=system] p{box-shadow:none;color:var(--muted);text-align:center;background:0 0;border:0;font-size:12px}.chat-shell li.wangma-typing p{font-size:13px}.chat-shell section form{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;border-radius:20px;grid-template-columns:1fr auto;gap:8px;padding:7px;display:grid;position:sticky;bottom:72px;box-shadow:0 14px 34px #2c493e1a}.chat-shell input{border-radius:14px;height:46px;padding:0 14px}.chat-shell section form button{background:var(--accent);color:#fff;border:0;border-radius:14px;min-width:64px;font-weight:650}.chat-shell .send-error{text-align:left;grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;margin:0;padding:7px 8px 1px;display:flex}.reply-composer-preview{color:var(--muted);text-align:left;grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;padding:7px 9px 2px;display:flex}.reply-composer-preview>div{gap:2px;min-width:0;display:grid}.reply-composer-preview strong{color:var(--accent-strong);font-size:11px}.reply-composer-preview span{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.chat-shell .reply-composer-preview button{background:var(--muted-card);width:28px;min-width:28px;height:28px;color:var(--muted);border-radius:50%;padding:0;font-size:18px}.chat-shell .send-error button{min-width:auto;color:var(--danger);white-space:nowrap;background:#fff3ef;border:1px solid #b052482e;border-radius:10px;padding:7px 10px;font-size:12px}.bottom-nav{z-index:5;padding:12px 12px calc(10px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f4f7f5eb;border-top:1px solid #26463a14;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{min-height:42px;color:var(--weak);text-align:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:13px;place-items:center;font-size:12px;font-weight:560;text-decoration:none;display:grid}.bottom-nav a[aria-current=page]{background:var(--accent-pale);color:var(--accent);font-weight:700}.center-state{color:var(--muted);text-align:center}.center-state a{color:var(--accent)}::selection{background:var(--accent-soft);color:var(--text)}@media (min-width:700px){.bottom-nav{width:760px;left:auto;right:50%;transform:translate(50%)}}