:root{--bg:#f3efe6;--bg-deep:#e7e0d2;--ink:#1c2430;--muted:#5c6675;--accent:#0f6a5c;--accent-soft:#d7ebe6;--bubble-user:#0f6a5c;--bubble-assistant:#fff;--danger:#b42318;--line:#1c24301f;--shadow:0 10px 30px #1c243014;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);color:var(--ink);background:var(--bg);font-family:Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#app{height:100%;min-height:100%;margin:0}body{background:radial-gradient(circle at 0 0,#0f6a5c1f,#0000 40%),linear-gradient(#f7f3eb 0%,#efe7d8 100%)}button,textarea,input{font:inherit}button{cursor:pointer}.app-shell{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff59;flex-direction:column;max-width:480px;height:100%;min-height:100%;margin:0 auto;display:flex}.topbar{padding:calc(10px + var(--safe-top)) 12px 10px;border-bottom:1px solid var(--line);z-index:5;background:#f3efe6eb;align-items:center;gap:8px;display:flex;position:sticky;top:0}.topbar h1{text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-size:1rem;font-weight:650;overflow:hidden}.icon-btn,.primary-btn,.ghost-btn,.danger-btn{border:0;border-radius:12px;min-height:40px;padding:0 12px}.icon-btn{background:var(--bg-deep);color:var(--ink);min-width:40px}.primary-btn{background:var(--accent);color:#fff}.ghost-btn{color:var(--accent);background:0 0;border:1px solid #0f6a5c40}.danger-btn{color:var(--danger);background:0 0}.tabbar{padding:8px 12px calc(8px + var(--safe-bottom));border-top:1px solid var(--line);background:#f3efe6f2;grid-template-columns:1fr 1fr;gap:8px;display:grid}.tabbar a{text-align:center;color:var(--muted);background:0 0;border-radius:14px;padding:12px 8px;font-weight:600;text-decoration:none}.tabbar a.router-link-active{color:var(--accent);background:var(--accent-soft)}.page{flex-direction:column;flex:1;min-height:0;display:flex}.messages{flex-direction:column;flex:1;gap:12px;padding:16px 12px;display:flex;overflow-y:auto}.ghost-btn.active{background:var(--accent-soft)}.bubble{word-break:break-word;max-width:88%;box-shadow:var(--shadow);border-radius:18px;padding:12px 14px}.bubble.user{background:var(--bubble-user);color:#fff;white-space:pre-wrap;border-bottom-right-radius:6px;align-self:flex-end}.bubble.assistant{background:var(--bubble-assistant);border-bottom-left-radius:6px;align-self:flex-start}.bubble.assistant.pending{color:var(--muted)}.activity-line{color:var(--muted);font-size:.9rem;font-style:italic}.activity-line.subtle,.thinking-wrap{margin-bottom:8px}.thinking-toggle{background:var(--accent-soft);color:var(--accent);border:0;border-radius:999px;min-height:28px;padding:4px 10px;font-size:.8rem}.thinking-text{white-space:pre-wrap;max-height:160px;color:var(--muted);background:var(--bg);border-radius:10px;margin:8px 0 0;padding:8px 10px;font-size:.82rem;line-height:1.45;overflow:auto}.bubble-md>:first-child{margin-top:0}.bubble-md>:last-child{margin-bottom:0}.bubble-md p,.bubble-md ul,.bubble-md ol{margin:.45em 0}.bubble-md h1,.bubble-md h2,.bubble-md h3{margin:.6em 0 .35em;line-height:1.3}.bubble-md h1{font-size:1.25rem}.bubble-md h2{font-size:1.15rem}.bubble-md h3{font-size:1.05rem}.bubble-md strong{font-weight:700}.bubble-md pre{color:#f3efe6;background:#1c2430;border-radius:10px;padding:10px;overflow-x:auto}.bubble-md code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em}.bubble-md :not(pre)>code{background:var(--bg-deep);border-radius:6px;padding:.1em .35em}.bubble-md a{color:var(--accent)}.composer{border-top:1px solid var(--line);background:#ffffffb3;gap:8px;padding:10px 12px;display:flex}.composer textarea{resize:none;border:1px solid var(--line);background:#fff;border-radius:14px;flex:1;min-height:44px;max-height:120px;padding:10px 12px}.drawer-mask{z-index:20;background:#10161e59;position:fixed;inset:0}.drawer{z-index:21;width:min(86vw,320px);box-shadow:var(--shadow);padding-top:var(--safe-top);background:#f7f3eb;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.drawer header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 12px;display:flex}.drawer ul{flex:1;margin:0;padding:8px;list-style:none;overflow-y:auto}.drawer li{border-radius:12px;align-items:center;gap:8px;padding:12px;display:flex}.drawer li.active{background:var(--accent-soft)}.drawer li button.title{text-align:left;color:inherit;background:0 0;border:0;flex:1;padding:0}.muted{color:var(--muted);font-size:.85rem}.empty{text-align:center;color:var(--muted);margin:auto;padding:24px}.token-setup-body{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex}.token-setup-body input{border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px}.token-setup-body .primary-btn{align-self:flex-start}.drawer-action{flex-shrink:0;min-height:32px;padding:0 8px;font-size:.85rem}.doc-list{flex:1;margin:0;padding:12px;list-style:none;overflow-y:auto}.doc-list li{box-shadow:var(--shadow);background:#fff;border-radius:16px;margin-bottom:10px;padding:14px}.doc-item{align-items:center;gap:8px;display:flex}.doc-open{text-align:left;color:inherit;background:0 0;border:0;flex:1;padding:0}.doc-title{font-weight:650}.doc-article{background:#ffffffb3;flex:1;padding:16px;overflow-y:auto}.doc-article h1,.doc-article h2,.doc-article h3{line-height:1.25}.doc-article pre{color:#f3efe6;background:#1c2430;border-radius:12px;padding:12px;overflow-x:auto}.doc-article code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.error-banner{color:var(--danger);background:#fde8e6;border-radius:12px;margin:8px 12px 0;padding:10px 12px}