/* ProBoost kolboost 版式 1:1 复刻（达人广场 / 触达任务 / 店铺管理）。颜色、字号、间距均取自 proboost.microdata-inc.com 实测 computed style */
.pbx{ --fg:#0f172a; --fg2:#334155; --muted:#64748b; --faint:#94a3b8; --line:#e2e8f0; --line2:#f1f5f9; --fill:#f8fafc; --pri:#2563eb; --pri2:#1d4ed8; --ind:#6366f1; --ind2:#4f46e5; --ind-bg:#eef2ff; --ind-line:#c7d2fe;
  display:block; color:#020817; font-size:14px; font-family:ui-sans-serif,system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif; margin:-6px -6px 0; }
.pbx *{ box-sizing:border-box; }
.pbx button{ font-family:inherit; }
.pbx svg{ flex:none; }
.pbx .tr{ text-align:right; }
/* ---- 顶部：面包屑 + 店铺切换 ---- */
.pb-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-bottom:18px; }
.pb-headr{ display:flex; align-items:center; gap:8px; }
.pb-store{ position:relative; }
.pb-store > button{ display:flex; align-items:center; gap:10px; height:40px; min-width:220px; padding:0 12px; border:1px solid var(--line); border-radius:10px; background:#fff; cursor:pointer; text-align:left; }
.pb-store > button:hover{ border-color:#cbd5e1; }
.pb-store .flag{ width:26px; height:26px; border-radius:50%; display:grid; place-items:center; font-size:20px; line-height:1; background:var(--fill); flex:none; overflow:hidden; }
.pb-store .nm{ flex:1; min-width:0; font-weight:600; font-size:14px; color:var(--fg); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.pb-store .chev{ color:var(--muted); }
.pb-store-dd{ position:absolute; right:0; top:46px; z-index:80; width:420px; background:#fff; border:1px solid var(--line); border-radius:14px; box-shadow:0 10px 40px rgba(0,0,0,.12); overflow:hidden; }
.pb-store-dd .srch{ padding:14px 16px 8px; } .pb-store-dd .srch input{ width:100%; height:44px; border:2px solid var(--ind); border-radius:10px; padding:0 12px 0 40px; font-size:15px; outline:none; background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10a7 7 0 1 0 14 0a7 7 0 1 0 -14 0'/%3E%3Cpath d='M21 21l-6 -6'/%3E%3C/svg%3E") 14px center no-repeat; }
.pb-store-dd .list{ max-height:420px; overflow:auto; padding:4px 8px; }
.pb-store-dd .it{ display:flex; align-items:flex-start; gap:12px; padding:12px 10px; border-radius:10px; cursor:pointer; }
.pb-store-dd .it:hover{ background:var(--fill); } .pb-store-dd .it.on{ background:#eef2ff; } .pb-store-dd .it.on .n{ color:var(--ind2); }
.pb-store-dd .it .flag{ width:36px; height:36px; border-radius:50%; display:grid; place-items:center; font-size:26px; line-height:1; flex:none; }
.pb-store-dd .it .n{ font-weight:600; font-size:16px; color:var(--fg); } .pb-store-dd .it .c{ font-size:13px; color:var(--muted); margin-top:3px; } .pb-store-dd .it .r{ font-size:13px; color:var(--muted); margin-top:2px; }
.pb-store-dd .it .ck{ margin-left:auto; color:var(--ind); align-self:center; }
.pb-store-dd .ft{ border-top:1px solid var(--line); padding:14px; text-align:center; } .pb-store-dd .ft a{ color:var(--pri); font-weight:600; font-size:15px; cursor:pointer; text-decoration:none; }
/* ---- 右侧面板 ---- */
.pb-panel{ flex:1; min-width:0; background:#fff; border-radius:16px; box-shadow:0 1px 2px rgba(0,0,0,.05); padding:28px; position:relative; }
.pb-crumb{ display:flex; align-items:center; gap:8px; font-size:15px; color:var(--muted); } .pb-crumb b{ font-weight:400; color:var(--fg2); } .pb-crumb svg{ color:var(--faint); }
.pb-h1{ font-size:24px; font-weight:600; line-height:32px; color:#020617; margin:8px 0 0; } .pb-sub{ margin-top:4px; font-size:14px; color:var(--muted); }
.pb-card{ background:#fff; border:1px solid var(--line); border-radius:12px; }
.pb-outer{ padding:12px; display:flex; flex-direction:column; gap:12px; overflow:hidden; }
/* 搜索框 */
.pb-search{ position:relative; } .pb-search input{ width:100%; height:36px; border:1px solid var(--line); border-radius:8px; background:var(--fill); padding:7px 56px 7px 12px; font-size:14px; outline:none; color:#020817; transition:border-color .2s,box-shadow .2s; }
.pb-search input::placeholder{ color:var(--faint); } .pb-search input:focus{ border-color:var(--ind); box-shadow:0 0 0 3px rgba(99,102,241,.09); }
.pb-search button{ position:absolute; right:6px; top:50%; transform:translateY(-50%); width:28px; height:28px; border:0; border-radius:6px; background:transparent; color:var(--muted); cursor:pointer; display:grid; place-items:center; } .pb-search button:hover{ background:#eef2f7; color:var(--fg); }
/* 筛选卡片 */
.pb-filter{ padding:12px; display:flex; flex-direction:column; gap:12px; }
.pb-tabs{ margin:-12px -12px 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; border-bottom:1px solid var(--line); background:#fafafa; border-radius:12px 12px 0 0; padding:10px 16px; }
.pb-tabs .l{ display:flex; flex-wrap:wrap; align-items:center; gap:6px; }
.pb-tabs .l button{ display:inline-flex; align-items:center; gap:4px; border:0; border-radius:8px; padding:4px 12px; font-size:14px; font-weight:400; background:var(--fill); color:var(--fg); cursor:pointer; transition:all .2s; }
.pb-tabs .l button:hover{ background:var(--line); } .pb-tabs .l button.on{ background:#fff; color:var(--pri); box-shadow:0 1px 3px rgba(0,0,0,.1); }
.pb-tabs .l button .n{ border-radius:999px; background:var(--fg); color:#fff; padding:0 6px; font-size:12px; line-height:16px; }
.pb-tabs .r{ margin-left:auto; display:flex; align-items:center; gap:8px; white-space:nowrap; }
.pb-tabs .r .lk{ height:32px; padding:8px 4px; border:0; background:transparent; font-size:12px; font-weight:500; color:var(--pri); cursor:pointer; border-radius:8px; } .pb-tabs .r .lk:hover{ color:var(--pri2); } .pb-tabs .r .lk:disabled{ color:var(--faint); cursor:default; }
.pb-tpl{ position:relative; } .pb-tpl > button{ display:inline-flex; height:36px; min-width:136px; align-items:center; justify-content:space-between; gap:8px; border:1px solid #dbe6f3; border-radius:8px; background:#fff; padding:0 12px; font-size:12px; color:var(--fg2); cursor:pointer; }
.pb-tpl .dd{ position:absolute; right:0; top:40px; z-index:70; min-width:200px; background:#fff; border:1px solid var(--line); border-radius:10px; box-shadow:0 10px 30px rgba(15,23,42,.14); padding:6px; }
.pb-tpl .dd div{ display:flex; align-items:center; justify-content:space-between; gap:8px; padding:8px 10px; border-radius:6px; font-size:13px; cursor:pointer; } .pb-tpl .dd div:hover{ background:var(--fill); } .pb-tpl .dd div.on{ color:var(--pri); }
.pb-tpl .dd div i{ color:var(--faint); font-style:normal; font-size:14px; padding:0 4px; } .pb-tpl .dd div i:hover{ color:#dc2626; }
.pb-tpl .dd .em{ color:var(--faint); cursor:default; justify-content:center; }
.pb-chips{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.pb-chip{ position:relative; border:0; background:transparent; padding:0; cursor:pointer; }
.pb-chip > span{ display:inline-flex; height:36px; align-items:center; gap:6px; border:1px solid var(--line); border-radius:8px; background:#fff; padding:0 10px; font-size:14px; color:var(--fg); transition:all .15s; }
.pb-chip:hover > span{ background:var(--fill); } .pb-chip.on > span{ border-color:var(--pri); color:var(--pri); }
.pb-chip.off > span{ color:var(--faint); border-style:dashed; }
.pb-chip > span .i{ color:#9ca3af; font-size:13px; font-style:normal; }
.pb-chip .new{ position:absolute; right:0; top:-14px; color:#dc2626; font-size:11px; font-weight:600; letter-spacing:.3px; }
.pb-inline{ display:inline-flex; height:36px; align-items:center; gap:8px; padding:0 10px; font-size:14px; color:var(--fg); cursor:pointer; }
.pb-ck{ appearance:none; width:16px; height:16px; border:1px solid #cbd5e1; border-radius:4px; background:#fff; margin:0; cursor:pointer; display:grid; place-items:center; flex:none; }
.pb-ck:checked{ background:var(--pri); border-color:var(--pri); } .pb-ck:checked::after{ content:""; width:9px; height:5px; border-left:2px solid #fff; border-bottom:2px solid #fff; transform:translateY(-1px) rotate(-45deg); }
.pb-ck:indeterminate{ background:var(--pri); border-color:var(--pri); } .pb-ck:indeterminate::after{ content:""; width:8px; height:2px; background:#fff; }
.pb-rd{ appearance:none; width:16px; height:16px; border:1px solid #cbd5e1; border-radius:50%; background:#fff; margin:0; cursor:pointer; display:grid; place-items:center; flex:none; } .pb-rd:checked{ border-color:var(--pri); } .pb-rd:checked::after{ content:""; width:8px; height:8px; border-radius:50%; background:var(--pri); }
.pb-selected{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; border-top:1px solid var(--line2); padding-top:8px; }
.pb-selected .lbl{ font-size:12px; color:var(--muted); }
.pb-selected .tag{ display:inline-flex; align-items:center; gap:4px; border:1px solid var(--line); border-radius:6px; background:var(--fill); padding:4px 8px; font-size:12px; color:var(--fg2); cursor:pointer; } .pb-selected .tag span{ color:var(--muted); }
.pb-selected .clr{ border:0; background:transparent; border-radius:6px; padding:4px 8px; font-size:12px; color:var(--muted); cursor:pointer; } .pb-selected .clr:hover{ background:var(--fill); }
/* 弹层 */
.pb-pop{ position:absolute; z-index:60; width:300px; max-width:calc(100vw - 32px); background:#fff; border:1px solid var(--line); border-radius:12px; box-shadow:0 8px 24px rgba(15,23,42,.12); padding:12px 14px; }
.pb-pop.w{ width:500px; }
.pb-pop .ttl{ font-size:15px; color:var(--fg2); margin:4px 0 10px; }
.pb-pop .tip{ font-size:12px; color:var(--muted); line-height:1.6; margin:0 0 8px; }
.pb-pop .na{ background:#fffbeb; border:1px solid #fde68a; color:#92400e; border-radius:8px; padding:8px 10px; font-size:12px; line-height:1.6; margin-bottom:8px; }
.pb-pop .list{ max-height:340px; overflow:auto; margin:0 -6px; }
.pb-pop label.row{ display:flex; align-items:center; gap:10px; padding:10px 8px; font-size:15px; color:var(--fg); cursor:pointer; border-radius:6px; } .pb-pop label.row:hover{ background:var(--fill); }
.pb-pop .minmax{ display:grid; grid-template-columns:1fr auto 1fr; gap:10px; align-items:center; } .pb-pop .minmax input{ height:44px; border:1px solid var(--line); border-radius:8px; padding:0 12px; font-size:15px; outline:none; width:100%; } .pb-pop .minmax input:focus{ border-color:var(--pri); box-shadow:0 0 0 3px rgba(37,99,235,.14); }
.pb-pop .minmax input::placeholder{ color:var(--faint); }
.pb-slider{ position:relative; height:28px; margin:12px 4px 0; } .pb-slider .bar{ position:absolute; left:0; right:0; top:11px; height:6px; border-radius:999px; background:var(--pri); } .pb-slider .bar.bg{ background:#e2e8f0; }
.pb-slider input{ position:absolute; left:0; right:0; top:4px; width:100%; margin:0; appearance:none; background:transparent; pointer-events:none; height:20px; }
.pb-slider input::-webkit-slider-thumb{ appearance:none; width:18px; height:18px; border-radius:50%; background:#fff; border:2px solid var(--pri); pointer-events:auto; cursor:pointer; box-shadow:0 1px 3px rgba(0,0,0,.15); }
.pb-pop .scale{ display:flex; justify-content:space-between; font-size:13px; color:var(--fg2); margin:0 2px; }
.pb-pop .ft{ display:flex; justify-content:flex-end; gap:8px; margin-top:8px; padding-top:8px; border-top:1px solid var(--line2); }
.pb-pop .ft button{ border:0; background:transparent; color:var(--muted); font-size:13px; cursor:pointer; padding:4px 8px; border-radius:6px; } .pb-pop .ft button:hover{ background:var(--fill); }
.pb-pop .ft button.ok{ background:var(--pri); color:#fff; padding:6px 14px; } .pb-pop .ft button.ok:hover{ background:var(--pri2); }
.pb-pop .srch{ width:100%; height:36px; border:1px solid var(--line); border-radius:8px; padding:0 10px; font-size:14px; outline:none; margin-bottom:6px; }
/* 表格卡片 */
.pb-tcard{ overflow:hidden; }
.pb-range{ display:flex; flex-wrap:wrap; align-items:center; gap:6px; border-bottom:1px solid var(--line); padding:10px 16px; font-size:14px; color:var(--muted); }
.pb-sync{ margin-left:auto; display:inline-flex; align-items:center; gap:6px; font-size:12px; color:var(--muted); } .pb-sync .lk{ border:0; background:transparent; color:var(--pri); font-size:12px; cursor:pointer; padding:2px 4px; } .pb-sync .lk:disabled{ color:var(--faint); cursor:default; } .pb-sync .dot.run{ width:8px; height:8px; border-radius:50%; background:var(--pri); display:inline-block; animation:pbPulse 1s infinite; } @keyframes pbPulse{ 50%{ opacity:.3; } }
.pb-range input{ height:32px; width:104px; border:1px solid var(--line); border-radius:8px; background:#fff; text-align:center; font-size:14px; outline:none; color:var(--fg); } .pb-range input:focus{ border-color:var(--pri); box-shadow:0 0 0 3px rgba(37,99,235,.14); }
.pb-tablewrap{ overflow:auto; position:relative; }
.pb-table{ width:100%; border-collapse:separate; border-spacing:0; font-size:14px; }
.pb-table th{ height:48px; text-align:left; vertical-align:middle; background:#f9fafb; padding:10px 8px; font-size:14px; font-weight:500; color:var(--muted); white-space:nowrap; border-bottom:1px solid var(--line); }
.pb-table th:first-child,.pb-table td:first-child{ padding-left:16px; } .pb-table th:last-child,.pb-table td:last-child{ padding-right:16px; }
.pb-table th .hb{ display:inline-flex; align-items:center; gap:2px; height:32px; padding:0 6px; margin:0 -6px; border:0; background:transparent; font:inherit; color:inherit; cursor:pointer; border-radius:8px; } .pb-table th .hb:hover{ color:var(--fg); }
.pb-table th .hb svg,.pb-table th .i{ color:#9ca3af; } .pb-table th .hb.s svg{ color:var(--pri); }
.pb-table th .i{ display:inline-flex; height:24px; min-width:18px; align-items:center; justify-content:center; border-radius:4px; font-size:12px; font-style:normal; cursor:help; } .pb-table th .i:hover{ background:rgba(226,232,240,.8); }
.pb-table th .eye{ display:inline-flex; align-items:center; gap:4px; height:24px; padding:0 4px; border:0; background:transparent; border-radius:8px; font-size:12px; font-weight:500; color:var(--muted); cursor:pointer; } .pb-table th .eye:hover{ color:var(--pri); background:#f1f5f9; }
.pb-table td{ padding:10px 8px; border-bottom:1px solid var(--line); vertical-align:middle; color:var(--fg2); font-size:14px; background:#fff; }
.pb-table tr:hover td{ background:var(--fill); }
.pb-table .stk-l{ position:sticky; z-index:2; } .pb-table th.stk-l{ z-index:4; } .pb-table .stk-r{ position:sticky; right:0; z-index:2; text-align:right; vertical-align:top; } .pb-table th.stk-r{ z-index:4; }
.pb-table .stk-r::after{ content:""; position:absolute; top:0; bottom:-1px; left:0; width:32px; transform:translateX(-100%); pointer-events:none; box-shadow:inset -10px 0 10px -8px rgba(15,23,42,.15); }
.pb-table .dash{ color:var(--faint); }
.pb-table .num{ font-variant-numeric:tabular-nums; }
.pb-cr{ display:flex; align-items:flex-start; gap:10px; min-width:0; }
.pb-cr img,.pb-cr .av{ width:44px; height:44px; border-radius:50%; object-fit:cover; flex:none; background:#f1f5f9; }
.pb-cr .b{ min-width:0; flex:1; } .pb-cr .n{ display:flex; align-items:center; gap:4px; min-width:0; } .pb-cr .n a{ font-size:14px; font-weight:500; line-height:20px; color:var(--fg); text-decoration:none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:170px; } .pb-cr .n a:hover{ color:var(--pri); }
.pb-cr .n button{ width:20px; height:20px; border:0; background:transparent; color:#64748b; cursor:pointer; display:grid; place-items:center; border-radius:6px; } .pb-cr .n button:hover{ color:var(--pri); background:#f1f5f9; }
.pb-cr .h{ font-size:12px; line-height:18px; color:var(--muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:170px; }
.pb-cr .cats{ margin-top:2px; display:flex; flex-wrap:wrap; gap:4px; }
.pb-pill{ max-width:110px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; border:1px solid #e2e8f0; background:#f1f5f9; color:#475569; border-radius:6px; padding:2px 8px; font-size:12px; line-height:1.25; }
.pb-cr.hid img,.pb-cr.hid .av{ filter:blur(6px); } .pb-cr.hid .n a,.pb-cr.hid .h{ filter:blur(4px); user-select:none; }
.pb-tagbtn{ display:inline-flex; align-items:center; gap:4px; border:0; background:transparent; padding:2px 6px; border-radius:8px; font-size:12px; color:var(--muted); cursor:pointer; } .pb-tagbtn:hover{ background:#f1f5f9; color:var(--fg); } .pb-tagbtn svg{ color:var(--pri); }
.pb-tagbtn .tg{ font-size:12px; color:var(--fg2); background:#f1f5f9; border:1px solid var(--line); border-radius:6px; padding:1px 6px; }
.pb-ops{ display:flex; flex-direction:column; align-items:flex-end; gap:6px; }
.pb-ops button{ height:22px; border:1px solid var(--ind-line); background:var(--ind-bg); color:var(--ind2); border-radius:8px; padding:0 8px; font-size:14px; cursor:pointer; white-space:nowrap; line-height:20px; }
.pb-ops button:hover{ border-color:#818cf8; background:#e0e7ff; color:#4338ca; }
.pb-empty{ padding:56px 16px; text-align:center; color:var(--faint); font-size:14px; }
.pb-pager{ border-top:1px solid var(--line); background:#fff; padding:12px 16px; display:flex; align-items:center; justify-content:flex-end; gap:12px; font-size:14px; color:var(--muted); flex-wrap:wrap; }
.pb-pager .pg{ display:flex; align-items:center; gap:6px; }
.pb-pager .pg button{ height:32px; min-width:36px; padding:0 12px; border:1px solid var(--line); border-radius:8px; background:var(--ind-bg); color:#4f5dff; font-size:14px; font-weight:500; cursor:pointer; font-variant-numeric:tabular-nums; }
.pb-pager .pg button:hover{ background:#f8fafc; color:#4353f4; } .pb-pager .pg button.on{ background:var(--pri); border-color:var(--pri); color:#fff; } .pb-pager .pg button.on:hover{ background:var(--pri2); }
.pb-pager .pg button.ar{ width:36px; height:36px; padding:0; color:#475569; display:grid; place-items:center; } .pb-pager .pg button:disabled{ opacity:.5; cursor:default; pointer-events:none; }
.pb-pager .pg .dots{ display:inline-flex; height:36px; min-width:36px; align-items:center; justify-content:center; color:var(--faint); }
.pb-pager .jump{ display:inline-flex; align-items:center; gap:6px; } .pb-pager .jump input{ width:56px; height:36px; border:1px solid var(--line); border-radius:8px; text-align:center; font-size:14px; outline:none; } .pb-pager .jump input:focus{ border-color:var(--pri); }
.pb-pager select{ height:36px; border:1px solid var(--line); border-radius:8px; background:#fff; padding:0 10px; font-size:14px; color:var(--fg2); outline:none; }
/* 底部批量条 */
.pb-bulkwrap{ position:sticky; bottom:16px; z-index:30; display:flex; justify-content:center; margin-top:12px; pointer-events:none; }
.pb-bulk{ pointer-events:auto; display:flex; min-height:58px; width:100%; flex-wrap:wrap; align-items:center; justify-content:center; gap:12px; border:1px solid var(--line); border-radius:16px; background:#fff; padding:8px 24px; box-shadow:0 8px 24px rgba(15,23,42,.12); }
.pb-bulk .cnt{ font-size:15px; color:var(--fg); } .pb-bulk.z .cnt{ color:var(--faint); }
.pb-bulk button{ display:inline-flex; align-items:center; gap:8px; height:32px; padding:0 16px; border-radius:8px; font-size:14px; font-weight:600; cursor:pointer; border:1px solid #8ea2ff; background:var(--ind-bg); color:#4f5dff; }
.pb-bulk button:hover{ background:#e0e7ff; } .pb-bulk button.pri{ background:var(--pri); border-color:var(--pri); color:#fff; } .pb-bulk button.pri:hover{ background:var(--pri2); }
.pb-bulk.z button{ opacity:.5; pointer-events:none; }
/* 通用按钮 / 表单（弹窗里用） */
.pb-btn{ display:inline-flex; align-items:center; justify-content:center; gap:6px; height:36px; padding:0 14px; border:1px solid var(--line); background:#fff; border-radius:8px; font-size:14px; color:var(--fg); cursor:pointer; white-space:nowrap; }
.pb-btn:hover{ background:var(--fill); } .pb-btn.pri{ background:var(--pri); border-color:var(--pri); color:#fff; font-weight:600; } .pb-btn.pri:hover{ background:var(--pri2); }
.pb-btn.sm{ height:30px; padding:0 10px; font-size:13px; } .pb-btn:disabled{ opacity:.5; cursor:not-allowed; }
.pb-input,.pb-select{ height:36px; border:1px solid var(--line); border-radius:8px; padding:0 12px; font-size:14px; color:var(--fg); background:#fff; outline:none; }
.pb-input:focus,.pb-select:focus{ border-color:var(--pri); box-shadow:0 0 0 3px rgba(37,99,235,.14); }
.pb-status{ display:inline-flex; align-items:center; gap:4px; border-radius:12px; padding:2px 10px; font-size:12px; font-weight:600; }
.pb-status .d{ font-size:8px; line-height:1; }
.pb-status.ok{ background:#d1fae5; color:#065f46; } .pb-status.warn{ background:#fef3c7; color:#92400e; } .pb-status.off{ background:#f1f5f9; color:#475569; } .pb-status.run{ background:#dbeafe; color:#1e40af; }
.pb-kv{ display:grid; grid-template-columns:120px 1fr; gap:8px 12px; font-size:14px; } .pb-kv .k{ color:var(--muted); }
.pb-form .f{ display:flex; flex-direction:column; gap:6px; margin-bottom:12px; font-size:13px; color:var(--muted); }
.pb-form .f > .pb-input,.pb-form .f > .pb-select,.pb-form textarea{ color:var(--fg); }
.pb-form textarea{ border:1px solid var(--line); border-radius:8px; padding:8px 12px; font-size:14px; min-height:80px; font-family:inherit; }
.pb-form .g2{ display:grid; grid-template-columns:1fr 1fr; gap:0 12px; }
.pb-prod{ display:grid; grid-template-columns:1fr 100px 100px 32px; gap:6px; align-items:center; margin-bottom:6px; } .pb-prod .pb-input{ height:32px; width:100%; }
.pb-steps{ display:flex; gap:16px; font-size:13px; color:var(--faint); margin-bottom:14px; } .pb-steps .on{ color:var(--pri); font-weight:600; }
.pb-result{ background:var(--fill); border:1px solid var(--line); border-radius:10px; padding:12px 14px; font-size:14px; line-height:1.8; }
.pb-typecard{ padding:14px 16px; display:flex; gap:12px; align-items:flex-start; cursor:pointer; } .pb-typecard:hover{ border-color:var(--ind); background:#fafbff; } .pb-typecard.dis{ opacity:.55; cursor:default; }
.pb-typecard .ic{ width:36px; height:36px; border-radius:8px; background:var(--ind-bg); color:var(--ind2); display:grid; place-items:center; font-weight:700; flex:none; }
/* 邀约管理 */
.pb-tc-sync{ display:flex; align-items:center; justify-content:space-between; gap:12px; background:#f5f7ff; border:1px solid #dfe4ff; border-radius:12px; padding:12px 16px; font-size:14px; color:var(--fg2); margin-bottom:14px; } .pb-tc-sync .muted{ color:var(--muted); }
.pb-tc-cards{ display:grid; grid-template-columns:repeat(3,1fr); gap:14px; } .pb-tc-card{ display:flex; align-items:center; gap:16px; text-align:left; background:#fff; border:1px solid var(--line); border-radius:14px; padding:22px 20px; cursor:pointer; transition:all .15s; } .pb-tc-card:hover{ border-color:#a5b4fc; box-shadow:0 6px 18px rgba(79,70,229,.08); }
.pb-tc-card .ic{ width:56px; height:56px; border-radius:14px; background:#eef2ff; color:#4f46e5; display:grid; place-items:center; flex:none; } .pb-tc-card .b{ display:flex; flex-direction:column; gap:6px; } .pb-tc-card .t{ font-size:16px; font-weight:700; color:var(--fg); } .pb-tc-card .d{ font-size:13px; color:var(--muted); }
.pb-tc-sec{ padding:18px 20px; margin-bottom:14px; } .pb-tc-sec h3{ margin:0 0 12px; font-size:16px; } .pb-tc-sec .pb-inline{ height:34px; padding:0; }
.pb-tc-row{ display:flex; align-items:center; gap:12px; font-size:14px; margin-bottom:8px; } .pb-tc-row .lb{ color:var(--fg2); } .pb-tc-row .lk{ border:0; background:transparent; color:var(--pri); cursor:pointer; font-size:14px; padding:0 4px; }
.pb-tc-note{ background:#f5f7ff; border:1px solid #dfe4ff; border-radius:10px; padding:10px 14px; font-size:13px; color:var(--fg2); margin-bottom:10px; }
.pb-tc-tabs{ display:flex; gap:10px; margin-bottom:10px; } .pb-tc-tabs button{ height:40px; padding:0 18px; border:1px solid var(--line); border-radius:10px; background:#fff; font-size:15px; color:var(--fg); cursor:pointer; } .pb-tc-tabs button.on{ border-color:#a5b4fc; background:#eef2ff; color:#4f46e5; }
.pb-tc-ol{ margin:0 0 12px; padding-left:20px; font-size:14px; line-height:2; color:var(--fg2); }
@media (max-width:1100px){ .pb-tc-cards{ grid-template-columns:repeat(2,1fr); } }
/* 店铺管理页 */
.pb-quota{ margin:16px 0; padding:14px 20px; } .pb-quota .t{ font-size:14px; font-weight:600; color:#0f172a; } .pb-quota .v{ margin:8px 0; font-size:14px; color:#0f172a; }
.pb-bar{ height:6px; width:25%; min-width:140px; max-width:220px; background:#e2e8f0; border-radius:999px; overflow:hidden; } .pb-bar i{ display:block; height:100%; background:#4f46e5; border-radius:999px; transition:width .3s; }
.pb-toolbar{ display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; margin-bottom:16px; } .pb-toolbar .l{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.pb-toolbar .si{ position:relative; } .pb-toolbar .si input{ height:36px; width:100%; border:1px solid var(--line); border-radius:8px; background:#fff; padding:0 32px 0 12px; font-size:14px; outline:none; } .pb-toolbar .si input:focus{ border-color:var(--pri); box-shadow:0 0 0 3px rgba(37,99,235,.14); }
.pb-toolbar .si svg{ position:absolute; right:10px; top:50%; transform:translateY(-50%); color:var(--faint); }
.pb-toolbar select{ height:36px; width:120px; border:1px solid var(--line); border-radius:8px; background:var(--fill); padding:0 10px; font-size:12px; color:var(--fg2); outline:none; }
.pb-toolbar .big{ height:40px; padding:0 20px; font-size:15px; margin-left:auto; }
.pb-toolbar .l{ flex:1; min-width:0; }
.pb-shop{ display:flex; align-items:center; gap:10px; min-width:0; } .pb-shop .ic{ width:36px; height:36px; border-radius:8px; color:#fff; display:grid; place-items:center; font-weight:700; font-size:14px; flex:none; }
.pb-shop .g0{ background:linear-gradient(135deg,#fbcfe8,#c4b5fd); } .pb-shop .g1{ background:linear-gradient(135deg,#93c5fd,#a5b4fc); } .pb-shop .g2{ background:linear-gradient(135deg,#fdba74,#f9a8d4); } .pb-shop .g3{ background:linear-gradient(135deg,#86efac,#67e8f9); }
.pb-shop .n{ font-weight:600; color:#0f172a; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .pb-shop .s{ font-size:12px; color:var(--muted); margin-top:2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.pb-opsm{ display:flex; flex-wrap:wrap; justify-content:flex-end; gap:6px; } .pb-opsm button,.pb-opsm a{ display:inline-flex; align-items:center; white-space:nowrap; border:1px solid #c7d2fe; background:#eef2ff; color:#4f46e5; border-radius:6px; padding:4px 10px; font-size:12px; font-weight:600; cursor:pointer; text-decoration:none; } .pb-opsm button:hover,.pb-opsm a:hover{ background:#e0e7ff; }
.pb-prog{ min-width:300px; } .pb-prog .bar{ position:relative; height:8px; border-radius:999px; background:#e2e8f0; overflow:hidden; } .pb-prog .bar i{ position:absolute; left:0; top:0; height:100%; border-radius:999px; } .pb-prog .bar i.s{ background:#60a5fa; } .pb-prog .bar i.c{ background:#2563eb; z-index:1; }
.pb-prog .lg{ display:flex; flex-wrap:wrap; gap:4px 12px; margin-top:6px; font-size:12px; color:#64748b; } .pb-prog .lg b{ color:#0f172a; font-weight:600; } .pb-prog .lg .ok b{ color:#1d4ed8; } .pb-prog .lg .ct b{ color:#065f46; } .pb-prog .lg .wait b{ color:#92400e; } .pb-prog .lg .bad b{ color:#b91c1c; }
.pb-hint{ font-size:12px; color:var(--muted); margin-top:10px; } .pb-hint code{ background:#f1f5f9; padding:1px 6px; border-radius:4px; }
@media (max-width:900px){ .pb-panel{ padding:16px; } .pb-form .g2{ grid-template-columns:1fr; } .pb-pop.w{ width:calc(100vw - 32px); } }
.pbx.blk{ display:block; margin:0; }

/* 达人带货 */
.pb-seg{ display:inline-flex; border:1px solid var(--line); border-radius:8px; overflow:hidden; } .pb-seg button{ border:0; background:#fff; padding:6px 12px; font-size:13px; cursor:pointer; color:var(--text); } .pb-seg button+button{ border-left:1px solid var(--line); } .pb-seg button.on{ background:var(--pri); color:#fff; }
.pb-stats{ display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:10px; margin:12px 0; } .pb-stat{ background:#fff; border:1px solid var(--line); border-radius:12px; padding:12px 14px; } .pb-stat .k{ font-size:12px; color:var(--muted); } .pb-stat .v{ font-size:18px; font-weight:700; margin-top:4px; }
.pb-av{ width:36px; height:36px; border-radius:50%; background:#e0e7ff; color:#3730a3; display:inline-flex; align-items:center; justify-content:center; font-weight:700; flex:none; }
.pb-sub{ font-size:12px; color:var(--muted); }
.pb-chip.sm{ font-size:11px; padding:1px 7px; }
.pb-note{ font-size:12px; color:var(--muted); margin-top:10px; }

.pb-sales .pb-table{ table-layout:fixed; } .pb-sales .pb-table td{ padding:12px 8px; } .pb-sales .pb-table th.num,.pb-sales .pb-table td.num{ text-align:right; white-space:nowrap; font-variant-numeric:tabular-nums; } .pb-sales .pb-table td.nw{ white-space:nowrap; }
.pb-sales .pb-cr{ align-items:center; } .pb-sales .pb-cr .av{ flex:none; width:36px; height:36px; } .pb-sales .pb-cr .av img{ width:36px; height:36px; border-radius:50%; object-fit:cover; display:block; } .pb-sales .pb-cr .nm{ min-width:0; flex:1; } .pb-sales .pb-cr .n{ font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.pb-sales .ell{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.pb-sales .pb-chip.sm{ white-space:nowrap; }
.pb-stats{ grid-template-columns:repeat(6,1fr); } @media (max-width:1100px){ .pb-stats{ grid-template-columns:repeat(3,1fr); } }

.sl-tpl .sl-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px; } @media (max-width:1100px){ .sl-tpl .sl-grid{ grid-template-columns:1fr 1fr; } }
.sl-tpl .sl-mini{ font-size:12.5px; } .sl-tpl .sl-mini th{ height:34px; padding:6px 8px; font-size:12.5px; } .sl-tpl .sl-mini td{ padding:6px 8px; font-size:12.5px; } .sl-tpl .sl-mini .num{ text-align:right; white-space:nowrap; }
.sl-tpl .sl-bar{ display:inline-block; width:56px; height:6px; background:#e5e7eb; border-radius:3px; margin-right:6px; vertical-align:middle; overflow:hidden; } .sl-tpl .sl-bar i{ display:block; height:100%; background:var(--pri); }
.sl-tpl .sl-sec{ font-weight:600; margin:16px 0 6px; }
.sl-tpl .sl-chips{ display:flex; flex-wrap:wrap; gap:8px; } .sl-tpl .sl-chip{ border:1px solid #c7d2fe; background:#eef2ff; color:#3730a3; border-radius:999px; padding:4px 12px; font-size:13px; } .sl-tpl .sl-chip b{ font-weight:600; margin-right:6px; color:#4338ca; }
.sl-tpl .sl-why{ margin:10px 0 0; padding-left:18px; color:var(--muted); font-size:13px; line-height:1.7; }