:root{--bg-0: #eefbf1;--bg-1: #dbf4e3;--bg-2: #d5f2ff;--ink-strong: #133c2c;--ink-main: #1d5942;--ink-soft: #4f7b67;--surface: rgba(255, 255, 255, .86);--surface-strong: rgba(255, 255, 255, .94);--line: rgba(31, 109, 76, .18);--brand: #2f9f66;--brand-deep: #1f7f4f;--accent: #4c98d9;--user-bubble: #e1f1ff;--ai-bubble: #e9f9ef;--shadow: 0 12px 34px rgba(25, 90, 63, .12);--radius-lg: 20px;--radius-md: 14px;--radius-sm: 10px;color:var(--ink-strong);font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.58;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;background:radial-gradient(1100px 560px at 12% 9%,var(--bg-1) 0%,transparent 68%),radial-gradient(900px 520px at 84% 14%,var(--bg-2) 0%,transparent 66%),linear-gradient(155deg,var(--bg-0),#f8fff9 50%,#f2fcff 100%)}h1,h2,p{margin:0}.site-shell{position:relative;display:flex;flex-direction:column;min-height:100vh;overflow:hidden}.ambient{position:fixed;z-index:-1;width:380px;height:380px;filter:blur(36px);pointer-events:none;opacity:.52}.ambient-a{top:-120px;left:-100px;background:#8be5aa;animation:driftA 11s ease-in-out infinite}.ambient-b{right:-90px;top:8%;background:#9ed8ff;animation:driftB 12s ease-in-out infinite}@keyframes driftA{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(16px) scale(1.08)}}@keyframes driftB{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}.site-main{width:min(1120px,100%);margin:0 auto;flex:1}.site-footer{width:min(1120px,calc(100% - 24px));margin:0 auto 14px;padding:14px 18px;border-radius:var(--radius-md);border:1px solid var(--line);background:var(--surface-strong);text-align:center;color:var(--ink-soft);font-size:14px;box-shadow:var(--shadow)}.home-wrap{position:relative;min-height:100%;padding:56px 20px 34px}.petal{position:absolute;border-radius:999px;pointer-events:none;filter:blur(.2px)}.petal-a{top:34px;right:10%;width:64px;height:26px;background:linear-gradient(120deg,#a3ebbdc2,#84d4a24d);transform:rotate(-16deg);animation:floatLeaf 7s ease-in-out infinite}.petal-b{top:116px;left:9%;width:46px;height:18px;background:linear-gradient(120deg,#c2f1d1cc,#84d4a247);transform:rotate(16deg);animation:floatLeaf 6.4s ease-in-out infinite reverse}.petal-c{top:38%;right:24%;width:38px;height:14px;background:linear-gradient(120deg,#bde9ffbf,#74aef138);transform:rotate(-26deg);animation:floatLeaf 8s ease-in-out infinite}@keyframes floatLeaf{0%,to{transform:translateY(0) rotate(-10deg)}50%{transform:translateY(12px) rotate(10deg)}}.home-header{max-width:760px;margin:0 auto 28px;text-align:center}.hero-kicker{display:inline-block;margin-bottom:12px;padding:5px 12px;border-radius:999px;border:1px solid rgba(48,153,102,.25);background:#e6fdeed1;color:var(--brand-deep);font-size:13px;letter-spacing:.04em}.home-header h1{font-size:clamp(34px,5.2vw,56px);line-height:1.08;letter-spacing:.02em}.hero-desc{margin:14px auto 0;font-size:clamp(16px,2.2vw,19px);color:var(--ink-soft);max-width:720px}.app-grid{max-width:980px;margin:0 auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.app-card{position:relative;text-decoration:none;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:26px 22px;color:var(--ink-strong);box-shadow:var(--shadow);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}.card-badge{display:inline-block;margin-bottom:10px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;color:var(--brand-deep);background:#a5ecbf70}.app-card h2{font-size:clamp(24px,3.1vw,32px);margin-bottom:10px}.app-card p{color:var(--ink-soft);margin-bottom:16px}.app-card span{font-weight:700;color:var(--brand-deep)}.app-card:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 20px 34px #195a3f2b;border-color:#29926273}.home-note{max-width:980px;margin:18px auto 0;text-align:center;color:#4d7f67;font-size:14px}.page-wrap{max-width:980px;margin:0 auto;height:100%;padding:24px 20px;display:grid;grid-template-rows:auto 1fr auto;gap:14px}.chat-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:14px 16px;box-shadow:var(--shadow)}.chat-header h1{margin-bottom:6px;font-size:clamp(24px,3vw,34px)}.chat-id{font-size:13px;color:var(--ink-soft)}.back-link{text-decoration:none;min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:var(--radius-sm);border:1px solid rgba(49,144,99,.5);background:#effff7bf;color:var(--brand-deep);font-weight:700}.message-list{overflow-y:auto;background:var(--surface-strong);border:1px solid var(--line);border-radius:var(--radius-md);padding:16px;min-height:380px;max-height:calc(100vh - 310px);box-shadow:var(--shadow)}.message-item{display:flex;align-items:flex-end;gap:10px;margin-bottom:14px}.ai-item{justify-content:flex-start}.user-item{justify-content:flex-end}.bubble-wrap{max-width:min(74%,680px)}.sender-name{display:block;margin:0 6px 4px;font-size:12px;color:#507d69}.message-item p{margin:0;padding:10px 14px;border-radius:12px;white-space:pre-wrap;word-break:break-word}.ai-item p{background:var(--ai-bubble);color:#14563f;border-top-left-radius:4px}.user-item p{background:var(--user-bubble);color:#17517b;border-top-right-radius:4px}.avatar{width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:700;border:1px solid rgba(31,109,76,.25);flex-shrink:0}.ai-avatar{background:linear-gradient(130deg,#c8f1d5,#9fe1b8);color:#145239}.user-avatar{background:linear-gradient(130deg,#d2e9ff,#a6d0ff);color:#174d74}.composer{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:12px;box-shadow:var(--shadow)}.input-row{display:grid;grid-template-columns:1fr auto auto;gap:10px}.input-row input{width:100%;border:1px solid rgba(56,160,107,.35);border-radius:var(--radius-sm);padding:11px 12px;font-size:16px;color:var(--ink-main);background:#fcfffd}.input-row input:focus{outline:2px solid rgba(115,201,154,.66);outline-offset:1px}.input-row button{border:none;border-radius:var(--radius-sm);padding:0 18px;background:linear-gradient(120deg,var(--brand),var(--accent));color:#fff;font-size:15px;font-weight:700;cursor:pointer;min-height:44px}.input-row button:disabled{opacity:.5;cursor:not-allowed}.stop-button{background:linear-gradient(120deg,#9fa8b2,#7f8c97)!important}.error-text{color:#c64242;margin-bottom:8px}@media(max-width:1024px){.site-main{width:100%}.home-wrap{padding-top:42px}.app-grid{grid-template-columns:1fr;max-width:740px}}@media(max-width:768px){.home-wrap,.page-wrap{padding:16px 14px}.site-footer{width:calc(100% - 20px);margin-bottom:10px}.chat-header{flex-direction:column}.message-list{min-height:350px;max-height:calc(100vh - 330px)}.bubble-wrap{max-width:82%}}@media(max-width:520px){.home-header h1{font-size:34px}.hero-desc{font-size:16px}.input-row{grid-template-columns:1fr}.input-row button{width:100%}.avatar{width:34px;height:34px;font-size:13px}.bubble-wrap{max-width:90%}}@media(prefers-reduced-motion:reduce){.ambient,.petal,.app-card{animation:none!important;transition:none!important}}