/* =====================================================
   BS Comtec V3 — 产品架构升级样式
   类型入口页 / 归档筛选页 / 品牌墙 / 详情页图库
   依赖 v2.css 的 :root 变量，内置兜底
   ===================================================== */
:root{
  --bg-deep:#0a0f1c; --bg-panel:#101728; --bg-card:#151f33;
  --line:rgba(148,163,184,.14);
  --txt:#e2e8f0; --txt-dim:#94a3b8;
  --accent:#3b82f6; --accent-2:#22d3ee;
  --radius-lg:16px; --radius:12px;
  --shadow-lg:0 18px 50px rgba(2,6,23,.5);
}
/* ---------- 分类布局骨架 ---------- */
.cat-layout{ padding:64px 0 96px; background:var(--bg-deep); }
.cat-layout-grid{ display:grid; grid-template-columns:280px 1fr; gap:36px; align-items:start; }
@media (max-width:960px){ .cat-layout-grid{ grid-template-columns:1fr; } }

/* ---------- 侧边筛选栏 ---------- */
.filter-sidebar{
  position:sticky; top:96px; background:var(--bg-panel);
  border:1px solid var(--line); border-radius:var(--radius-lg);
  padding:22px; box-shadow:var(--shadow-lg);
}
.fs-block{ padding-bottom:18px; margin-bottom:18px; border-bottom:1px solid var(--line); }
.fs-block:last-of-type{ border-bottom:none; margin-bottom:0; }
.fs-title{
  font-size:.78rem; letter-spacing:.14em; text-transform:uppercase;
  color:var(--accent-2); font-weight:700; margin-bottom:12px;
}
.fs-list{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:4px; }
.fs-item{
  display:flex; align-items:center; gap:10px; padding:9px 10px; border-radius:10px;
  color:var(--txt-dim); text-decoration:none; font-size:.92rem; transition:all .18s;
  border:1px solid transparent;
}
.fs-item:hover{ background:rgba(59,130,246,.08); color:var(--txt); }
.fs-item.active{ background:linear-gradient(90deg,rgba(59,130,246,.18),rgba(34,211,238,.08)); color:#fff; border-color:rgba(59,130,246,.35); }
.fs-dot{ width:6px; height:6px; border-radius:50%; background:var(--txt-dim); flex:none; transition:all .18s; }
.fs-item:hover .fs-dot{ background:var(--accent-2); }
.fs-item.active .fs-dot{ background:var(--accent-2); box-shadow:0 0 8px var(--accent-2); }
.fs-name{ flex:1; }
.fs-count{
  font-size:.72rem; background:rgba(148,163,184,.12); border-radius:99px;
  padding:2px 8px; color:var(--txt-dim); min-width:26px; text-align:center;
}
.fs-item.active .fs-count{ background:var(--accent); color:#fff; }
.fs-clear{ display:inline-block; margin-top:10px; font-size:.8rem; color:#f87171; text-decoration:none; }
.fs-empty{ color:var(--txt-dim); font-size:.85rem; margin:0; }
.fs-cta{
  margin-top:18px; padding:18px; border-radius:var(--radius);
  background:linear-gradient(135deg,rgba(59,130,246,.14),rgba(34,211,238,.06));
  border:1px solid rgba(59,130,246,.3);
}
.fs-cta-t{ font-weight:700; color:#fff; margin-bottom:6px; }
.fs-cta p{ font-size:.82rem; color:var(--txt-dim); margin:0 0 12px; }

/* ---------- 工具条 ---------- */
.cat-toolbar{
  display:flex; justify-content:space-between; align-items:baseline; gap:16px;
  padding-bottom:16px; margin-bottom:24px; border-bottom:1px solid var(--line);
  flex-wrap:wrap;
}
.cat-count{ color:var(--txt); font-size:.95rem; }
.cat-count strong{ color:var(--accent-2); font-size:1.15rem; }
.cat-hint{ color:var(--txt-dim); font-size:.8rem; }

/* ---------- 产品网格卡片 ---------- */
.prod-grid{
  display:grid; grid-template-columns:repeat(3,1fr); gap:22px;
}
@media (max-width:1180px){ .prod-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:640px){ .prod-grid{ grid-template-columns:1fr; } }
.prod-grid.grid-4{ grid-template-columns:repeat(4,1fr); }
@media (max-width:1180px){ .prod-grid.grid-4{ grid-template-columns:repeat(2,1fr); } }

.prod-card{
  display:flex; flex-direction:column; background:var(--bg-card);
  border:1px solid var(--line); border-radius:var(--radius-lg); overflow:hidden;
  text-decoration:none; transition:transform .25s, border-color .25s, box-shadow .25s;
}
.prod-card:hover{
  transform:translateY(-6px); border-color:rgba(59,130,246,.5);
  box-shadow:0 20px 45px rgba(2,6,23,.55);
}
.prod-thumb{
  aspect-ratio:4/3; background:linear-gradient(160deg,#0d1526,#131d33);
  display:flex; align-items:center; justify-content:center; overflow:hidden; padding:14px;
}
.prod-thumb img{
  max-width:100%; max-height:100%; object-fit:contain;
  transition:transform .35s ease;
}
.prod-card:hover .prod-thumb img{ transform:scale(1.06); }
.prod-thumb-ph{ color:var(--txt-dim); font-size:.85rem; letter-spacing:.08em; }
.prod-meta{ padding:16px 18px 18px; display:flex; flex-direction:column; gap:8px; }
.brand-chip{
  display:inline-block; width:fit-content; font-size:.7rem; font-weight:700;
  letter-spacing:.12em; text-transform:uppercase; color:var(--accent-2);
  background:rgba(34,211,238,.1); border:1px solid rgba(34,211,238,.35);
  padding:3px 10px; border-radius:99px;
}
.brand-chip.ghost{ color:var(--txt-dim); border-color:var(--line); background:transparent; }
.prod-title{
  font-size:.98rem; font-weight:600; color:var(--txt); line-height:1.45; margin:0;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
  min-height:2.9em;
}
.prod-link{ font-size:.82rem; color:var(--accent); font-weight:600; margin-top:auto; }
.prod-link .arr{ transition:transform .2s; display:inline-block; }
.prod-card:hover .arr{ transform:translateX(4px); }

/* ---------- 分页 ---------- */
.pager-wrap{ margin-top:40px; display:flex; justify-content:center; }
.pagination .page-numbers{
  display:inline-flex; align-items:center; justify-content:center;
  min-width:42px; height:42px; padding:0 14px; margin:0 4px;
  border-radius:10px; border:1px solid var(--line); color:var(--txt-dim);
  text-decoration:none; font-weight:600; transition:all .18s; background:var(--bg-panel);
}
.pagination .page-numbers.current{
  background:linear-gradient(135deg,var(--accent),#2563eb); color:#fff; border-color:transparent;
  box-shadow:0 6px 18px rgba(59,130,246,.4);
}
.pagination .page-numbers:hover:not(.current){ color:#fff; border-color:var(--accent); }

/* ---------- 空状态 ---------- */
.cat-empty{
  text-align:center; padding:80px 20px; background:var(--bg-panel);
  border:1px dashed var(--line); border-radius:var(--radius-lg);
}
.cat-empty h3{ color:var(--txt); margin:0 0 8px; }
.cat-empty p{ color:var(--txt-dim); margin:0 0 20px; }

/* ---------- /products/ 入口页 ---------- */
.hub-cats{ padding:72px 0 24px; background:var(--bg-deep); }
.hub-brands{ padding:48px 0 88px; background:var(--bg-deep); }
.hub-head{ text-align:center; max-width:640px; margin:0 auto 42px; }
.hub-head h2{ font-size:2.1rem; margin:10px 0 12px; color:var(--txt); }
.hub-head p{ color:var(--txt-dim); margin:0; }
.highlight{ color:var(--accent-2); }
.hub-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:26px; }
@media (max-width:1180px){ .hub-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:640px){ .hub-grid{ grid-template-columns:1fr; } }
.type-card{
  display:flex; flex-direction:column; background:var(--bg-card);
  border:1px solid var(--line); border-radius:var(--radius-lg); overflow:hidden;
  text-decoration:none; transition:transform .25s, border-color .25s, box-shadow .25s;
}
.type-card:hover{
  transform:translateY(-7px); border-color:rgba(34,211,238,.55);
  box-shadow:0 22px 50px rgba(2,6,23,.6);
}
.type-card-img{ position:relative; aspect-ratio:16/9; overflow:hidden; }
.type-card-img img{ width:100%; height:100%; object-fit:cover; transition:transform .4s; }
.type-card:hover .type-card-img img{ transform:scale(1.05); }
.type-count{
  position:absolute; top:14px; right:14px; font-size:.72rem; font-weight:700;
  background:rgba(10,15,28,.8); color:var(--accent-2); border:1px solid rgba(34,211,238,.4);
  padding:4px 12px; border-radius:99px; backdrop-filter:blur(6px);
}
.type-card-body{ padding:20px 22px 24px; display:flex; flex-direction:column; gap:8px; }
.type-card-body h3{ color:var(--txt); font-size:1.18rem; margin:0; }
.type-sub{ color:var(--accent-2); font-size:.8rem; font-weight:600; margin:0; letter-spacing:.04em; }
.type-desc{ color:var(--txt-dim); font-size:.86rem; line-height:1.6; margin:0 0 6px; }
.type-browse{ color:var(--accent); font-weight:700; font-size:.9rem; margin-top:auto; }

/* ---------- 品牌墙 ---------- */
.brand-wall{ display:grid; grid-template-columns:repeat(5,1fr); gap:18px; }
@media (max-width:1180px){ .brand-wall{ grid-template-columns:repeat(3,1fr); } }
@media (max-width:640px){ .brand-wall{ grid-template-columns:repeat(2,1fr); } }
.brand-card{
  position:relative; display:flex; flex-direction:column; align-items:flex-start; gap:4px;
  background:var(--bg-panel); border:1px solid var(--line); border-radius:var(--radius);
  padding:22px 20px; text-decoration:none; transition:all .22s; overflow:hidden;
}
.brand-card::after{
  content:''; position:absolute; inset:0;
  background:linear-gradient(135deg,rgba(59,130,246,.16),transparent 60%);
  opacity:0; transition:opacity .25s;
}
.brand-card:hover{ transform:translateY(-4px); border-color:rgba(59,130,246,.5); box-shadow:var(--shadow-lg); }
.brand-card:hover::after{ opacity:1; }
.bc-name{ font-weight:800; font-size:1.05rem; color:var(--txt); letter-spacing:.02em; }
.bc-count{ font-size:.75rem; color:var(--txt-dim); }
.bc-arr{
  position:absolute; right:16px; top:50%; transform:translate(0,-50%);
  color:var(--accent-2); opacity:0; transition:all .25s; font-weight:700;
}
.brand-card:hover .bc-arr{ opacity:1; transform:translate(4px,-50%); }

/* ---------- 详情页 ---------- */
.sp-hero{ padding:56px 0 28px !important; }
.sp-wrap{ padding:28px 0 64px; background:var(--bg-deep); }
.sp-grid{ display:grid; grid-template-columns:1.15fr .85fr; gap:44px; align-items:start; }
@media (max-width:960px){ .sp-grid{ grid-template-columns:1fr; } }
.sp-media-tabs{ display:flex; gap:8px; margin-bottom:14px; }
.sp-tab{
  padding:9px 22px; border-radius:99px; border:1px solid var(--line);
  background:var(--bg-panel); color:var(--txt-dim); font-weight:600; cursor:pointer;
  transition:all .18s; font-size:.88rem;
}
.sp-tab.active, .sp-tab:hover{
  background:linear-gradient(135deg,var(--accent),#2563eb); color:#fff; border-color:transparent;
}
.sp-stage{
  background:linear-gradient(160deg,#0d1526,#131d33);
  border:1px solid var(--line); border-radius:var(--radius-lg);
  display:flex; align-items:center; justify-content:center; padding:26px; min-height:400px;
}
.sp-stage img{ max-width:100%; max-height:520px; object-fit:contain; }
.sp-thumbs{ display:flex; gap:10px; margin-top:14px; flex-wrap:wrap; }
.sp-th{
  width:76px; height:76px; object-fit:cover; border-radius:10px; cursor:pointer;
  border:2px solid transparent; background:#0d1526; padding:2px; transition:all .18s;
}
.sp-th.active, .sp-th:hover{ border-color:var(--accent); }
.bs-video-frame{ position:relative; padding-top:56.25%; border-radius:var(--radius-lg); overflow:hidden; background:#000; border:1px solid var(--line); }
.bs-video-frame iframe, .bs-video-frame video{ position:absolute; inset:0; width:100%; height:100%; border:0; }
.sp-info{ position:sticky; top:96px; }
.sp-brands{ display:flex; gap:8px; flex-wrap:wrap; margin-bottom:14px; }
.sp-title{ font-size:1.7rem; line-height:1.35; color:#fff; margin:0 0 16px; }
.sp-excerpt{ color:var(--txt-dim); line-height:1.75; font-size:.98rem; margin-bottom:20px; }
.sp-perks{ list-style:none; padding:16px 0; margin:0 0 22px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); display:grid; gap:9px; }
.sp-perks li{ color:var(--txt-dim); font-size:.9rem; }
.sp-actions{ display:flex; gap:12px; flex-wrap:wrap; margin-bottom:16px; }
.sp-btn{ flex:1; text-align:center; min-width:170px; }
.sp-contact-mini{ display:flex; gap:18px; color:var(--txt-dim); font-size:.85rem; flex-wrap:wrap; }
.sp-body{ padding:0 0 72px; background:var(--bg-deep); }
.sp-body-grid{ max-width:960px; }
.sp-sec-t{ color:var(--txt); font-size:1.4rem; margin:0 0 18px; }
.sp-content{ background:var(--bg-panel); border:1px solid var(--line); border-radius:var(--radius-lg); padding:36px 40px; color:var(--txt-dim); line-height:1.85; }
.sp-content h1,.sp-content h2,.sp-content h3{ color:var(--txt); }
.sp-content table{ width:100%; border-collapse:collapse; color:var(--txt-dim); }
.sp-content td,.sp-content th{ border:1px solid var(--line); padding:8px 12px; }
.sp-related{ padding:24px 0 88px; background:var(--bg-deep); }
.sp-related .prod-card{ height:100%; }

/* 移动端筛选栏平铺 */
@media (max-width:960px){
  .filter-sidebar{ position:static; }
  .sp-info{ position:static; }
}

/* ===== 99. LANGUAGE SWITCHER (.bs-lang-switch) - added by lang_de task ===== */
.bs-lang-switch{position:relative;display:inline-flex}
.bs-lang-btn{display:inline-flex;align-items:center;gap:6px;background:rgba(5,12,28,.5);border:1px solid rgba(0,217,255,.35);border-radius:6px;color:var(--cyan,#00d9ff);padding:6px 10px;font-family:var(--font-mono,monospace);font-size:.78rem;letter-spacing:.12em;line-height:1;cursor:pointer;transition:background .25s,border-color .25s,color .25s}
.bs-lang-btn:hover,.bs-lang-btn:focus-visible{background:rgba(0,217,255,.14);border-color:rgba(0,217,255,.75);color:#fff;outline:none}
.bs-lang-btn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.bs-lang-code{font-weight:700}
.bs-lang-caret{width:11px!important;height:11px!important;transition:transform .25s}
.bs-lang-switch.open .bs-lang-caret{transform:rotate(180deg)}
.bs-lang-list{position:absolute;top:calc(100% + 10px);right:0;min-width:200px;margin:0;padding:6px;list-style:none;background:#0b1a33;border:1px solid rgba(0,217,255,.3);border-radius:8px;box-shadow:0 18px 48px rgba(0,0,0,.5);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s ease,transform .2s ease,visibility .2s;z-index:10060}
.bs-lang-switch.open .bs-lang-list,.bs-lang-switch:focus-within .bs-lang-list{opacity:1;visibility:visible;transform:translateY(0)}
@media(hover:hover) and (pointer:fine){.bs-lang-switch:hover .bs-lang-list{opacity:1;visibility:visible;transform:translateY(0)}}
.bs-lang-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 10px;border-radius:6px;color:#dce8f7;text-decoration:none;font-size:.85rem;white-space:nowrap;transition:background .2s,color .2s}
.bs-lang-item:hover,.bs-lang-item:focus-visible{background:rgba(0,217,255,.15);color:#fff}
.bs-lang-item.is-active{background:rgba(0,217,255,.1);color:var(--cyan,#00d9ff)}
.bs-lang-tag{font-family:var(--font-mono,monospace);font-size:.68rem;letter-spacing:.1em;color:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:2px 6px}
.bs-lang-item.is-active .bs-lang-tag{color:var(--cyan,#00d9ff);border-color:rgba(0,217,255,.55)}
@media(min-width:768px){.bs-lang-switch--top{display:none}}
@media(max-width:767px){.bs-lang-switch--nav{display:none}.bs-lang-switch--top{display:inline-flex}.topbar .bs-lang-btn{padding:4px 8px;font-size:.7rem}.topbar .bs-lang-list{min-width:180px}}
[dir="rtl"] .bs-lang-list{right:auto;left:0}

/* ============================================================
   PRODUCT PAGE VISUAL BOOST v3.1 — 深蓝分层 / 青色强调 / 橙金CTA
   ============================================================ */
:root{
  --pv-cyan:#00D9FF;
  --pv-gold:#FFB800;
  --pv-orange:#FF8A00;
  --pv-line:rgba(0,217,255,.16);
}
/* A. 面包屑hero：渐变+青金装饰线 */
.page-banner.sp-hero{
  background:linear-gradient(150deg,#04101f 0%,#0A1B38 55%,#0d2c52 100%);
  border-bottom:1px solid var(--pv-line);
  position:relative;
}
.page-banner.sp-hero::after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;
  background:linear-gradient(90deg,transparent,var(--pv-cyan) 35%,var(--pv-gold) 72%,transparent);
  opacity:.75;
}
.sp-hero .breadcrumb a{color:#7fd8ff;}
.sp-hero .breadcrumb a:hover{color:var(--pv-cyan);}
/* B. 主图舞台：青色辉光 */
.sp-stage{
  background:radial-gradient(120% 120% at 50% 0%,#10233f 0%,#0a1428 70%);
  border:1px solid rgba(0,217,255,.22);
  border-radius:18px;
  box-shadow:0 20px 60px rgba(2,8,20,.55);
  transition:border-color .3s,box-shadow .3s;
}
.sp-stage:hover{border-color:rgba(0,217,255,.45);box-shadow:0 22px 70px rgba(2,8,20,.6),0 0 34px rgba(0,217,255,.14);}
.sp-thumbs{gap:10px;}
.sp-th{border:2px solid rgba(255,255,255,.10);border-radius:10px;opacity:.62;transition:.25s;}
.sp-th:hover{opacity:1;border-color:rgba(0,217,255,.5);}
.sp-th.active{border-color:var(--pv-cyan);opacity:1;box-shadow:0 0 14px rgba(0,217,255,.35);}
/* C. 品牌徽章：青/橙双色 */
.sp-brands .brand-chip{border-color:rgba(0,217,255,.5);color:var(--pv-cyan);background:rgba(0,217,255,.08);}
.sp-brands .brand-chip:hover{background:rgba(0,217,255,.16);}
.sp-brands .brand-chip.ghost{border-color:rgba(255,138,0,.55);color:#ffc266;background:rgba(255,138,0,.08);}
/* D. 标题装饰条 */
.sp-title{position:relative;padding-bottom:14px;}
.sp-title::after{content:"";position:absolute;left:0;bottom:0;width:64px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--pv-cyan),var(--pv-gold));}
.sp-excerpt{color:#b9c7dd;}
/* E. 卖点行：青色左轨 */
.sp-perks{list-style:none;}
.sp-perks li{
  background:linear-gradient(90deg,rgba(0,217,255,.07),rgba(0,217,255,0));
  border-left:3px solid var(--pv-cyan);
  border-radius:0 8px 8px 0;
  padding:8px 12px;margin:6px 0;color:#dfe8f5;
}
.sp-perks li:hover{background:linear-gradient(90deg,rgba(0,217,255,.14),rgba(0,217,255,0));}
/* F. CTA：主按钮金橙渐变 */
.sp-actions{gap:12px;}
.sp-actions .btn-primary.sp-btn{
  background:linear-gradient(135deg,#FFB800 0%,#FF8A00 100%);
  color:#1a1204;border:none;
  box-shadow:0 10px 26px rgba(255,138,0,.28);
}
.sp-actions .btn-primary.sp-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 34px rgba(255,138,0,.42);
  filter:brightness(1.06);
}
.sp-actions .btn-outline.sp-btn{border:1px solid rgba(0,217,255,.55);color:#9fe8ff;}
.sp-actions .btn-outline.sp-btn:hover{background:rgba(0,217,255,.12);border-color:var(--pv-cyan);}
.sp-contact-mini span{color:#9fb0c9;}
/* G. Overview标题eyebrow */
.sp-sec-t{position:relative;padding-left:16px;}
.sp-sec-t::before{content:"";position:absolute;left:0;top:.28em;width:5px;height:1.05em;border-radius:4px;background:linear-gradient(180deg,var(--pv-cyan),#0B7BFF);}
.sp-sec-t::after{content:"";position:absolute;left:16px;bottom:-10px;width:52px;height:2px;background:linear-gradient(90deg,var(--pv-cyan),transparent);}
/* H. 参数表格：表头青字/斑马纹/hover */
.sp-content .tablepress{
  border-collapse:separate;border-spacing:0;
  border:1px solid rgba(0,217,255,.20)!important;
  border-radius:14px;overflow:hidden;
  box-shadow:0 14px 40px rgba(2,8,20,.45);
}
.sp-content .tablepress thead th{
  background:linear-gradient(180deg,#12305a,#0d2547)!important;
  color:#aef0ff!important;
  border-bottom:2px solid rgba(0,217,255,.4)!important;
}
.sp-content .tablepress tbody td,
.sp-content .tablepress tbody th{background:#0b1526!important;border-bottom:1px solid rgba(255,255,255,.06)!important;color:#dbe5f2;}
.sp-content .tablepress tbody tr:nth-child(even) td,
.sp-content .tablepress tbody tr:nth-child(even) th{background:#0e1b33!important;}
.sp-content .tablepress tbody tr:hover td,
.sp-content .tablepress tbody tr:hover th{background:rgba(0,217,255,.09)!important;}
.sp-content .tablepress tbody th{color:#7fd8ff!important;font-weight:600;}
/* I. 白卡片标题对比度修正 + 正文层次 */
.sp-content div[style*="background"] h1,
.sp-content div[style*="background"] h2,
.sp-content div[style*="background"] h3{color:#0B2A4A!important;}
.sp-content h2,.sp-content h3{color:#fff;}
.sp-content li,.sp-content p{color:#dbe5f2;}
/* J. Related卡片hover提升 */
.prod-card{border:1px solid rgba(0,217,255,.14);border-radius:14px;background:linear-gradient(180deg,#0d1930,#0a1428);transition:.3s;}
.prod-card:hover{transform:translateY(-4px);border-color:rgba(0,217,255,.45);box-shadow:0 18px 44px rgba(2,8,20,.5),0 0 22px rgba(0,217,255,.12);}
.prod-card .prod-link .arr{transition:transform .3s;}
.prod-card:hover .prod-link .arr{transform:translateX(4px);}
.prod-card .brand-chip{color:var(--pv-cyan);border-color:rgba(0,217,255,.4);}
/* K. 区块节奏与分隔 */
.sp-body{background:linear-gradient(180deg,#071122 0%,#050C1C 100%);}
.sp-content{background:linear-gradient(180deg,#0d1930,#0b1428);border:1px solid rgba(0,217,255,.12);border-radius:20px;padding:40px 44px;box-shadow:0 18px 50px rgba(2,8,20,.4);}
.sp-related{border-top:1px solid var(--pv-line);margin-top:26px;padding-top:46px;}
@media(max-width:768px){
  .sp-content{padding:24px 20px;}
  .sp-perks li{padding:7px 10px;}
}

/* L. 白卡片正文对比度 + 表格首列标签色 (v3.1.1 tweak) */
.sp-content div[style*="background"] p,
.sp-content div[style*="background"] li,
.sp-content div[style*="background"] span{color:#41546f!important;}
.sp-content .tablepress tbody tr td:first-child,
.sp-content .tablepress tbody tr th:first-child{color:#7fd8ff!important;font-weight:600;}

/* ===== Brand taxonomy archive grid (brand_grid task) ===== */
.brand-hero-meta{display:flex;gap:14px;align-items:center;margin-top:18px;flex-wrap:wrap;}
.brand-hero-count{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border-radius:999px;border:1px solid var(--line);background:rgba(59,130,246,.10);color:var(--txt);font-size:.92rem;}
.brand-hero-count strong{color:var(--accent-2);font-size:1.1rem;}
.brand-hero-name{font-weight:700;color:#fff;}
.brand-desc{color:var(--txt-dim);max-width:760px;margin-top:12px;line-height:1.7;}
.prod-grid.brand-grid{grid-template-columns:repeat(4,1fr);}
@media (max-width:1180px){.prod-grid.brand-grid{grid-template-columns:repeat(3,1fr);}}
@media (max-width:820px){.prod-grid.brand-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:640px){.prod-grid.brand-grid{grid-template-columns:repeat(2,1fr);gap:10px;}.prod-grid.brand-grid .prod-meta{padding:12px 12px 14px;gap:6px;}.prod-grid.brand-grid .prod-title{font-size:.85rem;}}
.brand-empty-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:4px;}
.brand-empty-cta .btn-wa,.brand-empty-cta .btn-mail{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:999px;font-weight:600;font-size:.9rem;text-decoration:none;transition:all .2s;}
.brand-empty-cta .btn-wa{background:#25D366;color:#06301b;}
.brand-empty-cta .btn-wa:hover{background:#1fbe5b;transform:translateY(-2px);}
.brand-empty-cta .btn-mail{background:transparent;border:1px solid var(--accent);color:var(--accent);}
.brand-empty-cta .btn-mail:hover{background:rgba(59,130,246,.12);}