/* V7：两种入口的标记、转移用户、规则三组、技术变更清理、商品 / 留言 / 购买积分 / 模块档案、内嵌的用户端页面。
   V6 的 ui-v6.css 不再加载：里面还用得上的几条并到了这里。 */
.desktop.v3 .pnav-row{overflow-x:auto;min-width:0;scrollbar-width:thin;flex-wrap:nowrap}
.desktop.v3 .pnav{flex-shrink:0}
#preview-bar{position:relative;z-index:100}

/* 入口标记 */
.mode-chip{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:12px;font-size:11px;white-space:nowrap;background:#ffffff1a;color:#d3e1f4;border:1px solid #ffffff33}
.mode-chip.fx{background:#f6c34a;color:#3d2a00;border-color:#f6c34a;font-weight:600}
.preview-title.fx b,.preview-title.fx span{color:#8a5a00}
.preview-title.fx{background:#fff6e0;border:1px solid #f1d9a4;border-radius:6px;padding:4px 10px}

/* 转移用户与冻结代理 */
.move-bar{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;padding:16px 22px;border-bottom:1px solid #e5eaf2}
.move-bar .field{flex:1 1 320px;margin:0}
.move-btns{display:flex;gap:8px;flex-wrap:wrap}

/* 规则三组 */
.rule-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 20px}
.rule-tab{text-align:left;padding:14px 18px;border:1px solid #dce3ed;border-radius:10px;background:#fff;cursor:pointer;font:inherit;color:#223752}
.rule-tab strong{display:block;font-size:15px}
.rule-tab small{display:block;margin-top:5px;color:#7a8aa0;font-size:11px;line-height:1.6}
.rule-tab.on{border-color:#2c5fd4;box-shadow:inset 0 0 0 1px #2c5fd4;background:#f3f7ff}
.rule-tab:hover{border-color:#9db6e8}

/* 选一段时间的那排按钮 */
.chip-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.chip-row .client-chip{cursor:pointer;font:inherit;font-size:11px}

/* 下载并清理：五步 */
.steps-strip{list-style:none;margin:0 0 20px;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.steps-strip li{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;background:#fff;border:1px solid #dce3ed;border-radius:10px;font-size:12px;line-height:1.6;color:#51637b}
.steps-strip b{flex:none;width:22px;height:22px;border-radius:50%;background:#2c5fd4;color:#fff;font-size:12px;display:grid;place-items:center}
.sv-next{font-size:12px;color:#51637b}
.sv-file{display:inline-block;margin:2px 6px 2px 0;padding:2px 8px;border-radius:10px;font-size:11px;background:#f1f4f8;color:#93a0b2;border:1px solid #e3e9f2;white-space:nowrap}
.sv-file.has{background:#e9f7ef;color:#1d7a46;border-color:#c9ebd6}

/* 商品 */
.sv-row{display:flex;align-items:center;gap:12px;min-width:0}
.sv-row small{display:block;color:#8b99aa;margin-top:3px}
.sv-thumb{display:inline-block;width:64px;height:48px;object-fit:contain;border-radius:6px;background:#f1f5fa;border:1px solid #e5eaf2;vertical-align:middle;flex:none}
.sv-none{font-size:10px;text-align:center;line-height:48px;color:#8b9bb0}
.sv-images{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start}
.sv-pic{margin:0;display:flex;flex-direction:column;gap:6px;align-items:flex-start;padding:8px;border:1px solid #e5eaf2;border-radius:8px;background:#fafcff}
.sv-pic .sv-thumb{width:120px;height:90px}
.sv-pic figcaption{font-size:10px;color:#7a8aa0}

/* 留言 */
.sv-inbox{display:grid;grid-template-columns:260px minmax(0,1fr);gap:20px;align-items:start}
.sv-inbox .pane-item{cursor:pointer;font:inherit;border-left:0;border-right:0;border-top:0}
.sv-inbox .pane-item.active{background:#edf4ff}
.sv-inbox .pane-item small{display:block;color:#8b99aa;margin-top:3px;font-size:11px}
.sv-inbox .pane-item em{font-style:normal;font-size:11px;color:#8b99aa;white-space:nowrap}
.sv-inbox .pane-item em.sv-new{color:#c6444b;font-weight:600}
.sv-thread{padding:18px 22px;max-height:460px;overflow:auto;display:flex;flex-direction:column;gap:12px;background:#f8fafc;border-bottom:1px solid #e5eaf2}
.sv-msg{max-width:76%;padding:10px 14px;border-radius:10px;background:#fff;border:1px solid #e3e9f2;align-self:flex-start}
.sv-msg.admin{align-self:flex-end;background:#eef4ff;border-color:#cfdcf6}
.sv-msg header{display:flex;gap:12px;align-items:baseline;font-size:11px;color:#7a8aa0;margin-bottom:4px}
.sv-msg header strong{color:#34506f}
.sv-msg p{margin:0;font-size:13px;line-height:1.7;color:#223752;white-space:pre-wrap;word-break:break-word}
.sv-msg .sv-images{margin-top:8px}
.sv-reply{display:flex;flex-direction:column;gap:10px}
.sv-reply textarea{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid #cdd8e6;border-radius:8px;font:inherit;resize:vertical}

/* 内嵌的用户端页面（6.8.077 页面副本） */
.sv-customer{margin:16px auto;width:calc(100% - 32px);max-width:1740px;border:1px solid #cfd8e5;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 12px 50px #102a4612;display:flex;flex-direction:column;height:calc(100vh - 77px);min-height:640px}
.sv-customer-top{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:12px 20px;background:#f4f7fc;border-bottom:1px solid #dce4ee}
.sv-customer-top strong{font-size:15px;color:#223752}
.sv-customer-top>span{color:#70849d;font-size:12px;flex:1 1 320px;line-height:1.6}
.sv-customer-top label{font-size:12px;color:#51637b;display:flex;align-items:center;gap:8px}
.sv-customer-top select{padding:6px 8px;border:1px solid #c6d4e7;border-radius:6px;font:inherit;font-size:12px;background:#fff}
.sv-user-frame{flex:1;width:100%;border:0;background:#fff;min-height:0}
.sv-customer-note{margin:0;padding:8px 20px;font-size:11px;color:#7a8aa0;background:#f8fafc;border-top:1px solid #e5eaf2;line-height:1.6}

@media (max-width:1100px){.steps-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.sv-inbox{grid-template-columns:1fr}.rule-nav{grid-template-columns:1fr}}

/* 顶栏：19 个一级分类。入口标记在最上面一条和左下角已经有了，顶栏里不再占位置；分类按钮收紧一点，1920 宽度下一行放得下，1366 下用两头的箭头左右看 */
.topnav .mode-chip{display:none}
.desktop.v3 .pnav{padding:9px 7px}

/* 小间距 */
#adjust-acct{margin-bottom:16px}
#adjust-acct .info-strip{margin-bottom:0}
#move-form>.form-note{margin:0;padding:14px 22px 18px}