:root{--ink:#24262b;--muted:#96999e;--blue:#3979e5;--bubble:#f5f5f6}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#fff;font:14px/1.65 'Microsoft YaHei','PingFang SC',sans-serif}button,textarea,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.svg-library{position:absolute;width:0;height:0;overflow:hidden}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}.chat-header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:fixed;inset:0 0 auto;background:rgba(255,255,255,.96);z-index:10}.header-actions{display:flex;gap:16px}.icon-button{width:34px;height:34px;border:0;background:none;display:inline-flex;align-items:center;justify-content:center;color:#494c52;border-radius:8px;flex:none}.icon-button:hover{background:#f4f5f7}.header-title{font-size:15px;font-weight:600;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap}.header-title span{font-size:11px;font-weight:400;background:#f5f5f6;padding:5px 12px;border-radius:20px;margin-left:9px;color:#8a8d92}.conversation{width:min(760px,100%);margin:0 auto;padding:112px 20px 250px;min-height:100dvh}.message{margin-bottom:30px;animation:arrive .2s ease-out}.assistant-name{display:flex;align-items:center;gap:10px;margin-bottom:13px;font-size:15px}.assistant-name b{font-weight:500}.assistant-mark{color:#6bb7f3;font-size:35px;line-height:1}.bubble{padding:18px 21px;background:var(--bubble);border-radius:5px 18px 18px 18px;max-width:640px;overflow-wrap:anywhere;line-height:1.85}.bubble p{margin:0 0 6px}.bubble p:last-child{margin-bottom:0}.welcome-prompt{margin-top:13px!important}.message-caption{font-size:11px;color:#aaaeb4;margin:10px 4px}.message.user{display:flex;flex-direction:column;align-items:flex-end;margin-top:25px}.user .bubble{background:#edf3ff;border-radius:18px 5px 18px 18px;max-width:85%;white-space:pre-wrap}.composer-area{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(800px,100%);padding:18px 20px max(8px,env(safe-area-inset-bottom));background:linear-gradient(transparent,#fff 14%);z-index:5}.suggestions{display:flex;gap:9px;margin:0 0 11px;overflow-x:auto;scrollbar-width:none}.suggestions button,.suggestions a{height:34px;display:inline-flex;gap:6px;align-items:center;white-space:nowrap;border:1px solid #e9eaed;border-radius:11px;padding:0 13px;background:#fff;font-size:12px;color:#555960}.suggestions svg{width:14px;height:14px}.suggestions button:hover,.suggestions a:hover{background:#f7f8fa}.composer{border:1px solid #e1e3e7;background:white;border-radius:22px;box-shadow:0 3px 14px #252c3a08;padding:10px 12px 8px}.composer:focus-within{border-color:#bdc9df}.composer textarea{width:100%;display:block;border:0;outline:none;resize:none;min-height:38px;max-height:130px;line-height:1.6;padding:4px 6px;background:transparent;font-size:15px}.composer textarea::placeholder{color:#9c9fa4}.composer-toolbar{display:flex;gap:9px;align-items:center}.composer-toolbar .icon-button{width:32px;height:32px}.mode-label{font-size:11px;color:#9b9da2;flex:1}.send-button{height:31px;width:31px;display:grid;place-items:center;border:0;border-radius:50%;background:#2d3037;color:#fff;margin-left:2px}.send-button svg{height:20px;width:20px}.composer-note{text-align:center;font-size:10px;color:#b0b3b9;margin:7px 0 0}.file-input{display:none}.attachments{display:flex;gap:9px;flex-wrap:wrap;padding:3px 5px 9px}.attachment{position:relative}.attachment img{width:65px;height:65px;object-fit:cover;border-radius:10px;border:1px solid #eee}.attachment button{position:absolute;right:-4px;top:-4px;background:#303640;color:white;border:2px solid #fff;border-radius:50%;width:21px;height:21px;padding:0;line-height:16px}.user-photos{display:flex;gap:6px;margin:0 0 8px;flex-wrap:wrap;justify-content:flex-end}.user-photos img{max-width:180px;height:140px;object-fit:contain;border-radius:12px;background:#f5f5f6}.thinking{color:#8b8f96;font-size:13px}.thinking:after{content:'…';animation:blink 1s infinite}.chat-product-list{display:grid;gap:9px;margin-top:17px}.chat-product{display:flex;gap:13px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:11px}.chat-product:hover{border-color:#a5bddf}.chat-product img{width:72px;height:72px;object-fit:contain;align-self:center}.chat-product div{min-width:0;flex:1}.chat-product b{font-size:13px;line-height:1.5;display:block;font-weight:500}.chat-product small{display:block;color:#9a9da4;font-size:10px;margin-top:4px}.chat-product span{font-size:11px;color:var(--blue)}.reply-search{color:var(--blue);font-size:12px;display:inline-block;margin-top:10px}.reply-caution{font-size:11px;color:#8e929b}.reply-title{font-size:16px;font-weight:600}.reply-error{color:#a35c3f}.drawer{position:fixed;inset:0 auto 0 0;width:290px;z-index:30;background:#fafafa;padding:22px 18px;display:flex;flex-direction:column;box-shadow:8px 0 50px #0001}.drawer[hidden],.drawer-shade[hidden],.attachments[hidden]{display:none}.drawer-heading{display:flex;align-items:center;justify-content:space-between;padding:0 6px 20px}.drawer-heading b{font-size:17px;font-weight:500}.drawer a{display:flex;justify-content:space-between;padding:13px 12px;font-size:13px;border-radius:10px}.drawer a:hover{background:#eee}.drawer a span{color:#aaa}.drawer-new{border:1px solid #e4e5e8;border-radius:10px;background:white;padding:12px;text-align:left}.drawer-caption{font-size:10px;color:#a3a5aa;padding:14px 12px 0}.drawer-bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between;font-size:12px;padding:14px 8px}.drawer-bottom button{border:0;background:none;color:#999;font-size:11px}.drawer-shade{position:fixed;inset:0;z-index:25;background:#0004}@keyframes arrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{50%{opacity:.3}}@media(max-width:600px){.chat-header{height:61px;padding:0 13px}.header-actions{gap:10px}.header-title{font-size:13px}.header-title span{padding:4px 9px;font-size:10px;margin-left:5px}.conversation{padding:91px 15px 220px}.bubble{padding:14px 17px;font-size:14px}.assistant-name{margin-bottom:12px;font-size:14px}.assistant-mark{font-size:31px}.composer-area{padding:15px 11px max(7px,env(safe-area-inset-bottom))}.suggestions{gap:6px}.suggestions button,.suggestions a{font-size:11px;height:31px;padding:0 10px}.composer{border-radius:20px;padding:9px 10px 7px}.composer-note{font-size:9px}.chat-product img{width:57px;height:57px}.user-photos img{max-width:140px;height:110px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}

/* Phone browser layout and on-screen keyboard. */
.conversation{padding-bottom:var(--composer-height,250px)}
.composer-area{bottom:var(--keyboard-inset,0px)}
@media(max-width:600px){
 .chat-header{height:calc(61px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}
 .conversation{padding-top:calc(91px + env(safe-area-inset-top));padding-bottom:var(--composer-height,240px)}
 .composer textarea{font-size:16px}
 .icon-button,.composer-toolbar .icon-button{width:44px;height:44px}
 .header-actions{gap:2px}
 .header-title span{display:none}
 .send-button{width:40px;height:40px}
 .composer-toolbar{gap:4px}
 .suggestions button,.suggestions a{min-height:38px}
 .drawer{width:min(290px,85vw);padding-top:calc(22px + env(safe-area-inset-top));padding-bottom:calc(22px + env(safe-area-inset-bottom))}
 .keyboard-open .suggestions,.keyboard-open .composer-note{display:none}
 .keyboard-open .composer-area{padding-bottom:7px}
}