/* ================================================================
   推20 · TUI20 新皮肤（v2.10.12.1 · 全量排布版）
   设计基准：用户定稿的 22 张看板 v6 UI稿 + 推20登录页
   铁律：纯视觉覆盖层——全部规则挂在 html.skin-v6 开关类下，
   开关不亮一个像素都不生效；DOM/JS/功能零改动，随时一键切回旧版。
   ================================================================ */
@font-face{font-family:DeyiHei;src:url('https://statics.kimi.ai/deyihei/DeyiHei-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
html.skin-v6{
  --ubg:#f6f8fb;--upaper:#ffffff;--uink:#101830;--utext:#49516a;--ugray:#6b7490;--udim:#9aa3b6;
  --uline:#e9edf4;
  --uteal:#1a56c4;--uteal-bg:#e8f0fe;
  --ublue:#1a56c4;--ublue-bg:#e8f0fe;
  --grad:linear-gradient(120deg,#2b6de0,#1a56c4);
  --sh:0 1px 2px rgba(16,24,48,.03),0 14px 36px rgba(16,24,48,.06);
}
html.skin-v6 body{background:var(--ubg)}

/* ================= 侧栏（对齐UI稿：白底 + emoji图标 + 胶囊行 + 平组头） ================= */
html.skin-v6 #sidebar{width:238px;background:var(--upaper);border-right:1px solid var(--uline);
  padding:18px 14px;display:flex;flex-direction:column;overflow:hidden}
html.skin-v6 #sidebar .menu{flex:1;overflow-y:auto;list-style:none;padding:0;margin:0}
/* 品牌区 */
html.skin-v6 .side-logo{height:auto;display:flex;align-items:center;gap:10px;padding:2px 6px 16px;
  border-bottom:1px solid var(--uline);margin-bottom:6px;color:var(--uink)}
html.skin-v6 .side-logo .tri{width:34px;height:34px;border-radius:9px;background:var(--grad)!important;
  box-shadow:0 4px 12px rgba(26,86,196,.30);font-size:0}
html.skin-v6 .side-logo .tri::before{content:"20";font-family:DeyiHei;font-size:13px;color:#fff;letter-spacing:.5px}
html.skin-v6 .side-logo .brand2 b{font-size:0}
html.skin-v6 .side-logo .brand2 b::before{content:"推20 · 全球爆品引擎";font-family:DeyiHei;font-size:12.5px;
  color:var(--uink);letter-spacing:.5px;white-space:nowrap}
html.skin-v6 .side-logo .brand2 span{font-size:0;display:block}
html.skin-v6 .side-logo .brand2 span::before{content:"TUI20 GLOBAL";font-size:9px;color:var(--udim);letter-spacing:1.5px}
html.skin-v6 .side-ver{margin-left:auto;font-family:var(--umono);font-size:10px;color:var(--udim);
  background:var(--ubg);border:1px solid var(--uline);border-radius:6px;padding:1px 6px}
/* 分组小标题 */
html.skin-v6 .menu .nav-label{font-size:11px;color:var(--udim);letter-spacing:3px;padding:14px 10px 6px;list-style:none}
/* 菜单行：胶囊 */
html.skin-v6 .menu-item{height:auto;line-height:1.4;padding:8px 10px;margin:1px 0;border-radius:10px;
  color:var(--utext);font-size:13px;gap:9px;position:relative}
html.skin-v6 .menu-item:hover{background:#f2f5fb;color:var(--uink)}
/* 隐藏SVG图标，换UI稿的emoji图标（纯CSS，DOM不动） */
html.skin-v6 .menu-item svg{display:none}
html.skin-v6 .menu-item::before{width:16px;text-align:center;opacity:.75;font-size:13px;flex:none;content:""}
html.skin-v6 .menu li[data-page="quota"]>.menu-item::before{content:"▦"}
html.skin-v6 .menu li[data-page="overview"]>.menu-item::before{content:"📊"}
html.skin-v6 .menu li[data-page="shop-task"]>.menu-item::before{content:"◎"}
html.skin-v6 .menu li[data-page="shop-monitor"]>.menu-item::before{content:"👁"}
html.skin-v6 .menu li[data-page="zh-task"]>.menu-item::before{content:"🔍"}
html.skin-v6 .menu li[data-page="formula"]>.menu-item::before{content:"∑"}
html.skin-v6 .menu li[data-page="price-opt"]>.menu-item::before{content:"🏷"}
html.skin-v6 .menu li[data-page="dxm-template"]>.menu-item::before{content:"✈"}
html.skin-v6 .menu li[data-page="amz-collect"]>.menu-item::before{content:"◎"}
html.skin-v6 .menu li[data-page="amz-upload"]>.menu-item::before{content:"⬆"}
html.skin-v6 .menu li[data-page="amz-plans"]>.menu-item::before{content:"▤"}
html.skin-v6 .menu li[data-page="dxm-account"]>.menu-item::before{content:"▣"}
html.skin-v6 .menu li[data-page="dxm-material"]>.menu-item::before{content:"🖼"}
html.skin-v6 .menu li[data-page="account"]>.menu-item::before{content:"👤"}
/* 组头：平铺文字 + 右侧箭头（去掉旧版的绿底+左绿条方案C样式） */
html.skin-v6 .menu>li.nav-grp>.grp-head,html.skin-v6 .menu>li.nav-grp.open>.grp-head{
  background:transparent!important;border-left:none!important;border-radius:10px;padding:8px 10px!important;
  color:var(--uink);font-weight:600;font-size:13px}
html.skin-v6 .menu>li.nav-grp>.grp-head::before{content:"▸"}
html.skin-v6 .menu>li.nav-grp.open>.grp-head::before{content:"▾"}
html.skin-v6 .menu-item .arrow{color:var(--udim);font-size:11px}
/* 子菜单：平铺缩进（去掉旧版的灰底卡+引导线+圆点） */
html.skin-v6 .nav-grp>.submenu{background:transparent;margin:0;padding:0}
html.skin-v6 .nav-grp>.submenu::before{display:none}
html.skin-v6 .nav-grp>.submenu .menu-item{padding:7px 10px 7px 33px!important;margin:1px 0;font-size:12.5px}
html.skin-v6 .nav-grp>.submenu .menu-item::after{display:none}
/* 选中态：浅蓝底+蓝字（UI稿样式；覆盖旧版实心块） */
html.skin-v6 .menu>li.active>.menu-item,html.skin-v6 .menu>li>.menu-item.on,
html.skin-v6 #sidebar .menu>li.nav-grp>.submenu li.active .menu-item,
html.skin-v6 #sidebar .menu>li.nav-grp>.submenu .menu-item.on,
html.skin-v6 .submenu li.active .menu-item,html.skin-v6 .submenu .menu-item.on{
  background:var(--uteal-bg);color:var(--uteal);font-weight:600;box-shadow:none}
html.skin-v6 .menu>li.active>.menu-item::before,html.skin-v6 .menu-item.on::before,
html.skin-v6 .submenu li.active .menu-item::before{opacity:1}
html.skin-v6 #sidebar .menu>li.nav-grp>.submenu li.active .menu-item:hover,
html.skin-v6 #sidebar .menu>li.nav-grp>.submenu .menu-item.on:hover{background:var(--uteal-bg);color:var(--uteal)}
html.skin-v6 .menu>li.active>.menu-item::before,html.skin-v6 .menu>li>.menu-item.on::before{position:static;left:auto;top:auto;bottom:auto;width:16px;background:none;border-radius:0}
/* 底部用户卡（对齐UI稿 sfoot） */
html.skin-v6 .suser{margin-top:auto;border-top:1px solid var(--uline);padding:12px 6px 0;display:flex;gap:9px;align-items:center;flex:none}
html.skin-v6 #sidebar .suser .avatar{width:30px;height:30px;border-radius:9px;background:var(--grad);font-size:0;flex:none}
html.skin-v6 #sidebar .suser .avatar::before{content:"推";font-family:DeyiHei;font-size:13px;color:#fff}
html.skin-v6 #sidebar .suser .un{font-size:0}
html.skin-v6 #sidebar .suser .un::before{content:"推20 · 全球爆品引擎";font-size:12px;font-weight:700;color:var(--uink);white-space:nowrap}
html.skin-v6 #sidebar .suser .ur{font-size:10.5px;color:var(--udim)}
/* 权限锁标：钉在行右侧（原流内换行太丑） */
html.skin-v6 #sidebar .menu li{position:relative}
html.skin-v6 #sidebar .menu li .auNavLock{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:11px}
html.skin-v6 #sidebar .menu li.nav-grp>.auNavLock,html.skin-v6 #sidebar .menu li .auNavLock{pointer-events:none}

/* ================= 顶栏（对齐UI稿：面包屑 + 状态胶囊 + 账户胶囊） ================= */
html.skin-v6 #topbar{height:56px;padding:0 26px;gap:14px;background:var(--upaper);border-bottom:1px solid var(--uline);
  font-size:12.5px;color:var(--udim)}
html.skin-v6 #topbar::before{content:"推20 看板";font-weight:700;color:var(--uink);font-size:13px;white-space:nowrap}
html.skin-v6 #topbar .tb-ico{color:var(--utext);border-radius:7px;padding:5px 7px}
html.skin-v6 #topbar .tb-ico:hover{background:var(--ubg);color:var(--uink)}
html.skin-v6 #pluginBadge,html.skin-v6 #taskBadge,html.skin-v6 #robotBadge{
  display:inline-flex;align-items:center;gap:6px;border:1px solid var(--uline)!important;background:var(--upaper);
  border-radius:100px;padding:4px 12px!important;font-size:12px;color:var(--utext)}
html.skin-v6 .tb-user{display:inline-flex;align-items:center;gap:8px;background:var(--upaper);border:1px solid var(--uline);
  border-radius:100px;padding:4px 12px 4px 5px;font-size:12.5px;color:var(--uink)}
html.skin-v6 .tb-user .avatar{width:24px;height:24px;background:var(--grad);font-size:11px}
/* 已打开页签行：融入背景 */
html.skin-v6 #tabs{background:transparent;border-bottom:none;padding:10px 26px 0;height:auto;gap:8px}
html.skin-v6 .tab{height:29px;border-radius:99px;border:1px solid var(--uline);background:var(--upaper);color:var(--utext);padding:0 13px;font-size:12px}
html.skin-v6 .tab.active,html.skin-v6 .tab.on{background:var(--uink);color:#fff;border-color:var(--uink)}

/* ================= 页头（对齐UI稿：蓝条 + DeyiHei大标题 + 副标题） ================= */
html.skin-v6 .page-head{align-items:flex-end;gap:14px;margin-bottom:18px}
html.skin-v6 .page-title{font-family:DeyiHei,-apple-system,"PingFang SC",sans-serif;font-size:23px;letter-spacing:1px;
  color:var(--uink);line-height:1.15;font-weight:700}
html.skin-v6 .page-title::before{content:"";display:inline-block;width:5px;height:34px;border-radius:3px;
  background:var(--grad);margin-right:12px;vertical-align:middle}
html.skin-v6 .page-title::after{display:block;font-family:-apple-system,"PingFang SC",sans-serif;font-size:12px;
  font-weight:400;color:var(--udim);letter-spacing:0;margin-top:2px}
html.skin-v6 #page-quota .page-title::after{content:"店铺授权 · 推品额度 · AI点数 · 有效期"}
html.skin-v6 #page-overview .page-title::after{content:"经营数据一览"}
html.skin-v6 #page-shop-task .page-title::after{content:"采集对标店铺全店商品"}
html.skin-v6 #page-shop-monitor .page-title::after{content:"监控店铺上新与变动"}
html.skin-v6 #page-zh-task .page-title::after{content:"找货工作单管理"}
html.skin-v6 #page-formula .page-title::after{content:"定价公式管理"}
html.skin-v6 #page-price-opt .page-title::after{content:"公式算价 · 批量发布店小秘"}
html.skin-v6 #page-dxm-template .page-title::after{content:"发布配置方案管理"}
html.skin-v6 #page-amz-collect .page-title::after{content:"关键词采集 → AI处理 → 上传店小秘"}
html.skin-v6 #page-amz-upload .page-title::after{content:"已上传店小秘商品"}
html.skin-v6 #page-amz-plans .page-title::after{content:"亚马逊配置方案"}
html.skin-v6 #page-dxm-account .page-title::after{content:"店小秘账号与授权"}
html.skin-v6 #page-dxm-material .page-title::after{content:"素材中心"}
html.skin-v6 #page-account .page-title::after{content:"账户管理"}
html.skin-v6 #page-dxm-queue .page-title::after{content:"店小秘推送队列"}
html.skin-v6 #page-dxm-product .page-title::after{content:"店小秘商品"}
html.skin-v6 #page-dxm-collect .page-title::after{content:"店小秘采集箱"}
html.skin-v6 #page-profit-config .page-title::after{content:"利润配置"}
html.skin-v6 .page-refresh{border:1px solid var(--uline);border-radius:100px;background:var(--upaper);
  color:var(--utext);font-size:12.5px;height:30px;padding:0 14px}
html.skin-v6 .page-refresh:hover{border-color:var(--uteal);color:var(--uteal);background:var(--uteal-bg)}

/* ================= 卡片与说明条（对齐UI稿：18px圆角 + 虚线note） ================= */
html.skin-v6 .card,html.skin-v6 .filter-bar,html.skin-v6 .chart-box,html.skin-v6 .stat-card{
  background:var(--upaper);border:1px solid var(--uline);border-radius:18px;box-shadow:var(--sh);padding:18px 20px;margin-bottom:16px}
html.skin-v6 .card:hover{box-shadow:0 2px 4px rgba(16,24,48,.03),0 18px 44px rgba(16,24,48,.08)}
html.skin-v6 .modal{border-radius:16px;box-shadow:0 24px 80px rgba(16,24,48,.18)}
html.skin-v6 .phase-banner{border:1px dashed #d8e0ee!important;background:#f8fafd!important;border-radius:12px;
  padding:10px 14px;font-size:12px;color:var(--udim);line-height:1.7}

/* ================= 大页签（待推送/已推送：对齐UI稿 .tabs/.tb） ================= */
html.skin-v6 .status-tabs{background:var(--upaper);border:1px solid var(--uline);border-radius:14px 14px 0 0;
  padding:10px 12px 0;box-shadow:var(--sh);gap:4px}
html.skin-v6 .status-tabs .stab{flex:none!important;background:transparent!important;padding:7px 16px;
  border-radius:10px 10px 0 0;font-size:13px;color:var(--utext);border-bottom:2px solid transparent}
html.skin-v6 .status-tabs .stab.on{color:var(--uteal);font-weight:700;border-bottom-color:var(--uteal)}
html.skin-v6 .status-tabs .stab .n{font-family:var(--umono);font-size:11.5px;color:var(--udim)}
html.skin-v6 .status-tabs .stab.on .n{color:var(--uteal)}
/* 紧跟大页签的卡片：接上圆角 */
html.skin-v6 .status-tabs+.card{border-radius:0 0 18px 18px;border-top:none}

/* ================= 子类胶囊（全部/店铺监控/直推…：对齐UI稿 .subtabs/.st） ================= */
html.skin-v6 #poSubTabs{display:flex;gap:8px;background:transparent;border:none;box-shadow:none;padding:0;margin:0 0 14px;border-radius:0}
html.skin-v6 #poSubTabs .stab{border:1px solid var(--uline)!important;background:var(--upaper)!important;border-radius:100px;
  padding:4px 14px;font-size:12px;color:var(--utext)}
html.skin-v6 #poSubTabs .stab.on{background:var(--uink)!important;color:#fff;border-color:var(--uink)!important;font-weight:600}
html.skin-v6 #poSubTabs .stab .n{font-family:var(--umono);font-size:11px;opacity:.7;color:inherit}

/* ================= 按钮体系（对齐UI稿：胶囊 + 蓝渐变主按钮 + 描边危险） ================= */
html.skin-v6 .btn{height:30px;padding:0 14px;border-radius:100px;border:1px solid var(--uline);
  background:var(--upaper);color:var(--utext);font-size:12.5px;display:inline-flex;align-items:center;gap:6px}
html.skin-v6 .btn:hover{color:var(--uteal);border-color:var(--uteal);background:var(--uteal-bg)}
html.skin-v6 .btn-pri{background:var(--grad);border:none;color:#fff;font-weight:600;box-shadow:0 3px 10px rgba(26,86,196,.24)}
html.skin-v6 .btn-pri:hover{background:var(--grad);filter:brightness(1.07);color:#fff;box-shadow:0 5px 14px rgba(26,86,196,.32)}
/* 发布类主行动（🚀批量开始发布等 .btn-ok）：UI稿为蓝色主按钮 */
html.skin-v6 .btn-ok{background:var(--grad);border:none;color:#fff;font-weight:600;box-shadow:0 3px 10px rgba(26,86,196,.24)}
html.skin-v6 .btn-ok:hover{background:var(--grad);filter:brightness(1.07);color:#fff}
html.skin-v6 .btn-dark{background:var(--uink);border-color:var(--uink);color:#fff}
html.skin-v6 .btn-dark:hover{background:#2a3452;border-color:#2a3452;color:#fff}
html.skin-v6 .btn-danger{color:var(--ured);border-color:#f0d3d3;background:#fdf4f4}
html.skin-v6 .btn-danger:hover{color:#a92e2e;border-color:#e8bcbc;background:#fcebeb}
html.skin-v6 .btn-warn{color:var(--uamber);border-color:#ecd9b8;background:#fdf8ef}
html.skin-v6 .btn-warn:hover{color:#984d07;background:#fdf1e3;border-color:#e6c9a0}
/* 应用公式：UI稿里是普通白按钮，不用黑块 */
html.skin-v6 #poApply{background:var(--upaper);border:1px solid var(--uline);color:var(--utext);box-shadow:none;font-weight:400}
html.skin-v6 #poApply:hover{color:var(--uteal);border-color:var(--uteal);background:var(--uteal-bg)}

/* ================= 表单控件（对齐UI稿 .inp） ================= */
html.skin-v6 .inp{height:30px;border:1px solid var(--uline);border-radius:9px;background:#fbfbff;color:var(--utext);font-size:12px}
html.skin-v6 .inp:focus{border-color:var(--uteal);box-shadow:0 0 0 3px rgba(26,86,196,.10);background:#fff}

/* ================= 表格（对齐UI稿 .tbl） ================= */
html.skin-v6 .tbl{font-size:12.5px}
html.skin-v6 .tbl th{background:#fafbfe;color:var(--udim);font-size:11.5px;font-weight:600;padding:8px 10px;border-bottom:1px solid var(--uline)}
html.skin-v6 .tbl td{padding:9px 10px;border-bottom:1px solid #f2f5fa;color:var(--utext)}

/* ================= 分页 ================= */
html.skin-v6 .pager .pg{border-radius:7px}
html.skin-v6 .pager .pg.on{background:var(--grad);border:none;color:#fff;box-shadow:0 2px 6px rgba(26,86,196,.28)}

/* ================= 链接 / 选中色 ================= */
html.skin-v6 a{color:var(--uteal)}
html.skin-v6 ::selection{background:rgba(26,86,196,.16)}

/* ================= 新旧版切换按钮本体（两版都显示） ================= */
#skinToggle{font-size:12px;cursor:pointer;border-radius:99px;padding:4px 12px;user-select:none;border:1px dashed #c9a25e;color:#b25e09;background:#fdf6ec;white-space:nowrap}
#skinToggle:hover{filter:brightness(1.04)}
html.skin-v6 #skinToggle{border:1px solid transparent;background:var(--grad);color:#fff;box-shadow:0 3px 10px rgba(26,86,196,.28)}
/* v2.10.31.0 帮助中心菜单图标（纯追加一行，不动既有规则） */
html.skin-v6 .menu li[data-page="help"]>.menu-item::before{content:"❓"}