:root{--wall:url(/chat-light.webp);--bg:#f7fafc;--header-bg:#f7fafcb8;--text:#253447;--text-soft:#5e7080;--text-faint:#8a99a8;--hairline:#788ea53d;--bubble-ai-bg:#eceef3;--bubble-ai-fg:#253447;--bubble-ai-line:transparent;--bubble-human-bg:#dfe5ee;--bubble-human-fg:#253447;--bubble-human-line:transparent;--accent:#4c6378;--accent-fg:#fff;--send-bg:#2c4056;--tick:#7e93a4;--think-flourish:#63798e85;--think-label:#6a7e8e;--think-body:#56697a;--glass-bg:#f4f8fa6b;--glass-line:#96a8b61f;--glass-shadow:0 10px 28px #465c6c0d;--field-bg:#f7fafceb;--field-line:#97a9b52e;--shadow:0 18px 46px #4a5d6c1a;--soft-shadow:0 14px 34px #56687614;--font-en:"Cormorant Garamond", Georgia, serif;--font-cn:"Noto Serif SC", "Songti SC", "STSong", "SimSun", serif;--header-h:clamp(56px, 10vw, 80px);--side-pad:clamp(16px, 4vw, 40px);--avatar-size:clamp(32px, 5vw, 42px);--bubble-radius:clamp(14px, 2vw, 20px);--composer-h:clamp(44px, 6vw, 60px);--composer-zone:calc(var(--composer-h) + 16px + env(safe-area-inset-bottom));--edge-fade-top:clamp(24px, 5vw, 52px);--edge-fade-tail:clamp(16px, 3vw, 30px);--motion-fast:.15s;--motion-normal:.26s;--ease-soft:cubic-bezier(.22, 1, .36, 1);--avatar-default:url(/avatar-sea.png)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{overscroll-behavior:none;height:100%;overflow:hidden}body{background:var(--bg);width:100%;color:var(--text);font-family:var(--font-cn);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:clamp(14px,1.45vw,16px);line-height:1.5;position:fixed;inset:0}#root{height:100%}.wall{z-index:0;background-color:var(--bg);background-image:var(--wall);background-position:50%;background-size:cover;width:100vw;height:100dvh;position:fixed;inset:0;transform:translateZ(0)}.wall:after{content:"";pointer-events:none;background:linear-gradient(#ffffff61,#ffffff1f 30%,#ffffff0a 68%,#ffffff38);position:absolute;inset:0}.app{z-index:1;flex-direction:column;width:min(100vw,600px);margin:0 auto;display:flex;position:fixed;inset:0;overflow:hidden}.header{z-index:10;height:var(--header-h);padding:0 var(--side-pad);background:var(--header-bg);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.header-pill{cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;flex-direction:column;align-items:flex-start;padding:0;line-height:1.15;display:flex}.header-title{color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;letter-spacing:0;text-shadow:0 1px 18px #ffffff4d;font-family:Songti SC,Noto Serif SC,STSong,SimSun,serif;font-size:clamp(17px,2.8vw,24px);font-weight:500}.header-status{color:var(--text-soft);font-size:clamp(11px,1.6vw,14px);font-family:var(--font-en), var(--font-cn);letter-spacing:0;margin-top:2px}.header-status.typing{color:#4f9fda;text-shadow:0 0 16px #4f9fda3d;font-weight:500}.chat-area{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;overflow-anchor:none;padding:clamp(14px, 2.4vw, 28px) var(--side-pad);padding-bottom:calc(var(--composer-zone) + 8px);-webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 var(--edge-fade-top), #000 calc(100% - var(--composer-zone)), transparent calc(100% - var(--composer-zone) + var(--edge-fade-tail)));-webkit-mask-image:linear-gradient(to bottom, transparent 0, #000 var(--edge-fade-top), #000 calc(100% - var(--composer-zone)), transparent calc(100% - var(--composer-zone) + var(--edge-fade-tail)));mask-image:linear-gradient(to bottom, transparent 0, #000 var(--edge-fade-top), #000 calc(100% - var(--composer-zone)), transparent calc(100% - var(--composer-zone) + var(--edge-fade-tail)));flex-direction:column;flex:1;gap:6px;display:flex;overflow:hidden auto}.welcome{text-align:center;color:var(--text-soft);padding:60px 20px}.welcome p{font-size:15px;font-family:var(--font-en);margin-bottom:6px;font-style:italic}.welcome .hint{color:var(--text-faint);font-size:12px}.msg-row{flex-direction:column;max-width:85%;margin-top:14px;display:flex;position:relative}.msg-row.user{align-self:flex-end;align-items:flex-end}.msg-row.assistant{padding-left:calc(var(--avatar-size) + 10px);align-self:flex-start;align-items:flex-start}.msg-row.user.grouped,.msg-row.assistant.grouped{margin-top:4px}.msg-row.assistant:not(.grouped):before{content:"";width:var(--avatar-size);height:var(--avatar-size);background-image:var(--avatar-default);background-position:50%;background-size:cover;border-radius:50%;flex-shrink:0;position:absolute;bottom:6px;left:0;box-shadow:0 8px 18px #182e4324}.bubble{border-radius:var(--bubble-radius);word-wrap:break-word;overflow-wrap:break-word;padding:clamp(8px,1.2vw,12px) clamp(13px,1.8vw,18px);font-size:15px;line-height:1.58;animation:.24s cubic-bezier(.2,.8,.2,1) both pop;position:relative;box-shadow:0 10px 28px #4e5e6c14}.bubble.user{background:var(--bubble-human-bg);color:var(--bubble-human-fg);border:0}.bubble.assistant{background:var(--bubble-ai-bg);color:var(--bubble-ai-fg);border:0}.msg-row.user.tail .bubble{border-bottom-right-radius:2px}.msg-row.assistant.tail .bubble{border-bottom-left-radius:2px}@keyframes pop{0%{opacity:.8;transform:translateY(5px)scale(.99)}to{opacity:1;transform:none}}.msg-row.enter-human .bubble{transform-origin:100% 100%;animation:.44s cubic-bezier(.34,1.46,.5,1) both enterHuman}.msg-row.enter-ai .bubble{transform-origin:0 100%;animation:.44s cubic-bezier(.34,1.46,.5,1) both enterAi}@keyframes enterHuman{0%{opacity:0;transform:translate(6px,9px)scale(.95)}55%{opacity:1}to{opacity:1;transform:none}}@keyframes enterAi{0%{opacity:0;transform:translate(-6px,9px)scale(.95)}55%{opacity:1}to{opacity:1;transform:none}}.chinese{color:inherit}.english{color:var(--text-soft);margin-top:4px;font-size:12px;font-style:italic}.bubble.streaming .chinese:after{content:"▊";color:var(--accent);animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.loading-dots{align-items:center;gap:3px;display:inline-flex}.loading-dots span{background:var(--text-faint);border-radius:50%;width:4px;height:4px;animation:1.25s ease-in-out infinite typingDot;display:inline-block}.loading-dots span:nth-child(2){animation-delay:.16s}.loading-dots span:nth-child(3){animation-delay:.32s}@keyframes typingDot{0%,70%,to{opacity:.4;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}.replay-btn{border:1px solid var(--hairline);color:var(--text-soft);cursor:pointer;background:0 0;border-radius:8px;margin-top:8px;padding:4px 12px;font-size:12px}.replay-btn:hover{color:var(--accent);border-color:var(--accent)}.input-area{z-index:100;width:min(100vw,600px);padding:0 var(--side-pad) clamp(10px, 1.6vw, 18px);padding-bottom:calc(clamp(10px, 1.6vw, 18px) + env(safe-area-inset-bottom));background:0 0;border:none;align-items:center;gap:clamp(6px,1vw,12px);margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.input-field{background:var(--field-bg);border:1px solid var(--field-line);min-height:clamp(42px,5.5vw,56px);box-shadow:var(--shadow);border-radius:999px;flex:auto;align-items:center;gap:clamp(4px,.8vw,10px);padding:clamp(4px,.6vw,8px) clamp(8px,1.2vw,14px) clamp(4px,.6vw,8px) clamp(10px,1.5vw,16px);transition:border-color .2s;display:flex}.input-field:focus-within{border-color:var(--accent)}.chat-input{resize:none;color:var(--text);font-family:var(--font-en), var(--font-cn);background:0 0;border:none;outline:none;flex:auto;max-height:110px;margin:0;padding:6px 0;font-size:clamp(15px,2vw,18px);line-height:1.35}.chat-input::placeholder{color:var(--text-faint);opacity:1}.chat-input:disabled{opacity:.5}.chat-input:focus,.chat-input:focus-visible{outline:none}.send-btn{background:var(--send-bg);color:#fff;cursor:pointer;border:none;border-radius:50%;flex:none;place-items:center;width:clamp(36px,5vw,48px);height:clamp(36px,5vw,48px);padding:0;transition:transform .15s,opacity .2s;display:grid;box-shadow:0 16px 32px #293c4e38}.send-btn:hover{opacity:.9}.send-btn:active{transform:scale(.96)}.send-btn:disabled{opacity:.35;cursor:default}.send-btn svg{width:clamp(20px,2.8vw,26px);height:clamp(20px,2.8vw,26px);display:block}.settings-backdrop{-webkit-backdrop-filter:blur(4px);z-index:100;animation:fadeIn var(--motion-normal) var(--ease-soft);background:#00000040;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.settings-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-line);width:300px;max-width:90vw;box-shadow:var(--glass-shadow);animation:slideUp .25s var(--ease-soft);border-radius:20px;padding:24px}.settings-panel h3{font-size:15px;font-weight:500;font-family:var(--font-en);color:var(--text);letter-spacing:.04em;margin-bottom:16px}.settings-row{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.settings-row:last-of-type{border-bottom:none}.settings-label{color:var(--text-soft);font-size:13px}.settings-value{color:var(--accent);font-size:13px;font-weight:500}.settings-row.dim .settings-value{color:var(--text-soft)}.settings-select{color:var(--accent);border:1px solid var(--hairline);cursor:pointer;background:#f7fafc99;border-radius:8px;outline:none;padding:6px 10px;font-family:inherit;font-size:13px}.settings-select:focus{border-color:var(--accent)}.settings-section{margin-bottom:14px}.wall-picker{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.wall-color-dot{cursor:pointer;color:var(--text-soft);background:0 0;border:2px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:3px;font-family:inherit;font-size:11px;transition:border-color .15s;display:flex;position:relative}.wall-color-dot:hover{border-color:var(--hairline)}.wall-color-dot.active{border-color:var(--accent)}.wall-color-dot:before{content:"";background:inherit;border:1px solid var(--hairline);border-radius:8px;width:48px;height:48px;display:block}.wall-color-dot.custom:before{background:#f0f0f0}.wall-color-dot .plus{color:var(--text-faint);pointer-events:none;font-size:18px;line-height:1;position:absolute;top:16px}.wall-color-input{opacity:0;cursor:pointer;position:absolute;inset:0}.settings-close{border:1px solid var(--hairline);width:100%;color:var(--text-soft);cursor:pointer;background:0 0;border-radius:10px;margin-top:16px;padding:10px;font-family:inherit;font-size:14px}.settings-close:hover{color:var(--text);border-color:var(--text-faint)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.switcher-pill{border:1px solid var(--hairline);-webkit-backdrop-filter:blur(8px);color:var(--text-soft);cursor:pointer;transition:border-color var(--motion-fast) var(--ease-soft);background:#f7fafc99;border-radius:20px;align-items:center;gap:3px;padding:4px 10px;font-family:inherit;font-size:12px;display:flex}.switcher-pill:hover{border-color:var(--accent)}.switcher-provider{color:var(--text);font-weight:500}.switcher-sep{color:var(--text-faint)}.switcher-tier{color:var(--text-soft)}.switcher-arrow{color:var(--text-faint);margin-left:2px;font-size:10px}.sheet-backdrop{-webkit-backdrop-filter:blur(4px);z-index:100;animation:fadeIn var(--motion-normal) var(--ease-soft);background:#00000040;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-line);width:min(100vw,600px);padding:12px var(--side-pad) calc(20px + env(safe-area-inset-bottom));box-shadow:var(--glass-shadow);animation:sheetUp .3s var(--ease-soft);border-bottom:none;border-radius:20px 20px 0 0}.sheet-handle{background:var(--hairline);border-radius:2px;width:36px;height:4px;margin:0 auto 16px}.sheet-section{margin-bottom:18px}.sheet-section:last-child{margin-bottom:0}.sheet-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-family:var(--font-en);margin-bottom:8px}.sheet-options{flex-wrap:wrap;gap:8px;display:flex}.sheet-chip{border:1px solid var(--hairline);color:var(--text-soft);font-size:14px;font-family:var(--font-cn);cursor:pointer;transition:all var(--motion-fast) var(--ease-soft);background:0 0;border-radius:12px;padding:8px 16px}.sheet-chip:hover{border-color:var(--accent);color:var(--text)}.sheet-chip.active{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.sheet-chip:disabled{opacity:.3;cursor:default}@keyframes sheetUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.newmsg-pill{z-index:90;left:50%;bottom:calc(clamp(78px, 13vw, 96px) + env(safe-area-inset-bottom));color:#fff;font-family:var(--font-en), var(--font-cn);letter-spacing:.01em;-webkit-backdrop-filter:blur(10px)saturate(1.2);cursor:pointer;opacity:0;pointer-events:none;background:#222e3c85;border:none;border-radius:999px;align-items:center;gap:5px;padding:7px 14px 7px 11px;font-size:13px;line-height:1;transition:opacity .2s,transform .28s cubic-bezier(.22,1,.36,1);display:inline-flex;position:fixed;transform:translate(-50%)translateY(8px);box-shadow:0 8px 24px #121c2842}.newmsg-pill.show{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.newmsg-pill svg{flex:none;width:14px;height:14px}.chat-area::-webkit-scrollbar{width:0;height:0}