:root{color:#142033;background:#f4f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{color:inherit;font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:#1456c0}button{min-height:2.5rem;padding:.55rem .9rem;border:1px solid #245fba;border-radius:.55rem;color:#fff;background:#2468ce;cursor:pointer;font-weight:650}button:hover:not(:disabled){background:#1753aa}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #7fb5ff;outline-offset:2px}header>nav{display:flex;align-items:center;gap:1rem;min-height:4rem;padding:.65rem clamp(1rem,3vw,2.5rem);border-bottom:1px solid #dce3ee;background:#fff;box-shadow:0 2px 12px #172f5212}header>nav a{color:#243b5f;font-weight:700;text-decoration:none}header>nav button{margin-left:auto;border-color:#aab6c8;color:#243b5f;background:#fff}main{width:min(100%,1800px);margin:0 auto;padding:1.5rem clamp(1rem,3vw,2.5rem) 3rem}h1,h2,h3,h4{line-height:1.2}h1{margin-top:0;font-size:clamp(1.65rem,2.5vw,2.25rem)}form,fieldset,section,aside>section,main>ul>li,article{border:1px solid #dce3ee;border-radius:.8rem;background:#fff}form,fieldset{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.8rem;margin:0 0 1rem;padding:1rem}label{display:grid;align-content:start;gap:.35rem;color:#354968;font-size:.9rem;font-weight:650}input,select,textarea{width:100%;min-height:2.5rem;padding:.5rem .65rem;border:1px solid #abb8ca;border-radius:.5rem;background:#fff}textarea{min-height:8rem;resize:vertical}[aria-invalid=true]{border-color:#c42b2b}[role=alert]{padding:.7rem .85rem;border-left:4px solid #c42b2b;color:#7b1717;background:#fff1f1}.workbench{display:grid;grid-template-columns:minmax(16rem,1fr) minmax(22rem,2fr) minmax(20rem,1.5fr);gap:1rem;align-items:start}.workbench>section,.workbench>aside,aside>section{min-width:0;padding:1rem}section>h2:first-child,aside>section>h2:first-child{margin-top:0}ul,ol{padding-left:1.25rem}[aria-label=会话列表] ul,[aria-label=消息时间线] ol,[aria-label="Session 列表"]{display:grid;gap:.75rem;padding:0;list-style:none}[aria-label=会话列表] li button{display:grid;width:100%;border-color:#d4dce8;color:#273b5a;background:#f9fbfe;text-align:left}[aria-label=会话列表] li button[aria-current=true]{border-color:#2468ce;background:#eaf2ff;box-shadow:inset 4px 0 #2468ce}[aria-label=消息时间线] article,aside article{margin:.75rem 0;padding:.85rem;box-shadow:0 5px 16px #21395c0f}.message-workspace{display:grid;gap:1rem;padding:1rem}.message-workspace>[aria-label=消息时间线]{min-height:22rem;max-height:55vh;overflow-y:auto}.message-composer{display:grid;grid-template-columns:1fr;margin:0;padding:.9rem}.message-composer textarea{min-height:6.5rem}.message-composer__footer{display:flex;align-items:center;justify-content:space-between;gap:1rem}.message-composer__footer small{color:#52647f}.message-composer__notice{margin-bottom:0;color:#215f3e}[aria-label=建议操作]{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}dl{display:grid;grid-template-columns:minmax(5rem,auto) 1fr;gap:.35rem .8rem}dt{color:#52647f;font-weight:700}dd{margin:0;overflow-wrap:anywhere}table{width:100%;border-collapse:collapse;border-radius:.75rem;background:#fff;overflow:hidden}caption{padding:.75rem;font-weight:750;text-align:left}th,td{padding:.75rem;border-bottom:1px solid #e3e8f0;text-align:left;vertical-align:top}td button+button{margin-left:.45rem}main:has(>h1:first-child):not(:has(.workbench)):has(>form:first-of-type){max-width:1100px}body:has(main>h1:first-child+form:last-child) main{max-width:34rem;padding-top:clamp(3rem,10vh,8rem)}@media(max-width:1100px){.workbench{grid-template-columns:minmax(15rem,.8fr) minmax(22rem,1.6fr)}.workbench>aside{grid-column:1 / -1}}@media(max-width:720px){header>nav{flex-wrap:wrap}header>nav button{margin-left:0}.workbench{grid-template-columns:1fr}.workbench>aside{grid-column:auto}table{display:block;overflow-x:auto}}.wa-app{max-width:1680px;padding:1rem}.wa-app__heading{display:flex;align-items:center;justify-content:space-between;padding:.55rem 1rem 1rem}.wa-app__heading h1{margin:.1rem 0 0;font-size:1.35rem}.wa-app__eyebrow,.wa-timeline small{color:#667781;font-size:.78rem}.wa-app__presence{color:#008069;font-size:.85rem;font-weight:700}.wa-filters{display:none}.wa-workbench{gap:0;min-height:calc(100vh - 10rem);grid-template-columns:minmax(280px,.75fr) minmax(420px,1.55fr) minmax(280px,.78fr);border:1px solid #d9dbd5;border-radius:0;overflow:hidden;background:#efeae2}.wa-workbench>section,.wa-workbench>aside{padding:0;border:0;border-radius:0}.wa-conversation-list{background:#fff;border-right:1px solid #d9dbd5}.wa-conversation-list>header,.wa-timeline>header{height:59px;display:flex;align-items:center;gap:.8rem;padding:0 .9rem;background:#f0f2f5}.wa-conversation-list>header h2,.wa-timeline>header h2{margin:0;font-size:1rem}.wa-conversation-list>header>span:last-child{margin-left:auto;color:#54656f;font-size:1.6rem}.wa-avatar{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;border-radius:50%;color:#fff;background:#8796a1;font-weight:700}.wa-avatar--self{background:#00a884}.wa-conversation-list__search{margin:.55rem .7rem;padding:.5rem .75rem;border-radius:8px;color:#667781;background:#f0f2f5;font-size:.86rem}.wa-conversation-list ul{gap:0}.wa-conversation-list li button{grid-template-columns:40px 1fr auto;align-items:center;gap:.65rem;min-height:66px;padding:.7rem .8rem;border:0;border-bottom:1px solid #f0f2f5;border-radius:0;background:#fff}.wa-conversation-list li button:hover:not(:disabled),.wa-conversation-list li button[aria-current=true]{background:#f0f2f5;box-shadow:none}.wa-conversation-list__copy{display:grid;gap:.15rem;overflow:hidden}.wa-conversation-list__copy small{overflow:hidden;color:#667781;text-overflow:ellipsis;white-space:nowrap}.wa-conversation-list time{color:#667781;font-size:.7rem}.wa-chat{display:grid;grid-template-rows:1fr auto;background:#efeae2}.wa-timeline{min-height:0;max-height:none!important;padding:0!important;border:0!important;background:linear-gradient(#efeae2e6,#efeae2e6),radial-gradient(#d7cfc0 1px,transparent 1px);background-size:auto,20px 20px}.wa-timeline>header>span{margin-left:auto;color:#54656f}.wa-timeline ol{padding:1.4rem 5%}.wa-message{display:flex;margin:.35rem 0}.wa-message--out{justify-content:flex-end}.wa-message article{max-width:min(78%,38rem);margin:0;padding:.42rem .55rem .28rem;border:0;border-radius:8px;box-shadow:0 1px 1px #0b141a1f;background:#fff}.wa-message--out article{background:#d9fdd3}.wa-message p{margin:.05rem 0 .15rem;white-space:pre-wrap}.wa-message time{display:block;color:#667781;font-size:.68rem;text-align:right}.message-composer{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.65rem;margin:0;padding:.55rem .8rem;border:0;border-radius:0;background:#f0f2f5}.message-composer textarea{min-height:42px;max-height:100px;padding:.65rem .85rem;border:0;border-radius:8px;resize:none}.message-composer__emoji{color:#54656f;font-size:1.45rem}.message-composer__footer{display:contents}.message-composer__hint{display:none}.message-composer button{min-width:42px;min-height:42px;padding:0;border:0;border-radius:50%;color:#fff;background:#00a884;font-size:1.1rem}.message-composer__notice,.message-composer [role=alert]{grid-column:2 / -1;margin:0}.wa-workbench>aside{overflow:auto;padding:1rem;background:#fff;border-left:1px solid #d9dbd5}.wa-workbench>aside>section{border:0;border-bottom:1px solid #e9edef;border-radius:0}.wa-chat-empty{display:grid;place-content:center;justify-items:center;min-height:420px;text-align:center;background:#f7f8fa}.wa-chat-empty>span{font-size:4rem}.wa-chat-empty h2{margin-bottom:.25rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1100px){.wa-workbench{grid-template-columns:300px 1fr}.wa-workbench>aside{grid-column:1 / -1;border-left:0;border-top:1px solid #d9dbd5}}
