.chat-page{height:100dvh;overflow:hidden;display:flex;background:#fff}.chat-sidebar{width:284px;flex:none;background:#f3f4ec;border-right:1px solid #e2e5da;padding:28px 22px;display:flex;flex-direction:column;gap:25px}.chat-sidebar .brand-name{font-size:23px}.chat-sidebar .brand-symbol{width:39px;height:39px}.chat-sidebar .button{justify-content:center;font-size:14px}.history-label{font-size:10px;margin:10px 0 -10px;color:#6b7b72;letter-spacing:1.4px}#history{overflow:auto;flex:1}#history button{display:block;border:0;background:none;text-align:left;padding:12px;width:100%;font:inherit;font-size:13px;color:#4b6257;border-radius:8px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor:pointer}#history button.active{background:#e3e9dc;color:#173e34}#history button:hover{background:#e8ecdf}.sidebar-bottom{border-top:1px solid #dce1d4;padding-top:20px;font-size:12px}.sidebar-bottom a{display:block;margin:10px 0}.sidebar-bottom p{color:#718077;font-size:11px;line-height:1.7}.sidebar-bottom button{border:0;background:transparent;padding:0;color:#5b6b61;font-size:11px;text-decoration:underline;cursor:pointer}.chat-main{flex:1;min-width:0;display:flex;flex-direction:column;height:100dvh}.chat-topbar{height:87px;padding:0 34px;border-bottom:1px solid #eceee6;display:flex;align-items:center;gap:16px;flex:none}.chat-identity{display:flex;align-items:center;gap:12px}.chat-identity img{width:40px;height:40px;object-fit:cover;border-radius:50%}.chat-identity strong{display:block;font-size:14px}.chat-identity small{display:block;font-size:11px;color:#7a817a;margin-top:4px}.mode-label{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:11px;color:#6a7b72}.mode-label select{border:1px solid #dce2d5;border-radius:20px;background:#fbfcf8;padding:9px 25px 9px 12px;font:inherit;font-size:12px;color:var(--ink);max-width:205px}.back-home{font-size:23px}.sidebar-toggle{display:none}.mode-banner{text-align:center;font-size:11px;padding:9px 20px;background:#faf9f2;color:#6b705c;flex:none}.conversation-scroll{overflow-y:auto;flex:1;scroll-behavior:smooth}.chat-welcome{text-align:center;max-width:760px;margin:55px auto 30px;padding:0 36px}.welcome-mark{display:inline-grid;place-items:center;width:57px;height:57px;background:#eaf0df;border-radius:50%;font-size:38px;color:#587b51;margin-bottom:17px}.chat-welcome .eyebrow{font-size:10px;letter-spacing:2px}.chat-welcome h1{font-size:49px;line-height:1.13;letter-spacing:-2px;margin:15px 0 19px}.chat-welcome h1 em{font-style:normal;color:#6e8565}.chat-welcome>p:not(.eyebrow){font-size:14px;color:#748077;line-height:1.8}.suggestion-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:34px;text-align:left}.suggestion-grid button{padding:20px;border:1px solid #e4e8dc;background:#fbfcf8;border-radius:13px;text-align:left;color:var(--ink);cursor:pointer;font:inherit;transition:.2s}.suggestion-grid button:hover{border-color:#a9bb97;background:#f2f6e9;transform:translateY(-2px)}.suggestion-grid span{display:block;font-size:13px;font-weight:600}.suggestion-grid small{display:block;font-size:11px;margin-top:8px;color:#7a8677}.messages{max-width:820px;margin:0 auto;padding:30px 42px}.message{margin-bottom:30px}.message.user{display:flex;justify-content:flex-end}.message.user .message-content{max-width:85%;background:#edf1e7;border-radius:18px 18px 4px 18px;padding:14px 20px}.message-content{white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.85}.reply-label{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#7e896f;margin-bottom:10px;display:flex;gap:8px;align-items:center}.reply-label img{height:25px;width:25px;border-radius:50%;object-fit:cover}.reply-actions{margin-top:12px;display:flex;gap:10px}.reply-actions button,.clarify button{font:inherit;font-size:12px;padding:7px 12px;border:1px solid #dce2d5;border-radius:18px;color:#56674f;background:#fff;cursor:pointer}.clarify{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.composer-area{max-width:900px;width:100%;margin:auto;padding:10px 42px 18px;flex:none}.composer{display:flex;align-items:flex-end;gap:12px;border:1px solid #d5ddce;border-radius:20px;background:white;padding:15px 15px 15px 20px;box-shadow:0 5px 25px #244e3510}.composer:focus-within{border-color:#789269;box-shadow:0 0 0 3px #93a98020}.composer textarea{resize:none;flex:1;min-width:0;max-height:150px;border:0;outline:0;background:none;font:inherit;font-size:14px;line-height:1.6;color:var(--ink);padding:3px 0}.send-button{width:36px;height:36px;border:0;background:#244b3d;border-radius:50%;color:white;font-size:24px;cursor:pointer;flex:none}.send-button:disabled{opacity:.4;cursor:wait}.composer-note{font-size:10px;text-align:center;color:#889080;margin:12px 0 0;line-height:1.6}.composer-note button{border:0;background:transparent;font:inherit;text-decoration:underline;color:inherit;cursor:pointer}#chat-status{font-size:12px;color:#7c674a;margin:0 0 9px;text-align:center;min-height:18px}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden}.drawer-shade{display:none} @media(min-width:1500px){.chat-welcome{margin-top:85px}.chat-sidebar{width:310px;padding:32px 27px}}
@media(max-width:1000px){.chat-sidebar{width:240px;padding:24px 17px}.chat-topbar{padding:0 22px}.chat-identity small{display:none}.mode-label>span{display:none}.chat-welcome{margin-top:35px}.chat-welcome h1{font-size:43px}.composer-area{padding:10px 25px 17px}.messages{padding:25px}}
@media(max-width:720px){.chat-sidebar{position:fixed;top:0;bottom:0;left:0;width:280px;z-index:41;transform:translateX(-100%);transition:transform .2s}.chat-page.drawer-open .chat-sidebar{transform:translateX(0)}.chat-page.drawer-open .drawer-shade{display:block;position:fixed;inset:0;border:0;background:#122b2566;z-index:40}.chat-topbar{height:70px;padding:0 16px;gap:11px}.sidebar-toggle{display:block;background:none;border:0;color:var(--ink);font-size:21px;padding:4px;cursor:pointer}.chat-identity img{width:32px;height:32px}.chat-identity strong{font-size:12px}.mode-label select{font-size:10px;max-width:147px;padding:8px}.back-home{display:none}.mode-banner{font-size:10px;padding:8px 15px;line-height:1.5}.chat-welcome{padding:0 22px;margin:26px auto 20px}.welcome-mark{height:42px;width:42px;font-size:29px;margin-bottom:9px}.chat-welcome h1{font-size:38px;letter-spacing:-1.5px;margin:10px 0 14px}.chat-welcome>p:not(.eyebrow){font-size:12px}.suggestion-grid{gap:9px;margin-top:25px}.suggestion-grid button{padding:15px 12px;min-height:94px}.suggestion-grid span{font-size:12px}.suggestion-grid small{font-size:10px;line-height:1.5}.messages{padding:22px 20px}.message-content{font-size:14px}.composer-area{padding:5px 14px max(12px,env(safe-area-inset-bottom))}.composer{padding:12px 10px 12px 15px;border-radius:17px;gap:7px}.composer textarea{font-size:16px}.composer-note{font-size:9px;margin-top:9px}.message.user .message-content{max-width:92%}.chat-identity{gap:7px}}
html[lang="zh-CN"] .chat-welcome h1{font-size:46px;line-height:1.45;letter-spacing:.01em}
html[lang="zh-CN"] .message-content{line-height:2}
@media(max-width:720px){html[lang="zh-CN"] .chat-welcome h1{font-size:34px}html[lang="zh-CN"] .mode-label select{max-width:145px}html[lang="zh-CN"] .chat-identity strong{white-space:nowrap}}
.mode-pill{font-size:11px;background:#f2f4eb;border:1px solid #e2e7d8;border-radius:22px;padding:7px 13px;white-space:nowrap}.chat-read-first{display:inline-block;margin-top:27px;font-size:12px;text-decoration:underline;text-underline-offset:5px;color:#74836a}.reply-source{display:block;margin-top:17px;font-size:12px;color:#59764c;text-decoration:underline;text-underline-offset:4px;line-height:1.8}.chat-welcome{margin-top:32px}.chat-welcome h1{font-size:45px}html[lang="zh-CN"] .chat-welcome h1{font-size:42px}.suggestion-grid{margin-top:25px}.mode-label>.language-button{font-size:11px;display:inline-block} @media(max-width:720px){.mode-pill{font-size:10px;padding:6px 9px}.mode-label{gap:6px}.chat-topbar{gap:9px;padding:0 13px}.chat-read-first{font-size:11px;margin-top:22px}.chat-welcome{margin-top:25px}.chat-welcome h1{font-size:36px}html[lang="zh-CN"] .chat-welcome h1{font-size:clamp(27px,8vw,33px)}.mode-banner{font-size:10px}.chat-identity strong{font-size:11px}.chat-identity img{width:29px;height:29px}.chat-topbar .language-button{min-width:30px;padding:4px 6px}.chat-welcome>p:not(.eyebrow){font-size:12px}}