/* 中文工作台样式（20261019 重排：回复框贴底/内容独立滚动/整体配色） */
.wb-thread{max-width:960px;margin:auto}
.wb-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0}
.wb-toolbar h1{font-size:22px}
.wb-toolbar a{color:#245fd1;text-decoration:none;font-weight:650}
.wb-toolbar button,.wb-quick button,.wb-option button,.wb-dialog button{min-height:44px;padding:8px 14px;border:1px solid #d7e0ee;border-radius:12px;background:#fff;color:#254b82;font-size:15px;cursor:pointer;transition:background .15s,box-shadow .15s}
.wb-toolbar button:hover,.wb-quick button:hover,.wb-option button:hover{background:#f2f7ff;box-shadow:0 2px 8px #1d4ed81a}
.wb-primary{background:linear-gradient(135deg,#2f6bff,#1d4fd7)!important;color:#fff!important;border:0!important;font-weight:750;box-shadow:0 4px 14px #1d4fd744}
.wb-primary:hover{filter:brightness(1.06)}
.wb-primary:disabled{opacity:.55;box-shadow:none}

/* ---- 页面底色：仅工作台页面着色，不影响其他后台页 ---- */
body:has(.wb-thread),body:has(#wb-inbox){background:linear-gradient(180deg,#e9effa 0%,#f4f7fb 260px) fixed}

/* ---- 消息气泡（20261019e 双端紧凑：正文15px/1.5、间距8） ---- */
.wb-messages{display:flex;flex-direction:column;gap:8px;padding:8px 2px 0}
.wb-message{max-width:88%;background:#fff;border:1px solid #e6ecf5;border-radius:12px 12px 12px 4px;padding:8px 12px;overflow-wrap:anywhere;box-shadow:0 1px 4px #1d3a6b0d}
.wb-message.outbound{align-self:flex-end;background:linear-gradient(135deg,#e9f2ff,#dcebff);border-color:#d3e3fa;border-radius:12px 12px 4px 12px}
.wb-message p{font-size:15px;line-height:1.5;margin:3px 0;white-space:pre-wrap}
.wb-message small,.wb-option small{font-size:12px;color:#63738a}
/* 元信息一行：称呼 · 时间；[重试][显示原文][复制俄文] 低频操作不常驻——PC 悬停气泡出现，手机/触屏点气泡出现（tools-open） */
.wb-meta{display:flex;align-items:center;gap:2px;flex-wrap:wrap;margin:0 0 1px}
.wb-meta small{white-space:nowrap}
.wb-meta button{display:none;border:0;background:none;color:#2563eb;min-height:22px;padding:0 2px;margin-left:6px;font-size:12px;white-space:nowrap}
body:not(.m-wb-thread-page) .wb-message:hover .wb-meta button,body:not(.m-wb-thread-page) .wb-message.tools-open .wb-meta button,body.m-wb-thread-page .wb-message.tools-open .wb-meta button{display:inline-flex}
/* 买家来信常驻复制键（核对翻译用）：不受隐藏规则影响，右对齐 */
.wb-meta .wb-copy-ru{display:inline-flex;margin-left:auto;border:0;background:none;color:#2563eb;min-height:22px;padding:0 2px;font-size:12px;white-space:nowrap}
.wb-message details{font-size:13px;color:#64748b;margin-top:8px}
.wb-message summary{min-height:24px;cursor:pointer}
.wb-message button{border:0;background:none;color:#2563eb;min-height:24px}
.wb-message img{max-width:100%;max-height:150px;object-fit:contain;border-radius:8px}  /* 缩略图小占位，点击新窗口看原图 */
.wb-message .wb-raw-text{margin-top:4px;font-size:13px;color:#64748b}

/* ---- 回复建议卡 ---- */
.wb-recommend{background:#fff;border:1px solid #e3eaf5;border-radius:18px;padding:12px 14px 10px;margin:14px 0;box-shadow:0 4px 18px #1d3a6b0f}
.wb-recommend-head{display:flex;align-items:center;gap:8px;margin:0 0 8px;min-height:24px}
.wb-recommend-title{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;font-size:13px;font-weight:750;color:#1d2d43;white-space:nowrap}
.wb-ai-mark{display:inline-flex;align-items:center;justify-content:center;height:18px;padding:0 6px;border-radius:999px;background:linear-gradient(135deg,#2f6bff,#1d4fd7);color:#fff;font-size:10px;font-weight:800;letter-spacing:.04em;box-shadow:0 2px 6px #1d4fd733}
#wb-suggest-state{flex:1 1 auto;min-width:0;margin:0;font-size:12px;line-height:1.35;color:#71809a;overflow-wrap:anywhere}
#wb-suggest-state.wb-suggest-error{color:#b93b36}
#wb-suggest-state:empty{display:none}
.wb-options:empty{display:none}
.wb-recommend:has(.wb-options:empty) .wb-recommend-head{margin-bottom:0}
.wb-recommend>.wb-toolbar{margin:0 0 8px}
.wb-recommend>.wb-toolbar b{font-size:17px}
.wb-options{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:none}
.wb-options::-webkit-scrollbar{width:0;height:0;display:none}
.wb-option{box-sizing:border-box;flex:0 0 85%;scroll-snap-align:start;border:1px solid #dbe5f5;background:linear-gradient(180deg,#fbfdff,#f6f9ff);border-radius:12px;padding:9px 11px;transition:box-shadow .15s;container-type:inline-size}
.wb-option:hover{box-shadow:0 6px 18px #1d4ed814}
.wb-option p{font-size:14.5px;line-height:1.5;white-space:pre-wrap}  /* 20261019e 双端截断+展开（PC 2 行/手机 3 行），JS 按内容高度决定 */
.wb-option.chosen{border:2px solid #2469e8;background:#f3f8ff}
.wb-option small{display:block;margin:6px 0}
.wb-suggest-error{color:#b93b36}
/* 建议卡按钮行（20261019-8 精简）：[采用][复制俄文]……[显示原文(最右)]，小巧 pill 风格 */
/* 建议卡按钮行：[采用(主色)][⋯]……[展开全文(最右)] 单行 */
.wb-option-actions{display:flex;align-items:center;flex-wrap:nowrap;gap:5px;margin-top:4px}
.wb-option-actions button{flex:0 0 auto;white-space:nowrap;min-height:0;min-width:0;padding:2px 8px;border:1px solid #d5e2f8;border-radius:999px;background:#f3f7ff;color:#2456b8;font-size:12px;font-weight:650;cursor:pointer}
.wb-option-actions button:hover{background:#e7efff}
.wb-option-actions .wb-adopt{background:linear-gradient(135deg,#2f6bff,#1d4fd7);color:#fff;border:0;font-weight:750}
.wb-option-actions button:last-child{margin-left:auto}
.wb-option .wb-raw-text{margin:8px 0 0}

/* ---- 快捷语（20261019-10）：单行可拖动（PC pointer 拖拽+滚轮横滚由 JS 提供） ---- */
.wb-quick{display:flex;gap:6px;overflow-x:auto;margin:0;scrollbar-width:none;cursor:grab;user-select:none}
.wb-quick::-webkit-scrollbar{display:none}
.wb-quick button{white-space:nowrap;border:1px solid #d5e2f8;border-radius:999px;background:#f3f7ff;color:#2456b8;font-weight:650;min-height:28px;padding:3px 10px;font-size:12px}
.wb-quick button:active{cursor:grabbing}

/* ---- 回复框：贴底停靠（桌面 bottom:0；手机在底部导航上方），不透明遮挡滚动内容 ---- */
.wb-composer{position:sticky;z-index:5;background:#fff;border:1px solid #e3eaf5;border-radius:18px;padding:12px;box-shadow:0 -8px 24px #1d3a6b14,0 8px 24px #1d3a6b0d}
.wb-composer textarea{box-sizing:border-box;width:100%;font-size:14.5px;line-height:1.45;border:1px solid #cdd8ea;padding:9px 11px;border-radius:10px;min-height:38px;resize:vertical;background:#fcfdff;scrollbar-width:none}
.wb-composer textarea::-webkit-scrollbar{width:0;height:0;display:none}
.wb-composer textarea:focus{outline:0;border-color:#2f6bff;box-shadow:0 0 0 3px #dfeaff}
/* 输入框内左下角的「＋ 截图」入口（20261110）：绝对定位在 textarea 内，textarea 留出左侧内边距 */
.wb-input-wrap{position:relative;display:grid;grid-template-columns:minmax(0,1fr)}
.wb-input-wrap>*{grid-area:1/1}
.wb-input-wrap textarea{display:block;min-width:0}
.wb-input-wrap.has-attach textarea{padding-left:78px}
.wb-input-wrap .wb-attach-pick{justify-self:start;align-self:center;margin-left:7px;z-index:1;min-height:26px;padding:2px 8px;font-size:12px}
.wb-attachment{display:flex;align-items:center;gap:8px;margin-top:7px;color:#71809a;font-size:12px}
.wb-attachment:has(#wb-attach-preview[hidden]){display:none}
.wb-attach-pick{display:inline-flex;align-items:center;min-height:28px;padding:3px 9px;border:1px solid #cbd9f0;border-radius:8px;background:#f5f8ff;color:#285bbb;font-weight:700;cursor:pointer}
.wb-attach-pick:hover{background:#eaf1ff}.wb-attachment small{overflow-wrap:anywhere}
#wb-attach-preview{display:flex;align-items:center;gap:7px;min-width:0}
#wb-attach-preview img{width:42px;height:42px;object-fit:cover;border:1px solid #d7e0ee;border-radius:7px}
#wb-attach-preview span{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#wb-attach-preview button{min-height:28px;padding:3px 8px;border:1px solid #d7e0ee;border-radius:8px;background:#fff;color:#365279;cursor:pointer}

/* ---- 收件箱（PC+手机共用） ---- */
#wb-inbox{display:flex;flex-direction:column;gap:8px;padding:2px 0 18px}
.wb-swipe{position:relative;overflow:hidden;border-radius:14px;box-shadow:0 1px 4px #1d3a6b0d}
.wb-no-reply{position:absolute;inset:0 0 0 auto;width:110px;background:#548474;color:#fff;border:0;font-size:16px}
.wb-inbox-card{position:relative;display:block;background:#fff;border:1px solid #e6ecf5;padding:8px 11px;color:#1d2d43;text-decoration:none;touch-action:pan-y;border-radius:12px;transition:transform .15s,box-shadow .15s}
.wb-inbox-card:hover{box-shadow:0 6px 18px #1d4ed817;transform:translateY(-1px)}
.wb-inbox-card>div{display:flex;justify-content:space-between;gap:12px}
.wb-inbox-card b{max-width:68%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}
.wb-inbox-card time{font-size:11px;color:#718096}
.wb-inbox-card p{font-size:13px;line-height:1.35;margin:4px 0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.wb-inbox-card small{font-size:11px;color:#52647a}
/* 列表项结构（20261109）：买家名、消息、状态、时间拆成独立元素，PC 端表格化排列 */
.wb-avatar{display:none}
.wb-card-ident{display:flex;align-items:center;gap:6px;min-width:0;padding-right:46px;font-size:15px}
.wb-card-ident b{max-width:none;flex:0 1 auto;min-width:0}
.wb-card-time{position:absolute;top:8px;right:11px;font-size:11px;color:#718096;line-height:1.4}
.wb-state{display:inline-block;background:#e3edff;border-radius:999px;padding:2px 8px;font-size:11px;color:#2154a0;font-weight:650}
.wb-state-muted{background:#eef2f6;color:#8a96aa}
/* 待回复等待时长徽标：颜色随等待时长升级（20261109） */
.wb-wait{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:650;background:#eef3ff;color:#2f5fbf;white-space:nowrap;font-variant-numeric:tabular-nums}
.wb-wait::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.75}
.wb-wait-warn{background:#fff4dc;color:#9a620d}
.wb-wait-urgent{background:#ffe9e5;color:#b3392d}
.wb-wait-critical{background:#f56c6c;color:#fff}
/* 待回复列表：等待时长与「需要回复」合成一枚分段标签（20261109）。
   左段沿用状态色，右段沿用等待时长分级色，避免两枚独立徽标显得分散。 */
.wb-state-pair{display:inline-flex;align-items:center;padding:0;overflow:hidden}
.wb-state-pair .wb-state-name{padding:2px 8px}
.wb-state-pair .wb-wait{border-radius:0;padding:2px 8px;font-size:inherit;gap:5px}
.wb-state-pair .wb-wait::before{width:5px;height:5px}
.wb-inbox-card>.wb-card-status{justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:6px}
.wb-return-card{cursor:pointer}.wb-return-card p{-webkit-line-clamp:2}.wb-return-meta{justify-content:flex-start!important;flex-wrap:wrap;gap:5px!important;margin-top:4px}.wb-return-meta span{border-radius:6px;background:#f1f5fb;color:#536b91;padding:2px 6px;font-size:10px}.wb-return-card .wb-card-status a{font-size:12px;color:#2154a0}.wb-return-page{max-width:1040px;margin:16px auto 40px}.wb-return-back a{color:#2154a0;text-decoration:none;font-weight:650}.wb-return-hero{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;background:linear-gradient(135deg,#fff,#f6faff);border:1px solid #e3eaf5;border-radius:16px;padding:18px 20px}.wb-return-hero-main{min-width:0}.wb-return-hero h1{font-size:22px;margin:9px 0 0;color:#1a2b45}.wb-return-hero-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}.wb-return-pill{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:6px;background:#f1f5fb;color:#536b91;padding:3px 8px;font-size:12px}.wb-return-hero-side{display:flex;flex-direction:column;align-items:flex-end;gap:7px;flex:none;text-align:right;white-space:nowrap;font-size:12px;color:#718096}.wb-return-hero-side time{font-size:13px;color:#52647a;font-variant-numeric:tabular-nums}.wb-return-hero-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-top:2px}.wb-return-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #c9dafb;border-radius:8px;background:#fff;color:#2154a0;text-decoration:none;cursor:pointer}.wb-return-icon-btn:hover{background:#f2f7ff;border-color:#a9c6f5}.wb-return-icon-btn.is-disabled{color:#b3bdcc;border-color:#e3eaf5;background:#f8fafc;cursor:not-allowed}.wb-return-refresh{display:inline-block;border:1px solid #c9dafb;border-radius:8px;background:#fff;color:#2154a0;padding:6px 10px;font-size:12px;font-weight:650;text-decoration:none}.wb-return-safety{color:#7b8aa0;font-size:12px;margin:9px 2px 0}.wb-return-sync-result{color:#2154a0;font-size:12px;margin:7px 2px 0;background:#f2f7ff;border:1px solid #dbe8fb;border-radius:9px;padding:7px 10px}.wb-return-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,.95fr);gap:14px;margin-top:14px;align-items:start}.wb-return-main,.wb-return-side{display:grid;gap:14px;min-width:0}.wb-return-panel{background:#fff;border:1px solid #e3eaf5;border-radius:14px;padding:14px 16px;min-width:0}.wb-return-panel>header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}.wb-return-panel h2{font-size:12px;font-weight:700;color:#52647a;margin:0 0 7px;letter-spacing:.02em}.wb-return-panel>header h2{margin:0}.wb-return-panel p{margin:0;color:#1d2d43;font-size:15px;line-height:1.6;word-break:break-word}.wb-return-count{flex:none;border-radius:999px;background:#eaf2ff;color:#2154a0;padding:2px 9px;font-size:11px}.wb-return-comment{padding:10px 12px;background:#f8fbff;border:1px solid #e8f0fb;border-radius:10px}.wb-return-comment p{font-size:15.5px}.wb-return-quote+.wb-return-quote{margin-top:10px;padding-top:10px;border-top:1px solid #eef3fa}.wb-return-lang{border:0;background:none;color:#2154a0;padding:0;font-size:12px;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.wb-return-lang:disabled{color:#9aa7ba;text-decoration:none;cursor:default}.wb-return-comment .wb-return-lang,.wb-return-quote .wb-return-lang{margin-top:8px}.wb-return-flag{display:inline-block;margin-top:9px;border-radius:6px;background:#fff4e8;color:#a35a12;padding:3px 8px;font-size:12px}.wb-return-state-line{margin-bottom:2px}.wb-return-state-line .wb-state{font-size:13px}.wb-return-kv{display:block;margin:0}.wb-return-kv>div{display:block;margin:0;padding:8px 0;border-top:1px solid #eef3fa}.wb-return-kv>div:first-child{border-top:0;padding-top:1px}.wb-return-kv dt{color:#7b8aa0;font-size:12px;margin:0 0 2px}.wb-return-kv dd{margin:0;color:#1d2d43;font-size:13.5px;line-height:1.5;word-break:break-word}.wb-return-kv dd button{border:0;background:none;color:#2154a0;font-size:11.5px;padding:0 0 0 6px;cursor:pointer}.wb-return-panel details{margin-top:8px;color:#2154a0;font-size:12px}.wb-return-panel details summary{cursor:pointer}.wb-return-panel details p{margin-top:5px;color:#61718a;font-size:13px}.wb-return-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;margin-top:10px}.wb-return-photo-grid a{display:block;aspect-ratio:1/1;border:1px solid #dbe6f6;border-radius:10px;overflow:hidden;background:#f4f8ff}.wb-return-photo-grid img{display:block;width:100%;height:100%;object-fit:cover}.wb-return-photo-note{margin:8px 0 0!important;color:#8b96a8!important;font-size:11.5px!important}.wb-return-empty{color:#8b96a8!important;font-size:13.5px!important}@media(max-width:820px){.wb-return-page{margin:8px auto 24px}.wb-return-hero{flex-direction:column;gap:10px;padding:15px 16px;border-radius:14px}.wb-return-hero h1{font-size:19px}.wb-return-hero-side{align-items:flex-start;text-align:left;white-space:normal}.wb-return-hero-actions{justify-content:flex-start}.wb-return-layout{grid-template-columns:minmax(0,1fr);gap:11px;margin-top:11px}.wb-return-main,.wb-return-side{gap:11px}.wb-return-panel{border-radius:12px;padding:13px 14px}.wb-return-photo-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}}
.wb-return-overview{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 9px;margin:0 0 5px;border:1px solid #dce7f8;border-radius:10px;background:#f8fbff}.wb-return-overview>div{display:grid;gap:1px}.wb-return-overview b{font-size:13px;color:#1d4fa9}.wb-return-overview small{font-size:10px;color:#718096}.wb-return-sync{display:flex;align-items:center;justify-content:flex-end;gap:6px;color:#61718a;font-size:10px}.wb-return-sync span{display:none}.wb-return-sync button{border:1px solid #c9dafb;border-radius:8px;background:#fff;color:#2154a0;padding:5px 8px;font-size:11px;font-weight:700;cursor:pointer}.wb-return-state-completed{background:#e8f7ee;color:#187044}.wb-return-state-action_needed{background:#ffebe8;color:#ae3e35}.wb-return-state-review{background:#fff2d6;color:#946014}.wb-return-state-tracking{background:#e8f0ff;color:#2154a0}
.wb-return-evidence{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wb-handoff{display:inline-block;max-width:100%;box-sizing:border-box;background:#fff3dc;color:#85520b;border-radius:999px;padding:3px 10px;font-size:13px;font-weight:650;overflow-wrap:anywhere}
#wb-regen{border:1px solid #d5e2f8;background:#fff;color:#3d588f;border-radius:999px;padding:3px 12px;font-size:12px;font-weight:650;cursor:pointer;margin:0 0 0 auto;flex:0 0 auto;white-space:nowrap}
#wb-regen:hover{background:#f2f7ff}
#wb-regen:disabled{opacity:.5;cursor:default}
.wb-presence{margin:0 0 8px;padding:6px 12px;border-radius:10px;background:#fff7e8;border:1px solid #f2ddae;color:#8a6116;font-size:13px;font-weight:650}
p.m-empty{text-align:center;color:#71809a;padding:32px 0}

/* 搜索框与分类筛选（原仅手机样式，PC 此前裸奔成下划线链接） */
.m-search{display:flex;gap:8px;margin:6px 0 8px}
.m-search input{flex:1;min-width:0;border:1px solid #cdd8ea;border-radius:12px;padding:11px 14px;font-size:16px;background:#fff}
.m-search input:focus{outline:0;border-color:#2f6bff;box-shadow:0 0 0 3px #dfeaff}
.m-search button{border:0;border-radius:12px;background:linear-gradient(135deg,#2f6bff,#1d4fd7);color:#fff;font-weight:750;padding:0 16px;min-width:52px;min-height:44px;cursor:pointer;display:flex;align-items:center;justify-content:center}
.m-filter-scroll{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;overflow:visible;padding:0 0 7px;scrollbar-width:none}
.m-filter-scroll::-webkit-scrollbar{display:none}
.m-filter{min-width:0;display:flex;justify-content:center;align-items:center;gap:3px;border:1px solid #d5e2f8;border-radius:9px;background:#fff;color:#3d588f;padding:7px 4px;font-size:12px;font-weight:650;text-decoration:none;transition:all .15s;white-space:nowrap}
.m-filter:hover{background:#f2f7ff}
.m-filter.on{background:linear-gradient(135deg,#2f6bff,#1d4fd7);border-color:transparent;color:#fff;box-shadow:0 3px 10px #1d4fd744}
.m-filter b{font-weight:800;font-size:12px;opacity:.78;margin:0}

/* ---- 发送记录/出站任务 ---- */
.wb-outbox-item{padding:16px;background:#fff;border:1px solid #e3eaf5;border-radius:14px;margin:12px 0;overflow-wrap:anywhere;box-shadow:0 1px 4px #1d3a6b0d}
.wb-outbox-item p{font-size:16px;white-space:pre-wrap}
.wb-outbox-item button{min-height:44px}
.wb-global-link{display:block;text-align:right;padding:8px 16px;color:#245fd1;font-size:14px}.wb-top-send{padding:4px 6px;margin-left:auto;font-size:13px;white-space:nowrap}
#wb-send-state{font-size:14px;max-width:65%;overflow-wrap:anywhere}

/* ---- 订单/工具行/预览条 ---- */
/* ---- 头部一行（20261019e：‹ 会话+买家名+工具按钮并一行）与上下文芯片行（商品+订单） ---- */
.wb-head-row{margin:6px 0;gap:8px;flex-wrap:wrap}
.wb-head-row .wb-back{color:#245fd1;text-decoration:none;font-weight:650;font-size:14px;white-space:nowrap}
.wb-head-row .wb-title{flex:1;min-width:60px;font-size:16px;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wb-head-row button{min-height:30px;padding:3px 10px;border-radius:9px;font-size:12.5px}
.wb-head-row{position:relative}
.wb-more-menu{font-size:20px!important;font-weight:800;line-height:1;min-width:34px;padding:0!important}
.wb-more-actions{position:absolute;right:0;top:38px;z-index:45;display:grid;gap:4px;min-width:142px;padding:6px;background:#fff;border:1px solid #d9e4f5;border-radius:12px;box-shadow:0 10px 28px #17356626}
.wb-more-actions[hidden]{display:none}
.wb-more-actions button{text-align:left;min-height:38px!important;font-size:14px!important}
.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}
.wb-context-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:6px 0}
.wb-sku-bar{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #dbe5f5;border-radius:9px;padding:4px 10px;margin:0;font-size:12.5px}
.wb-sku-bar .mono{font-size:inherit!important}
.wb-sku-empty button{border:0;background:#eef4ff;color:#2456c4;font-weight:700;padding:3px 10px;border-radius:999px;cursor:pointer}
.wb-sku-dialog input{width:100%;box-sizing:border-box;border:1px solid #cdd8ea;border-radius:10px;padding:10px 12px;font-size:16px}
.wb-sku-dialog #wb-sku-results{max-height:46vh;overflow-y:auto;margin:10px 0;display:grid;gap:8px}
.wb-sku-dialog #wb-sku-results p{margin:0;color:#71809a;font-size:14px;padding:6px 2px}
.wb-sku-result{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid #dbe4f2;background:#fff;border-radius:12px;padding:10px 12px;cursor:pointer;text-align:left}
.wb-sku-result:hover{border-color:#2f6bff;background:#f5f9ff}
.wb-sku-result span{min-width:0;display:grid;gap:3px}
.wb-sku-result b{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wb-sku-result small{color:#71809a;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wb-sku-result em{flex:0 0 auto;font-style:normal;color:#2456c4;font-weight:700;font-size:13px}  /* 全局 .mono 是 10px!important，会压小 SKU 数字——芯片内与"商品"标签同字号（20261020-02） */
.wb-sku-bar>span{color:#3d588f;font-weight:650}
.wb-sku-bar b{color:#1d2d43}
.wb-sku-bar .wb-copy-sku{border:1px solid #d5e2f8;border-radius:999px;background:#f3f7ff;color:#2456b8;font-weight:650;min-height:22px;padding:1px 9px;font-size:11.5px;cursor:pointer}
.wb-orders{font-size:12.5px;background:#fff;border:1px solid #e3eaf5;border-radius:9px;padding:4px 10px;margin:0}
.wb-orders summary{min-height:22px;cursor:pointer}
.wb-orders[open]{flex:1 1 100%}
.wb-orders p{margin:4px 0}
.wb-recommend{padding:10px 12px;margin:10px 0}
.wb-dialog [data-close]{font-size:22px}
.wb-history-note{font-size:14px;color:#64748b}
.wb-message-tools{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:4px}
.wb-message-tools button{margin:0;padding:0;min-height:32px;font-size:14px;white-space:nowrap;border:0;background:none}
.wb-message .wb-raw-text{margin-top:8px;font-size:14px;color:#64748b}
.wb-product-assets{border-bottom:1px solid #dce4ef;padding-bottom:12px;margin-bottom:12px}
.wb-product-assets img{display:block;max-width:100%;width:320px;height:320px;object-fit:contain;margin:12px auto;cursor:zoom-in}
.wb-product-assets small{display:block}
.wb-save-image{display:inline-block;padding:10px 0}
.wb-product-assets .wb-toolbar span{overflow-wrap:anywhere}
.wb-preview{padding:8px;text-align:center;background:#fff1c9;color:#73540a;font-size:14px}

/* ---- 弹窗 ---- */
.wb-dialog{box-sizing:border-box;width:min(94vw,600px);max-height:85vh;overflow:auto;padding:18px;border:0;border-radius:20px;box-shadow:0 24px 70px #0f214433}
.wb-dialog::backdrop{background:#0f214466}
.wb-dialog header{display:flex;justify-content:space-between;align-items:center}
.wb-dialog p{font-size:16px;line-height:1.7}
.wb-dialog table{width:100%;border-collapse:collapse;font-size:16px}
.wb-dialog td,.wb-dialog th{padding:10px;border-bottom:1px solid #e6ecf5;text-align:left}
.wb-dialog textarea{width:100%;font-size:16px}
.wb-dialog form label{display:block;font-size:15px;font-weight:650;color:#3d588f;margin:12px 0 4px}
.wb-dialog form select{width:100%;min-height:46px;border:1px solid #cdd8ea;border-radius:12px;padding:8px 12px;font-size:16px;background:#fff}
.wb-dialog form textarea{min-height:110px;border:1px solid #cdd8ea;border-radius:12px;padding:10px 12px;background:#fcfdff}
.wb-dialog form .wb-toolbar{margin-top:14px}
.wb-dialog{z-index:20}
.wb-size-recommendation{margin:14px 0;padding:12px;border:1px solid #cfe0ff;border-radius:14px;background:#f7faff}
.wb-size-reference{margin:16px 0}
.wb-size-reference>#wb-size-table{margin-top:8px}
.wb-size-choice-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(52px,1fr));align-items:stretch;justify-content:initial;gap:8px;max-width:100%}
.wb-size-choice-grid button{min-width:0;padding:8px 4px}
@media(max-width:520px){.wb-size-choice-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.wb-size-recommendation{padding:10px}}
.wb-compensation-card{border:1px solid #dfe8f7;border-radius:14px;padding:12px;margin:10px 0;background:#fbfdff}
.wb-compensation-card h3{font-size:16px;margin:0 0 8px}.wb-compensation-card p{margin:5px 0;font-size:14px;line-height:1.55}
.wb-compensation-facts{border:1px solid #dfe8f7;border-radius:12px;padding:10px 12px;background:#f8fbff;margin:10px 0}.wb-compensation-facts b{display:block;margin-bottom:6px}.wb-compensation-facts p{margin:4px 0;font-size:13px;line-height:1.45}.wb-compensation-facts p:last-child{color:#8a5b14}
.wb-compensation-identifiers{border:1px solid #dfe8f7;border-radius:12px;padding:10px 12px;background:#fff;margin:8px 0}.wb-compensation-identifiers>b{display:block;margin-bottom:6px}.wb-compensation-identifiers>div{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:5px 0;border-top:1px solid #edf1f8}.wb-compensation-identifiers span{color:#60708a;font-size:12px}.wb-compensation-identifiers strong{font-size:13px;overflow-wrap:anywhere}.wb-compensation-identifiers button{min-height:28px!important;padding:3px 8px!important;font-size:12px!important}.wb-compensation-identifiers small{width:100%;color:#8a96aa;font-size:11px}
.wb-compensation-amount{font-size:25px!important;font-weight:800;color:#1e56be}.wb-cost-estimate{display:inline-block;background:#fff2d7;color:#936313;border-radius:999px;padding:3px 8px;font-weight:750;font-size:12px}.wb-cost-exact{display:inline-block;background:#eaf7ed;color:#21723a;border-radius:999px;padding:3px 8px;font-weight:750;font-size:12px}
.wb-compensation-copy{display:flex;gap:8px;align-items:flex-start;justify-content:space-between;border-top:1px solid #e8eef7;padding:10px 0}.wb-compensation-copy p{margin:0;flex:1;font-size:14px}.wb-compensation-copy button{flex:0 0 auto;min-height:34px!important}
.wb-compensation-copy>div:first-child{min-width:0;flex:1}.wb-compensation-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.wb-compensation-actions button{min-height:32px!important;font-size:13px!important}.wb-compensation-table{width:100%;border-collapse:collapse;margin:10px 0;font-size:13px;line-height:1.45}.wb-compensation-table th,.wb-compensation-table td{border:1px solid #dfe8f7;padding:7px;vertical-align:top;text-align:left}.wb-compensation-table th{background:#f1f6ff;color:#254d8b}.wb-compensation-table td:last-child{font-weight:700;white-space:nowrap}
@media(max-width:640px){.wb-compensation-copy{display:block}.wb-compensation-actions{justify-content:flex-start;margin-top:8px}.wb-compensation-table{font-size:12px}.wb-compensation-table th,.wb-compensation-table td{padding:6px 5px}.wb-compensation-table th:nth-child(2),.wb-compensation-table td:nth-child(2){width:47%}}
.wb-compensation-flow{display:grid;gap:8px;margin:10px 0}.wb-compensation-flow-row{display:grid;grid-template-columns:auto 1fr auto;gap:4px 8px;align-items:center;border:1px solid #dfe8f7;border-radius:10px;padding:9px;background:#fbfdff}.wb-compensation-flow-row>span{grid-row:span 2;color:#2456b8;font-size:12px;font-weight:750;background:#eaf1ff;border-radius:999px;padding:3px 7px}.wb-compensation-flow-row>b{font-size:14px}.wb-compensation-flow-row>p{grid-column:2/4;margin:0;color:#60708a;font-size:12px;line-height:1.45}.wb-compensation-flow-row>strong{color:#1e56be;font-size:16px;white-space:nowrap}

/* ---- 布局（20261019b，对齐修复）：composer 提升为会话列直接子级 + sticky 吸附
（吸附范围=整个 wb-thread，min-height 保证≥视口 → 滚动中钉在视口底；宽度在列内
天然对齐消息——之前 fixed 按视口居中与"视口减侧栏"的消息列中心不重合导致错位）。 ---- */
.wb-flow{display:contents}
.wb-main,.wb-side{display:contents}
.wb-thread{display:flex;flex-direction:column;min-height:calc(100vh - 160px)}
.wb-main{display:block}
.wb-side{display:flex;flex-direction:column}
.wb-side .wb-recommend{margin:14px 0}
.wb-thread>.wb-composer{position:sticky;bottom:calc(70px + env(safe-area-inset-bottom,0px));z-index:40;
  background:#fff;border:1px solid #e3eaf5;border-radius:12px;padding:6px 10px 8px;
  box-shadow:0 -8px 24px #1d3a6b14,0 8px 24px #1d3a6b0d;margin-top:6px}
.wb-thread>.wb-composer #wb-send-state{display:block;min-height:0;font-size:12px;color:#8a96aa;overflow-wrap:anywhere;margin:0 0 2px}
.wb-thread>.wb-composer #wb-send-state:empty{display:none}
.wb-composer-bar{display:flex;align-items:center;gap:8px;margin-top:6px}
.wb-composer-bar .wb-quick{flex:1;min-width:0}
.wb-composer-bar #wb-send{flex:0 0 auto;min-height:0;min-width:0;padding:0 16px;height:32px;border-radius:9px;font-size:13px}
.wb-option .wb-raw-text{margin:8px 0 0}
@media(max-width:900px){
  .wb-message{max-width:92%}
}
@media(max-width:640px){
  .wb-composer textarea{min-height:40px}
  .wb-composer-bar #wb-send{padding:0 14px}
}
@media(min-width:900px){
  .wb-option{flex-basis:clamp(250px,33.3%,340px)}
  .wb-message{max-width:88%}
  form.m-search,div.m-filter-scroll,#wb-inbox{max-width:860px;margin-left:auto;margin-right:auto}
  .wb-thread{max-width:1060px;margin:auto;width:100%}
  .wb-thread>.wb-composer{bottom:10px}
  /* PC搜索框修正(20261105)：m.css mobile样式覆盖导致input不可见/不可编辑 */
  form.m-search{gap:10px;align-items:center}
  form.m-search input[name="q"]{
    flex:1;min-width:300px;height:44px;box-sizing:border-box;
    border:1.5px solid #cdd8ea;border-radius:12px;
    padding:0 14px;font-size:15px;line-height:44px;
    background:#fff;color:#1a1a2e;
  }
  form.m-search input[name="q"]:focus{
    border-color:#2f6bff;outline:0;box-shadow:0 0 0 3px #dfeaff;
  }
  form.m-search input[name="q"]::placeholder{color:#92a0b6}
  form.m-search select[name="store"],form.m-search .wb-store-select{
    height:44px;min-width:140px;box-sizing:border-box;
    /* style.css 的全局 select{width:100%} 会把下拉撑满整行、挤掉搜索框和按钮 */
    width:auto;flex:0 0 auto;max-width:46%;
    border:1.5px solid #cdd8ea;border-radius:12px;
    padding:0 10px;font-size:15px;background:#fff;color:#1a1a2e;
  }
  form.m-search button{
    height:44px;min-width:52px;flex-shrink:0;
  }
}

/* ---- 会话详情桌面双栏（20261109）：消息居左，商品/订单/查尺码/更多操作收进
   右侧资料栏；输入框固定在左栏底部（grid 行，不随消息滚动）。
   右侧资料栏可整体收起/展开，也可拖动左边缘调整宽度。
   20261110：去掉会话页外层内边距与最大宽度，双栏铺满整个内容区；
   消息区与 AI 建议区合并为同一个滚动容器（中部整体滚动，输入框仍固定）。
   高度按视口算：外壳直开 = 顶栏 57 + 底部留白 8；iframe 内嵌无顶栏，仅底部留白 8。
   页面整体左右各留 8px、底部留 8px，避免贴死屏幕边缘。 ---- */
body.wb-thread-page main{padding:0 8px 8px;width:100%;max-width:none;box-sizing:border-box}
@media(min-width:900px){
  .wb-thread.wb-thread-desktop{
    --wb-context-width:clamp(280px,24vw,340px);
    display:grid;
    grid-template-columns:minmax(0,1fr) var(--wb-context-width);
    grid-template-rows:minmax(0,1fr) auto;
    grid-template-areas:"flow context" "composer context";
    gap:8px;
    width:100%;max-width:none;margin:0;
    height:calc(100vh - 65px);min-height:520px;
  }
  .wb-thread.wb-thread-desktop.wb-thread-embed{height:calc(100vh - 8px)}
  /* 中部滚动区：消息 + AI 建议同一滚动条，滚动到底即可看到建议卡；滚动条默认隐藏 */
  .wb-thread-desktop .wb-flow{grid-area:flow;display:flex;flex-direction:column;gap:8px;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none}
  .wb-thread-desktop .wb-flow::-webkit-scrollbar{width:0;height:0;display:none}
  .wb-thread-desktop .wb-main{display:block;flex:0 0 auto}
  .wb-thread-desktop .wb-main #wb-messages{overflow:visible;padding:4px 4px 2px}
  /* 建议卡贴住输入框：消息不足一屏时不再悬在中间，始终停在输入框上方；
     消息超出时 auto 边距自动归零，卡片仍跟在最后一条消息之后随内容滚动。 */
  .wb-thread-desktop .wb-side{grid-area:auto;display:block;flex:0 0 auto;max-height:none;overflow:visible;margin-top:auto}
  .wb-thread-desktop .wb-side .wb-recommend{margin:0}
  .wb-thread-desktop>.wb-composer{grid-area:composer;position:static;margin:0;bottom:auto}
  /* 右侧资料栏：整块卡片 + 标题栏 + 可拖动左边缘 */
  .wb-context-panel{grid-area:context;position:relative;z-index:46;display:flex;flex-direction:column;min-height:0;min-width:0;
    background:#fff;border:1px solid #e3eaf5;border-radius:14px;box-shadow:0 4px 18px #1d3a6b0f;container-type:inline-size}
  .wb-context-resizer{position:absolute;left:-9px;top:0;bottom:0;width:12px;cursor:col-resize;touch-action:none;z-index:5}
  .wb-context-resizer::after{content:"";position:absolute;left:5px;top:10px;bottom:10px;width:2px;border-radius:2px;background:transparent;transition:background .15s ease}
  .wb-context-resizer:hover::after,.wb-context-resizer:focus-visible::after,.wb-context-resizer.dragging::after{background:#a9c4ee}
  .wb-context-resizer:focus-visible{outline:none}
  .wb-context-head{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:9px 8px 9px 14px;border-bottom:1px solid #eef2f9}
  .wb-context-head b{flex:1;min-width:0;font-size:13px;color:#1d2d43;font-weight:750}
  .wb-context-actions{display:flex;align-items:center;gap:4px;flex:0 0 auto;min-width:0}
  .wb-ctx-action{position:relative;display:inline-flex;align-items:center;gap:3px;min-height:26px;padding:0 7px;border:1px solid #d5e2f8;border-radius:8px;background:#f8fbff;color:#2456b8;font-size:12px;font-weight:650;line-height:1;white-space:nowrap;cursor:pointer}
  .wb-ctx-action:hover{background:#eaf1ff}
  .wb-ctx-action:active{transform:translateY(1px)}
  @container (max-width:300px){
    .wb-ctx-action .wb-ctx-label{display:none}
    /* 收起或窄栏时只剩图标：悬停/键盘聚焦浮出文字提示 */
    .wb-ctx-action::after{content:attr(aria-label);position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);z-index:30;padding:4px 8px;border-radius:7px;background:#1d2d43;color:#fff;font-size:11.5px;font-weight:600;line-height:1.2;white-space:nowrap;box-shadow:0 4px 12px #0f214433;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s ease}
    .wb-ctx-action:hover::after,.wb-ctx-action:focus-visible::after{opacity:1;visibility:visible}
  }
  .wb-thread-desktop.wb-context-collapsed .wb-ctx-action::after{top:50%;left:auto;right:calc(100% + 8px);transform:translateY(-50%)}
  .wb-context-toggle{flex:none;width:26px;height:26px;padding:0;border:1px solid #d5e2f8;border-radius:8px;background:#f8fbff;color:#2456b8;font-size:15px;line-height:1;cursor:pointer}
  .wb-context-toggle span{display:block;transition:transform .15s ease}
  .wb-context-toggle:hover{background:#eaf1ff}
  .wb-context-body{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:10px}
  .wb-panel{flex:0 0 auto;background:#fff;border:1px solid #e9eff8;border-radius:11px;overflow:hidden}
  .wb-panel>summary{display:flex;align-items:center;gap:8px;padding:10px 12px;cursor:pointer;list-style:none;font-size:13px;color:#1d2d43;font-weight:750}
  .wb-panel>summary::-webkit-details-marker{display:none}
  .wb-panel>summary::after{content:"›";flex:none;margin-left:2px;color:#8a96aa;font-size:14px;transform:rotate(90deg);transition:transform .15s ease}
  .wb-panel[open]>summary::after{transform:rotate(-90deg)}
  .wb-panel>summary small{margin-left:auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8a96aa;font-size:11.5px;font-weight:600}
  .wb-panel:not([open])>summary small{display:none}
  .wb-panel-body{display:flex;flex-direction:column;gap:8px;padding:0 12px 11px;font-size:12.5px;color:#42526b}
  .wb-panel-body .wb-sku-bar{display:flex;width:100%;box-sizing:border-box;justify-content:space-between;background:#f8fbff}
  .wb-product-name{margin:0;font-size:13px;line-height:1.5;color:#1d2d43;overflow-wrap:anywhere}
  .wb-order-line{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0;padding:6px 0;border-top:1px dashed #e6edf8;font-size:12.5px}
  .wb-order-line:first-child{border-top:0;padding-top:0}
  .wb-order-line b{font-weight:650;color:#1d2d43;overflow-wrap:anywhere}
  .wb-order-line span{flex:none;color:#2456b8;font-weight:650}
  .wb-panel-action{padding:8px}
  .wb-size-action{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:36px;border:1px solid #c9dafb;border-radius:9px;background:#f3f7ff;color:#2154a0;font-size:13px;font-weight:750;cursor:pointer}
  .wb-size-action:hover{background:#e7efff}
  .wb-panel-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:8px}
  .wb-panel-buttons button{min-height:34px;padding:4px 8px;border:1px solid #d5e2f8;border-radius:9px;background:#f8fbff;color:#2456b8;font-size:12.5px;font-weight:650;cursor:pointer}
  .wb-panel-buttons button:hover{background:#eaf1ff}
  .wb-panel-primary{min-height:36px;border:1px dashed #b9cdf0;border-radius:9px;background:#f8fbff;color:#2456b8;font-size:13px;font-weight:700;cursor:pointer}
  .wb-panel-primary:hover{background:#eaf1ff}
  /* 收起态：右栏缩为 46px 竖条，聊天区自动占满 */
  .wb-thread-desktop.wb-context-collapsed{grid-template-columns:minmax(0,1fr) 46px}
  .wb-thread-desktop.wb-context-collapsed .wb-context-head{flex:1;flex-direction:column;justify-content:flex-start;gap:10px;padding:8px 6px;border-bottom:0}
  .wb-thread-desktop.wb-context-collapsed .wb-context-head b{display:block;writing-mode:vertical-rl;letter-spacing:.14em;font-size:12px;color:#8a96aa;font-weight:650}
  .wb-thread-desktop.wb-context-collapsed .wb-context-actions{flex-direction:column;gap:4px}
  .wb-thread-desktop.wb-context-collapsed .wb-ctx-action{width:28px;justify-content:center;padding:0}
  .wb-thread-desktop.wb-context-collapsed .wb-context-toggle{order:-1}
  .wb-thread-desktop.wb-context-collapsed .wb-context-toggle span{transform:rotate(180deg)}
  .wb-thread-desktop.wb-context-collapsed .wb-context-body,
  .wb-thread-desktop.wb-context-collapsed .wb-context-resizer{display:none}
}

/* ---- 手机会话页专属（20261019e 起：密度参数已上移为双端基线，此处只留手机结构性差异）----
   body.m-wb-thread-page = 手机 thread 页：底部导航隐藏（返回走顶栏）、顶栏 52px、
   composer 避让安全区、建议卡 3 行截断（PC 2 行）+ 卡宽 82% 横滑。 */
body.m-wb-thread-page{padding-bottom:0}
body.m-wb-thread-page .m-nav{display:none}
body.m-wb-thread-page .m-topbar{min-height:52px;padding:8px 12px;gap:8px}
body.m-wb-thread-page .m-topbar .wb-back{color:#245fd1;text-decoration:none;font-weight:650;font-size:15px;white-space:nowrap}
body.m-wb-thread-page .m-topbar>b{flex:1;min-width:0;text-align:center;font-size:17px;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.m-wb-thread-page .m-topbar>a:last-child{color:#245fd1;text-decoration:none;font-size:13px;white-space:nowrap}
body.m-wb-thread-page .wb-options{gap:8px;padding:0 0 8px}
body.m-wb-thread-page .wb-option{flex:0 0 82%}
body.m-wb-thread-page .wb-composer textarea{min-height:40px}
body.m-wb-thread-page .wb-thread>.wb-composer{bottom:calc(env(safe-area-inset-bottom,0px))}
/* 建议卡截断行数：PC 2 行 / 手机 3 行；[采用][⋯]…[展开全文] 同一行（基线已定） */
.wb-option-text.clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body.m-wb-thread-page .wb-option-text.clamp{-webkit-line-clamp:3}
.wb-expand{display:none;border:0;background:none;color:#2563eb;font-size:12px;font-weight:650;padding:2px 0;min-height:24px;white-space:nowrap}
.wb-option.clamped .wb-expand{display:inline-flex}
/* 次要按钮收纳进 ⋯（默认隐藏，点 ⋯ 展开；PC 宽度足够恒展开、隐藏 ⋯） */
.wb-more-wrap{display:none;gap:6px}
.wb-option-actions.open .wb-more-wrap{display:flex}
@media(min-width:900px){.wb-more-toggle{display:none}.wb-more-wrap{display:flex;margin-left:auto}}
/* 资料栏拖宽或窗口变窄后建议卡会变窄：压缩按钮内边距，保证
   [采用][复制俄文][显示原文][展开全文] 仍在一行且标签不折行。 */
@container (max-width:300px){
  .wb-option-actions{gap:4px}
  .wb-option-actions button{padding:2px 6px;font-size:11px}
}

/* 多店铺徽标与筛选（2026-11-03）：仅多店部署渲染，单店零视觉变化 */
.wb-store-tag{display:inline-block;flex:none;font-size:11px;line-height:1;padding:3px 7px;border-radius:8px;background:#eef3ff;color:#1d4ed8;border:1px solid #d8e3ff;margin-left:6px;vertical-align:1px;max-width:9em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wb-store-select{flex:none;height:38px;border:1px solid #d8e3ff;border-radius:10px;background:#fff;color:#1d2d43;padding:0 8px;font-size:14px;/* 覆盖 style.css 全局 select{width:100%}：窄屏也要给搜索框留位置 */width:auto;max-width:48%;min-width:110px}

/* ---- PC 会话工作台改版（20261109）：标题栏 + 工具条 + 表格化列表 + 分页 ---- */
@media (min-width:900px){
.wb-inbox-desktop{max-width:1160px;margin:0 auto}
/* 20261110：宽屏不再重复渲染页内标题栏（标题已在左侧菜单与顶部面包屑），
   仅窄屏保留（窄屏顶部导航被隐藏，仍需在此显示标题与发送记录入口）。 */
.wb-inbox-desktop .wb-inbox-head{display:none}
.wb-inbox-desktop .wb-inbox-head h1{margin:0;font-size:22px;line-height:1.25;color:#1f2d3d;letter-spacing:-.01em}
.wb-inbox-desktop .wb-inbox-head p{margin:6px 0 0;font-size:13px;color:#7c8aa0}
.wb-inbox-desktop .wb-inbox-head p b{color:#245fd1;font-weight:700}
.wb-inbox-live{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border:1px solid #e6ecf5;border-radius:999px;background:#fff;color:#7c8aa0;font-size:12px;white-space:nowrap}
.wb-inbox-live i{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px #22c55e24;animation:wb-live-pulse 2.2s infinite}
@keyframes wb-live-pulse{50%{opacity:.4}}
.wb-inbox-desktop .wb-inbox-panel{background:#fff;border:1px solid #e6ecf5;border-radius:14px;box-shadow:0 1px 3px #1d3a6b0d;overflow:hidden}
.wb-inbox-desktop .wb-inbox-tools{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:14px 18px;border-bottom:1px solid #f0f3f8;background:#fcfdff}
/* 多店店铺筛选（20261110）：搜索框 + 店铺下拉 + 按钮要同排显示，原先 420px 的
   上限会把搜索输入挤成一条缝；放宽并给输入框保底宽度。 */
.wb-inbox-desktop form.m-search{flex:1 1 300px;max-width:600px;min-width:240px;margin:0;gap:8px}
.wb-inbox-desktop form.m-search input[name="q"]{height:40px;line-height:40px;min-width:150px;border-radius:9px;font-size:14px}
.wb-inbox-desktop form.m-search select[name="store"],.wb-inbox-desktop form.m-search .wb-store-select{height:40px;border-radius:9px;font-size:14px;width:auto;flex:0 0 auto;max-width:220px;min-width:130px}
.wb-inbox-desktop form.m-search button{height:40px;min-height:40px;min-width:46px;border-radius:9px}
.wb-inbox-desktop .m-filter-scroll{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;flex:0 0 auto;margin:0 0 0 auto;padding:0;max-width:none;overflow-x:auto}
.wb-inbox-desktop .m-filter{flex:0 0 auto;justify-content:center;gap:6px;padding:8px 14px;border-radius:999px;font-size:13px}
.wb-inbox-desktop .m-filter b{font-size:11px;line-height:1;padding:3px 6px;border-radius:999px;background:#eef3ff;color:#2f5fbf;opacity:1}
.wb-inbox-desktop .m-filter.on b{background:#fff3;color:#fff}
.wb-inbox-desktop .wb-return-overview{margin:14px 18px 0}
.wb-inbox-desktop .wb-inbox-list-head{display:grid;grid-template-columns:34px 210px minmax(0,1fr) 200px 92px;gap:14px;padding:9px 20px;background:#f7f9fc;border-bottom:1px solid #eef2f7;color:#8b96a8;font-size:12px;letter-spacing:.02em;text-align:center}
.wb-inbox-desktop #wb-inbox{max-width:none;margin:0;padding:0;gap:0}
.wb-inbox-desktop #wb-inbox.wb-return-inbox{padding:16px 18px 12px;gap:14px}
/* 退货列表卡片：桌面端改为“左侧主信息 + 右侧状态”的网格，放大留白与字号，左侧色条标示状态 */
.wb-inbox-desktop .wb-return-card{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"head head" "meta status" "reason status";column-gap:28px;row-gap:9px;padding:16px 20px 16px 22px;border:1px solid #e8eef7;border-left:4px solid #d6e2f3;border-radius:12px;background:#fff;box-shadow:0 1px 2px #1d3a6b0a;transition:background .15s,box-shadow .15s}
.wb-inbox-desktop .wb-return-card:hover{background:#fbfdff;box-shadow:0 6px 18px #1d3a6b14;transform:none}
.wb-inbox-desktop .wb-return-card[data-state="action_needed"]{border-left-color:#f56c6c}
.wb-inbox-desktop .wb-return-card[data-state="review"]{border-left-color:#e6a23c}
.wb-inbox-desktop .wb-return-card[data-state="tracking"]{border-left-color:#409eff}
.wb-inbox-desktop .wb-return-card[data-state="completed"]{border-left-color:#22c55e}
.wb-inbox-desktop .wb-return-head{grid-area:head;display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0}
.wb-inbox-desktop .wb-return-head b{font-size:15px;font-weight:700;color:#1f2d3d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wb-inbox-desktop .wb-return-head time{flex:none;font-size:12.5px;color:#8b96a8;font-variant-numeric:tabular-nums}
.wb-inbox-desktop .wb-return-card .wb-return-meta{grid-area:meta;margin:0;gap:6px}
.wb-inbox-desktop .wb-return-card .wb-return-meta span{font-size:11.5px;padding:3px 8px;border-radius:6px}
.wb-inbox-desktop .wb-return-card p{grid-area:reason;margin:0;font-size:14px;line-height:1.55;color:#475569}
.wb-inbox-desktop .wb-return-card .wb-card-status{grid-area:status;align-self:center;justify-self:end;display:flex;flex-direction:column;align-items:flex-end;gap:7px;text-align:right}
.wb-inbox-desktop .wb-return-card .wb-card-status .wb-state{font-size:12px;padding:4px 12px;border-radius:999px}
.wb-inbox-desktop .wb-return-card .wb-card-status small{max-width:none;font-size:11.5px;color:#8b96a8;white-space:nowrap}
.wb-inbox-desktop .wb-swipe{border-radius:0;box-shadow:none;border-bottom:1px solid #f2f5fa}
.wb-inbox-desktop .wb-swipe:last-child{border-bottom:0}
.wb-inbox-desktop .wb-inbox-card.wb-conv-card{display:grid;grid-template-columns:34px 210px minmax(0,1fr) 200px 92px;align-items:center;gap:14px;padding:12px 20px;border:0;border-radius:0;background:#fff;box-shadow:none;touch-action:auto}
.wb-inbox-desktop .wb-inbox-card.wb-conv-card:hover{background:#f7faff;box-shadow:none;transform:none}
.wb-inbox-desktop .wb-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#eaf2ff;color:#2563eb;font-size:14px;font-weight:700;text-transform:uppercase}
.wb-inbox-desktop .wb-swipe:nth-child(6n+2) .wb-avatar{background:#ecfdf5;color:#059669}
.wb-inbox-desktop .wb-swipe:nth-child(6n+3) .wb-avatar{background:#fff7ed;color:#c2410c}
.wb-inbox-desktop .wb-swipe:nth-child(6n+4) .wb-avatar{background:#f5f3ff;color:#7c3aed}
.wb-inbox-desktop .wb-swipe:nth-child(6n+5) .wb-avatar{background:#fdf2f8;color:#db2777}
.wb-inbox-desktop .wb-swipe:nth-child(6n) .wb-avatar{background:#f0f9ff;color:#0284c7}
.wb-inbox-desktop .wb-card-ident{display:flex;align-items:center;gap:6px;min-width:0;padding-right:0;font-size:14px}
.wb-inbox-desktop .wb-card-ident b{max-width:100%;font-size:14px;font-weight:650;color:#1f2d3d}
.wb-inbox-desktop .wb-card-ident .wb-store-tag{margin-left:0;flex:none;max-width:7em}
.wb-inbox-desktop .wb-card-msg{margin:0;font-size:13.5px;line-height:1.5;color:#5c6a80;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.wb-inbox-desktop .wb-card-status{justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:6px;min-width:0}
.wb-inbox-desktop .wb-card-status small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.wb-inbox-desktop .wb-card-status .wb-handoff{font-size:11px;padding:2px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wb-inbox-desktop .wb-card-time{position:static;justify-self:center;text-align:center;font-size:12px;color:#8b96a8;white-space:nowrap}
.wb-inbox-desktop .wb-state{padding:3px 9px;font-size:11.5px;white-space:nowrap}
.wb-inbox-desktop .wb-wait{font-size:11.5px;padding:3px 9px}
.wb-inbox-desktop .wb-state-pair{padding:0}
.wb-inbox-desktop .wb-state-pair .wb-state-name{padding:3px 9px}
.wb-inbox-desktop .wb-state-pair .wb-wait{padding:3px 9px}
.wb-inbox-desktop .wb-state[data-kind="reply"]{background:#fff1e6;color:#c2410c}
.wb-inbox-desktop .wb-state[data-kind="human"],.wb-inbox-desktop .wb-state[data-kind="failed"]{background:#fef2f2;color:#b91c1c}
.wb-inbox-desktop .wb-state[data-kind="review"],.wb-inbox-desktop .wb-state[data-kind="followup"]{background:#fffbeb;color:#b45309}
.wb-inbox-desktop .wb-state[data-kind="done"],.wb-inbox-desktop .wb-state[data-kind="no_buyer"],.wb-inbox-desktop .wb-state[data-kind="notice_only"]{background:#f3f4f6;color:#6b7280}
.wb-inbox-desktop .wb-toolbar{justify-content:center;gap:12px;margin:0;padding:13px 18px;border-top:1px solid #eef2f7;background:#fcfdff}
.wb-inbox-desktop .wb-toolbar a{display:inline-flex;align-items:center;height:32px;padding:0 14px;border:1px solid #d7e0ee;border-radius:8px;background:#fff;color:#254b82;font-size:13px;font-weight:600}
.wb-inbox-desktop .wb-toolbar a:hover{background:#f2f7ff;border-color:#b9cdf0}
.wb-inbox-desktop .wb-toolbar span{font-size:13px;color:#6f7c91}
.wb-inbox-desktop p.m-empty{padding:48px 0}
}

/* 搜索/筛选/翻页局部刷新时的列表过渡（PC+手机） */
.wb-inbox-panel #wb-inbox-region{transition:opacity .15s}
.wb-inbox-panel.is-refreshing #wb-inbox-region{opacity:.45;pointer-events:none}

/* ---- 20261110 移动端会话工作台：列表与详情在窄屏（≤899px）整体重排 ----
   设计要点：
   1. 窄屏隐藏桌面顶栏与底部导航，改用页内移动头部（返回 / 买家 / 发送记录）；
   2. 会话详情做成“固定视口 App”：资料折叠卡在顶、消息区内部滚动、输入框固定底部；
   3. 会话资料与 AI 建议默认收起（一点即开），更多操作菜单本身默认关闭；
   4. 资料卡收起时补偿/无需/转交按钮仍然全部可见，符合触屏操作习惯。 */
.wb-mobile-head{display:none}
.wb-suggest-toggle{display:none}
.wb-inbox-sendlink{display:none}

@media (max-width: 899px) {
  /* 1) 桌面框架让位：顶栏、底部导航在详情页隐藏，页面占满视口 */
  body.wb-thread-page{padding-bottom:0}
  body.wb-thread-page #topbar{display:none}
  body.wb-thread-page .mobile-bottom-nav{display:none}
  /* 兜底：只要详情页工作台在场，就不允许全局底栏压住输入框（旧页面/缓存未带 body 类时也生效）。 */
  body:has(.wb-thread-desktop) .mobile-bottom-nav{display:none}
  body:has(.wb-thread-desktop){padding-bottom:0}
  body.wb-thread-page main{padding:0;height:100vh;height:100dvh;overflow:hidden;box-sizing:border-box}
  .wb-mobile-head{display:flex;align-items:center;gap:8px;flex:0 0 auto;padding:8px 10px;background:#fff;border-bottom:1px solid #eef2f9;position:relative;z-index:30}
  .wb-mobile-head .wb-mobile-back{color:#245fd1;font-size:15px;font-weight:650;text-decoration:none;white-space:nowrap}
  .wb-mobile-head>b{flex:1;min-width:0;text-align:center;font-size:16px;font-weight:750;color:#1d2d43;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .wb-mobile-head .wb-store-tag{flex:0 0 auto}
  .wb-mobile-head .wb-mobile-send{color:#245fd1;font-size:12.5px;font-weight:650;text-decoration:none;white-space:nowrap;white-space:nowrap}

  /* 2) 详情主体：纵向 App 布局，顺序固定为 头部 → 资料卡 → 消息区 → 输入框 */
  .wb-thread.wb-thread-desktop{display:flex;flex-direction:column;height:100%;min-height:0;max-width:none;width:100%;margin:0;gap:0}
  .wb-thread-desktop>.wb-mobile-head{order:0}
  .wb-thread-desktop .wb-flow{order:2;display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:8px 10px 12px;scrollbar-width:none}
  .wb-thread-desktop .wb-flow::-webkit-scrollbar{width:0;height:0;display:none}
  .wb-thread-desktop .wb-main{display:block;flex:0 0 auto}
  .wb-thread-desktop .wb-side{display:block;flex:0 0 auto;margin-top:auto}
  .wb-thread-desktop .wb-side .wb-recommend{margin:10px 0 4px}

  /* 3) 会话资料：默认收起的顶部折叠卡，操作按钮收起时也全部展示 */
  .wb-thread-desktop>.wb-context-panel{order:1;position:static;z-index:auto;container-type:normal;border:0;border-bottom:1px solid #eef2f9;border-radius:0;box-shadow:none}
  .wb-thread-desktop .wb-context-resizer{display:none}
  /* 窄屏没有桌面容器查询，资料栏头部在这里补全为单行工具栏 */
  .wb-thread-desktop .wb-context-head{display:flex;align-items:center;gap:6px;padding:7px 10px;border-bottom:0}
  .wb-thread-desktop .wb-context-head>b{flex:1;min-width:0;font-size:14px;font-weight:750;color:#1d2d43}
  .wb-thread-desktop .wb-context-actions{display:flex;align-items:center;gap:6px;flex:0 0 auto;min-width:0}
  .wb-thread-desktop .wb-ctx-action{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:3px;min-height:30px;padding:0 8px;border:1px solid #d5e2f8;border-radius:8px;background:#f8fbff;color:#2456b8;font-size:12px;font-weight:650;line-height:1;white-space:nowrap;cursor:pointer}
  .wb-thread-desktop .wb-ctx-action:hover{background:#eaf1ff}
  .wb-thread-desktop .wb-context-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:30px;height:30px;padding:0;border:1px solid #d5e2f8;border-radius:8px;background:#f8fbff;color:#2456b8;font-size:14px;line-height:1;cursor:pointer}
  .wb-thread-desktop .wb-context-toggle span{display:block;transition:transform .15s ease}
  /* 展开后的资料内容：面板/尺码按钮在窄屏使用轻量卡片，避免落到通用蓝色按钮样式 */
  .wb-thread-desktop .wb-context-body{display:flex;flex-direction:column}
  .wb-thread-desktop .wb-panel{flex:0 0 auto;background:#fff;border:1px solid #e9eff8;border-radius:11px;overflow:hidden}
  .wb-thread-desktop .wb-panel>summary{display:flex;align-items:center;gap:8px;padding:10px 12px;cursor:pointer;list-style:none;font-size:13px;color:#1d2d43;font-weight:750}
  .wb-thread-desktop .wb-panel>summary::-webkit-details-marker{display:none}
  .wb-thread-desktop .wb-panel>summary::after{content:"›";flex:none;margin-left:2px;color:#8a96aa;font-size:14px;transform:rotate(90deg);transition:transform .15s ease}
  .wb-thread-desktop .wb-panel[open]>summary::after{transform:rotate(-90deg)}
  .wb-thread-desktop .wb-panel>summary small{margin-left:auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8a96aa;font-size:11.5px;font-weight:600}
  .wb-thread-desktop .wb-panel-body{display:flex;flex-direction:column;gap:8px;padding:0 12px 11px;font-size:12.5px;color:#42526b}
  .wb-thread-desktop .wb-panel-body .wb-sku-bar{display:flex;width:100%;box-sizing:border-box;justify-content:space-between;background:#f8fbff}
  .wb-thread-desktop .wb-panel-action{padding:8px}
  .wb-thread-desktop .wb-size-action{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:36px;border:1px solid #c9dafb;border-radius:9px;background:#f3f7ff;color:#2154a0;font-size:13px;font-weight:750;cursor:pointer}
  .wb-thread-desktop .wb-panel-primary{min-height:36px;border:1px dashed #b9cdf0;border-radius:9px;background:#f8fbff;color:#2456b8;font-size:13px;font-weight:700;cursor:pointer}
  .wb-thread-desktop>.wb-context-panel .wb-context-toggle span{transform:rotate(90deg)}
  .wb-thread-desktop:not(.wb-context-collapsed)>.wb-context-panel .wb-context-toggle span{transform:rotate(-90deg)}
  .wb-thread-desktop .wb-context-body{max-height:min(46vh,430px);overflow-y:auto;padding:8px 10px 10px;border-top:1px solid #eef2f9;gap:8px}
  .wb-thread-desktop.wb-context-collapsed>.wb-context-panel .wb-context-body{display:none}

  /* 4) AI 建议：窄屏默认收起，展开后随消息区滚动 */
  .wb-suggest-toggle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:26px;height:26px;padding:0;border:1px solid #d5e2f8;border-radius:8px;background:#f8fbff;color:#2456b8;font-size:14px;line-height:1;cursor:pointer}
  .wb-suggest-toggle span{display:block;transform:rotate(180deg);transition:transform .15s ease}
  .wb-side.wb-side-collapsed .wb-suggest-toggle span{transform:rotate(0)}
  .wb-side.wb-side-collapsed #wb-options{display:none}
  .wb-side.wb-side-collapsed .wb-recommend{margin-bottom:0}
  /* 建议栏头部在窄屏收紧：重新生成改图标按钮、状态单行省略，
     避免 320–390px 下“已生成 N 条建议 / 重新生成”被挤成两行。 */
  .wb-thread-desktop .wb-recommend-head{gap:6px;margin:0 0 6px;cursor:pointer}
  .wb-thread-desktop #wb-regen{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border-radius:8px;font-size:14px;line-height:1;margin-left:auto}
  .wb-thread-desktop #wb-regen .wb-regen-text{display:none}
  .wb-thread-desktop #wb-suggest-state{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .wb-thread-desktop #wb-suggest-state.wb-suggest-error{white-space:normal;overflow:visible}

  /* 5) 输入框固定在底部，避让 iOS 安全区（取消桌面 sticky，避免与消息区重叠） */
  .wb-thread-desktop>.wb-composer{order:3;position:static;bottom:auto;flex:0 0 auto;margin:0;border-radius:0;border-left:0;border-right:0;border-bottom:0;padding:6px 10px calc(8px + env(safe-area-inset-bottom,0px));box-shadow:0 -6px 18px #1d3a6b0f}

  /* 6) 会话列表页：去掉桌面顶栏与表头，保留搜索、筛选和卡片 */
  body.wb-inbox-page #topbar{display:none}
  body.wb-inbox-page .wb-inbox-desktop .wb-inbox-list-head{display:none}
  body.wb-inbox-page .wb-inbox-desktop .wb-inbox-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:12px 2px 4px;margin:0 0 6px}
  body.wb-inbox-page .wb-inbox-desktop .wb-inbox-head>div{flex:1;min-width:0}
  body.wb-inbox-page .wb-inbox-desktop .wb-inbox-head h1{font-size:21px}
  body.wb-inbox-page .wb-inbox-desktop .wb-inbox-head p{margin-top:3px;font-size:12.5px}
  body.wb-inbox-page .wb-inbox-live{padding:4px 9px;font-size:11px}
  body.wb-inbox-page .wb-inbox-desktop .wb-inbox-sendlink{display:inline-flex;align-items:center;gap:4px;margin-top:6px;color:#245fd1;font-size:12.5px;font-weight:650;text-decoration:none}
}

/* ---- 20261111 顶部导航通知中心：菜单不再挂红色数字，待办统一收进铃铛面板 ---- */
.topbar-notify{position:relative;display:flex;align-items:center;flex:0 0 auto}
/* 20261111 改版：去掉方框边框 → 无边框圆形图标按钮；未读用带数字的红色角标，光晕呼吸提示。 */
.topbar-notify-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:transparent;color:#4b5b73;line-height:1;cursor:pointer;transition:background .15s,color .15s}
.topbar-notify-btn:hover{background:#eef4fd;color:#1f4fa8}
.topbar-notify-btn:focus-visible{outline:2px solid #9dc0ff;outline-offset:2px}
.topbar-notify.has-unread .topbar-notify-btn{color:#1f2d43}
.topbar-notify-glyph{display:block;width:21px;height:21px}
.topbar-notify-badge{position:absolute;top:1px;right:-1px;display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#f04438;color:#fff;font-size:11px;font-weight:750;line-height:1;font-style:normal;font-variant-numeric:tabular-nums;letter-spacing:0;box-shadow:0 0 0 2px #fff;animation:topbar-notify-glow 2.4s ease-in-out infinite}
@keyframes topbar-notify-glow{0%,100%{box-shadow:0 0 0 2px #fff,0 0 0 0 rgba(240,68,56,.38)}50%{box-shadow:0 0 0 2px #fff,0 0 0 5px rgba(240,68,56,0)}}
@media (prefers-reduced-motion: reduce){.topbar-notify-badge{animation:none}}
/* 实时刷新时用 hidden 控制显隐；徽标自身 display:inline-flex 会盖过 UA 的 hidden 规则 */
.topbar-notify-badge[hidden],.topbar-notify-panel>header [data-notify-summary][hidden],.topbar-notify-panel>footer[hidden]{display:none}
.topbar-notify-btn.is-read .topbar-notify-badge{display:none}
.topbar-notify-btn.is-read{color:#4b5b73}
.topbar-notify-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:80;width:min(360px,calc(100vw - 24px));max-height:min(70vh,520px);overflow:auto;background:#fff;border:1px solid #dfe8f5;border-radius:14px;box-shadow:0 18px 50px #1735662e}
.topbar-notify-panel[hidden]{display:none}
.topbar-notify-panel>header{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid #eef2f9;background:#fff}
.topbar-notify-panel>header b{flex:1;font-size:14px;color:#1d2d43;font-weight:750}
.topbar-notify-panel>header span{font-size:11.5px;color:#8a96aa;white-space:nowrap}
.topbar-notify-panel>header button{border:0;background:transparent;color:#8a96aa;font-size:18px;line-height:1;padding:0 2px;cursor:pointer}
.topbar-notify-panel>header button:hover{color:#42526b}
.topbar-notify-panel ul{list-style:none;margin:0;padding:6px}
.topbar-notify-panel li a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;color:#1f2d3d;text-decoration:none}
.topbar-notify-panel li a:hover{background:#f4f8ff}
.topbar-notify-icon{display:grid;place-items:center;flex:0 0 auto;width:32px;height:32px;border-radius:9px;background:#eef4ff;color:#245fd1;font-size:15px}
.topbar-notify-copy{flex:1;min-width:0;display:flex;flex-direction:column}
.topbar-notify-copy b{font-size:13px;font-weight:650}
.topbar-notify-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8a96aa;font-size:11.5px}
.topbar-notify-count{display:inline-grid;place-items:center;flex:0 0 auto;min-width:22px;height:20px;padding:0 6px;border-radius:10px;background:#eef4ff;color:#245fd1;font-size:11.5px;font-weight:750}
.topbar-notify-empty{padding:24px 12px;text-align:center;color:#8a96aa;font-size:12.5px}
.topbar-notify-panel>footer{padding:9px 14px;border-top:1px solid #eef2f9}
.topbar-notify-panel>footer button{border:0;background:none;padding:0;color:#245fd1;font-size:12.5px;font-weight:650;cursor:pointer}
.topbar-notify-panel>footer button:hover{text-decoration:underline}
@media (max-width:768px){
  .m-topbar{gap:6px}
  .m-topbar .topbar-notify-btn{width:34px;height:34px}
  .m-topbar .topbar-notify-panel{position:fixed;left:12px;right:12px;top:calc(72px + env(safe-area-inset-top,0px));width:auto;max-height:min(70vh,480px);z-index:90}
}