:root{color-scheme:light;--customer-blue:#1677ff;--customer-ink:#172033;--customer-muted:#6b7280;--customer-line:#e5e7eb;--customer-bg:#f5f7fb;--customer-card:#fff}
*{box-sizing:border-box}
body{margin:0;background:var(--customer-bg);color:var(--customer-ink);font:15px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}
.customer-shell{min-height:100vh;padding:20px 16px 90px}.customer-card{width:min(720px,100%);margin:0 auto;background:var(--customer-card);border:1px solid var(--customer-line);border-radius:16px;box-shadow:0 10px 32px rgba(20,35,70,.08);overflow:hidden}.customer-head{padding:24px 22px 18px;background:linear-gradient(135deg,#edf5ff,#fff);border-bottom:1px solid var(--customer-line)}.customer-head h1{margin:0 0 4px;font-size:23px;letter-spacing:0}.customer-head p{margin:0;color:var(--customer-muted)}.customer-body{padding:20px 22px}.customer-label{display:block;margin:0 0 7px;font-weight:600}.customer-messages{display:flex;flex-direction:column;gap:10px;max-height:min(48vh,430px);overflow-y:auto;padding:4px 2px 14px;margin:0 0 14px;border-bottom:1px solid var(--customer-line);scroll-behavior:smooth}.customer-message{max-width:88%;padding:10px 12px;border:1px solid var(--customer-line);border-radius:12px;background:#fff;overflow-wrap:anywhere}.customer-message-assistant{align-self:flex-start;background:#f4f8ff;border-color:#dbe8ff}.customer-message-user{align-self:flex-end;background:#1677ff;border-color:#1677ff;color:#fff}.customer-message-label{font-size:12px;font-weight:700;opacity:.72;margin-bottom:3px}.customer-message-text{white-space:pre-wrap}.customer-typing{display:flex;align-items:center;gap:4px;min-height:24px;margin:-6px 0 12px;color:var(--customer-muted);font-size:12px}.customer-typing-dot{width:5px;height:5px;border-radius:50%;background:currentColor;animation:customer-bounce 1s infinite ease-in-out}.customer-typing-dot:nth-child(2){animation-delay:.15s}.customer-typing-dot:nth-child(3){animation-delay:.3s}@keyframes customer-bounce{0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-3px);opacity:1}}.customer-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}.customer-type{border:1px solid var(--customer-line);background:#fff;color:var(--customer-ink);border-radius:10px;padding:11px 12px;text-align:left;cursor:pointer;transition:.15s ease}.customer-type:hover,.customer-type.is-active{border-color:var(--customer-blue);color:var(--customer-blue);background:#eff6ff}.customer-field{width:100%;border:1px solid var(--customer-line);border-radius:10px;padding:12px 13px;font:inherit;resize:vertical;min-height:122px;outline:0;transition:border-color .15s ease,box-shadow .15s ease}.customer-field:focus{border-color:var(--customer-blue);box-shadow:0 0 0 3px rgba(22,119,255,.12)}.customer-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.customer-btn{border:0;border-radius:10px;padding:11px 15px;font:inherit;font-weight:600;cursor:pointer}.customer-btn-primary{background:var(--customer-blue);color:#fff}.customer-btn-secondary{background:#eef2f7;color:#253044}.customer-btn:disabled{opacity:.6;cursor:wait}.customer-status{min-height:24px;margin:14px 0 0;color:var(--customer-muted)}.customer-status.is-error{color:#b42318}.customer-status.is-ok{color:#067647}.customer-quick{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.customer-quick button{border:1px solid var(--customer-line);background:#fff;border-radius:999px;padding:7px 10px;color:#344054;cursor:pointer}.customer-footer{width:min(720px,100%);margin:12px auto 0;color:var(--customer-muted);font-size:13px;text-align:center}.customer-footer a{color:var(--customer-blue);text-decoration:none}
.customer-order-row{display:flex;gap:8px;align-items:stretch;margin-bottom:2px}.customer-order-row .customer-field{flex:1;min-width:0;min-height:48px;resize:none}.customer-order-row .customer-btn{white-space:nowrap}
@media (max-width:480px){.customer-shell{padding:10px 10px 78px}.customer-head,.customer-body{padding:18px 16px}.customer-types{grid-template-columns:1fr}.customer-actions>*{flex:1 1 100%}.customer-order-row{flex-wrap:wrap}.customer-order-row .customer-btn{width:100%}}