:root{--ink:#171715;--paper:#f4f1eb;--white:#fff;--line:#ddd7ce;--wine:#813840;--muted:#77726b;--sage:#e3e8df}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,"Noto Sans SC","Microsoft YaHei",system-ui,sans-serif}button,input,textarea{font:inherit}.support-brand{display:inline-grid;grid-template-columns:48px auto;column-gap:13px;align-items:center;color:inherit;text-decoration:none}.support-brand>span{grid-row:1/3;width:48px;height:48px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font:italic 25px Georgia,serif}.support-brand strong{align-self:end;font:700 18px Georgia,serif;letter-spacing:.18em}.support-brand small{align-self:start;color:var(--muted);font-size:8px;letter-spacing:.24em}.support-auth-page{min-height:100vh;background:linear-gradient(135deg,#f5f2ec 0 60%,#e2e7df 60%)}.support-auth-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr;padding:42px clamp(24px,6vw,88px)}.support-auth-card{width:min(460px,100%);align-self:center;justify-self:center;padding:46px;background:rgba(255,255,255,.94);border:1px solid var(--line);box-shadow:0 28px 80px rgba(28,25,20,.12)}.support-auth-copy>span,.pane-title span{color:var(--wine);font-size:9px;font-weight:800;letter-spacing:.22em}.support-auth-copy h1{margin:13px 0 10px;font:500 36px Georgia,"Noto Serif SC",serif}.support-auth-copy p{margin:0 0 32px;color:var(--muted);font-size:13px}.support-auth-card form{display:grid;gap:18px}.support-auth-card label{display:grid;gap:8px;font-size:11px;font-weight:700}.support-auth-card input{width:100%;padding:14px;border:1px solid var(--line);background:#faf9f6;outline:0}.support-auth-card input:focus{border-color:var(--wine);box-shadow:0 0 0 3px rgba(129,56,64,.1)}.support-auth-card form button{margin-top:6px;padding:15px 18px;display:flex;justify-content:space-between;color:#fff;background:var(--wine);border:0;font-weight:700}.support-auth-card button:disabled{opacity:.6}.support-form-error{margin:0;padding:10px 12px;color:#8f2b35;background:#fff1f2;border:1px solid #ecc9cc;font-size:11px}.support-back-link{display:inline-block;margin-top:24px;color:var(--muted);font-size:11px;text-decoration:none}.support-desk-page{height:100vh;overflow:hidden;background:#eeeae3}.desk-header{height:74px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line)}.support-brand.compact{grid-template-columns:38px auto}.support-brand.compact>span{width:38px;height:38px;font-size:19px}.support-brand.compact strong{font-size:15px}.desk-agent{display:flex;align-items:center;gap:10px}.desk-agent>i{width:8px;height:8px;background:#51ad72;border-radius:50%}.desk-agent>span{display:grid}.desk-agent small{color:var(--muted);font-size:8px}.desk-agent strong{font-size:11px}.desk-agent button{margin-left:10px;padding:8px 12px;border:1px solid var(--line);background:#fff;font-size:10px}.desk-layout{height:calc(100vh - 74px);display:grid;grid-template-columns:360px 1fr}.conversation-pane{display:flex;flex-direction:column;background:#faf9f6;border-right:1px solid var(--line);min-width:0}.pane-title{padding:26px 24px 18px;display:flex;align-items:end;justify-content:space-between}.pane-title h1{margin:7px 0 0;font:500 25px Georgia,"Noto Serif SC",serif}.pane-title b{min-width:30px;height:30px;display:grid;place-items:center;color:#fff;background:var(--wine);border-radius:50%;font-size:11px}.conversation-filters{padding:0 24px 15px;display:flex;gap:6px}.conversation-filters button{padding:7px 11px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font-size:9px}.conversation-filters button.active{color:#fff;background:var(--ink);border-color:var(--ink)}.conversation-list{flex:1;overflow:auto;border-top:1px solid var(--line)}.conversation-item{width:100%;padding:16px 20px;display:grid;gap:7px;text-align:left;border:0;border-bottom:1px solid #e9e5de;background:transparent}.conversation-item:hover,.conversation-item.active{background:#fff}.conversation-item.active{box-shadow:inset 3px 0 var(--wine)}.conversation-top,.conversation-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.conversation-top strong{font-size:12px}.conversation-top time,.conversation-meta small{color:var(--muted);font-size:8px}.conversation-preview{overflow:hidden;color:#625e58;font-size:10px;white-space:nowrap;text-overflow:ellipsis}.conversation-meta i{padding:3px 7px;border-radius:999px;font-style:normal;font-size:8px}.conversation-meta i.open{color:#33744a;background:#e5f3e9}.conversation-meta i.closed{color:#7e7770;background:#e9e6e1}.desk-empty{padding:40px 20px;color:var(--muted);text-align:center;font-size:11px}.chat-workspace{position:relative;min-width:0;background:#f3f0ea}.chat-placeholder{height:100%;display:grid;place-content:center;text-align:center}.chat-placeholder span{color:var(--wine);font-size:32px}.chat-placeholder h2{margin:16px 0 8px;font:500 26px Georgia,"Noto Serif SC",serif}.chat-placeholder p{margin:0;color:var(--muted);font-size:11px}.active-chat{height:100%;display:grid;grid-template-rows:70px 1fr auto}.active-chat[hidden]{display:none}.chat-header{padding:0 24px;display:flex;align-items:center;gap:12px;background:#fff;border-bottom:1px solid var(--line)}.chat-header>div{display:grid}.chat-header strong{font-size:13px}.chat-header small{margin-top:3px;color:var(--muted);font-size:9px}.status-button{margin-left:auto;padding:9px 13px;border:1px solid var(--line);background:#fff;font-size:9px}.mobile-back{display:none;border:0;background:transparent;font-size:18px}.desk-messages{padding:28px clamp(20px,4vw,60px);overflow:auto}.desk-message{margin:0 0 14px;display:flex}.desk-message.customer{justify-content:flex-start}.desk-message.agent{justify-content:flex-end}.desk-message>div{max-width:min(620px,78%);padding:12px 14px;background:#fff;border:1px solid var(--line);border-radius:12px 12px 12px 2px}.desk-message.agent>div{color:#fff;background:var(--wine);border-color:var(--wine);border-radius:12px 12px 2px 12px}.desk-message p{margin:0;white-space:pre-wrap;font-size:12px;line-height:1.55}.desk-message time{display:block;margin-top:6px;opacity:.65;font-size:8px}.desk-reply-form{padding:16px 20px;display:grid;grid-template-columns:1fr auto;gap:10px;background:#fff;border-top:1px solid var(--line)}.desk-reply-form textarea{min-height:54px;max-height:140px;padding:12px;resize:vertical;border:1px solid var(--line);outline:0}.desk-reply-form textarea:focus{border-color:var(--wine)}.desk-reply-form button{padding:0 22px;color:#fff;background:var(--wine);border:0;font-size:11px;font-weight:700}.desk-toast{position:fixed;left:50%;bottom:22px;z-index:20;padding:10px 16px;color:#fff;background:var(--ink);border-radius:999px;font-size:10px;opacity:0;transform:translate(-50%,20px);transition:.2s;pointer-events:none}.desk-toast.show{opacity:1;transform:translate(-50%,0)}
.chat-placeholder[hidden]{display:none!important}
@media(max-width:700px){.support-auth-shell{padding:24px 18px}.support-auth-card{padding:32px 24px}.desk-header{height:64px;padding:0 14px}.support-brand.compact small,.desk-agent small{display:none}.desk-agent button{margin-left:2px}.desk-layout{height:calc(100vh - 64px);display:block}.conversation-pane,.chat-workspace{height:100%}.chat-workspace{display:none}.chat-selected .conversation-pane{display:none}.chat-selected .chat-workspace{display:block}.mobile-back{display:block}.desk-messages{padding:20px 14px}.desk-reply-form{padding:10px;grid-template-columns:1fr}.desk-reply-form button{height:44px}.desk-message>div{max-width:88%}}