:root{
  --brand:#3b6ef6; --brand2:#6f4ff0; --pink:#f068b8; --orange:#ff9a3d;
  --bd:#e9edf4; --txt:#222b3a; --mut:#8a94a6; --bg:#f3f6fb;
  --grad:linear-gradient(120deg,#4a8dff 0%,#7c5cff 55%,#f068b8 120%);
  --grad-soft:linear-gradient(120deg,#eef4ff,#f3efff);
  --shadow:0 6px 20px rgba(59,110,246,.10);
  --radius:14px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:Inter,"Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Segoe UI",Roboto,Arial,sans-serif;font-size:15px;line-height:1.6;color:var(--txt);background:var(--bg);-webkit-font-smoothing:antialiased}
/* 表单控件统一继承前台(后台)字体，避免浏览器自带字体 */
input,select,textarea,optgroup,button{font-family:inherit}
a{color:var(--brand);text-decoration:none}
a:hover{opacity:.88}

/* ============ 桌面：后台式 左侧?顶栏 ============ */
.flayout{display:flex;min-height:100vh;background:var(--bg)}
.fside{width:250px;flex:none;background:#fff;border-right:1px solid var(--bd);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow:auto;z-index:60}
.fside-brand{display:flex;align-items:center;gap:9px;padding:18px 16px 15px;font-size:17px;font-weight:800;color:var(--txt);border-bottom:1px solid #f1f4fa;white-space:nowrap}
.brand-mark{width:30px;height:30px;flex:none;border-radius:9px;background:var(--grad);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-weight:800}
.fside-brand a{color:var(--txt)}
.fside-nav{flex:1;padding:8px 0;overflow:auto}
.fnav-group{margin-bottom:4px}
.fnav-title{font-size:12px;color:var(--mut);padding:12px 20px 5px;font-weight:700;letter-spacing:.5px}
.fnav-group a{display:block;color:var(--txt);padding:9px 20px;font-size:15.5px;border-left:3px solid transparent;position:relative}
.fnav-group a:hover{background:#f5f8ff}
.fnav-group a.on{background:linear-gradient(90deg,rgba(74,141,255,.12),transparent);color:var(--brand);border-left-color:var(--brand);font-weight:700}
.fside-foot{padding:12px 18px;font-size:12.5px;color:var(--mut);border-top:1px solid #f1f4fa}
.fmain{flex:1;min-width:0;display:flex;flex-direction:column}
.ftop{background:#fff;border-bottom:1px solid var(--bd);position:sticky;top:0;z-index:50}
.ftop.grad-brand{background:#fff}
.ftop-inner{display:flex;align-items:center;gap:12px;height:54px;padding:0 18px}
.ftop-crumb{font-size:16px;font-weight:800;color:var(--txt);display:flex;align-items:center;gap:8px}
.ftop-crumb .dot{width:7px;height:7px;border-radius:50%;background:var(--grad);display:inline-block}
.ftop-right{display:flex;align-items:center;gap:8px;font-size:14px;margin-left:auto;flex-wrap:wrap}
.ftop-right .who{color:var(--mut)}
.fcontent{flex:1;width:100%;min-width:0;padding:20px 22px 40px}
.ffoot{padding:16px 18px;color:var(--mut);font-size:13px;border-top:1px solid var(--bd);background:#fff}
/* 移动端专用按?图标默认隐藏 */
.mhamb,.mops,.mtab,.mscrim,.m-ico{display:none}

/* ============ 通用卡片与按钮（加装饰） ============ */
.card{background:#fff;border:1px solid var(--bd);border-radius:var(--radius);padding:18px;box-shadow:0 1px 3px rgba(20,40,90,.03)}
.muted{color:var(--mut)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 18px;border-radius:9px;background:var(--brand);color:#fff;border:0;cursor:pointer;font-size:14px;transition:.15s}
.btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:var(--shadow)}
.btn.big{padding:12px 26px;font-size:15px;border-radius:12px}
.btn.gray{background:#eef1f6;color:var(--txt)}
.btn.gray:hover{box-shadow:none}
.btn.btn-primary{background:var(--grad)}
.btn-sm{padding:5px 12px;font-size:13px}
.btn.danger-ghost,.btn.btn-danger-ghost{background:#fff0f0;color:#e5484d}
.field{margin-bottom:14px}
.field label{display:block;font-size:13px;color:var(--mut);margin-bottom:6px}
.field input,.field textarea,.field select{width:100%;max-width:520px;padding:10px 12px;border:1px solid var(--bd);border-radius:9px;font-size:14px;outline:none;background:#fff}
.field input:focus,.field textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(74,141,255,.12)}
.notice{background:linear-gradient(120deg,#fff8e6,#fff3f0);border:1px solid #f4e3bd;color:#8a6a1a;border-radius:12px;padding:12px 16px;margin-bottom:16px;font-size:13px}
.empty{text-align:center;color:var(--mut);padding:70px 16px}
.empty::before{content:"🛒";display:block;font-size:40px;margin-bottom:10px;opacity:.6}
.pager{display:flex;gap:8px;margin-top:22px;align-items:center;justify-content:center;flex-wrap:wrap}
.pager a,.pager span{padding:7px 14px;border:1px solid var(--bd);background:#fff;border-radius:9px;font-size:13px;color:var(--txt)}
.pager span.cur{background:var(--grad);color:#fff;border-color:transparent}

/* 面包?*/
.breadcrumb{color:var(--mut);font-size:13px;margin-bottom:16px}
.breadcrumb a{color:var(--mut)}

/* 分类胶囊 */
.cates{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:12px}
.cates a{display:flex;flex-direction:column;align-items:center;gap:4px;background:#fff;border:1px solid var(--bd);border-radius:11px;padding:7px 3px;color:var(--txt);text-decoration:none;transition:.15s;box-shadow:0 1px 4px rgba(0,0,0,.04)}
.cates a.on{background:var(--grad);color:#fff;border-color:transparent;box-shadow:var(--shadow)}
.cates a:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.cic{width:25px;height:25px;border-radius:50%;background:var(--grad);color:#fff;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex:none}
.cname{font-size:11.5px;font-weight:600;line-height:1.3;text-align:center}
.cates a.on .cic{background:rgba(255,255,255,.24);color:#fff}

/* 商品网格与卡?*/
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:7px}
.gcard{background:#fff;border:0;border-radius:12px;overflow:hidden;transition:.18s;position:relative;display:flex;flex-direction:column;height:205px;box-shadow:0 1px 6px rgba(20,40,90,.07)}
.gcard:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:transparent}
.gcard .gbody{padding:0;height:100%;display:flex;flex-direction:column;background:#fff}
.gcard .gbody h3{margin:0;padding:9px 9px 0;font-size:12px;line-height:1.3;flex:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gcard .price{color:#ff5b3b;font-weight:800;font-size:13px;display:flex;align-items:baseline;gap:1px;padding:2px 9px 8px;flex:none}
.gcard .shopimg{width:100%;height:140px;flex:none;display:block;object-fit:fill;border-radius:0;background:#fff}
.gcard h3{margin:0;font-size:13px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.gcard .tag{display:inline-flex;align-self:flex-start;font-size:10.5px;background:linear-gradient(120deg,#e8f1ff,#efeaff);color:#4a5df6;padding:2px 8px;border-radius:999px}
.gcard .price{color:#ff5b3b;font-weight:800;font-size:15px;display:flex;align-items:baseline;gap:1px}
.gcard .price::before{content:"¥";font-size:12px}
.gcard .meta{color:var(--mut);font-size:12px;margin-top:auto;display:flex;justify-content:space-between;padding-top:6px;border-top:1px dashed #eef1f7}
.gcard .meta .sales::before{content:"🔥";margin-right:2px}

/* 列表页搜索条 */
.search-bar{display:flex;gap:8px;align-items:center;background:#fff;border:1px solid var(--bd);border-radius:12px;padding:6px;margin-bottom:16px;box-shadow:0 2px 8px rgba(20,40,90,.04)}
.search-bar input{flex:1;border:0;outline:none;font-size:14px;padding:7px 10px;background:transparent}
.search-bar button{white-space:nowrap}

/* 首页 hero */
.hero{position:relative;overflow:hidden;color:#fff;border-radius:20px;padding:26px 24px;margin:8px 0 20px;background:linear-gradient(120deg,#3b6ef6,#7c5cff 60%,#b04af6);box-shadow:0 12px 30px rgba(93,95,246,.30)}
.hero::before,.hero::after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.12)}
.hero::before{width:180px;height:180px;right:-40px;top:-70px}
.hero::after{width:110px;height:110px;left:-30px;bottom:-60px}
.hero h2{margin:0 0 6px;font-size:22px;position:relative;z-index:1}
.hero p{margin:0;opacity:.92;position:relative;z-index:1}
.hero .hero-search{margin-top:14px;display:flex;background:rgba(255,255,255,.95);border-radius:12px;padding:5px;position:relative;z-index:1}
.hero .hero-search input{flex:1;border:0;outline:none;padding:9px 12px;font-size:14px;background:transparent;color:var(--txt)}
.hero .hero-search button{border-radius:9px}

/* 区块标题装饰 */
.sec-head{display:flex;align-items:center;gap:10px;margin:6px 0 16px;font-size:16px;font-weight:800}
.sec-head::before{content:"";width:4px;height:18px;border-radius:3px;background:var(--grad)}

/* 桌面隐藏 .t-search 顶栏搜索(内容页已?hero) —?保留但不显眼 */
.ftop .t-search{display:none}

/* ============ 详情?============ */
.detail-top{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.detail-top .shopimg{max-width:100%;border-radius:var(--radius);border:1px solid var(--bd)}
.alert{background:#fff3f1;border:1px solid #ffd9d2;color:#c0392b;border-radius:12px;padding:12px 14px;margin-top:14px;font-size:13px;white-space:pre-wrap}
.desc{border-top:1px dashed var(--bd);margin-top:18px;padding-top:14px}
.desc .title{font-weight:700;margin-bottom:8px}
.stock{font-size:13px;color:var(--mut)}
.buy .price-line{display:flex;align-items:baseline;gap:8px;margin:8px 0}

/* ============ 表格（资?订单等） ============ */
.table-card{overflow:auto;background:#fff;border:1px solid var(--bd);border-radius:var(--radius)}
table.t{width:100%;border-collapse:collapse;font-size:13.5px}
table.t th{background:#f8faff;text-align:left;padding:11px 12px;color:var(--mut);font-weight:600;white-space:nowrap}
table.t td{padding:11px 12px;border-top:1px solid #f1f4fa}
table.t tr:hover td{background:#fafbff}

/* ============ 移动端（?60px）：顶部渐变?+ 抽屉 + 底部Tab + 卡片美化 ============ */
@media (max-width:860px){
  html{-webkit-text-size-adjust:100%}
  body{padding-bottom:0}
  .flayout{flex-direction:column;min-height:100vh}
  /* 左侧??抽屉 */
  .fside{position:fixed;left:0;top:0;bottom:0;width:78%;max-width:300px;height:100vh;z-index:1100;transform:translateX(-102%);transition:transform .26s cubic-bezier(.2,.8,.2,1);border-right:0;box-shadow:0 0 40px rgba(0,0,0,.2);display:flex}
  .fside.open{transform:translateX(0)}
  .fside-brand{padding:20px 18px 16px}
  .mscrim{position:fixed;inset:0;background:rgba(15,23,42,.5);z-index:1050;opacity:0;pointer-events:none;transition:opacity .25s;backdrop-filter:blur(2px);display:block}
  .mscrim.show{opacity:1;pointer-events:auto}
  body.noscroll{overflow:hidden}

  .fmain{width:100%}
  /* 顶部渐变?*/
  .ftop,.ftop.grad-brand,.ftop.grad-pure,.ftop.grad-ice{position:sticky;top:0;background:var(--grad)!important;border-bottom:0;z-index:1040;color:#fff}
  .ftop-inner{height:52px;padding:0 12px;gap:10px;color:#fff}
  .ftop-crumb{color:#fff;font-size:15px}
  .ftop-crumb .dot{display:none}
  .mhamb{display:inline-flex;flex-direction:column;gap:4.5px;width:38px;height:38px;border:0;background:rgba(255,255,255,.16);border-radius:10px;align-items:center;justify-content:center;cursor:pointer;padding:0}
  .mhamb i{width:18px;height:2px;background:#fff;border-radius:2px;display:block}
  .ftop-right{display:none}
  .mops{display:flex;align-items:center;gap:10px;margin-left:auto}
  .m-ico{color:#fff;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.16)}
  .m-ico svg,.m-user svg{width:20px;height:20px;fill:#fff}
  .m-user{color:#fff;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(255,255,255,.16)}
  .m-user .avatar{width:24px;height:24px;border-radius:7px;background:#fff;color:var(--brand);font-size:13px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;overflow:hidden}
.avatar img{width:24px;height:24px;border-radius:7px;object-fit:cover;display:block}

  .fcontent{padding:14px 14px 90px}
  .ffoot{padding:14px 16px calc(14px + env(safe-area-inset-bottom));text-align:center;font-size:11px}

  /* 首页 hero 美化 */
  .hero{border-radius:18px;padding:22px 18px}

  /* 商品卡片两列 */
  .grid{grid-template-columns:repeat(2,1fr);gap:8px}
  .gcard{box-shadow:0 1px 4px rgba(20,40,90,.05)}

  .gcard .gbody{padding:0}
  .gcard h3{font-size:12.5px}
  .gcard .gbody h3{padding-top:10px}
  .gcard .price{font-size:13.5px}
  .gcard .meta{flex-direction:column;gap:2px;font-size:11px}
  .detail-top{grid-template-columns:1fr;gap:16px}
  .cates{grid-template-columns:repeat(3,1fr);gap:8px}

  /* 底部 Tab */
  .mtab{position:fixed;left:0;right:0;bottom:0;z-index:1060;background:#fff;border-top:1px solid var(--bd);display:flex;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -6px 20px rgba(20,40,90,.06)}
  .mtab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:7px 0 6px;color:#97a0b2;font-size:11px}
  .mtab-item svg{width:22px;height:22px;fill:currentColor}
  .mtab-item.on{color:var(--brand)}
  .mtab-item.on svg{filter:drop-shadow(0 2px 4px rgba(74,141,255,.4))}
  .mtab-item::after{content:"";width:5px;height:5px;border-radius:50%;background:transparent}
  .mtab-item.on::after{background:var(--brand)}

  .pager{padding-bottom:8px}

  /* 个人中心? 列图?+ 渐变余额?*/
  .m-quick{grid-template-columns:repeat(3,1fr);gap:12px}
  .m-balance{background:var(--grad)!important;border:0!important;color:#fff;border-radius:18px!important;position:relative;overflow:hidden}
  .m-balance::after{content:"";position:absolute;width:140px;height:140px;border-radius:50%;background:rgba(255,255,255,.14);right:-40px;top:-50px}
  .m-balance h3{color:#fff;margin:0 0 6px}
  .m-balance .muted{color:rgba(255,255,255,.9)}
}

/* 个人中心快捷图标（桌面） */
.m-quick{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:16px}
@media (max-width:900px){ .m-quick{grid-template-columns:repeat(3,1fr);gap:12px} }
.m-quick a{background:#fff;border:1px solid var(--bd);border-radius:14px;padding:18px 8px;text-align:center;text-decoration:none;color:var(--txt);transition:.15s}
.m-quick a:hover{box-shadow:var(--shadow);transform:translateY(-2px)}
.m-quick a .qi{font-size:26px}
.m-quick a .qt{margin-top:7px;font-weight:600;font-size:13px}

/* 个人中心 平铺：两块信息卡桌面左右分栏，窄屏回退单列 */
.mine-wrap{width:100%}
.mine-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;align-items:start}
.mine-cols>.card{margin:0}
@media (max-width:900px){ .mine-cols{grid-template-columns:1fr} }

/* 会员中心资金总览 */
.fund-ov{border:1px solid var(--bd);border-radius:var(--radius);background:linear-gradient(120deg,#f6f9ff,#f7f4ff);padding:18px 20px}
.fund-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}
.fund-head h2{margin:0;font-size:18px;color:var(--txt)}
.fund-head .sub{color:var(--mut);font-size:13px;margin-top:2px}
.fund-actions{display:flex;gap:8px;flex-wrap:wrap}
.fund-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:18px}
.fund-item{background:#fff;border:1px solid var(--bd);border-radius:13px;padding:16px 12px;text-align:center}
.fund-item .fl{font-size:12.5px;color:var(--mut);margin-bottom:6px;white-space:nowrap}
.fund-item .fv{font-size:21px;font-weight:800;color:var(--txt);line-height:1.2}
.fund-item .fs{font-size:11px;color:#9aa3b2;margin-top:6px;line-height:1.4}
.fund-item.acc .fv{color:var(--brand)}
.fund-item.acc{background:linear-gradient(135deg,#eef4ff,#f0ecff)}
@media (max-width:900px){ .fund-grid{grid-template-columns:repeat(3,1fr)} }
@media (max-width:560px){ .fund-grid{grid-template-columns:repeat(2,1fr)} }

/* ================= 手机版会员中心（mc-mob，≤860px 显示；桌面资金总览 mc-desk 此时隐藏?================= */
.mc-mob{display:none}
.mc-head{background:linear-gradient(135deg,#d92b1c,#e6581b);color:#fff;border-radius:14px;padding:12px 14px;margin-bottom:8px;box-shadow:0 4px 12px rgba(217,43,28,.16)}
.mc-top{display:flex;align-items:center;gap:10px}
.mc-avatar{width:44px;height:44px;flex:none;border-radius:12px;background:rgba(255,255,255,.28);border:2px solid #fde3d5;color:#fff;font-size:19px;font-weight:800;display:flex;align-items:center;justify-content:center;overflow:hidden}
.mc-avatar img.mc-avatar-img{width:100%;height:100%;border-radius:inherit;object-fit:cover;display:block}
.mc-idbox{flex:1;min-width:0}
.mc-name{font-size:16px;font-weight:800;display:flex;align-items:center;gap:6px;color:#fff}
.mc-lv{font-size:10px;background:rgba(255,255,255,.26);padding:1px 8px;border-radius:999px;font-weight:600;color:#fff}
.mc-id{font-size:11px;color:#ffe2da;margin-top:2px}
.mc-exit{color:#fff;font-size:12px;background:rgba(255,255,255,.2);padding:4px 10px;border-radius:999px;white-space:nowrap;text-decoration:none}
.mc-stats{display:flex;margin-top:10px;background:rgba(255,255,255,.15);border-radius:10px;padding:8px 4px}
.ms{flex:1;text-align:center}
.ms span{display:block;font-size:11px;color:#fff;opacity:.92;margin-bottom:2px}
.ms b{font-size:14px;color:#fff}
.ms+.ms{border-left:1px solid rgba(255,255,255,.28)}
.mc-actions{display:flex;gap:8px;margin-top:9px}
.mca{flex:1;text-align:center;background:#fff;color:#fa2c19;font-weight:700;padding:8px;border-radius:9px;font-size:13px;text-decoration:none}
.mca.ghost{background:rgba(255,255,255,.22);color:#fff}
.mc-orders{display:block;background:#fff;border-radius:12px;margin:0 0 8px;padding:10px 12px;color:var(--txt);text-decoration:none}
.mc-o-title{display:flex;justify-content:space-between;align-items:center;text-decoration:none;color:var(--txt)}
.mc-o-title b{font-size:14px;color:var(--txt)}
.mc-o-title span{color:var(--mut);font-size:11px}
.mc-ostat{display:flex;gap:6px;margin-top:7px}
.mc-ostat a{flex:1;text-align:center;background:#f7f8fa;border-radius:8px;padding:5px 2px;font-size:11px;color:var(--mut);text-decoration:none}
.mc-ostat a:active{transform:scale(.96)}
.mc-ostat i{font-style:normal;color:#fa2c19;font-weight:700;margin-left:3px}
.mc-grid{background:#fff;border-radius:12px;padding:12px 8px;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:0 0 8px}
.mc-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:6px 2px;color:var(--txt);text-decoration:none;border-radius:10px;-webkit-tap-highlight-color:transparent;outline:none}
.mc-item:focus-visible{outline:2px solid #6f4ff0;outline-offset:-2px}
.mc-item .mc-ico{width:40px;height:40px;border-radius:11px;background:#eef2ff;color:#3b6ef6;display:flex;align-items:center;justify-content:center}
.mc-item .mc-ico svg{width:22px;height:22px;display:block}
.mc-item span{font-size:11px;color:var(--txt)}
.mc-logout{display:block;text-align:center;margin:4px auto;color:#d93026;font-size:13px;background:#fff;border-radius:999px;padding:8px;max-width:300px;text-decoration:none}
.mback{position:fixed;top:calc(env(safe-area-inset-top, 0px) + 10px);left:12px;z-index:1500;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.95);box-shadow:0 2px 8px rgba(0,0,0,.12);display:none;align-items:center;justify-content:center;font-size:24px;line-height:1;color:var(--txt);text-decoration:none}
@media (max-width:860px){
  .mc-desk{display:none}
  .mc-mob{display:block}
  /* 手机版全站去掉顶部标题栏 */
  .ftop{display:none}
  /* 非主入口页的悬浮返回按钮 */
  body.needback .mback{display:flex}
  body.page-minecenter .fcontent{padding-top:calc(env(safe-area-inset-top, 0px) + 16px)}
}

/* 平铺表单：桌面两列、整页全宽，窄屏回退单列 */
form.f-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:28px}
form.f-grid .field{max-width:none;margin-bottom:15px}
form.f-grid .field input,form.f-grid .field textarea,form.f-grid .field select{max-width:none;width:100%}
form.f-grid .full{grid-column:1/-1}
@media (max-width:900px){ form.f-grid{grid-template-columns:1fr} }

/* 手机→平板上限微?*/
@media (max-width:1100px) and (min-width:861px){ .fcontent{max-width:100%} }

/* ============ 桌面左侧栏配色对齐后???61px，手机抽屉保持浅? ============ */
@media (min-width:861px){
  .fside{background:#1f2937;border-right-color:#1f2937;color:#cbd5e1}
  .fside-brand{color:#fff;border-bottom-color:#374151}
  .fside-brand a{color:#fff}
  .brand-mark{background:linear-gradient(135deg,#3b82f6,#6366f1)}
  .fnav-title{color:#64748b}
  .fnav-group a{color:#cbd5e1}
  .fnav-group a:hover{background:#374151;color:#fff}
  .fnav-group a.on{background:#111827;color:#fff;border-left-color:#3b82f6;font-weight:700}
  .fside-foot{color:#64748b;border-top-color:#374151}
}

/* ============ 子页面顶部标准导航栏(左返?标题)，仅移动?============ */
.topnav{display:none}
@media (max-width:860px){
  .topnav{display:flex;position:fixed;top:0;left:0;right:0;height:calc(env(safe-area-inset-top, 0px) + 48px);padding-top:env(safe-area-inset-top, 0px);background:#fff;border-bottom:1px solid #eef1f6;z-index:1200;align-items:center;justify-content:center}
  .tn-back{position:absolute;left:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#1f2937;border-radius:50%}
  .tn-back svg{width:20px;height:20px}
  .tn-title{font-size:16px;font-weight:700;color:#1f2937}
  .tn-right{position:absolute;right:12px;color:#8a919f}
  body.showtopnav .fcontent{padding-top:calc(env(safe-area-inset-top, 0px) + 60px)}
}

/* ============ 统一交互焦点/高亮：去掉鼠标点击后残留的蓝色焦点框与点按高亮；保留键盘焦点 ============ */
a, button, .btn, [role=button], label{ -webkit-tap-highlight-color:transparent; }
a:focus, a:active, button:focus, button:active, .btn:focus, .btn:active{ outline:none; }
a:focus-visible, button:focus-visible, .btn:focus-visible{ outline:2px solid #6f4ff0; outline-offset:2px; }

/* ============ 订单状态条(dx2-status)：文字在上，当前项下方一条主题色短横指示，不换行 ============ */
.dx2-status{ margin:4px 0 16px; }
.dx2-status-body{ display:flex; align-items:stretch; position:relative; }
.dx2-status-body::after{ content:""; position:absolute; left:0; right:0; bottom:0; height:2px; background:var(--bd); }
.dx2-status-body-item{ flex:1; display:flex; align-items:center; justify-content:center; position:relative; text-decoration:none; }
.dx2-status-body-item-text{ font-size:13px; color:var(--mut); line-height:1; padding:2px 0 14px; white-space:nowrap; }
.dx2-status-body-item.dx2-status-active::before{ content:""; position:absolute; left:50%; bottom:-1px; transform:translateX(-50%); width:24px; height:3px; border-radius:2px; background:var(--grad); }
.dx2-status-body-item.dx2-status-active .dx2-status-body-item-text{ color:var(--brand); font-weight:700; }

/* ================= 商品详情页重设计 (pd) ================= */
body.page-goods .fcontent{ padding-bottom:calc(92px + env(safe-area-inset-bottom,0px)); }
.pd{ max-width:820px; margin:0 auto; }
.pd > *{ margin-bottom:12px; }
/* 商品图 */
.pd-media{ position:relative; border-radius:18px; overflow:hidden; background:var(--grad-soft); box-shadow:0 6px 18px rgba(20,40,90,.05); }
.pd-media img{ width:100%; height:auto; max-height:420px; object-fit:cover; display:block; }
.pd-media-ph{ width:100%; aspect-ratio:16/9; display:flex; align-items:center; justify-content:center; background:linear-gradient(120deg,#eef4ff,#f6f0ff 60%,#fdeefb); }
.pd-media-ph span{ font-size:64px; font-weight:800; color:#fff; -webkit-text-stroke:1px rgba(59,110,246,.4); }
.pd-media-tag{ position:absolute; left:12px; top:12px; z-index:2; font-size:12px; font-weight:700; color:#fff; background:rgba(20,24,40,.45); padding:4px 10px; border-radius:999px; backdrop-filter:blur(4px); }
/* 信息卡 */
.pd-card{ background:#fff; border:1px solid var(--bd); border-radius:16px; padding:16px; }
.pd-head{ position:relative; }
.pd-name{ font-size:20px; font-weight:800; line-height:1.4; color:var(--txt); }
.pd-price{ display:flex; align-items:baseline; gap:2px; margin:12px 0 8px; }
.pd-price i{ font-size:16px; font-weight:800; color:#e5484d; font-style:normal; }
.pd-price b{ font-size:30px; font-weight:900; color:#e5484d; line-height:1; }
.pd-meta{ display:flex; gap:16px; }
.pd-meta-i{ font-size:12.5px; color:var(--mut); }
.pd-meta-i i{ font-style:normal; margin-right:2px; }
/* 选购 */
.pd-opt{ }
.pd-row{ display:flex; align-items:center; gap:12px; padding:10px 0; }
.pd-row + .pd-row{ border-top:1px dashed #eef1f7; }
.pd-row-l{ flex:none; width:76px; font-size:13px; color:var(--mut); }
.pd-stepper{ display:flex; align-items:center; gap:4px; }
.stp-btn{ width:34px; height:34px; border-radius:10px; border:1px solid var(--bd); background:#f6f8fc; color:var(--txt); font-size:19px; line-height:1; cursor:pointer; display:flex; align-items:center; justify-content:center; }
.stp-num{ width:52px; text-align:center; border:1px solid var(--bd); border-radius:10px; height:34px; font-size:15px; outline:none; background:#fff; }
.stp-num:focus{ border-color:var(--brand); }
.pd-inp{ flex:1; min-width:0; padding:10px 12px; border:1px solid var(--bd); border-radius:10px; font-size:14px; outline:none; background:#fff; }
.pd-inp:focus{ border-color:var(--brand); box-shadow:0 0 0 3px rgba(74,141,255,.12); }
.pd-pay{ flex-wrap:wrap; }
.pd-pay-opts{ flex:1; display:flex; gap:8px; min-width:0; }
.pd-pay-opt{ flex:1; min-width:0; }
.pd-pay-opt input{ position:absolute; opacity:0; pointer-events:none; }
.pd-pay-opt span{ display:flex; flex-direction:column; align-items:center; gap:3px; padding:9px 6px; border:1.5px solid var(--bd); border-radius:11px; font-size:13px; font-weight:600; color:var(--txt); cursor:pointer; transition:.15s; text-align:center; }
.pd-pay-opt em{ font-style:normal; font-weight:500; font-size:11px; color:var(--mut); }
.pd-pay-opt.on span{ border-color:var(--brand); background:#f0f6ff; color:var(--brand); }
.pd-pay-opt.on em{ color:var(--brand); }
.pd-pay-opt.dis span{ opacity:.5; cursor:not-allowed; }
/* 须知/介绍 */
.pd-notice{ background:#fff6ee; border:1px solid #ffe3c2; border-radius:14px; padding:14px 15px; font-size:13px; color:#8a5a1f; line-height:1.7; white-space:pre-wrap; }
.pd-sec-t{ font-weight:800; font-size:15px; color:var(--txt); margin-bottom:6px; display:flex; align-items:center; gap:6px; }
.pd-notice .pd-sec-t{ color:#b06a14; }
.pd-notice .pd-sec-t::before{ content:"⚠️"; font-size:13px; }
.pd-desc .pd-desc-b{ font-size:14px; color:#39424f; line-height:1.75; }
.pd-desc .pd-desc-b img{ max-width:100%; height:auto; border-radius:8px; }
/* 未登录引导 */
.pd-nologin{ display:flex; align-items:center; gap:12px; }
.pd-nl-ic{ font-size:26px; }
/* 底部下单条 */
.pd-buybar{ position:sticky; bottom:0; z-index:900; display:flex; align-items:center; gap:14px; background:rgba(255,255,255,.96); border:1px solid var(--bd); border-radius:16px; padding:10px 14px; box-shadow:0 -6px 24px rgba(20,40,90,.10); backdrop-filter:blur(8px); }
body.page-goods .pd-buybar{ box-shadow:0 6px 24px rgba(20,40,90,.14); }
.pbb-price{ flex:none; display:flex; align-items:baseline; gap:1px; }
.pbb-price i{ font-size:12px; font-weight:800; font-style:normal; color:#e5484d; }
.pbb-price b{ font-size:20px; font-weight:900; color:#e5484d; line-height:1; }
.pbb-btn{ flex:1; padding:13px; font-size:16px; font-weight:800; border-radius:13px; background:var(--grad); color:#fff; box-shadow:0 6px 16px rgba(93,95,246,.28); }
@media (max-width:560px){
  .pd-name{ font-size:18px; }
  .pd-price b{ font-size:27px; }
}

/* 底部条：收藏 + 立即购买 */
.pbb-fav{ flex:none; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; min-width:56px; padding-right:12px; margin-right:2px; cursor:pointer; color:#5b6472; border-right:1px solid var(--bd); -webkit-tap-highlight-color:transparent; user-select:none; }
.pbb-fav svg{ width:24px; height:24px; display:block; }
.pbb-fav svg path{ fill:none; stroke:#5b6472; stroke-width:1.7; stroke-linejoin:round; }
.pbb-fav span{ font-size:11px; line-height:1; }
.pbb-fav.on{ color:#f43f5e; }
.pbb-fav.on svg path{ fill:#f43f5e; stroke:#f43f5e; }
.pbb-fav:active{ transform:scale(.94); }
/* 手机：操作条固定屏幕底部，不随商品悬浮在内容中间 */
@media (max-width:860px){
  .pd-buybar{ position:fixed; left:0; right:0; bottom:0; width:auto; border-radius:0; border-left:0; border-right:0; border-bottom:0; z-index:1080; padding:9px 12px calc(9px + env(safe-area-inset-bottom,0px)); margin:0; }
  body.page-goods .fcontent{ padding-bottom:calc(84px + env(safe-area-inset-bottom,0px)); }
}

/* == 底部操作条最终样式：左动作列(客服/收藏/分享) + 右红按钮(立即购买) == */
.pd-buybar{ display:flex; align-items:stretch; position:sticky; bottom:0; z-index:1080; margin:0; background:#fff; border:1px solid var(--bd); border-radius:14px; overflow:hidden; }
.pbb-acts{ display:flex; align-items:stretch; background:#fff; flex:none; }
.pbb-act{ display:flex; flex-direction:column; align-items:center; justify-content:center; gap:3px; width:56px; flex:none; color:#333; font-size:11px; background:none; border:0; padding:2px 0; cursor:pointer; text-decoration:none; -webkit-tap-highlight-color:transparent; }
.pbb-act svg{ width:21px; height:21px; display:block; }
.pbb-act svg path{ fill:none; stroke:#3a3a3a; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.pbb-act.on{ color:#fa2c19; font-weight:700; }
.pbb-act.on svg path{ fill:#fa2c19; stroke:#fa2c19; }
.pbb-buy{ flex:1; display:flex; min-width:0; }
.pbb-buy-btn{ flex:1; min-width:0; border:0; background:#fa2c19; color:#fff; font-size:16px; font-weight:800; letter-spacing:2px; cursor:pointer; padding:0 12px; white-space:nowrap; }
.pbb-buy-btn:active{ opacity:.92; }
@media (max-width:860px){
  .pd-buybar{ position:fixed; left:0; right:0; bottom:0; width:auto; border-radius:0; border-left:0; border-right:0; border-bottom:0; padding:0; }
  body.page-goods .fcontent{ padding-bottom:calc(64px + env(safe-area-inset-bottom,0px)); }
}

/* ============ 商品详情：头卡/参数/左右Tab(商品详情|历史订单) ============ */
.pd{ max-width:860px; margin:0 auto; }
.pd-card{ background:#fff; border:1px solid var(--bd); border-radius:16px; padding:16px; }
.pd-card.pd-head{ position:relative; margin:0 0 12px; padding:14px 16px }
.pd-head .pd-price{ display:flex; align-items:baseline; gap:5px; margin-bottom:6px; flex-wrap:wrap }
.pd-head .pd-price i{ font-size:14px; font-weight:800; color:#e5484d; font-style:normal; }
.pd-head .pd-price b{ font-size:24px; font-weight:800; color:#e5484d; line-height:1; }
.pd-head .pd-name{ font-size:16px; font-weight:600; line-height:1.5; color:#1a2233; }
.pd-meta.push{ margin-left:auto; align-items:flex-end; }
.pd-meta{ display:flex; gap:14px; text-align:right; }
.pd-meta-i{ font-size:12.5px; color:var(--mut); white-space:nowrap; }
.pd-meta-i i{ font-style:normal; margin-right:2px; }

/* 参数/选购 */
.pd-opt{ margin:0 0 12px; padding:4px 16px 16px }
.po-h{ display:flex;align-items:baseline;gap:8px; font-size:14px;font-weight:700;color:#1a2233;padding:14px 0 8px;border-bottom:1px dashed #eef1f7 }
.po-h span{ font-size:11px;font-weight:400;color:#98a2b3 }
.po-item{ padding:13px 0;border-bottom:1px dashed #eef1f7 }
.po-item:last-child{ border-bottom:0 }
.po-lab{ font-size:14px;font-weight:600;color:#2b3446;display:flex;align-items:center;gap:4px }
.po-lab em.opt{ font-style:normal;font-weight:400;font-size:11px;color:#c0c6d2 }
.po-lab .req,.po-item .req{ color:#e5484d;font-style:normal;font-weight:800 }
.po-help{ font-size:12px;color:#98a2b3;margin:2px 0 8px }
.po-ctl{ margin-top:8px }
.po-ctl.po-ctl-inline{ display:flex;align-items:center;gap:10px;margin-top:4px }
.po-unit{ color:#98a2b3;font-size:12px }
.po-qty .po-lab{ color:#5b667a }
.pd-inp{ width:100%;box-sizing:border-box;padding:11px 13px;border:1px solid #d7dce6;border-radius:11px;font-size:15px;outline:none;background:#fff;transition:.15s;color:#1e293b }
.pd-inp:focus{ border-color:#4c8dff;box-shadow:0 0 0 3px rgba(76,141,255,.14) }

.pd-stepper{ display:flex; align-items:center; gap:0; }
.pd-stepper button{ width:36px;height:36px;border:1px solid #d7dce6;background:#fff;border-radius:8px 0 0 8px;font-size:20px;cursor:pointer;color:#3d4a5c}
.pd-stepper input{ width:52px;height:36px;border:1px solid #d7dce6;border-left:0;border-right:0;text-align:center;outline:none;font-size:15px}
.pd-stepper button:last-child{ border-radius:0 8px 8px 0 }
.pd-pay{ flex-wrap:wrap }
.pd-pay-opts{ flex:1;display:flex;gap:10px }
.pd-pay-opt{ flex:1;position:relative;cursor:pointer }
.pd-pay-opt input{ position:absolute;opacity:0;width:0;height:0;pointer-events:none }
.pd-pay-opt span{ display:flex;flex-wrap:wrap;gap:2px;padding:9px 8px;border:1.5px solid #e3e7ef;border-radius:12px;font-size:13px;font-weight:600;color:#374151;align-items:center;justify-content:center;text-align:center }
.pd-pay-opt em{ font-style:normal;font-weight:400;font-size:11px;width:100%;color:var(--mut) }
.pd-pay-opt.on span{ border-color:#4c8dff;background:#f0f6ff;color:#2f6fe0 }
.pd-pay-opt.dis span{ opacity:.45 }

/* 左右 Tab: 商品详情 | 历史订单 */
.pd-tab{ background:#fff; border:1px solid var(--bd); border-radius:16px; overflow:hidden; margin:0 0 12px; }
.pdt-h{ display:flex; border-bottom:1px solid var(--bd); background:#fff; position:relative }
.pdt-h-item{ flex:1; background:none; border:0; padding:15px 0; font-size:15px; font-weight:700; color:#8a94a6; cursor:pointer; text-align:center; touch-action:manipulation }
.pdt-h-item.on{ color:#1a2233; position:relative }
.pdt-h-item.on::after{ content:""; position:absolute; left:50%; bottom:-1px; transform:translateX(-50%); width:40px; height:3px; border-radius:3px; background:#4c8dff }
.pdt-body{ }
.pdt-pane{ display:none; padding:12px 14px 16px }
.pdt-pane.on{ display:block }
.pdt-big{ width:100%;border-radius:10px;margin-bottom:8px }
.pdt-html{ line-height:1.8;color:#374151;font-size:14px;word-wrap:break-word;overflow:hidden}
.pdt-html img{ max-width:100%!important;height:auto!important;border-radius:8px;display:block;margin:6px auto}
.pdi-t{ font-size:14px;font-weight:800;color:#1a2233;margin-bottom:10px;display:flex;align-items:center;gap:6px }
.pd-notice{ border:1px solid #ffe3b3;background:#fff8ec;border-radius:12px;padding:12px 14px;margin-top:10px;color:#8a5a1f;font-size:13px;line-height:1.7 }
.pd-notice b{ display:block;margin-bottom:4px;color:#b06a14 }
.pd-notice div{ white-space:pre-wrap }
.pd-desc .pdt-html{ margin-top:0 }
/* 历史订单列表 */
.pdt-list{ display:flex;flex-direction:column }
.pl-it{ display:block;background:#fff;border:1px solid var(--bd);border-radius:12px;padding:11px 12px;margin-bottom:9px;text-decoration:none }
.pl-top{ display:flex;justify-content:space-between;align-items:baseline;gap:10px }
.pl-no{ font-size:12.5px;color:#5b667a;font-weight:600 }
.pl-amt{ font-weight:800;font-size:14px;color:#e5484d }
.pl-top2{ display:flex;justify-content:space-between;align-items:center;margin-top:6px;gap:8px }
.pl-pill{ font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px }
.pl-pill.st-0{ background:#fff3e0;color:#d98300 }
.pl-pill.st-1{ background:#e5f8ec;color:#16a34a }
.pl-pill.st-2{ background:#e8f0ff;color:#2f6fe0 }
.pl-pill.st-3{ background:#ffecec;color:#e5484d }
.pl-pill.st-4{ background:#eef1f6;color:#7a8596 }
.pl-time{ font-size:11px;color:var(--mut) }
.pbb-lg{ display:inline-block;margin-top:8px;background:var(--grad,#4a8dff);color:#fff;padding:9px 26px;border-radius:10px;text-decoration:none }
.empty{ text-align:center;color:#8a94a6;padding:26px 8px;font-size:13px;line-height:1.7 }

/* 支付方式选择弹层 */
.paymask{ position:fixed;inset:0;background:rgba(15,23,42,.62);z-index:1900;display:flex;align-items:flex-end;justify-content:center }
body.pdpay-open .pd-buybar{ visibility:hidden }
.paybox{ width:100%;max-width:560px;background:#fff;border-radius:18px 18px 0 0;overflow:hidden;animation:payUp .18s ease;box-shadow:0 -6px 30px rgba(0,0,0,.16)}
@keyframes payUp{ from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1} }
.pbx-h{ font-size:15px;font-weight:800;color:#1a2233;padding:16px 16px 6px;text-align:center }
.pbx-body{ padding:6px 16px 14px }
.pbx-row{ display:flex;align-items:center;gap:12px;border:1.5px solid #e6eaf2;border-radius:13px;padding:12px;cursor:pointer;margin-top:10px }
.pbx-row.on{ border-color:#4c8dff;background:#f0f6ff }
.pi-ic{ flex:none;width:36px;height:36px;border-radius:10px;background:#1677ff;color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:18px }
.pi-ic.c{ background:#7c5cff }
.pi-tx{ flex:1;min-width:0 }
.pi-tx b{ display:block;font-size:15px;color:#1a2233 }
.pi-tx em{ font-style:normal;font-size:12px;color:var(--mut) }
.pi-ok{ flex:none;width:22px;height:22px;border-radius:50%;border:2px solid #c9d1de }
.pbx-row.on .pi-ok{ border-color:#4c8dff;background:#4c8dff;box-shadow:inset 0 0 0 3px #fff }
.pbx-foot{ display:flex;border-top:1px solid #eef1f6 }
.pbx-foot button{ flex:1;padding:15px;font-size:15px;border:0;cursor:pointer }
.pbx-c{ background:#f5f7fb;color:#5b667a;font-weight:600 }
.pbx-ok{ background:linear-gradient(120deg,#ff6b52,#e5484d);color:#fff;font-weight:800 }
@media (min-width:560px){ .paybox{ border-radius:18px; margin-bottom:20px } }

/* ===== 网站信息面板 B批：首页模式/背景相关 ===== */
/* 首页下单显示模式 ui_shop：0经典宫格(默认) 1分类图片宫格 2分类图片列表 3分类图片宫格2 */
.grid.home-shop-1{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.grid.home-shop-1 .gcard .shopimg{height:170px}
.grid.home-shop-3{grid-template-columns:repeat(2,1fr);gap:18px}
.grid.home-shop-3 .gcard{flex-direction:row;align-items:center}
.grid.home-shop-3 .gcard .shopimg{width:170px;height:auto;min-height:120px;flex:none;border-radius:12px;margin:12px}
.grid.home-shop-2{grid-template-columns:1fr;gap:12px}
.grid.home-shop-2 .gcard{flex-direction:row;align-items:center;gap:14px}
.grid.home-shop-2 .gcard .shopimg{width:140px;height:110px;flex:none;border-radius:12px;margin:12px 0 12px 12px}
@media (max-width:860px){
  .grid.home-shop-3{grid-template-columns:repeat(1,1fr)}
  .grid.home-shop-2 .gcard,.grid.home-shop-3 .gcard{flex-direction:row}
}
/* 首页统计带(A批 hide_tongji/tongji_time) */
.tongji{display:flex;flex-wrap:wrap;gap:22px;margin:6px 0 18px;padding:14px 18px;background:rgba(255,255,255,.9);border:1px solid var(--bd);border-radius:14px;color:var(--mut);font-size:14px}
.tongji b{color:#4a8dff;font-size:19px}
/* 客服微信/QQ代挂入口(B批 kfwx/daiguaurl) */
.home-tools{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}
.ht-item{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;background:rgba(255,255,255,.92);border:1px solid var(--bd);border-radius:12px;font-size:13px}
.ht-item b{color:var(--txt)}
.ht-item em{font-style:normal;color:#e5484d;font-weight:700}
.ht-link{color:#3b6ef6;text-decoration:none;font-weight:600}
.ht-link:hover{background:#f0f6ff}
/* 首页公告/文章板块(B批 articlenum) */
.art-list{display:flex;flex-direction:column;gap:9px}
.art-it{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;background:rgba(255,255,255,.92);border:1px solid var(--bd);border-radius:12px;color:var(--txt);text-decoration:none}
.art-it:hover{background:#f6f9ff;border-color:#cfe0ff}
.art-t{font-weight:600}
.art-d{color:var(--mut);font-size:12px;flex:none}
/* 前台文章详情页 */
.aop-card{background:rgba(255,255,255,.94)!important;padding:22px 24px}
.aop-title{margin:0 0 8px;font-size:22px}
.aop-meta{display:flex;gap:18px;color:var(--mut);font-size:13px;margin-bottom:16px}
.aop-body{line-height:1.9;overflow-wrap:break-word}
.aop-back{margin-top:16px}
/* 详情页批量下单「加入购物车」入口(C批 openbatchorder) */
.pbb-buy{display:flex;gap:10px;align-items:stretch}
.pbb-cart{background:#fff;border:1px solid var(--bd);color:#3b6ef6;font-weight:600;cursor:pointer;padding:9px 16px;border-radius:10px}
.pbb-cart:hover{background:#f0f6ff}
.pbb-cart:disabled{opacity:.6;cursor:default}
/* ===== 分站/用户后台暗色风格(C批 ui_user)：body.dark 由 header 按 ui_user=1 且后台段注入 ===== */
body.dark{--bg:#0f1420;--bd:#2b3446;--txt:#e7ecf5;--mut:#9aa6ba;--grad:linear-gradient(135deg,#3b6ef6,#7c5cff)}
body.dark{background:#10151f;color:var(--txt)}
body.dark .flayout{background:#10151f}
body.dark .fside,.dark .ftop,.dark .ffoot,.dark .card,.dark .gcard,.dark .topnav,.dark .search-bar{background:#171e2c;border-color:#2b3446}
body.dark .fside{background:#131a26;border-right-color:#2b3446}
body.dark .gcard .shopimg{background:linear-gradient(120deg,#2a3a55,#34304f)}
body.dark .field input,.dark .field textarea,.dark .field select,.dark .pd-inp,.dark .f select,.dark .f input,.dark .f textarea{background:#0f1420;border-color:#2b3446;color:var(--txt)}
body.dark .fnav-group a{color:#c7d1e2}
body.dark .fnav-group a.on{background:linear-gradient(90deg,rgba(74,141,255,.22),transparent);color:#9cc0ff}
body.dark a{color:#8fb4ff}
body.dark .muted,.dark .small,.dark .mut,.dark .hint{color:var(--mut)}
body.dark .cates a,.dark .pager a,.dark .pager span,.dark .ht-item,.dark .art-it,.dark .od-card,.dark .pd-card,.dark .pd-tab,.dark .pdt-list a{background:#171e2c;border-color:#2b3446;color:var(--txt)}
body.dark .btn.gray{background:#253047;color:var(--txt)}
body.dark h1,h2,h3,body.dark .sec-head,body.dark .od-name,body.dark .pd-name{color:var(--txt)}
body.dark .tongji,.dark .notice{background:#171e2c;border-color:#2b3446}
body.dark ::-webkit-input-placeholder{color:#6b7689}
/* 详情页「填写信息」板块缩小 */
.pd-opt{margin:0 0 10px;padding:2px 12px 10px}
.pd-opt .po-h{padding:8px 0 6px;font-size:13px}
.pd-opt .po-item{padding:8px 0}
.pd-opt .po-lab{font-size:13px}
.pd-opt .pd-inp{padding:6px 10px;font-size:13px}
/* 首页顶部图片轮播(后台 网站信息→首页顶部轮播图) */
.banner-carousel{position:relative;overflow:hidden;border-radius:16px;margin:8px 0 14px;height:240px;box-shadow:0 10px 26px rgba(20,30,60,.12)}
.bc-track{position:relative;height:100%}
.bc-slide{position:absolute;inset:0;opacity:0;transition:opacity .7s ease;z-index:1}
.bc-slide.on{opacity:1;z-index:2}
.bc-slide img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:720px){ .banner-carousel{height:190px} }
.bc-dots{position:absolute;left:0;right:0;bottom:10px;display:flex;justify-content:center;gap:7px;z-index:2}
.bc-dots button{width:9px;height:9px;border-radius:50%;border:0;background:rgba(255,255,255,.55);cursor:pointer;padding:0}
.bc-dots button.on{background:#fff;transform:scale(1.25)}


/* ===== 独立页(如「我要提现」/签到/工单/会员中心二级页) =====
   取舍只针对**移动端**：这些页面底部不显示「首页/分类/订单/消息/我的」Tab，也不显示页脚版权，
   只留顶部返回栏（页面自带操作区时不会被底部 Tab 压住）。
   **桌面端保持全站一致**：左侧栏、页脚版权照常显示。 */
body.page-standalone .mtab{display:none}
body.page-standalone .ftop-right .t-search{display:none}
@media (max-width:860px){
  body.page-standalone .fside{display:none}
  body.page-standalone .mscrim{display:none}
  body.page-standalone .mhamb{display:none}
  body.page-standalone .ffoot{display:none}
  body.page-standalone .fcontent{padding-bottom:32px}
}

/* ===== 下单前强制实名：商品详情页提示条与按钮 ===== */
.pd-rn-tip{display:flex;align-items:center;gap:11px;background:#fff8e6;border:1px solid #ffe3b8;border-radius:14px;padding:12px 14px;margin:0 0 14px}
.pd-rn-tip .pd-rn-ico{flex:none;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;background:linear-gradient(120deg,#f59e0b,#f97316);color:#fff;font-size:13px;font-weight:800}
.pd-rn-tip .pd-rn-tx{flex:1;min-width:0;font-size:12.5px;color:#8a5a00;line-height:1.7}
.pd-rn-tip .pd-rn-tx b{display:block;font-size:13.5px;color:#b45309;margin-bottom:2px}
.pd-rn-tip .pd-rn-btn{flex:none;white-space:nowrap;background:#f59e0b;color:#fff;text-decoration:none;font-size:13px;font-weight:700;padding:8px 14px;border-radius:9px}
.pbb-buy-btn.pbb-rn{background:linear-gradient(120deg,#f59e0b,#f97316)}
@media (max-width:640px){ .pd-rn-tip{flex-wrap:wrap} .pd-rn-tip .pd-rn-btn{width:100%;text-align:center} }


/* ===== 商品规格（SKU）选择：前台详情页 ===== */
.spec-list{display:flex;flex-wrap:wrap;gap:8px}
.spec-item{display:inline-flex;flex-direction:column;gap:2px;border:1px solid var(--bd);border-radius:10px;padding:7px 12px;font-size:13px;font-weight:700;cursor:pointer;background:#fbfcff;transition:.15s}
.spec-item em{font-style:normal;font-size:11px;font-weight:600;color:var(--mut)}
.spec-item:hover{border-color:#c9d7ff;background:#f4f8ff}
.spec-item.on{border-color:var(--brand);background:linear-gradient(120deg,#eef4ff,#f4efff);color:var(--brand)}
.spec-item.on em{color:var(--brand)}
.spec-item.off{opacity:.45;cursor:not-allowed;text-decoration:line-through}