*{box-sizing:border-box} :root{font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:#20322e;background:#edf2f0;font-synthesis:none;--green:#287868;--muted:#83918b;--line:#e7eeea;--red:#df625c}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border:0;background:none;color:inherit}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #83bfb0;outline-offset:3px}input,textarea{outline:none}input:focus,textarea:focus{border-color:#74aa9d} [hidden]{display:none!important}.boot{display:grid;place-items:center;height:100dvh;color:var(--green)}.app{display:flex;width:100%;max-width:none;height:100vh;height:100dvh;min-height:0;margin:0;background:#fff;border:0;border-radius:0;overflow:hidden}.app.visitor{max-width:none}.brand-symbol{height:56px;width:56px;border-radius:17px;display:grid;place-items:center;background:var(--green);color:white;font-weight:800;font-size:29px;letter-spacing:-4px;padding-right:4px}.brand-symbol.small{height:34px;width:34px;border-radius:10px;font-size:19px;flex-shrink:0}.sidebar{display:flex;flex-direction:column;width:310px;flex-shrink:0;border-right:1px solid var(--line);background:#fbfdfb}.sidebar-brand{display:flex;gap:10px;align-items:center;padding:14px 20px 8px}.sidebar-brand strong{font-size:17px}.sidebar-brand small{display:block;font-size:11px;color:var(--muted);margin-top:4px;letter-spacing:1px}.inbox-heading{display:flex;align-items:center;justify-content:space-between;padding:8px 20px 12px}.inbox-heading h2{font-size:19px;margin:0}.count-pill{padding:3px 9px;background:#e8f0ec;color:var(--green);border-radius:8px;font-size:12px;font-weight:600}.visitor-notice{display:flex;align-items:center;gap:6px;margin-right:auto;flex:0 1 auto;min-width:0;flex-basis:auto;max-width:min(72vw,1200px);padding:6px 14px;background:#e9f3ee;border:1px solid #d4e6dc;border-radius:9px;color:#2c5c50;font-size:15px;font-weight:600;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:860px){.visitor-notice{display:flex;flex:0 0 100%;max-width:100%;margin-right:0;order:30;white-space:normal}}
/* ===== 在线助手待办栏（仅工作台） ===== */
.assist-bar{display:flex;flex-direction:column;gap:6px;padding:8px 14px;background:#f2f7f4;border-bottom:1px solid #dde8e2;}
.assist-item{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #dde8e2;border-left:3px solid #2c7a63;border-radius:10px;padding:8px 12px;}
.assist-kind{flex:0 0 auto;font-size:11px;font-weight:700;color:#fff;background:#2c7a63;border-radius:6px;padding:2px 8px;letter-spacing:1px;}
.assist-main{flex:1 1 auto;min-width:0;}
.assist-line1{display:flex;gap:6px;align-items:baseline;font-size:13px;color:#223;}
.assist-meta{font-size:12px;color:#7a8a83;}
.assist-line2{font-size:12px;color:#44564e;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.assist-btn{flex:0 0 auto;border:none;border-radius:8px;padding:6px 14px;font-size:12px;cursor:pointer;}
.assist-send{background:#1e9e5c;color:#fff;font-weight:600;}
.assist-send:hover{background:#178a4e;}
.assist-send:disabled{opacity:.55;cursor:default;}
.assist-ig{background:#eef2f0;color:#5c6b64;}
.assist-ig:hover{background:#e2e9e5;}
.assist-more{font-size:12px;color:#7a8a83;padding:2px 4px;}
.assist-inline{display:flex;flex-direction:column;gap:6px;padding:0 14px 6px 14px;}
.assist-chips{display:flex;flex-wrap:wrap;gap:6px;row-gap:6px;align-items:center;}
.assist-chip{display:inline-flex;align-items:center;gap:4px;border:1px solid #dde8e2;background:#fff;border-radius:16px;padding:4px 12px;font-size:12px;color:#2c5c50;}
.assist-chip:hover{border-color:#2c7a63;background:#f1f8f5;}
.assist-chip.active{border-color:#2c7a63;background:#e4f2ec;font-weight:700;}
.assist-inline-item{border-left-color:#e8a13a;background:#fffaf0;border-color:#ecdfc8;}
.assist-inline-item .assist-kind{background:#e8a13a;}
.assist-line1{gap:8px;}
.assist-inline-card{margin-top:4px;font-size:12px;color:#3c4a44;white-space:pre-wrap;line-height:1.55;background:#f6faf7;border:1px dashed #c8d8cf;border-radius:8px;padding:7px 9px;word-break:break-all;}
@media(max-width:860px){.assist-inline{padding:0 10px 4px 10px;}}
@media(max-width:860px){.assist-bar{padding:6px 10px;}.assist-item{flex-wrap:wrap;}}
.read-all-btn{border:1px solid var(--line);background:white;color:#5a6b62;border-radius:8px;padding:3px 9px;font-size:11px;cursor:pointer}.read-all-btn:hover{color:var(--green);border-color:var(--green)}.read-all-btn:disabled{opacity:.55;cursor:default}.search{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:white;border-radius:10px;margin:0 18px 14px;padding:7px 11px;color:#8b9991}.search span{font-size:24px;line-height:16px}.search input{width:100%;min-width:0;border:0;background:none;font-size:12px;color:#314b40}.list-caption{display:flex;justify-content:space-between;padding:0 24px 12px;color:#909e95;font-size:11px}.conversation-list{overflow:auto;flex:1;min-height:0;padding:0 10px}.conversation{display:flex;align-items:center;width:100%;padding:9px 10px;gap:9px;text-align:left;border-radius:10px;margin-bottom:2px;background:#fff;box-shadow:0 1px 3px rgba(40,120,104,.09)}.conversation:hover{background:#e9f1ec}
.conversation.unread{background:#dcebe3}
.conversation.unread .conversation-name{font-weight:700}.conversation.active{background:#d7e7df}.avatar{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#e8f2ed;color:var(--green);font-weight:700;font-size:15px;flex-shrink:0;position:relative}.conversation .avatar{background:#e6ece7;color:#6b8174}.conversation.active .avatar{background:#cfe5da;color:#33745f}.avatar.online:after{content:"";position:absolute;bottom:-2px;right:-2px;width:11px;height:11px;border:2px solid #fff;border-radius:50%;background:#1e9e5c;box-shadow:0 0 3px rgba(30,158,92,.55)}.conversation-text{flex:1;min-width:0}.conversation-top{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-bottom:3px}.conversation-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation time{font-size:10px;color:#93a298;white-space:nowrap}.conversation-bottom{display:flex;align-items:center;gap:8px}.conversation-preview{font-size:12px;color:#839289;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.unread-badge{background:var(--red);color:#fff;font-size:11px;border-radius:20px;min-width:19px;padding:2px 6px;text-align:center;flex-shrink:0}.sidebar-footer{padding:15px 20px;border-top:1px solid var(--line)}.sidebar-footer>button{width:100%;background:#eaf2ed;border:1px solid #dbe8df;border-radius:8px;padding:9px;font-size:12px;color:var(--green)}
.query-stats{margin-top:12px;padding-top:11px;border-top:1px solid var(--line);font-size:11px;color:#67827a;line-height:2}
.query-stats .query-stats-detail{margin-top:4px}
.query-stats summary{cursor:pointer;font-size:10px;color:#93a298}
.query-stats-detail div{color:#789085}.account-actions{display:flex;justify-content:space-between;margin-top:14px;color:#809086;font-size:11px}.chat-panel{flex:1;min-width:0;display:flex;flex-direction:column;position:relative}.chat-header{height:88px;flex-shrink:0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:0 28px;position:relative;z-index:30;background:#fff}.back{font-size:30px;width:38px;height:38px;padding:0;color:var(--green);flex-shrink:0;position:relative;z-index:40;border-radius:10px;background:#eef4ef;border:1px solid var(--line);line-height:1;display:grid;place-items:center;-webkit-tap-highlight-color:transparent}.header-copy{flex:0 1 auto;min-width:0}.header-copy h1{font-size:16px;margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-copy p{font-size:11px;color:#789085;margin:0}.header-copy p.connected:before{content:"";display:inline-block;width:6px;height:6px;background:#59a97d;border-radius:50%;margin-right:6px}.header-action{padding:7px 9px;border:1px solid var(--line);border-radius:7px;color:#6b8176;font-size:11px;white-space:nowrap}.chat-content{display:flex;flex-direction:column;flex:1;min-height:0;position:relative}.notice{padding:12px 28px;background:#f6f9f6;color:#849487;font-size:11px;line-height:1.6}.notice-dot{display:inline-block;height:5px;width:5px;background:#a4b6a7;border-radius:50%;margin-right:7px}.messages{overflow:auto;min-height:0;flex:1;padding:20px 28px 24px;scroll-behavior:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d5e2d9 transparent}.date-divider{display:flex;justify-content:center;color:#a0aca3;font-size:10px;letter-spacing:.5px;margin:5px 0 22px}.message-row{display:flex;gap:10px;margin-bottom:21px;align-items:flex-start}.message-row.mine{flex-direction:row-reverse}.message-avatar{width:32px;height:32px;border-radius:10px;background:#e9f1eb;color:#72917d;display:grid;place-items:center;flex-shrink:0;font-size:11px;font-weight:600}.mine .message-avatar{background:#d3e8dc;color:#46795c}.message-body{max-width:76%;min-width:0}.message-meta{display:flex;align-items:center;gap:8px;font-size:10px;color:#9aa79d;margin:0 0 7px}.mine .message-meta{justify-content:flex-end}.bubble{border:1px solid #e7ede8;border-radius:0 13px 13px 13px;padding:11px 15px;background:#f7f9f6;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.7;color:#35483c}.mine .bubble{background:#287868;color:#fff;border-color:#287868;border-radius:13px 0 13px 13px}.bubble.image{padding:5px;background:#f5f8f4;border-color:#e0e9e1}.bubble img{max-width:100%;max-height:260px;border-radius:9px;display:block;cursor:zoom-in;min-width:60px;object-fit:contain}.composer{border-top:1px solid var(--line);position:relative;padding:12px 24px 14px;flex-shrink:0;background:#fff}.toolbar{display:flex;align-items:center;justify-content:space-between;min-height:30px;margin-bottom:5px}.toolbar-left{display:flex;gap:10px;align-items:center}.tool{font-size:23px;line-height:26px;color:#789080;width:30px;height:30px;border-radius:6px}.tool:hover{background:#edf4ee}.toolbar-label{color:#acb5ad;font-size:10px;margin-left:3px}#send-status{font-size:11px;color:#8d9d92}textarea{border:0;width:100%;resize:none;font-size:14px;line-height:1.7;padding:8px 3px;color:#344d3e;background:transparent;min-height:74px}textarea::placeholder{color:#b0b9b1}.composer-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:3px}.keyboard-tip{font-size:10px;color:#aab5ac}.primary{border-radius:8px;background:var(--green);color:#fff;padding:12px 20px;font-size:13px;font-weight:600}.primary:hover{background:#216958}.send{padding:9px 20px;min-width:92px;display:flex;align-items:center;justify-content:space-between;gap:18px}.send span{font-size:18px;font-weight:400}.chat-footer{text-align:center;color:#b0bbb2;font-size:9px;background:#fafcf9;padding:9px;border-top:1px solid #f1f4ef;letter-spacing:1px}.emoji-picker{position:absolute;bottom:calc(100% - 5px);left:24px;max-width:310px;display:grid;grid-template-columns:repeat(8,1fr);gap:2px;background:#fff;border:1px solid var(--line);box-shadow:0 8px 30px #203f3020;padding:12px;border-radius:12px;z-index:5}.emoji-picker button{font-size:23px;width:33px;height:34px;border-radius:6px}.emoji-picker button:hover{background:#edf4ec}.new-messages{position:absolute;bottom:219px;left:50%;transform:translateX(-50%);border-radius:25px;background:white;color:var(--green);box-shadow:0 3px 18px #1c4e3620;padding:10px 18px;border:1px solid #d4e4d9;font-size:12px;z-index:3}.load-more{display:block;margin:0 auto 20px;color:var(--green);font-size:12px}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px}.empty-icon{height:80px;width:80px;display:grid;place-items:center;background:#edf4ec;border-radius:24px;font-size:40px;color:#83a68e;margin-bottom:12px}.empty-state h2{font-size:18px;font-weight:500}.empty-state p{color:#91a096;font-size:12px;line-height:1.8;margin:0 0 28px}.list-empty{padding:45px 15px;text-align:center;color:#9ba99f;font-size:12px;line-height:1.8}.login-screen{min-height:100dvh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 10% 0,#dae9df,transparent 60%),#f3f6f1}.login-card{background:#fff;padding:40px;border-radius:20px;box-shadow:0 15px 80px #284b3210;width:min(440px,100%);border:1px solid #e6eee5}.eyebrow{font-size:10px;letter-spacing:3px;color:#8b9b8e;margin-top:26px}.login-card h1{font-size:23px;letter-spacing:-1px;font-weight:600}.muted{color:#96a197;font-size:12px;line-height:1.8}.login-card label,.text-dialog label{display:block;font-size:12px;color:#6f8375;margin:22px 0 8px}.login-card input,.text-dialog input{width:100%;padding:12px 14px;background:#fbfdf9;border:1px solid #dfe9df;border-radius:8px;color:#3b5141}.login-card .primary{width:100%;margin:5px 0 20px}.subtle-link{font-size:11px;color:#8a9d8d;display:block;text-align:center;text-decoration:none}.form-error{color:#d15c51;font-size:12px;line-height:1.6;min-height:16px}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);padding:12px 20px;background:#203c31;color:#fff;box-shadow:0 4px 30px #253d3320;border-radius:9px;z-index:30;font-size:13px;max-width:90%;text-align:center;line-height:1.7}.image-preview{background:transparent;border:0;max-width:95vw;max-height:95dvh;padding:25px}.image-preview::backdrop{background:#10271fdb}.image-preview img{display:block;max-width:88vw;max-height:83dvh;object-fit:contain;border-radius:7px}.preview-close{position:fixed;top:18px;right:24px;color:#fff;font-size:35px;background:#ffffff14;border-radius:50%;width:42px;height:42px}.text-dialog{border:1px solid #dfe9df;border-radius:16px;padding:30px;width:min(410px,90vw);box-shadow:0 10px 60px #20382b20}.text-dialog::backdrop{background:#18372565}.text-dialog h2{margin:0;font-size:19px}.dialog-actions{display:flex;justify-content:flex-end;gap:20px;align-items:center;margin-top:22px}.dialog-actions>button:first-child{font-size:13px;color:#8c9b8f}
@media(min-width:781px){.visitor .chat-header{height:94px}.visitor .messages{padding:24px 32px}.visitor .notice{padding-left:32px}}
@media(max-width:780px){.app,.app.visitor{margin:0;width:100%;height:100dvh;min-height:0;border:0;border-radius:0;max-width:none}.sidebar{width:100%;border-right:0}.admin .chat-panel{display:none}.admin.conversation-open .sidebar{display:none}.admin.conversation-open .chat-panel{display:flex}.chat-header{height:74px;padding:0 15px;gap:9px}.header-copy h1{font-size:15px}.header-action{font-size:10px;padding:6px}.avatar{width:36px;height:36px;border-radius:11px}.messages{padding:18px 14px}.notice{padding:11px 15px;font-size:10px}.message-body{max-width:80%}.bubble{font-size:14px;padding:10px 12px}.message-avatar{width:27px;height:27px;border-radius:8px}.message-row{gap:8px}.composer{padding:9px 14px 12px;padding-bottom:max(12px,env(safe-area-inset-bottom))}textarea{font-size:16px;min-height:58px;height:65px}.toolbar-label{display:none}.keyboard-tip{font-size:9px}.chat-footer{padding-bottom:max(8px,env(safe-area-inset-bottom));font-size:8px}.new-messages{bottom:205px}.emoji-picker{left:14px}.login-card{padding:30px}.sidebar-brand{padding:14px 20px 8px}.send{padding:9px 18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.login-card .remember-option{display:flex;align-items:center;gap:9px;margin:17px 0 4px;cursor:pointer}.login-card .remember-option input{width:17px;height:17px;padding:0;margin:0;accent-color:var(--green);flex-shrink:0}.remember-option small{font-size:11px;color:var(--muted)}
.chat-header .account-query{color:var(--green);background:#edf5ef;border-color:#d6e5db}.sidebar-footer .account-query-sidebar{display:none;margin-bottom:9px}.account-query-dialog{max-height:calc(100dvh - 32px);overflow:auto}.account-query-result{margin-top:16px;padding:16px;border:1px solid #dce8df;border-radius:10px;background:#f6faf6}.account-query-result strong{font-size:13px;color:var(--green)}.account-query-result pre{font:13px/1.8 inherit;white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0 0}.account-query-result summary{cursor:pointer;margin-top:14px;font-size:12px;color:var(--muted)}
@media(max-width:780px){.sidebar-footer .account-query-sidebar{display:block}}
@media(max-width:560px){.chat-header{height:auto;min-height:74px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px;row-gap:10px}.chat-header .header-action{flex-shrink:0}.chat-header .account-query{flex-basis:100%;order:5;margin:0;text-align:center}.account-query-dialog{padding:24px}}
.app.visitor .chat-header .account-query{display:none}
.account-query-bar{padding:12px 28px;background:#eef5ef;border-bottom:1px solid var(--line);position:relative}
.account-query-inline{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:0}
.account-query-inline input{flex:1;min-width:160px;max-width:340px;padding:10px 14px;background:#fff;border:1.5px solid #74aa9d;border-radius:9px;font-size:14px;font-weight:600;color:#1f3a2e;box-shadow:0 1px 5px #1c4e3612}
.account-query-inline button:hover{background:#216958}
.account-query-inline select{width:120px;padding:10px 8px;background:#fff;border:1.5px solid #74aa9d;border-radius:9px;font-size:13px;font-weight:600;color:#1f3a2e;box-shadow:0 1px 5px #1c4e3612}
.account-query-inline select:disabled{opacity:.6}
.account-query-inline input:disabled{opacity:.6}
.account-query-inline input::placeholder{color:#4c6e5d;font-weight:600}
.account-query-inline button{padding:10px 26px;background:var(--green);border:2px solid #1f6353;border-radius:9px;color:#fff;font-size:14px;font-weight:700;white-space:nowrap;box-shadow:0 2px 8px #28786845}
.account-query-inline button:hover{background:#216958}
.account-query-inline-result{margin:9px 0 0;font-size:13px;font-weight:600;color:#1f5c48;line-height:1.7;overflow-wrap:anywhere;white-space:pre-wrap}
.account-query-inline-result.error{color:#d15c51}
/* 买2送1 活动按钮：红色醒目 + 轻微脉冲动画 */
.promo-b2g1{position:relative;padding:15px 34px;border:0;border-radius:14px;color:#fff;font-size:20px;font-weight:800;letter-spacing:1.5px;white-space:nowrap;cursor:pointer;background:linear-gradient(120deg,#ff9a3d,#ff4d6d,#b44bff);background-size:220% 220%;animation:b2g1flow 3.4s ease infinite,b2g1glow 2.4s ease-in-out infinite;text-shadow:0 1px 3px #00000055;transition:transform .12s ease}
.promo-b2g1:hover{transform:translateY(-3px)}
.promo-b2g1:active{transform:scale(.93)}
.baipi-fb{background:linear-gradient(120deg,#22e4ac,#19b7ff,#8a5cff);background-size:220% 220%;animation:b2g1flow 3.4s ease infinite,b2g1glow2 2.4s ease-in-out infinite}
.promo-zone{position:absolute;right:28px;top:50%;transform:translateY(-50%);display:flex;gap:18px;z-index:5}
@keyframes b2g1flow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes b2g1glow{0%,100%{box-shadow:0 0 10px #ff4d6d66,0 3px 10px #b44bff44}50%{box-shadow:0 0 22px #ff4d6db3,0 4px 16px #b44bff8c}}
@keyframes b2g1glow2{0%,100%{box-shadow:0 0 10px #19b7ff66,0 3px 10px #8a5cff44}50%{box-shadow:0 0 22px #22e4acb3,0 4px 16px #19b7ff8c}}
@media(max-width:1100px){.promo-zone{position:static;transform:none;justify-content:flex-start;margin-top:12px;flex-wrap:wrap}}

@media(max-width:780px){.promo-b2g1{animation:none;padding:12px 20px;font-size:15px}}
.zj-result-area{display:block;width:100%;white-space:normal;color:#33493d;max-height:62dvh;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#c4d4cb transparent}
@media(max-width:780px){#zj-result{max-height:56dvh}}
.zj-head,.zj-game{background:#fff;border:1px solid #dfe9e2;border-radius:12px;padding:12px 14px;margin:10px 0 0}
.zj-head{display:flex;gap:12px;align-items:flex-start;border-left:4px solid var(--green);box-shadow:0 1px 6px #1c4e3610}
.zj-avatar{flex:0 0 auto;width:64px;height:64px;border-radius:14px;border:2px solid #dfe9e2;object-fit:cover;background:#eef4ef}
.zj-avatar-fallback{display:grid;place-items:center;color:#2f5f4d;font-weight:900;font-size:26px}
.zj-head-main{flex:1;min-width:0}
.zj-ranks{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;margin:10px 0 0}
.zj-rank{background:#fff;border:1px solid #e3ece6;border-left:4px solid #74aa9d;border-radius:10px;padding:9px 11px;box-shadow:0 1px 5px #1c4e360d}
.zj-head-sub{display:flex;flex-wrap:wrap;gap:2px 0}
.zj-bit{display:inline-flex;align-items:center}
.zj-tico{width:18px;height:18px;margin-right:4px;object-fit:contain}
.zj-rank-icon{flex:0 0 34px;width:34px;height:34px;object-fit:contain}
.zj-rank-main{flex:1;min-width:0}
.zj-rank{display:flex;gap:9px;align-items:center}
.zj-rank-type{display:block;font-size:10px;color:#7d9084;font-weight:700;overflow-wrap:anywhere}
.zj-rank-tier{display:block;margin-top:3px;font-size:15px;font-weight:900;color:#2f5f4d}
.zj-rank-sub{display:block;margin-top:3px;font-size:10px;color:#90a096;overflow-wrap:anywhere}
.zj-head-title{font-size:14px;font-weight:800;color:#1f3a2e}
.zj-head-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.zj-status{flex:0 0 auto;padding:2px 8px;border-radius:8px;font-size:10px;font-weight:800}
.s-online{background:#e2f7ec;color:#1f8f56}
.s-maybe{background:#fdf3d7;color:#9a6b00}
.s-playing{background:#e2f2fd;color:#1673b8}
.s-offline{background:#eef1f4;color:#7d8a94}
.zj-head-sub{margin:7px 0 0;font-size:12px;font-weight:700;color:#2f5f4d}
.zj-sub{margin:6px 0 0;font-size:12px;color:#5f7a6b;font-weight:600;line-height:1.8}
.zj-game{display:flex;gap:10px;align-items:center;border-left:4px solid #cfdad2;background:#fbfdfb}
.zj-game.zj-win{border-left-color:#3f9d74;background:#f4faf6}
.zj-game.zj-lose{border-left-color:#d15c51;background:#fdf7f6}
.zj-game-idx{flex:0 0 auto;width:20px;height:20px;display:grid;place-items:center;border-radius:6px;background:#e8f0ec;color:var(--green);font-size:11px;font-weight:800}
.zj-game-avatar{flex:0 0 42px;width:42px;height:42px;border-radius:11px;object-fit:cover;background:#eef4ef}
.zj-game.zj-lose .zj-game-idx{background:#faecea;color:#d15c51}
.zj-game-main{flex:1;min-width:0}
.zj-game-top{display:flex;gap:8px;align-items:center}
.zj-game-champ{font-size:13px;font-weight:800;color:#26443a}
.zj-game-badge{flex:0 0 auto;padding:2px 7px;border-radius:6px;background:#fff3c9;color:#9a6b00;font-size:10px;font-weight:800}
.zj-game-detail{display:block;margin-top:4px;font-size:11px;color:#618070;overflow-wrap:anywhere}
.zj-game-side{flex:0 0 auto;text-align:right}
.zj-game-result{display:block;font-size:10px;color:#8b9c91;white-space:pre-line}
.zj-game-mark{font-size:15px;font-weight:900;color:#378b62;display:block;margin-top:2px}
.zj-lose .zj-game-mark{color:#d15c51}
@media(max-width:780px){.account-query-bar{padding:10px 14px}.account-query-inline input{max-width:none;flex:1 1 160px}.account-query-inline select{flex:0 0 110px}}

/* v20: 店铺信息弹窗 */
.brand-symbol img{width:100%;height:100%;border-radius:inherit;object-fit:cover;display:block;letter-spacing:0}
.brand-avatar-row{display:flex;gap:18px;margin-top:14px}
.brand-avatar-row .subtle-link{display:inline;width:auto;margin:0}
.brand-preview{display:flex;align-items:center;gap:14px;margin:18px 0 4px;padding:14px;border:1px dashed #dfe9df;border-radius:10px;min-height:70px;flex-wrap:wrap}
.brand-preview .brand-preview-symbol{height:46px;width:46px;border-radius:13px;font-size:22px}
.brand-preview-name{font-size:13px;color:#20322e;font-weight:600}

/* v24: 24小时自动售后 */
.text-dialog textarea{width:100%;padding:12px 14px;background:#fbfdf9;border:1px solid #dfe9df;border-radius:8px;color:#3b5141;font:inherit;resize:vertical}
.sh-select{width:100%;padding:12px 14px;background:#fbfdf9;border:1px solid #dfe9df;border-radius:8px;color:#3b5141;font:inherit}
.sh-result{margin:16px 0 4px;padding:14px;border:1px solid #cfe5d4;border-radius:10px;background:#f4faf5}
.sh-result-title{font-weight:700;font-size:14px;color:#287868;margin-bottom:10px}
.sh-reply{font-size:13px;line-height:1.7;color:#3b5141}
.sh-issue-row{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:13px}
.sh-issue-label{width:44px;color:#6f8375;flex-shrink:0}
.sh-issue-val{font-weight:700;color:#20322e;user-select:all;word-break:break-all}
.sh-issue-val2{color:#57705f;word-break:break-all}
.sh-result-tip{margin-top:10px;font-size:12px;color:#6f8375;line-height:1.6}
button.primary-mini{border:none;color:#fff;background:var(--green);padding:8px 18px;border-radius:8px;font-size:13px;cursor:pointer}
.sh-admin-dialog{width:min(660px,94vw)}
.sh-tabs{display:flex;gap:8px;margin:16px 0 6px;flex-wrap:wrap}
.sh-tabs button{padding:7px 14px;border:1px solid #dfe9df;border-radius:8px;background:#fbfdf9;font-size:12px;color:#57705f;cursor:pointer}
.sh-tabs button.active{background:var(--green);border-color:var(--green);color:#fff}
.sh-list{max-height:300px;overflow:auto;margin-top:12px;border-top:1px solid #eef3ee}
.sh-row{display:flex;align-items:center;gap:8px;padding:7px 2px;border-bottom:1px solid #eef3ee;font-size:12px;flex-wrap:wrap}
.sh-cell{color:#20322e;user-select:all;word-break:break-all}
.sh-w60{max-width:88px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6f8375}
.sh-st{font-size:11px;padding:2px 8px;border-radius:20px;flex-shrink:0}.sh-code-daily{width:64px;flex:0 0 64px}.sh-code-note{flex:1 1 110px;min-width:88px}
.sh-st.free{background:#e6f7ec;color:#287868}
.st-checking{background:#fff4e0;color:#b8863a}.st-issued{background:#e6f7ec;color:#287868}.st-failed{background:#f4e8e8;color:#a05252}.sh-shrink{flex-shrink:0;white-space:nowrap}.sh-code-daily{width:56px;flex:0 0 56px;padding:3px 5px;font-size:11px}
.sh-st.used{background:#f4e8e8;color:#a05252}
.sh-st.faq{background:#e8f1f7;color:#3a6f96}
.sh-st.wait{background:#fdf3e2;color:#a67b24}
.sh-time{color:#9aa8a0;font-size:11px;flex-shrink:0;margin-left:auto}
.sh-detail{color:#57705f}
.sh-mini{border:1px solid #dfe9df;background:#fff;border-radius:6px;font-size:11px;padding:2px 9px;cursor:pointer;color:#7d8f84;flex-shrink:0}
/* 2026-10-25 暗号管理：按暗号名切换领取记录的胶囊按钮 */
.sh-pills{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 8px}
.sh-pill{border:1px solid #dfe9df;background:#fff;border-radius:15px;font-size:12px;padding:4px 13px;cursor:pointer;color:#5f7168;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sh-pill.active{background:#287868;border-color:#287868;color:#fff;font-weight:600}
.sh-faq-row{align-items:flex-start}
.sh-faq-item{flex:1 1 200px;line-height:1.6}
.sh-faq-item strong{color:#287868;font-size:12px}
.sh-faq-item div{color:#57705f;font-size:12px;margin-top:2px;white-space:pre-wrap}

/* 聊内自动售后 */
.bot-tag{font-size:11px;padding:0 6px;border-radius:6px;background:rgba(120,110,255,.14);color:#6c63d8;font-weight:600;}
.sh-check{display:flex;align-items:center;gap:8px;font-size:13px;color:#455;margin:6px 0 2px;cursor:pointer;}
.sh-check input{width:16px;height:16px;}

/* 6.78" 1440 宽手机（视口约 520px）：紧凑化，避免按键顶到状态栏/元素溢出 */
@media(max-width:560px){
  .messages{padding:14px 12px 18px 12px}
  textarea{min-height:50px;height:56px}
  .composer{padding:7px 11px 9px;padding-bottom:max(9px,env(safe-area-inset-bottom))}
  .composer-bottom{gap:8px}
  .send{padding:8px 16px}
  .chat-footer{font-size:7px}
  .new-messages{bottom:150px}
  .emoji-picker{bottom:120px}
}
@media(pointer:coarse){.keyboard-tip{display:none}}

#bot-switch{margin-bottom:9px;display:flex;justify-content:space-between;align-items:center;gap:8px;text-align:left}
#bot-switch.bot-off{background:#fbefee;border-color:#f0d9d7;color:var(--red)}
.bot-right{display:flex;align-items:center;gap:6px}
.bot-state{font-weight:700}
.bot-track{position:relative;width:38px;height:20px;border-radius:20px;background:#22a55e;transition:background .15s;flex-shrink:0}
#bot-switch.bot-off .bot-track{background:#cd5a50}
.bot-knob{position:absolute;top:2px;left:20px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.25);transition:left .15s}
#bot-switch.bot-off .bot-knob{left:2px}

/* 客户信息（IP/地区/备注/拉黑） */
.vi-grid{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;margin:6px 0 12px;align-items:baseline}
.vi-label{font-size:12px;color:#7d8f84}
.vi-value{font-size:13px;color:#25382f;word-break:break-all}
.vi-copy{padding:0;border:0;background:none;cursor:pointer;text-align:left;text-decoration:underline dotted #a9bcb0;text-underline-offset:3px}
.visitor-dialog textarea{width:100%;box-sizing:border-box;font:inherit;font-size:13px;border:1px solid var(--line);border-radius:8px;padding:8px 10px;resize:vertical;min-height:64px}
.check-row{display:flex;align-items:center;gap:8px;margin:12px 0 2px;font-size:13px;color:#8c4d4d;cursor:pointer}
.check-row input{width:16px;height:16px;accent-color:#c05858}
.blocked-tag{flex-shrink:0;font-size:10px;padding:1px 6px;border-radius:20px;background:#fbefee;color:var(--red);font-weight:600}
.conversation-name.is-blocked{color:#a2716f}
.note-chip{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:#8a9b8e;background:#eef4ef;border-radius:20px;padding:1px 8px}
@media(max-width:560px){.note-chip{max-width:110px}.vi-grid{grid-template-columns:auto 1fr}.visitor-dialog textarea{min-height:56px;font-size:16px}}

/* IP 直显 */
.conversation-ip{margin-left:auto;color:#9aa79d;font-size:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-variant-numeric:tabular-nums}
.header-ip{margin:2px 0 0;font-size:10px;color:#7d8f84;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:60vw}
.header-ip:empty{display:none}
@media(max-width:560px){.conversation-ip{max-width:86px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-copy h1{margin-bottom:2px}}
/* 搜索跳转高亮（2026-10-27） */
.message-row.flash .message-body{animation:mzFlash 2.2s ease}@keyframes mzFlash{0%,55%{background:#fdeeb7;border-radius:10px;box-shadow:0 0 0 3px #fdeeb7}100%{background:transparent;box-shadow:none}}

/* v48→v50：桌面端右侧广告墙从页面最顶铺到底，聊天/输入/按钮全留在左侧；手机端图片折叠为顶部短条。 */
.announcement-panel{min-width:0;overflow:auto;padding:22px 26px 26px;border-left:1px solid #deebe3;background:linear-gradient(160deg,#f4faf6 0%,#fff 65%);overscroll-behavior:contain}
.announcement-heading{display:flex;align-items:center;gap:9px;padding-bottom:12px;border-bottom:1px solid #dce9df}
.announcement-heading h2{margin:0;color:#236a57;font-size:18px}
.announcement-content{padding-top:16px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;font-weight:600}
.announcement-image{display:block;width:100%;height:auto;max-height:calc(100dvh - 190px);object-fit:contain;object-position:center top;margin:14px 0 0;border-radius:10px;background:#fff}
/* v56: 右上独立公告位（与广告墙分开；仅电脑端显示） */
.notice2-panel{position:absolute;top:0;right:0;width:clamp(320px,32vw,620px);z-index:36;max-height:46dvh;overflow:auto;background:linear-gradient(160deg,#fff 0%,#f4faf6 65%);border-left:1px solid #deebe3;border-bottom:1px solid #deebe3;box-shadow:-6px 0 22px #1c4e3608;padding:14px 20px 18px;box-sizing:border-box}
.notice2-heading{display:flex;align-items:center;gap:9px;padding-bottom:10px;border-bottom:1px solid #dce9df}
.notice2-heading h2{margin:0;color:#236a57;font-size:16px}
.notice2-body{padding-top:12px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;font-weight:600}
.notice-slot-divider{height:1px;background:#dce9df;margin:16px 0 14px}
@media(max-width:1279px){.notice2-panel{display:none}}
.announcement-content:empty{display:none}
/* v52: 活动按钮贴着「声音开启/修改昵称」右侧放大展示（不再顶最右）；手机仍在公告下居中。 */
.visitor .promo-zone{position:static;transform:none;flex:0 0 auto;flex-wrap:nowrap;gap:12px;margin:0 0 0 6px}
.visitor .promo-b2g1{padding:13px 26px;font-size:17px;letter-spacing:.4px;border-radius:11px}
@media(max-width:860px){
  .visitor .chat-header{flex-wrap:wrap;height:auto;min-height:74px;padding:8px 15px 10px;row-gap:6px}
  .visitor .promo-zone{position:static;transform:none;order:31;flex:1 1 100%;flex-wrap:wrap;justify-content:center;gap:12px;margin:0 0 2px}
  .visitor .promo-b2g1{padding:9px 15px;font-size:13px}
}

/* v55: 公告每行颜色——大弹窗内的可选色块。 */
.notice-color-chips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 2px}
.notice-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1.5px solid var(--line);border-radius:9px;background:#fff;font-size:13px;font-weight:700;color:#20322e}
.notice-chip:hover{border-color:#74aa9d;background:#f2f8f5}
.notice-chip i{width:14px;height:14px;border-radius:4px;display:inline-block;flex-shrink:0}

/* v54: 后台公告/广告独立大弹窗；店铺信息里只留入口按钮。 */
.notice-dialog{width:min(880px,94vw)}
.notice-dialog textarea{width:100%;min-height:36dvh;max-height:50dvh;font-size:15px;line-height:1.9;resize:vertical}
.notice-open-btn{display:block;width:100%;padding:11px 16px;border-radius:10px;font-weight:700;color:var(--green);background:#eef5ef;border:1.5px solid #d0e3d8}
.notice-open-btn:hover{background:#e2efe7}
@media(max-width:1279px){.visitor .visitor-notice{max-height:22dvh;overflow:auto}}
.ad-image-preview{display:block;width:min(100%,420px);max-height:260px;object-fit:contain;object-position:left center;margin:10px 0 14px;border-radius:8px;border:1px solid #dce9df;background:#f5f9f6}
@media(min-width:1280px){
  .visitor .visitor-notice{display:none}
  .visitor .chat-panel.has-announcement .announcement-panel{position:absolute;top:0;right:0;bottom:0;width:clamp(320px,32vw,620px);z-index:35;border-left:1px solid #deebe3;box-shadow:-6px 0 22px #1c4e3608}
  .visitor .chat-panel.has-announcement .chat-header,.visitor .chat-panel.has-announcement .assist-bar,.visitor .chat-panel.has-announcement .chat-content{margin-right:clamp(320px,32vw,620px)}
}
@media(max-width:1279px){
  .visitor .announcement-panel{display:none}
  .visitor .announcement-panel.has-ad-image{display:block;order:-1;flex:0 0 auto;max-height:140px;padding:8px 14px;border-left:0;border-bottom:1px solid #deebe3}
  .visitor .announcement-panel.has-ad-image .announcement-heading,.visitor .announcement-panel.has-ad-image .announcement-content{display:none}
  .visitor .announcement-panel.has-ad-image .announcement-image{height:120px;max-height:120px;width:100%;margin:0;object-fit:contain}
}