/* ============================================================
   KAREWASH — Shared Styles
   全局样式：变量 / 字体 / 重置 / 导航 / 页脚 / 通用组件 / Hero / 卡片等
   原 HTML 模板的 shared.css + 首页 inline 样式合并而来
   ============================================================ */

:root{
  --bg:#fafaf7;
  --bg-2:#f2f0e8;
  --ink:#111110;
  --ink-dim:#5a554c;
  --ink-mute:#9a948a;
  --line:#e5e1d4;
  --line-strong:#c8c2b0;
  --accent:#f5c800;
  --accent-2:#ff5722;
  --card:#ffffff;
  --card-hover:#fafaf7;
  --dark:#1a1815;
  --success:#0a7d2a;
  --danger:#c0392b;
}

*{box-sizing:border-box;margin:0;padding:0}
html{overflow-x:clip;scroll-behavior:smooth}
body{
  background:var(--bg);color:var(--ink);
  font-family:'Manrope',sans-serif;-webkit-font-smoothing:antialiased;
  background-image:
    radial-gradient(circle at 15% 10%, rgba(245,200,0,.04), transparent 40%),
    radial-gradient(circle at 85% 60%, rgba(180,160,120,.05), transparent 45%);
}
body::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.35;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/><feColorMatrix values='0 0 0 0 .3 0 0 0 0 .25 0 0 0 0 .15 0 0 0 .15 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block;height:auto}
::selection{background:var(--accent);color:#000}

/* v0.1.109: WP 标准 a11y 工具类 — 视觉隐藏但 screen reader 可读
   原本以为 WP 主题父级自带，实测 karewash 没定义；新加之前先 grep 过项目内仅模态相关用到 */
.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.screen-reader-text:focus{position:static;width:auto;height:auto;clip:auto;clip-path:none;white-space:normal}

/* ============ 顶部 Ticker Bar ============ */
.ticker-bar{
  background:#000;color:var(--accent);padding:8px 0;overflow:hidden;position:relative;z-index:50;
  border-bottom:2px solid var(--accent);
  font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;letter-spacing:.08em;
}
.ticker-track{display:flex;gap:60px;white-space:nowrap;animation:tick 40s linear infinite;width:max-content}
.ticker-track span{display:flex;align-items:center;gap:14px}
.ticker-track span::before{content:"●";color:var(--accent);font-size:8px}
@keyframes tick{to{transform:translateX(-50%)}}

/* ============ 导航 ============ */
header.site-header{
  position:sticky;top:0;z-index:40;
  background:#000;
  border-bottom:1px solid #1a1a1a;
}
.nav{max-width:1480px;margin:0 auto;padding:18px 40px;display:flex;align-items:center;justify-content:space-between;gap:40px}
.logo{display:flex;align-items:center;gap:12px;font-family:'Archivo Black',sans-serif;font-size:20px;letter-spacing:-.01em;color:#fff}
.logo-mark{
  width:36px;height:36px;background:var(--accent);color:#000;display:grid;place-items:center;
  font-family:'Archivo Black',sans-serif;font-size:18px;
  clip-path:polygon(0 0, 100% 0, 100% 75%, 85% 100%, 0 100%, 0 0);
}
.logo small{display:block;font-family:'JetBrains Mono',monospace;font-size:9px;color:rgba(255,255,255,.5);font-weight:400;letter-spacing:.15em;margin-top:2px}
.site-nav ul{display:flex;gap:32px;list-style:none;font-size:13px;font-weight:500;letter-spacing:.02em;text-transform:uppercase}
.site-nav a{position:relative;padding:6px 0;transition:color .2s;color:rgba(255,255,255,.85)}
.site-nav a:hover,.site-nav .current-menu-item > a,.site-nav .current_page_item > a{color:var(--accent)}
.site-nav a::after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--accent);transition:width .3s}
.site-nav a:hover::after,.site-nav .current-menu-item > a::after{width:100%}
.nav-cta{display:flex;gap:12px;align-items:center}
/* v0.1.184 (audit #1) — 桌面默认隐藏汉堡 + mobile-nav-extras；mobile @media 再 override */
.nav-toggle{display:none}
.mobile-nav-extras{display:none}
.lang{font-family:'JetBrains Mono',monospace;font-size:11px;color:rgba(255,255,255,.7);padding:6px 10px;border:1px solid rgba(255,255,255,.2);border-radius:2px;background:rgba(255,255,255,.05)}

/* ============ 多语言切换器（顶部导航 EN 按钮的下拉菜单版本） ============ */
.lang-switcher{position:relative;display:inline-block}
.lang-toggle{
  display:inline-flex;align-items:center;gap:7px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.2);
  color:rgba(255,255,255,.85);
  padding:6px 10px;
  border-radius:2px;
  font-family:'JetBrains Mono',monospace;
  font-size:11px;font-weight:700;letter-spacing:.06em;
  cursor:pointer;
  transition:all .18s;
}
.lang-toggle:hover{
  background:rgba(245,200,0,.12);
  border-color:var(--accent);
  color:#fff;
}
.lang-toggle .lang-flag{font-size:14px;line-height:1}
.lang-toggle svg{transition:transform .2s;flex-shrink:0}
.lang-switcher.is-open .lang-toggle{
  background:var(--accent);
  border-color:var(--accent);
  color:#000;
}
.lang-switcher.is-open .lang-toggle svg{transform:rotate(180deg)}

.lang-dropdown{
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  min-width:200px;
  max-height:340px;overflow-y:auto;
  background:#0a0807;
  border:1px solid var(--accent);
  list-style:none;
  padding:6px 0;
  margin:0;
  opacity:0;
  visibility:hidden;
  transform:translateY(-6px);
  transition:opacity .15s,transform .15s,visibility .15s;
  z-index:100;
  box-shadow:6px 6px 0 var(--accent);
}
.lang-switcher.is-open .lang-dropdown{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}
.lang-option{
  display:flex;
  align-items:center;
  gap:10px;
  padding:9px 14px;
  color:rgba(255,255,255,.7);
  font-family:'JetBrains Mono',monospace;
  font-size:11px;font-weight:600;letter-spacing:.04em;
  transition:all .15s;
  border-left:2px solid transparent;
  text-decoration:none;
}
.lang-option:hover{
  background:rgba(245,200,0,.1);
  color:var(--accent);
  border-left-color:var(--accent);
}
.lang-option.is-current{
  color:var(--accent);
  background:rgba(245,200,0,.06);
  font-weight:700;
}
.lang-option .lang-flag{font-size:16px;line-height:1;flex-shrink:0}
.lang-option .lang-native{flex:1;font-family:'Manrope',sans-serif;font-size:13px;font-weight:500}
.lang-option .lang-code{
  color:rgba(255,255,255,.4);
  font-size:10px;
  letter-spacing:.08em;
}
.lang-option.is-current .lang-code{color:var(--accent)}
.btn-quote{
  background:var(--accent);color:#000;padding:11px 20px;font-weight:700;font-size:13px;letter-spacing:.04em;
  border:none;cursor:pointer;font-family:'Manrope',sans-serif;transition:all .2s;
  clip-path:polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px);
  display:inline-block;text-decoration:none;
}
.btn-quote:hover{background:#fff;color:#000;transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--accent)}

/* ============ 通用按钮 ============ */
.btn-primary{
  background:var(--accent);color:#000;padding:18px 32px;font-weight:800;font-size:14px;letter-spacing:.06em;text-transform:uppercase;
  border:none;cursor:pointer;font-family:'Manrope',sans-serif;display:inline-flex;align-items:center;gap:12px;
  transition:all .25s;text-decoration:none;
}
.btn-primary:hover{background:#fff;color:#000;gap:18px}
.btn-secondary{
  background:transparent;color:#fff;padding:18px 32px;font-weight:600;font-size:14px;letter-spacing:.06em;text-transform:uppercase;
  border:1px solid rgba(255,255,255,.35);cursor:pointer;font-family:'Manrope',sans-serif;transition:all .25s;
  display:inline-flex;align-items:center;gap:10px;text-decoration:none;
}
.btn-secondary:hover{background:#fff;color:#000;border-color:#fff}
.btn-yellow{
  background:var(--accent);color:#000;padding:18px 32px;font-weight:800;font-size:14px;letter-spacing:.06em;text-transform:uppercase;
  border:none;cursor:pointer;font-family:'Manrope',sans-serif;display:inline-flex;align-items:center;gap:12px;transition:all .25s;
}
.btn-yellow:hover{background:#000;color:var(--accent);gap:18px}

/* ============ HERO 区（首页用） ============ */
.hero-wrap{
  position:relative;
  background-image:
    linear-gradient(135deg, rgba(20,18,15,.92) 0%, rgba(35,33,28,.78) 60%, rgba(20,18,15,.95) 100%),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1920' height='900' viewBox='0 0 1920 900'><defs><radialGradient id='g1' cx='30%25' cy='40%25' r='60%25'><stop offset='0%25' stop-color='%23404040'/><stop offset='100%25' stop-color='%23141414'/></radialGradient><radialGradient id='g2' cx='75%25' cy='65%25' r='50%25'><stop offset='0%25' stop-color='%23555'/><stop offset='100%25' stop-color='%23000'/></radialGradient></defs><rect width='1920' height='900' fill='url(%23g1)'/><circle cx='1440' cy='585' r='400' fill='url(%23g2)' opacity='.6'/><circle cx='1440' cy='585' r='220' fill='%231a1a1a' stroke='%23333' stroke-width='2'/><circle cx='1440' cy='585' r='180' fill='%23222'/><g stroke='%23444' stroke-width='3' fill='none'><circle cx='1440' cy='585' r='150'/><line x1='1440' y1='435' x2='1440' y2='735'/><line x1='1290' y1='585' x2='1590' y2='585'/><line x1='1334' y1='479' x2='1546' y2='691'/><line x1='1546' y1='479' x2='1334' y2='691'/></g></svg>");
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  background-color:#000;
}
.hero-wrap::before{
  content:"";position:absolute;inset:0;
  background-image:linear-gradient(180deg, transparent 0%, transparent 75%, rgba(0,0,0,.4) 100%);
  pointer-events:none;
}
.hero-wrap::after{
  content:"";position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
  background-size:60px 60px;
  pointer-events:none;
}
.hero{position:relative;padding:80px 40px 120px;max-width:1480px;margin:0 auto;z-index:2}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}
.hero-meta{font-family:'JetBrains Mono',monospace;font-size:11px;color:rgba(255,255,255,.6);letter-spacing:.15em;margin-bottom:24px;display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.hero-meta .dot{width:6px;height:6px;background:var(--accent);border-radius:50%;animation:pulse 2s ease-in-out infinite;box-shadow:0 0 0 4px rgba(245,200,0,.2)}
@keyframes pulse{50%{opacity:.3}}
.hero h1{
  font-family:'Archivo Black',sans-serif;font-size:clamp(56px,8vw,124px);line-height:1.15;letter-spacing:-.03em;
  text-transform:uppercase;color:#fff;text-shadow:0 4px 30px rgba(0,0,0,.5);
}
.hero h1 .sub{
  display:block;font-family:'JetBrains Mono',monospace;font-weight:500;
  font-size:.13em;letter-spacing:.08em;color:rgba(255,255,255,.55);
  margin-top:32px;line-height:1.7;text-transform:uppercase;text-shadow:none;max-width:520px;
  padding-left:24px;border-left:2px solid var(--accent);
}
.hero h1 em{
  font-style:normal;color:#000;background:var(--accent);
  padding:.02em .15em .08em;
  box-decoration-break:clone;-webkit-box-decoration-break:clone;
  line-height:1.15;text-shadow:none;
}
.hero-right{padding-bottom:20px;border-left:1px solid rgba(255,255,255,.15);padding-left:40px}
.hero-right p{font-size:16px;line-height:1.7;color:rgba(255,255,255,.75);margin-bottom:32px;max-width:440px}
.hero-right p strong{color:#fff;background:rgba(245,200,0,.18);padding:2px 6px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.stat{border-top:1px solid rgba(255,255,255,.2);padding-top:14px}
.stat-num{font-family:'Archivo Black',sans-serif;font-size:36px;color:#fff;line-height:1}
.stat-num span{color:var(--accent)}
.stat-label{font-family:'JetBrains Mono',monospace;font-size:10px;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.12em;margin-top:6px}
.hero-cta{display:flex;gap:16px;margin-top:40px;flex-wrap:wrap}
.hero-deco{position:absolute;left:40px;bottom:40px;font-family:'JetBrains Mono',monospace;font-size:10px;color:rgba(255,255,255,.4);letter-spacing:.2em;z-index:3}
.hero-stamp{
  position:absolute;right:80px;top:80px;
  width:130px;height:130px;border:1px solid rgba(255,255,255,.3);
  border-radius:50%;display:grid;place-items:center;transform:rotate(-12deg);
  font-family:'JetBrains Mono',monospace;font-size:9px;color:rgba(255,255,255,.85);text-align:center;letter-spacing:.1em;
  background:rgba(0,0,0,.35);backdrop-filter:blur(6px);z-index:3;
}
.hero-stamp::before{content:"";position:absolute;inset:8px;border:1px dashed rgba(255,255,255,.3);border-radius:50%}
.hero-stamp strong{color:#000;font-size:11px;display:block;margin-bottom:4px;background:var(--accent);padding:2px 6px}

/* Hero 区按钮颜色覆盖（黑底场景） */
.hero .btn-primary{background:var(--accent);color:#000}
.hero .btn-primary:hover{background:#fff;color:#000}

/* ============ 通用 Section Head ============ */
.section-head{max-width:1480px;margin:0 auto;padding:120px 40px 60px;display:grid;grid-template-columns:auto 1fr auto;gap:40px;align-items:end;position:relative;z-index:2}
.section-label{font-family:'JetBrains Mono',monospace;font-size:11px;color:#000;letter-spacing:.2em;display:flex;align-items:center;gap:10px;background:var(--accent);padding:6px 12px;align-self:start}
.section-label::before{content:"";width:18px;height:1px;background:#000}
.section-head h2{font-family:'Archivo Black',sans-serif;font-size:clamp(40px,5vw,72px);line-height:1.05;letter-spacing:-.02em;text-transform:uppercase;color:var(--ink)}
.section-head h2 em{font-style:normal;color:#000;background:var(--accent);padding:.02em .12em .08em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.section-head h2 .sub{
  display:block;font-family:'JetBrains Mono',monospace;font-weight:500;
  font-size:.18em;color:var(--ink-dim);
  margin-top:24px;letter-spacing:.08em;text-transform:uppercase;line-height:1.7;max-width:520px;
  padding-left:24px;border-left:2px solid var(--accent);
}
.section-head .head-meta{text-align:right;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--ink-dim);line-height:1.8}

/* ============ 跑马灯（黄字描边） ============ */
.marquee-wrap{
  border-top:2px solid var(--accent);border-bottom:2px solid var(--accent);
  background:#000;
  overflow:hidden;padding:28px 0;position:relative;z-index:2;
}
.marquee{display:flex;gap:60px;white-space:nowrap;animation:slide 50s linear infinite;width:max-content;font-family:'Archivo Black',sans-serif;font-size:42px;text-transform:uppercase;letter-spacing:-.02em;color:transparent;-webkit-text-stroke:1px var(--accent)}
.marquee span{display:flex;align-items:center;gap:60px}
.marquee span::after{content:"✦";color:var(--accent);-webkit-text-stroke:0;font-size:24px}
@keyframes slide{to{transform:translateX(-50%)}}

/* ============ 面包屑 ============ */
.breadcrumb{
  max-width:1480px;margin:0 auto;padding:32px 40px 0;font-family:'JetBrains Mono',monospace;
  font-size:11px;letter-spacing:.08em;color:var(--ink-dim);text-transform:uppercase;
  position:relative;z-index:2;
}
.breadcrumb a{color:var(--ink-dim);transition:color .2s}
.breadcrumb a:hover{color:#000}
.breadcrumb .sep{margin:0 10px;color:var(--ink-mute)}
.breadcrumb .current{color:#000;font-weight:700}

/* ============ 通用页面 Hero（小尺寸 - 子页面用） ============ */
.page-hero{
  background:var(--dark);color:#fff;padding:80px 40px 100px;position:relative;overflow:hidden;
  border-bottom:2px solid var(--accent);
}
.page-hero::before{
  content:"";position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
  background-size:60px 60px;pointer-events:none;
}
.page-hero-inner{max-width:1480px;margin:0 auto;position:relative;z-index:2}
.page-hero .label{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--accent);letter-spacing:.2em;margin-bottom:24px;display:inline-block}
.page-hero h1{font-family:'Archivo Black',sans-serif;font-size:clamp(48px,7vw,96px);line-height:1.05;letter-spacing:-.03em;text-transform:uppercase;color:#fff;max-width:1100px}
.page-hero h1 em{font-style:normal;color:#000;background:var(--accent);padding:.02em .12em .08em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.page-hero .sub{
  display:block;margin-top:32px;max-width:680px;
  font-family:'JetBrains Mono',monospace;font-weight:500;
  font-size:13px;letter-spacing:.06em;text-transform:uppercase;
  color:rgba(255,255,255,.6);line-height:1.7;
  padding-left:24px;border-left:2px solid var(--accent);
}

/* ============ FOOTER ============ */
footer.site-footer{background:#000;color:#fff;padding:80px 40px 40px;position:relative;z-index:2}
.foot{max-width:1480px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:60px}
.foot-brand h3{font-family:'Archivo Black',sans-serif;font-size:32px;text-transform:uppercase;margin-bottom:16px;color:#fff;line-height:1}
.foot-brand p{font-size:13px;color:rgba(255,255,255,.6);line-height:1.8;max-width:380px}
.foot-col h5{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--accent);letter-spacing:.15em;margin-bottom:20px;text-transform:uppercase}
.foot-col ul{list-style:none;display:grid;gap:10px}
.foot-col a{font-size:13px;color:rgba(255,255,255,.6);transition:color .2s}
.foot-col a:hover{color:#fff}
.foot-bottom{max-width:1480px;margin:60px auto 0;padding-top:30px;border-top:1px solid #2a2824;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;font-family:'JetBrains Mono',monospace;font-size:11px;color:rgba(255,255,255,.4);letter-spacing:.1em}

/* ============ CTA 区块（CTA widget + footer-cta 注入用） ============
   v0.1.51 起 class + 样式跟 karewash-html-theme/pages/*.html 子页面 1:1 对齐：
     · cta-section → cta-block
     · cta-inner   → cta-block-inner
     · cta-right   → cta-block-right
     · sub 字体从 Manrope 切到 JetBrains Mono + uppercase + letter-spacing
   margin-top 交给 Elementor Container；section 自带顶/底边框 + 内 padding 形成视觉断点 */
.cta-block{
  padding:120px 40px;background:var(--accent);color:#000;position:relative;overflow:hidden;
  border-top:3px solid #000;border-bottom:3px solid #000;
}
/* auto-injected (get_footer hook) 版本 — article body / list grid 末尾跟黄 CTA 之间留空气
   只在自动注入路径生效（kw_footer_cta_maybe_render 加的 wrap），Elementor widget 用法无影响 */
.kw-cta-auto-wrap{padding-top:80px}
.cta-block-inner{max-width:1480px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr;gap:80px;align-items:center;position:relative;z-index:2}
.cta-block h2{font-family:'Archivo Black',sans-serif;font-size:clamp(48px,7vw,108px);line-height:.95;text-transform:uppercase;letter-spacing:-.04em}
.cta-block h2 .sub{display:block;font-family:'JetBrains Mono',monospace;font-size:.16em;font-weight:600;margin-top:24px;letter-spacing:.08em;text-transform:uppercase;line-height:1.6}
.cta-block-right p{font-size:16px;line-height:1.7;margin-bottom:32px;font-weight:500}
.cta-form{display:flex;flex-direction:column;gap:14px}
.cta-form input,.cta-form select,.cta-form textarea{
  padding:18px 20px;border:2px solid #000;background:transparent;font-family:'JetBrains Mono',monospace;font-size:13px;
  color:#000;letter-spacing:.04em;
}
.cta-form input::placeholder,.cta-form textarea::placeholder{color:#000;opacity:.5}
.cta-form input:focus,.cta-form select:focus,.cta-form textarea:focus{outline:none;background:#000;color:var(--accent)}
.cta-form input:focus::placeholder,.cta-form textarea:focus::placeholder{color:var(--accent);opacity:.7}
.cta-submit{
  background:#000;color:var(--accent);padding:20px;border:none;font-family:'Archivo Black',sans-serif;font-size:14px;
  letter-spacing:.08em;cursor:pointer;text-transform:uppercase;transition:all .2s;
}
.cta-submit:hover{background:#fff;color:#000}
.cta-decor{position:absolute;top:50%;right:-100px;width:600px;height:600px;border:80px solid rgba(0,0,0,.08);border-radius:50%;transform:translateY(-50%);pointer-events:none}
.cta-stamp{position:absolute;left:5%;bottom:60px;font-family:'JetBrains Mono',monospace;font-size:10px;color:#000;letter-spacing:.15em;opacity:.6}

/* ── CTA 表单 flash 提示（提交后回跳显示） ── */
.cta-flash{
  font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.06em;text-transform:uppercase;
  padding:16px 20px;margin-bottom:20px;border:2px solid #000;font-weight:600;
}
.cta-flash-success{background:#000;color:var(--accent)}
.cta-flash-error{background:#fff;color:#000;border-color:#c0392b;border-left-width:8px}

/* ============ 文章/页面正文（the_content） ============ */
.kw-article{max-width:880px;margin:0 auto;padding:80px 40px 120px;position:relative;z-index:2;font-size:16px;line-height:1.8;color:var(--ink)}

/* ============ 产品/分类列表 archive 容器 ============ */
.kw-archive{max-width:1480px;margin:0 auto;padding:60px 40px 120px;position:relative;z-index:2}
.kw-archive-grid{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin:0;padding:0}
.kw-article h2{font-family:'Archivo Black',sans-serif;font-size:36px;letter-spacing:-.02em;text-transform:uppercase;margin:48px 0 16px}
.kw-article h3{font-family:'Archivo Black',sans-serif;font-size:24px;text-transform:uppercase;margin:32px 0 12px}
.kw-article p{margin-bottom:18px}
.kw-article ul,.kw-article ol{margin:0 0 18px 20px}
.kw-article a{color:var(--ink);border-bottom:2px solid var(--accent);padding-bottom:1px}
.kw-article a:hover{background:var(--accent);color:#000}

/* ============ 入场动画 ============ */
@keyframes fadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
.animate-up{animation:fadeUp .8s cubic-bezier(.2,.8,.2,1) backwards}
.cat,.kit{animation:fadeUp .8s cubic-bezier(.2,.8,.2,1) backwards}
.cat-1{animation-delay:.05s}.cat-2{animation-delay:.1s}.cat-3{animation-delay:.15s}
.cat-4{animation-delay:.2s}.cat-5{animation-delay:.25s}.cat-6{animation-delay:.3s}

/* ============================================================
   Karewash widgets — 与 karewash-html-theme/index.html 同步
   ============================================================ */

/* ---- 6 大分类卡片（Category Grid widget）—— v0.1.81: 全部 scope 到 .categories 父，避免跟 /products/ overview 的 .cat-grid 撞冲 ---- */
.categories{max-width:1480px;margin:0 auto;padding:0 40px;position:relative;z-index:2}
.categories .cat-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}
.categories .cat{
  background:var(--card);border:1px solid var(--line);padding:36px 32px 32px;position:relative;overflow:hidden;
  transition:all .4s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;min-height:480px;
  text-decoration:none;color:inherit;
}
/* cursor:pointer 只对真链接生效（widget 没填 link 时渲染成 <div>，避免误导） */
.categories a.cat{cursor:pointer}
.categories .cat:hover{border-color:#000;background:var(--card-hover);transform:translateY(-4px);box-shadow:8px 8px 0 var(--accent)}
.categories .cat:hover .cat-num{color:#000}
.categories .cat:hover .cat-arrow{transform:translate(8px,-8px);color:#000;background:var(--accent)}
.categories .cat::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--line-strong)}
.categories .cat:hover::before{background:#000}
.categories .cat-num{font-family:'Archivo Black',sans-serif;font-size:13px;color:var(--ink-dim);transition:color .3s;letter-spacing:.1em}
.categories .cat-arrow{position:absolute;top:32px;right:32px;width:32px;height:32px;color:var(--ink-dim);transition:all .3s;padding:4px;border-radius:2px}
.categories .cat-icon{margin:32px 0 28px;height:120px;display:flex;align-items:center;justify-content:flex-start}
.categories .cat-icon img{max-height:100%;width:auto;display:block}
.categories .cat h3{font-family:'Archivo Black',sans-serif;font-size:28px;line-height:1.05;letter-spacing:-.01em;text-transform:uppercase;margin-bottom:8px;color:var(--ink)}
.categories .cat h3 .sub{display:block;font-family:'Manrope',sans-serif;font-size:14px;color:var(--ink-dim);font-weight:600;margin-top:8px;letter-spacing:.02em;text-transform:none}
.categories .cat-desc{font-size:13px;color:var(--ink-dim);line-height:1.7;margin:18px 0 24px;flex-grow:1}
.categories .cat-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}
.categories .cat-tag{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--ink);padding:5px 10px;border:1px solid var(--line-strong);border-radius:2px;letter-spacing:.05em;transition:all .2s;background:var(--bg)}
.categories .cat:hover .cat-tag{border-color:var(--ink);background:#fff}
.categories .cat-count{position:absolute;bottom:32px;right:32px;font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--ink-dim)}
.categories .cat-svg{width:100%;height:100%;color:var(--ink-dim)}
.categories .cat:hover .cat-svg{color:#000}

/* 6 个色板变体 */
.categories .cat-1{grid-column:span 7;background:linear-gradient(135deg,#ffffff 0%,#fafaf7 60%)}
.categories .cat-2{grid-column:span 5}
.categories .cat-3{grid-column:span 4}
.categories .cat-4{grid-column:span 4}
.categories .cat-5{grid-column:span 4}
.categories .cat-6{
  grid-column:span 12;min-height:360px;background:var(--dark);border-color:var(--dark);color:#fff;
  display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:48px;
}
.categories .cat-6 .cat-num{color:var(--accent)}
.categories .cat-6 h3{font-size:48px;color:#fff}
.categories .cat-6 h3 .sub{color:rgba(255,255,255,.6);font-size:18px}
.categories .cat-6 .cat-desc{color:rgba(255,255,255,.7)}
.categories .cat-6 .cat-desc strong{color:#fff}
.categories .cat-6 .cat-tag{color:#fff;border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.05)}
/* signature 卡 widget 不渲染 .cat-icon / .cat-svg — 这两类规则在 cat-6 上无效，已删 */
.categories .cat-6::before{background:var(--accent)}
/* hover：锁文字色不被通用 .cat:hover 覆盖 */
.categories .cat-6:hover{background:#000;box-shadow:8px 8px 0 var(--accent);border-color:#000}
.categories .cat-6:hover .cat-num{color:var(--accent)}
.categories .cat-6:hover h3,.categories .cat-6:hover h3 .sub{color:#fff}
.categories .cat-6:hover h3 .sub{color:rgba(255,255,255,.7)}
.categories .cat-6:hover .cat-desc{color:rgba(255,255,255,.8)}
.categories .cat-6:hover .cat-tag{border-color:var(--accent);background:rgba(245,200,0,.08);color:#fff}
.categories .cat-6:hover .cat-arrow{background:transparent;color:var(--accent)}

/* ---- Signature Kits（Kit Grid widget） ---- */
/* margin-top 交给 Elementor Container 的 gap / padding-top 控制 — 这里只管 widget 自己的内 padding */
.kit-section{
  padding:100px 0;background:var(--dark);color:#fff;
  position:relative;overflow:hidden;
}
.kit-section::before{
  content:"KIT · BOXED · BRANDED · KIT · BOXED · BRANDED";position:absolute;top:30px;left:0;right:0;
  font-family:'Archivo Black',sans-serif;font-size:140px;color:rgba(245,200,0,.06);
  white-space:nowrap;text-align:center;pointer-events:none;letter-spacing:-.02em;
}
.kit-inner{max-width:1480px;margin:0 auto;padding:0 40px;position:relative;z-index:2}
/* 嵌入在 .kit-inner 内的 .section-head：去默认 padding（kit-inner 已有 40px 水平 padding + kit-section 100px 垂直），保留底部间距 */
.kit-section .section-head{padding:0;margin:0 0 60px}
.kit-section .section-head h2,.kit-section .section-head h2 .sub{color:#fff}
.kit-section .section-head h2 .sub{color:rgba(255,255,255,.6)}
.kit-section .head-meta{color:rgba(255,255,255,.6)}
.kit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:60px}
.kit{
  background:#23211d;border:1px solid #2f2c27;padding:40px 32px;position:relative;overflow:hidden;
  transition:all .3s;min-height:360px;display:flex;flex-direction:column;
  text-decoration:none;color:inherit;
}
a.kit{cursor:pointer}
.kit:hover{border-color:var(--accent);transform:translateY(-6px);background:#28251f}
.kit-badge{
  position:absolute;top:0;right:0;background:var(--accent);color:#000;padding:6px 14px;
  font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.1em;
}
.kit-num{font-family:'Archivo Black',sans-serif;font-size:48px;color:#3a3833;line-height:1;margin-bottom:24px}
.kit h4{font-family:'Archivo Black',sans-serif;font-size:22px;text-transform:uppercase;margin-bottom:6px;color:#fff;line-height:1.1}
.kit h4 .sub{display:block;font-family:'Manrope',sans-serif;font-size:13px;color:rgba(255,255,255,.5);font-weight:600;margin-top:8px;letter-spacing:.02em;text-transform:none}
.kit p{font-size:13px;color:rgba(255,255,255,.65);line-height:1.7;margin:18px 0;flex-grow:1}
.kit p strong{color:var(--accent)}
.kit-feature{display:flex;align-items:center;gap:10px;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--accent);margin-top:auto;padding-top:16px;border-top:1px solid #2f2c27}
.kit-feature::before{content:"▸"}

/* ---- B2B Services（B2B Services widget） ---- */
/* margin-top 交给 Elementor Container；保留 max-width + 水平 padding 让内容居中 */
.b2b-section{max-width:1480px;margin:0 auto;padding:0 40px;position:relative;z-index:2}
.b2b-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.b2b-left h2{font-family:'Archivo Black',sans-serif;font-size:clamp(48px,6vw,88px);line-height:1.2;text-transform:uppercase;letter-spacing:-.02em;color:var(--ink)}
.b2b-left h2 em{
  font-style:normal;color:#000;background:var(--accent);padding:.02em .12em .08em;
  box-decoration-break:clone;-webkit-box-decoration-break:clone;line-height:1.2;
}
.b2b-left h2 .sub{
  display:block;font-family:'JetBrains Mono',monospace;font-weight:500;font-size:.16em;color:var(--ink-dim);
  margin-top:28px;letter-spacing:.08em;text-transform:uppercase;line-height:1.7;
  max-width:520px;padding-left:24px;border-left:2px solid var(--accent);
}
.b2b-left p{font-size:15px;line-height:1.8;color:var(--ink-dim);margin-top:32px;max-width:480px}
.b2b-services{display:grid;gap:0;border-top:2px solid var(--ink)}
.service{
  border-bottom:1px solid var(--line-strong);padding:28px 0;display:grid;grid-template-columns:60px 1fr auto;gap:20px;
  align-items:start;transition:all .3s;
}
/* hover 视觉强调（左偏移 + 淡黄渐变 + 文字加深 + 图标旋转）— 不加 cursor:pointer
   因为 service 不可点击；只是「看到哪一项」的视觉反馈 */
.service:hover{padding-left:16px;background:linear-gradient(90deg,rgba(245,200,0,.1),transparent)}
.service:hover .service-num{color:#000}
.service-num{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--ink-dim);padding-top:4px;letter-spacing:.1em;transition:color .3s}
.service-body h4{font-size:18px;font-weight:700;margin-bottom:6px;color:var(--ink);line-height:1.3}
.service-body h4 .sub{display:block;font-family:'Manrope',sans-serif;font-size:12px;color:var(--ink-dim);font-weight:500;margin-top:4px}
.service-body p{font-size:13px;color:var(--ink-dim);line-height:1.6;margin-top:10px}
.service-icon{color:var(--ink-dim);transition:all .3s}
.service:hover .service-icon{color:#000;transform:rotate(45deg)}

/* ---- Product Catalog（左 sticky 导航 + 右产品分组目录） ---- */
.detail-section{max-width:1480px;margin:0 auto;padding:0 40px;position:relative;z-index:2}
.detail-grid{
  display:grid;grid-template-columns:280px 1fr;gap:60px;
  /* align-items:start 关键 — 防 grid 行被拉伸导致 sticky 失效 */
  align-items:start;
}
.detail-nav{
  position:sticky;top:100px;align-self:start;
  border-left:2px solid var(--ink);padding-left:24px;
  max-height:calc(100vh - 120px);overflow-y:auto;will-change:transform;
}
.detail-nav::-webkit-scrollbar{width:4px}
.detail-nav::-webkit-scrollbar-track{background:transparent}
.detail-nav::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:2px}
.detail-nav-label{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--ink-dim);letter-spacing:.15em;margin-bottom:20px}
.detail-nav ul{list-style:none;padding:0;margin:0}
.detail-nav li{border-bottom:1px solid var(--line);transition:all .2s}
.detail-nav li:hover{padding-left:8px}
.detail-nav li a{
  display:flex;justify-content:space-between;align-items:center;
  padding:10px 0;font-size:13px;color:var(--ink);text-decoration:none;
}
.detail-nav li:hover a{color:#000}
.detail-nav li span:last-child{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--ink-dim)}
/* scrollspy 当前可见分类高亮（IntersectionObserver 切换 .active） */
/* ▸ 必须放在第一个 span 内 — 直接挂 li::before 会被 a (display:flex) 推到独立行 */
.detail-nav li.active a{color:#000;font-weight:700}
.detail-nav li.active a span:first-child::before{content:"▸ ";color:var(--ink)}

.detail-content{display:grid;gap:80px;min-width:0}
.product-block{position:relative;scroll-margin-top:100px}
.pb-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px;padding-bottom:20px;border-bottom:2px solid var(--ink);flex-wrap:wrap;gap:16px}
.pb-head h3{font-family:'Archivo Black',sans-serif;font-size:36px;text-transform:uppercase;letter-spacing:-.01em;color:var(--ink);line-height:1.1}
.pb-head h3 .sub{display:block;font-family:'Manrope',sans-serif;font-size:14px;color:var(--ink-dim);font-weight:600;margin-top:8px;letter-spacing:.02em;text-transform:none}
.pb-id{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.1em;background:var(--accent);color:#000;padding:6px 10px;white-space:nowrap}

/* v0.1.83: .prod widget (Product Catalog widget) 全部 scope 到 .prod-list 父，避免 .prod-icon/.prod-num/.prod-name 跟其他 widget 撞 */
.prod-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.prod-list .prod{
  background:var(--card);border:1px solid var(--line);padding:24px;position:relative;
  transition:all .3s;text-decoration:none;color:inherit;display:block;
}
.prod-list a.prod{cursor:pointer}
.prod-list .prod:hover{border-color:#000;background:#fff;transform:translateY(-2px);box-shadow:4px 4px 0 var(--accent)}
.prod-list .prod:hover .prod-arrow{opacity:1;transform:translateX(0)}
.prod-list .prod-num{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--ink-dim);margin-bottom:16px;letter-spacing:.1em}
.prod-list .prod-icon{height:64px;margin-bottom:20px;display:flex;align-items:center}
.prod-list .prod-icon svg{width:48px;height:48px;color:var(--ink-dim)}
.prod-list .prod:hover .prod-icon svg{color:#000}
.prod-list .prod-name{font-size:15px;font-weight:700;line-height:1.4;margin-bottom:6px;color:var(--ink)}
.prod-list .prod-spec{font-size:12px;color:var(--ink-dim);line-height:1.5}
.prod-list .prod-arrow{
  position:absolute;top:24px;right:24px;width:20px;height:20px;color:#000;
  opacity:0;transform:translateX(-8px);transition:all .3s;
}

/* ============================================================
   产品列表页 / 详情页（archive-product / single-product）
   ============================================================ */

/* v0.1.83: 分类页 .cat-page — 全部 scope 对齐 HTML 模板 pages/category.html
   原老 unscoped .cat-page / .filters / .filter-opt / .prod-card 已 scope 到 .cat-page 父
   原老小卡 .prod-card 设计搬到 .related-grid 父独立（single-product.php 相关产品用） */

/* ---- SKU 列表页 .cat-page (HTML 模板 pages/category.html L219-268 对齐) ---- */
.cat-page{max-width:1480px;margin:0 auto;padding:0 40px;position:relative;z-index:2}
.cat-page .cat-layout{display:grid;grid-template-columns:280px 1fr;gap:60px;margin-top:60px;align-items:start}

/* 左侧筛选 sidebar */
.cat-page .filters{position:sticky;top:100px;align-self:start;border-left:2px solid var(--ink);padding-left:24px;max-height:calc(100vh - 120px);overflow-y:auto}
.cat-page .filters::-webkit-scrollbar{width:4px}
.cat-page .filters::-webkit-scrollbar-thumb{background:var(--line-strong)}
.cat-page .filter-group{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--line)}
.cat-page .filter-group:last-of-type{border-bottom:none}
.cat-page .filter-label{font-family:'JetBrains Mono',monospace;font-size:10px;color:#000;letter-spacing:.15em;margin-bottom:14px;display:block;text-transform:uppercase;font-weight:700}
.cat-page .filter-opt{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:13px;color:var(--ink);cursor:pointer;transition:color .2s}
.cat-page .filter-opt:hover{color:#000}
.cat-page .filter-opt input{accent-color:var(--accent);width:14px;height:14px;flex-shrink:0;cursor:pointer}
.cat-page .filter-opt > span:not(.count){flex-grow:1}
.cat-page .filter-opt .count{margin-left:auto;font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--ink-dim);flex-shrink:0}
.cat-page .filter-actions{display:flex;flex-direction:column;gap:10px;margin-top:8px}

/* 右侧 toolbar + 产品网格 */
.cat-page .cat-toolbar{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:2px solid var(--ink);margin-bottom:32px;flex-wrap:wrap;gap:16px}
.cat-page .cat-toolbar-info{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--ink-dim);letter-spacing:.06em}
.cat-page .cat-toolbar-info strong{color:#000}
.cat-page .cat-toolbar-right{display:flex;gap:14px;align-items:center}
.cat-page .cat-toolbar-right form{margin:0} /* v0.1.87: sort form 默认 margin 清掉，原 markup 用 inline style */
.cat-page .sort-select{font-family:'JetBrains Mono',monospace;font-size:12px;padding:10px 14px;border:1px solid var(--line-strong);background:#fff;color:var(--ink);letter-spacing:.04em;cursor:pointer}
.cat-page .sort-select:focus{outline:none;border-color:var(--ink)}
.cat-page .empty-state{font-size:14px;color:var(--ink-dim);text-align:center;padding:60px 20px} /* v0.1.87: have_posts() else 分支用，原 markup 用 inline style */

.cat-page .products-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.cat-page .prod-card{background:var(--card);border:1px solid var(--line);padding:28px 24px;position:relative;transition:all .3s;cursor:pointer;text-decoration:none;color:inherit;display:flex;flex-direction:column}
.cat-page .prod-card:hover{border-color:#000;background:#fff;transform:translateY(-2px);box-shadow:4px 4px 0 var(--accent)}
.cat-page .prod-sku{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--ink-dim);letter-spacing:.1em;margin-bottom:18px}
.cat-page .prod-card .prod-icon{height:140px;display:flex;align-items:center;justify-content:center;background:var(--bg-2);margin:0 -24px 20px;border-bottom:1px solid var(--line);overflow:hidden}
.cat-page .prod-card:hover .prod-icon{background:var(--bg)}
.cat-page .prod-card .prod-icon svg{width:80px;height:80px;color:var(--ink-dim)}
.cat-page .prod-card .prod-icon img{max-width:100%;max-height:100%;object-fit:contain;display:block;padding:10px}
.cat-page .prod-card:hover .prod-icon svg{color:#000}
.cat-page .prod-card h3{font-size:16px;font-weight:700;line-height:1.4;margin-bottom:8px;color:var(--ink);font-family:'Manrope',sans-serif;text-transform:none;letter-spacing:0}
.cat-page .prod-card .prod-desc{font-size:12px;color:var(--ink-dim);line-height:1.5;margin-bottom:16px;flex-grow:1}
.cat-page .prod-card .prod-meta{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap}
.cat-page .prod-card .meta{font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--ink);padding:3px 8px;border:1px solid var(--line-strong);letter-spacing:.05em;background:var(--bg)}
.cat-page .prod-card .prod-foot{display:flex;justify-content:space-between;align-items:center;padding-top:14px;border-top:1px solid var(--line);font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--ink-dim)}
.cat-page .prod-card .prod-foot strong{color:#000}
.cat-page .prod-card .prod-foot .arrow{color:var(--ink-dim);transition:all .3s}
.cat-page .prod-card:hover .prod-foot .arrow{color:#000;transform:translateX(4px)}

/* v0.1.89 A5: single-product.php 相关产品 — 改成 .related 父 + 4 列 .related-grid + 简化卡（HTML 模板 pages/product-detail.html L282-287 对齐）
   旧 .related-grid-section / .related-grid .prod-card 多字段卡设计已删（markup 不再用） */
.related .prod-card{background:var(--card);border:1px solid var(--line);padding:24px;text-decoration:none;color:inherit;transition:all .3s;cursor:pointer;display:flex;flex-direction:column}
.related .prod-card:hover{border-color:#000;box-shadow:4px 4px 0 var(--accent)}
.related .prod-card .pi{height:120px;display:flex;align-items:center;justify-content:center;background:var(--bg-2);margin:0 -24px 16px;border-bottom:1px solid var(--line);overflow:hidden}
.related .prod-card .pi svg{width:60px;height:60px;color:var(--ink-dim)}
.related .prod-card .pi img{max-width:100%;max-height:100%;object-fit:contain;display:block;padding:10px}
.related .prod-card .prod-sku{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--ink-dim);letter-spacing:.1em;margin-bottom:6px} /* v0.1.101 D10 */
.related .prod-card h3{font-size:15px;font-weight:700;line-height:1.4;color:var(--ink);font-family:'Manrope',sans-serif;text-transform:none;letter-spacing:0;margin-bottom:6px} /* v0.1.101: 15px 对齐 HTML 模板 L513 inline style */
.related .prod-card .prod-desc{font-size:12px;color:var(--ink-dim);line-height:1.5}

/* ---- pagination ---- */
.pagination{display:flex;justify-content:center;gap:8px;margin-top:48px;font-family:'JetBrains Mono',monospace;font-size:12px}
.pagination a,.pagination span{display:grid;place-items:center;min-width:36px;height:36px;padding:0 12px;border:1px solid var(--line-strong);background:#fff;color:var(--ink);text-decoration:none;letter-spacing:.04em;transition:all .2s}
.pagination a:hover{border-color:#000;background:var(--accent);color:#000}
.pagination .current{border-color:#000;background:#000;color:var(--accent);font-weight:700}
.pagination .dots{border:none;background:transparent}

/* ============================================================
   产品列表 v0.1.77 — CATEGORY OVERVIEW (/products/)
   对齐 karewash-html-theme/pages/products.html 设计：
     · feature-bar 4 列 stats（上下黑边框）
     · section-head 3 列（label / h2+sub / head-meta 右上时间戳）
     · cat-grid 12 列不对称：cat-1=7 + cat-2=5 / cat-3=4 + cat-4=4 + cat-5=4 / cat-6=12 全宽黑底
     · 卡：cat-num 黑黑Archivo 13px + 右上 cat-arrow SVG + 大横向 cat-icon SVG(200x120) + h3 含 sub + desc + cat-tags + 右下绝对定位 cat-count
   ============================================================ */

/* feature-bar — 4 列 stats */
.feature-bar{max-width:1480px;margin:60px auto 0;padding:0 40px;display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);position:relative;z-index:2}
.feature{padding:32px 24px;border-right:1px solid var(--line-strong);display:flex;flex-direction:column;gap:10px}
.feature:last-child{border-right:none}
.feature-num{font-family:'Archivo Black',sans-serif;font-size:36px;line-height:1;color:var(--ink)}
.feature-num span{color:var(--accent)}
.feature-label{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--ink-dim);letter-spacing:.1em;text-transform:uppercase}
.feature-desc{font-size:13px;color:var(--ink-dim);line-height:1.6;margin-top:6px}

/* section-head — 3 列（label / h2+sub / head-meta） */
.section-head{max-width:1480px;margin:0 auto;padding:120px 40px 60px;display:grid;grid-template-columns:auto 1fr auto;gap:40px;align-items:end;position:relative;z-index:2}
.section-label{font-family:'JetBrains Mono',monospace;font-size:11px;color:#000;letter-spacing:.2em;display:flex;align-items:center;gap:10px;background:var(--accent);padding:6px 12px;align-self:start}
.section-label::before{content:"";width:18px;height:1px;background:#000}
.section-head h2{font-family:'Archivo Black',sans-serif;font-size:clamp(40px,5vw,72px);line-height:1.05;letter-spacing:-.02em;text-transform:uppercase;color:var(--ink)}
.section-head h2 em{font-style:normal;color:#000;background:var(--accent);padding:.02em .12em .08em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.section-head h2 .sub{display:block;font-family:'JetBrains Mono',monospace;font-weight:500;font-size:.18em;color:var(--ink-dim);margin-top:24px;letter-spacing:.08em;text-transform:uppercase;line-height:1.7;max-width:520px;padding-left:24px;border-left:2px solid var(--accent)}
.section-head .head-meta{text-align:right;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--ink-dim);line-height:1.8}

/* products-grid 容器 */
.products-grid{max-width:1480px;margin:0 auto;padding:0 40px;position:relative;z-index:2}

/* cat-grid — 12 列不对称 grid */
.cat-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}
.cat{background:var(--card);border:1px solid var(--line);padding:36px 32px 32px;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.2,.8,.2,1);cursor:pointer;display:flex;flex-direction:column;min-height:420px;text-decoration:none;color:inherit}
.cat:hover{border-color:#000;background:var(--card-hover,#fafaf7);transform:translateY(-4px);box-shadow:8px 8px 0 var(--accent)}
.cat::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--line-strong)}
.cat:hover::before{background:#000}
.cat-num{font-family:'Archivo Black',sans-serif;font-size:13px;color:var(--ink-dim);letter-spacing:.1em}
.cat-arrow{position:absolute;top:32px;right:32px;width:32px;height:32px;color:var(--ink-dim);transition:all .3s}
.cat:hover .cat-arrow{transform:translate(8px,-8px);color:#000;background:var(--accent)}
.cat-icon{margin:32px 0 28px;height:90px;display:flex;align-items:center}
.cat-icon svg{width:100%;height:100%;color:var(--ink-dim);max-width:200px}
.cat:hover .cat-icon svg{color:#000}
.cat h3{font-family:'Archivo Black',sans-serif;font-size:26px;line-height:1.1;text-transform:uppercase;margin-bottom:8px;color:var(--ink)}
.cat h3 .sub{display:block;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--ink-dim);font-weight:500;margin-top:10px;letter-spacing:.06em;text-transform:uppercase}
.cat-desc{font-size:13px;color:var(--ink-dim);line-height:1.7;margin:14px 0 20px;flex-grow:1}
.cat-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}
.cat-tag{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--ink);padding:5px 10px;border:1px solid var(--line-strong);letter-spacing:.05em;background:var(--bg)}
.cat-count{position:absolute;bottom:32px;right:32px;font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--ink-dim)}

/* 12 列分布 */
.cat-1{grid-column:span 7;background:linear-gradient(135deg,#ffffff 0%,#fafaf7 60%)}
.cat-2{grid-column:span 5}
.cat-3,.cat-4,.cat-5{grid-column:span 4}
.cat-6{grid-column:span 12;background:var(--dark,#1a1815);border-color:var(--dark,#1a1815);color:#fff;min-height:340px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:48px}
.cat-6 .cat-num{color:var(--accent)}
.cat-6 h3{color:#fff;font-size:42px;margin-top:24px} /* v0.1.87: margin-top 从 inline style 搬过来 */
.cat-6 h3 .sub{color:rgba(255,255,255,.6)}
.cat-6 .cat-desc{color:rgba(255,255,255,.7);font-size:15px} /* v0.1.87: font-size 从 inline style 搬过来 */
.cat-6 .cat-tag{color:#fff;border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.05)}
.cat-6:hover{background:#000;box-shadow:8px 8px 0 var(--accent);border-color:#000}
.cat-6:hover .cat-num{color:var(--accent)}
.cat-6 .cat-arrow{position:static;display:inline-block;margin-top:24px;width:48px;height:48px;background:transparent;color:var(--accent)}
.cat-6::before{background:var(--accent)}
.cat-6 .cat-desc strong{color:#fff} /* v0.1.79 — 普通 strong 用白色（避免跟黑底 inverted 看不见） */
.cat-6 .cat-desc strong.cat-callout{color:var(--accent)} /* v0.1.79 — signature_callout 强调黄字 */

/* v0.1.81: 重复的 `.page-hero h1 em` 已删 — 规则在上方 L302 已定义 */

.chip-outline{display:inline-block;font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--ink-dim);padding:3px 8px;border:1px solid var(--line-strong);letter-spacing:.08em;text-transform:uppercase;background:transparent}

/* ============================================================
   产品列表 v0.1.73 — SKU LIST (/product-category/*/)
   ============================================================ */
.page-hero-skus h1{font-size:clamp(56px,8vw,128px)}
.page-hero-desc{font-family:'JetBrains Mono',monospace;font-size:12px;color:rgba(255,255,255,.7);letter-spacing:.05em;line-height:1.7;max-width:680px;margin-top:24px}

/* v0.1.83: .sku-* + .prod-card-v2 整套已删 — 重构成 .cat-page 命名空间对齐 HTML 模板 pages/category.html
   保留 .btn-apply / .btn-clear（filter form 按钮，scope-free 通用） */
.btn-apply{background:#000;color:var(--accent);padding:12px;border:none;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.1em;cursor:pointer;text-transform:uppercase;font-weight:700;transition:all .2s}
.btn-apply:hover{background:var(--accent);color:#000}
.btn-clear{display:inline-block;text-align:center;padding:10px;border:1px solid var(--line-strong);font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.1em;color:var(--ink-dim);text-decoration:none;background:transparent;transition:all .2s}
.btn-clear:hover{border-color:#c0392b;color:#c0392b}

@media (max-width:1024px){
	/* v0.1.83: .cat-page 响应式 */
	.cat-page .cat-layout{grid-template-columns:1fr;gap:32px;margin-top:32px}
	.cat-page .filters{position:static;border-left:none;border-top:2px solid var(--ink);padding:24px 0 0;max-height:none;overflow:visible}
	.cat-page .products-list{grid-template-columns:repeat(2,1fr)}
	.cat-page .cat-toolbar{flex-direction:column;align-items:flex-start;gap:14px}
}
@media (max-width:640px){
	.cat-page .products-list{grid-template-columns:1fr}
}

/* ============================================================
   产品详情页 .pd-* (single-product.php)
   ============================================================ */
.pd-section{max-width:1480px;margin:60px auto 0;padding:0 40px;position:relative;z-index:2}
.pd-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:start}
.pd-gallery{position:sticky;top:100px}
.pd-main-img{background:var(--card);border:1px solid var(--line);aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}
.pd-main-img img{width:100%;height:100%;object-fit:contain;padding:40px}
/* v0.1.102 #1: 主图区域细网格背景 — 对齐 HTML 模板 pages/product-detail.html L226 .pd-main-img::after */
.pd-main-img::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(0,0,0,.02) 1px, transparent 1px),linear-gradient(90deg, rgba(0,0,0,.02) 1px, transparent 1px);background-size:40px 40px;pointer-events:none}
.pd-badge{position:absolute;top:18px;left:18px;background:var(--accent);color:#000;padding:6px 12px;font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.1em;z-index:2}
.pd-thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:12px}
/* v0.1.90 B11: .pd-thumb 从 <div> 改 <button> — 重置浏览器 button 默认样式（border/bg/padding/font） */
.pd-thumb{border:1px solid var(--line);aspect-ratio:1/1;cursor:pointer;display:grid;place-items:center;padding:8px;background:var(--card);transition:all .2s;overflow:hidden;font:inherit;color:inherit}
.pd-thumb img{width:100%;height:100%;object-fit:contain}
.pd-thumb:hover,.pd-thumb:focus-visible{border-color:var(--ink-dim);outline:none}
.pd-thumb.active{border-color:#000;background:#fff;box-shadow:2px 2px 0 var(--accent)}

/* v0.1.104 #1: .pd-slide — 主图区多 slide 切换（gallery 多图 / placeholder 5 SVG 通用）
   active 显示，其它 display:none；absolute 占满 .pd-main-img 容器
   不设 z-index — 让 .pd-main-img::after 网格背景 + .pd-badge(z:2) + .pd-nav(z:3) 按源序自然叠上来
   slide 内的 <img> 复用上面 .pd-main-img img 规则（descendant selector 仍命中），不重复声明 */
.pd-slide{position:absolute;inset:0;display:none;align-items:center;justify-content:center}
.pd-slide.active{display:flex}

/* v0.1.104 #1: .pd-nav — 主图左右切换箭头按钮
   v0.1.110: 内容从 ‹/› Unicode 字符 → 内联 Heroicons chevron SVG（svg 自带 width/height，不再需要 font 撑大小） */
.pd-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:50%;cursor:pointer;display:grid;place-items:center;color:var(--ink);transition:all .2s;z-index:3;padding:0}
.pd-nav svg{display:block}
.pd-nav:hover,.pd-nav:focus-visible{background:var(--ink);color:var(--bg);border-color:var(--ink);outline:none}
.pd-nav-prev{left:14px}
.pd-nav-next{right:14px}

/* v0.1.90 B3: .pd-main-img 无图 fallback — 用 class 替代 inline style */
.pd-main-img-fallback{display:grid;place-items:center;height:100%;color:var(--ink-dim)}
.pd-main-img-icon{width:160px;height:160px}
/* v0.1.98 B2: 用户 _kw_icon_svg 可能无 width/height 属性 → 浏览器默认 300×150 撑爆 160×160 容器 → 强制 svg 填满 */
.pd-main-img-icon svg{width:100%;height:100%}

.pd-info .pd-sku{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--ink-dim);letter-spacing:.12em;margin-bottom:16px;text-transform:uppercase}
.pd-info h1{font-family:'Archivo Black',sans-serif;font-size:clamp(36px,4vw,56px);line-height:1.05;letter-spacing:-.02em;text-transform:uppercase;color:var(--ink);margin-bottom:18px}
/* v0.1.102 #2: pd-tagline 加 mono uppercase + 黄左边框 — 对齐 HTML 模板 pages/product-detail.html L236 */
.pd-tagline{font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--ink-dim);letter-spacing:.06em;text-transform:uppercase;padding-left:18px;border-left:2px solid var(--accent);margin-bottom:32px;line-height:1.6}

/* v0.1.102 #3: pd-attrs 改 1px frame border + 每 cell #fff bg + value font-weight 700 — 对齐 HTML 模板 L237-242 */
.pd-attrs{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--line);margin-bottom:32px}
.pd-attr{padding:16px 20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}
.pd-attr:nth-child(2n){border-right:none}
.pd-attr:nth-last-child(-n+2){border-bottom:none}
.pd-attr .label{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--ink-dim);letter-spacing:.1em;margin-bottom:6px;text-transform:uppercase}
.pd-attr .value{font-size:15px;font-weight:700;color:var(--ink)}

/* v0.1.91 A3: .pd-options 选项选择器（对齐 HTML 模板 pages/product-detail.html L243-250）
   纯装饰展示按钮，非 form 控件 — 选 hover 视觉同 selected */
.pd-options{margin-bottom:32px}
.pd-options .opt-label{font-family:'JetBrains Mono',monospace;font-size:11px;color:#000;letter-spacing:.1em;margin-bottom:12px;text-transform:uppercase;font-weight:700}
.pd-opt-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.pd-opt{padding:10px 18px;border:1px solid var(--line-strong);background:#fff;font-family:'JetBrains Mono',monospace;font-size:12px;cursor:pointer;transition:all .2s;letter-spacing:.04em;color:var(--ink);user-select:none}
.pd-opt.selected,.pd-opt:hover{border-color:#000;background:var(--accent)}

/* v0.1.88: CTA — 用 global .btn-yellow + .btn-secondary（HTML 模板 pages/product-detail.html L399-402）
   原 .pd-cta .btn-primary / .btn-secondary 覆盖已删，全部走 shared.css 顶部 L104+ 的 global 按钮规则 */
.pd-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}
/* v0.1.102 #5: 只 .btn-yellow flex:1 撑满，.btn-secondary 内容宽度（对齐 HTML 模板 pages/product-detail.html L249 — 只 btn-primary/btn-yellow flex:1） */
.pd-cta .btn-yellow{flex:1;justify-content:center}
/* v0.1.103 fix: 全局 .btn-secondary 是浅字深底（footer 黑底用），产品详情页 .pd-cta 在浅底（--bg）
   按 HTML 模板 pages/product-detail.html L98-103 覆盖：深字+深边框，hover 反相 */
.pd-cta .btn-secondary{color:var(--ink);border-color:var(--ink)}
.pd-cta .btn-secondary:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}

/* v0.1.91 A4: .spec-grid Specifications tab 结构化键值表（对齐 HTML 模板 pages/product-detail.html L274-279） */
.pd-tabs .spec-grid{border:1px solid var(--line);max-width:800px}
.pd-tabs .spec-row{display:grid;grid-template-columns:200px 1fr;padding:14px 20px;border-bottom:1px solid var(--line);background:#fff;gap:20px}
.pd-tabs .spec-row:last-child{border-bottom:none}
.pd-tabs .spec-row .k{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--ink-dim);letter-spacing:.06em;text-transform:uppercase}
.pd-tabs .spec-row .v{font-size:14px;color:var(--ink);font-weight:600}

/* ---- 价格阶梯 ---- */
/* v0.1.88: .pd-pricing 重写 — 跟 HTML 模板 pages/product-detail.html L252-260 对齐
   从「单独 section 全宽 + 浅色表格」改成「右列 .pd-info 内 + 黑底白字 + 黄色 6px 左边框 + .tier-table 类」
   旧 .pd-pricing-table / .pd-pricing-note 已删（markup 不再用） */
.pd-pricing{background:var(--dark);color:#fff;padding:32px;margin-top:40px;border-left:6px solid var(--accent)}
.pd-pricing-label{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--accent);letter-spacing:.15em;margin-bottom:14px;text-transform:uppercase}
.pd-pricing h3{font-family:'Archivo Black',sans-serif;font-size:24px;margin-bottom:24px;text-transform:uppercase;color:#fff}
.tier-table{width:100%;border-collapse:collapse;font-family:'JetBrains Mono',monospace;font-size:13px}
.tier-table th{text-align:left;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.6);font-weight:500;letter-spacing:.06em;font-size:11px;text-transform:uppercase}
.tier-table td{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08);color:#fff}
.tier-table tr:last-child td{border-bottom:none}
.tier-table .price{color:var(--accent);font-weight:700}
.pd-note{font-size:12px;color:rgba(255,255,255,.5);margin-top:16px;line-height:1.6}

/* ---- Tabs ---- */
/* v0.1.88: tab 类名重命名 .pd-tab-* → .tabs-nav / .tab-btn / .tab-content（对齐 HTML 模板 pages/product-detail.html L264-273）
   全部 scope 到 .pd-tabs 父，防 .tabs-nav / .tab-btn / .tab-content 等通用名跟其它页面撞 */
.pd-tabs{max-width:1480px;margin:120px auto 0;padding:0 40px;position:relative;z-index:2}
/* v0.1.192 audit fix #3: scrollbar 视觉隐藏（Windows / Chromium 即使内容不溢出也常占位一道）
   保留滚动功能 — 窄屏多 tab 横划仍可用 */
.pd-tabs .tabs-nav{display:flex;gap:0;border-bottom:2px solid var(--ink);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}
.pd-tabs .tabs-nav::-webkit-scrollbar{display:none}
.pd-tabs .tab-btn{padding:18px 28px;background:transparent;border:none;font-family:'Archivo Black',sans-serif;font-size:14px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;color:var(--ink-dim);position:relative;transition:color .2s;white-space:nowrap}
/* v0.1.192 audit fix #2: 首个 tab 左 padding 清 0，文字贴 .pd-tabs 容器左边缘（跟 HTML 模板对齐） */
.pd-tabs .tab-btn:first-child{padding-left:0}
.pd-tabs .tab-btn.active,.pd-tabs .tab-btn:hover{color:#000}
.pd-tabs .tab-btn.active::after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:4px;background:var(--accent)}
.pd-tabs .tab-content{padding:48px 0;display:none;font-size:14px;line-height:1.8;color:var(--ink-dim)}
.pd-tabs .tab-content.active{display:block}
.pd-tabs .tab-content h3,.pd-tabs .tab-content h4{font-family:'Archivo Black',sans-serif;font-size:24px;margin:24px 0 12px;text-transform:uppercase;color:var(--ink)}
.pd-tabs .tab-content p{margin-bottom:14px}
.pd-tabs .tab-content ul,.pd-tabs .tab-content ol{margin:0 0 14px 24px}
.pd-tabs .tab-content strong{color:var(--ink)}

/* v0.1.191: 移动 accordion（≤768px CSS 切换；桌面默认隐藏 .tabs-accordion）
   ≤768px：tabs-nav + tab-content 隐藏，accordion <details> 显示
   每个 details 默认收起；首个加 open 属性默认展开 */
/* v0.1.199: nested widget — children 是裸 container（带 .kw-pd-tab-panel + data-tab-index 属性），
   通过 .kw-active class 控制显隐（class 由 PHP render filter 加到 first 个，JS 切换其他） */
.pd-tabs.kw-pd-tabs-nested .kw-pd-tabs-content{padding:48px 0;font-size:14px;line-height:1.8;color:var(--ink-dim)}
/* v0.1.202: 改官方 Native Nested Tabs CSS 模式（widget-nested-tabs.css 同款思路）：
   编辑器里 children 是裸 .e-con（没有 kw-pd-tab-panel class），按直接子元素控制显隐；
   handler/JS 加 .kw-active 前，:not(.kw-activated) 兜底只显示第一个 panel */
.pd-tabs.kw-pd-tabs-nested .kw-pd-tabs-content > .e-con,
.pd-tabs.kw-pd-tabs-nested .kw-pd-tabs-content > .kw-pd-tab-panel{margin:0}
.pd-tabs.kw-pd-tabs-nested .kw-pd-tabs-content > .e-con:not(.kw-active),
.pd-tabs.kw-pd-tabs-nested .kw-pd-tabs-content > .kw-pd-tab-panel:not(.kw-active){display:none}
.pd-tabs.kw-pd-tabs-nested:not(.kw-activated) .kw-pd-tabs-content > .e-con:first-child,
.pd-tabs.kw-pd-tabs-nested:not(.kw-activated) .kw-pd-tabs-content > .kw-pd-tab-panel:first-child{display:var(--display,flex)}

/* v0.1.195 self-audit fix: 解决 .pd-tabs 嵌套 .pd-tabs 双重 padding/margin
   场景：admin 勾「Elementor 编辑 tabs 区域」checkbox 时，single-product.php 输出
   <section class="pd-tabs pd-tabs-elementor-content"> 包住 Elementor 画布，
   画布里如果用了 Karewash 的 pd-tabs widget（meta fallback 或 nested 都行）→ 内外两层 .pd-tabs
   都套 max-width + margin + padding → 累加错位。
   v0.1.203: 修正策略 — 外壳 .pd-tabs-elementor-content 完全去约束（连同其内的 Elementor canvas
   wrapper 也清 padding/max-width），让 nested widget 自己提供 .pd-section 同款定位 → 跟 gallery 对齐 */
.pd-tabs .pd-tabs,
.pd-tabs-elementor-content .pd-tabs{max-width:none;margin:0;padding:0}

/* v0.1.203: 让 kw-pd-tabs-nested 在 Elementor 模式下跟 .pd-section（gallery 容器）左对齐
   - 外壳 .pd-tabs-elementor-content 完全去约束
   - Elementor canvas wrapper 也清 horizontal padding（防 Elementor container 默认 padding 累加）
   - nested widget 自带 .pd-section 同款 max-width:1480px + padding:0 40px */
.pd-tabs-elementor-content{max-width:none !important;margin:0 !important;padding:0 !important}
.pd-tabs-elementor-content > .elementor,
.pd-tabs-elementor-content > .elementor > .elementor-section,
.pd-tabs-elementor-content > .elementor > .e-con,
.pd-tabs-elementor-content > .e-con{max-width:none !important;padding-left:0 !important;padding-right:0 !important;margin-left:0 !important;margin-right:0 !important}
.pd-tabs-elementor-content .pd-tabs.kw-pd-tabs-nested{max-width:1480px;margin:120px auto 0;padding:0 40px}

/* v0.1.192: nested mobile accordion summary button（JS 插入）*/
.kw-acc-summary{display:block;width:100%;padding:18px 0;background:transparent;border:none;border-bottom:1px solid var(--line);font-family:'Archivo Black',sans-serif;font-size:15px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;color:var(--ink);text-align:left;position:relative;padding-right:30px;user-select:none;-webkit-tap-highlight-color:transparent}
.kw-acc-summary::after{content:'+';position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:22px;font-weight:900;color:var(--accent);line-height:1;transition:transform .15s}
.kw-acc-summary[aria-expanded="true"]::after{content:'−'}
.kw-acc-summary:hover{color:var(--accent)}

.pd-tabs .tabs-accordion{display:none}
@media (max-width:768px){
  .pd-tabs{margin:60px auto 0;padding:0 24px}
  .pd-tabs > .tabs-nav,.pd-tabs > .tab-content{display:none !important}
  .pd-tabs .tabs-accordion{display:block;border-top:2px solid var(--ink)}
  .pd-tabs .tabs-accordion details{border-bottom:1px solid var(--line);margin:0}
  .pd-tabs .tabs-accordion summary{padding:18px 0;font-family:'Archivo Black',sans-serif;font-size:15px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;color:var(--ink);list-style:none;position:relative;padding-right:30px;user-select:none;-webkit-tap-highlight-color:transparent}
  .pd-tabs .tabs-accordion summary::-webkit-details-marker{display:none}
  .pd-tabs .tabs-accordion summary::after{content:'+';position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:22px;font-weight:900;color:var(--accent);line-height:1;transition:transform .15s}
  .pd-tabs .tabs-accordion details[open] summary::after{content:'−'}
  .pd-tabs .tabs-accordion summary:hover{color:var(--accent)}
  .pd-tabs .tabs-accordion .tabs-accordion-body{padding:8px 0 24px;font-size:14px;line-height:1.8;color:var(--ink-dim)}
  .pd-tabs .tabs-accordion .tabs-accordion-body h3,.pd-tabs .tabs-accordion .tabs-accordion-body h4{font-family:'Archivo Black',sans-serif;font-size:20px;margin:18px 0 10px;text-transform:uppercase;color:var(--ink)}
  .pd-tabs .tabs-accordion .tabs-accordion-body p{margin-bottom:12px}
  .pd-tabs .tabs-accordion .tabs-accordion-body ul,.pd-tabs .tabs-accordion .tabs-accordion-body ol{margin:0 0 12px 20px}
  .pd-tabs .tabs-accordion .tabs-accordion-body .spec-grid{border:1px solid var(--line);max-width:none}
  .pd-tabs .tabs-accordion .tabs-accordion-body .spec-row{grid-template-columns:120px 1fr;padding:10px 14px}
  .pd-tabs .tabs-accordion .tabs-accordion-body .spec-row .k{font-size:10px}
  .pd-tabs .tabs-accordion .tabs-accordion-body .spec-row .v{font-size:13px}
}

/* v0.1.191: Karewash skin for Elementor 原生 Tabs widget
   admin 在 Elementor 编辑器把 Tabs widget 的「CSS Classes」字段加 `kw-skin` 即激活。
   完全套 Karewash 黑底黄高亮 + Archivo Black 字体视觉，跟 .pd-tabs 像素一致。
   v0.1.193 self-audit: 加 border / background reset 防 Elementor 默认主题色 / 边框漏出来 */
.elementor-widget-tabs.kw-skin .elementor-tabs{max-width:1480px;margin:0 auto;position:relative;background:transparent !important;border:none !important}
.elementor-widget-tabs.kw-skin .elementor-tabs-wrapper{display:flex !important;gap:0 !important;border:none !important;border-bottom:2px solid var(--ink) !important;overflow-x:auto;overflow-y:hidden;background:transparent !important;scrollbar-width:none;-ms-overflow-style:none}
.elementor-widget-tabs.kw-skin .elementor-tabs-wrapper::-webkit-scrollbar{display:none}
.elementor-widget-tabs.kw-skin .elementor-tab-title{padding:18px 28px !important;background:transparent !important;border:none !important;font-family:'Archivo Black',sans-serif !important;font-size:14px !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:var(--ink-dim) !important;position:relative !important;transition:color .2s !important;white-space:nowrap !important}
.elementor-widget-tabs.kw-skin .elementor-tab-title:first-child{padding-left:0 !important}
.elementor-widget-tabs.kw-skin .elementor-tab-title:hover,
.elementor-widget-tabs.kw-skin .elementor-tab-title.elementor-active{color:#000 !important;background:transparent !important}
.elementor-widget-tabs.kw-skin .elementor-tab-desktop-title.elementor-active::after{content:"" !important;position:absolute !important;bottom:-2px !important;left:0 !important;right:0 !important;height:4px !important;background:var(--accent) !important}
.elementor-widget-tabs.kw-skin .elementor-tab-title:first-child.elementor-active::after{left:0 !important}
.elementor-widget-tabs.kw-skin .elementor-tab-content{padding:48px 0 !important;font-size:14px !important;line-height:1.8 !important;color:var(--ink-dim) !important;background:transparent !important;border:none !important}
.elementor-widget-tabs.kw-skin .elementor-tab-content h3,
.elementor-widget-tabs.kw-skin .elementor-tab-content h4{font-family:'Archivo Black',sans-serif !important;font-size:24px !important;margin:24px 0 12px !important;text-transform:uppercase !important;color:var(--ink) !important}
/* mobile：v0.1.193 self-audit fix — 只 target mobile-title（Elementor 原生 markup 同时有
   .elementor-tab-desktop-title + .elementor-tab-mobile-title，自带 CSS 按 viewport 切显隐）
   原来用 .elementor-tab-title 通配 + display:block !important 会让 mobile 双显，每 tab 出 2 次 */
@media (max-width:768px){
  .elementor-widget-tabs.kw-skin .elementor-tab-mobile-title,
  .kw-skin.elementor-widget-tabs .elementor-tab-mobile-title{padding:16px 0 !important;border-bottom:1px solid var(--line) !important;font-family:'Archivo Black',sans-serif !important;font-size:15px !important;letter-spacing:.06em !important;text-transform:uppercase !important;color:var(--ink) !important;background:transparent !important}
  /* mobile yellow line 不要 — mobile 走 accordion 形态，每行独立 */
  .elementor-widget-tabs.kw-skin .elementor-tab-mobile-title.elementor-active::after,
  .kw-skin.elementor-widget-tabs .elementor-tab-mobile-title.elementor-active::after{display:none !important}
}

/* ---- 相关产品 ---- */
/* v0.1.89 A5: .related wrapper（对齐 HTML 模板 pages/product-detail.html L282-283）— 容器从 .related-grid-section 改名 .related，grid 列从 3 → 4 */
.related{max-width:1480px;margin:120px auto 0;padding:0 40px;position:relative;z-index:2}
.related h3{font-family:'Archivo Black',sans-serif;font-size:28px;text-transform:uppercase;letter-spacing:-.01em;margin-bottom:24px}
.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px}

/* breadcrumb 已在前面定义 (line 277)，archive/single 模板复用 */

/* ---- FAQ Accordion ---- */
.faq-section{max-width:1200px;margin:0 auto;padding:0 40px;position:relative;z-index:2}
.faq-item{background:#fff;border:1px solid var(--line);margin-bottom:12px;transition:all .2s}
.faq-item.open{border-color:#000;box-shadow:4px 4px 0 var(--accent)}
.faq-q{padding:24px 28px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:15px;font-weight:700;user-select:none}
.faq-q .num{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--ink-dim);letter-spacing:.1em;flex-shrink:0;width:46px}
.faq-q .text{flex:1}
.faq-q .toggle{width:32px;height:32px;background:var(--bg-2);display:grid;place-items:center;font-size:18px;flex-shrink:0;transition:all .2s;font-weight:400}
.faq-item.open .toggle{background:var(--accent);transform:rotate(45deg)}
.faq-a{padding:0 28px 28px 92px;font-size:14px;color:var(--ink-dim);line-height:1.8;display:none}
.faq-item.open .faq-a{display:block}
.faq-a strong{color:var(--ink)}
.faq-a a{color:var(--ink);border-bottom:1px solid var(--accent)}
.faq-a ul{margin:10px 0 0 18px}
.faq-a li{margin-bottom:4px}

/* ---- FAQ Tabbed (kw_faq_tabbed) ---- */
.faq-cat-nav{display:flex;gap:0;border-bottom:2px solid var(--ink);margin-top:60px;overflow-x:auto;scrollbar-width:none;
	-webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 32px),transparent 100%);
	mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 32px),transparent 100%)}
.faq-cat-nav::-webkit-scrollbar{display:none}
.faq-cat-btn{padding:18px 28px;background:transparent;border:none;font-family:'Archivo Black',sans-serif;font-size:13px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;color:var(--ink-dim);position:relative;transition:color .2s;white-space:nowrap}
.faq-cat-btn.active,.faq-cat-btn:hover{color:#000}
.faq-cat-btn.active::after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:4px;background:var(--accent)}
.faq-group{padding:40px 0;display:none}
.faq-group.active{display:block}
.faq-group h3{font-family:'Archivo Black',sans-serif;font-size:32px;text-transform:uppercase;margin-bottom:32px;line-height:1.1;color:var(--ink);letter-spacing:-.01em}
.faq-group h3 em{font-style:normal;color:#000;background:var(--accent);padding:.02em .12em .08em;box-decoration-break:clone;-webkit-box-decoration-break:clone}

/* ---- Stats Grid ---- */
/* --cols 由 widget 的 inline style 设（2/3/4），@media 能正常 override */
.stats-grid{display:grid;grid-template-columns:repeat(var(--cols,4),1fr);gap:0;margin:0 auto;max-width:1480px;border:1px solid var(--ink)}
.stats-grid .stat{padding:40px 32px;border-right:1px solid var(--line-strong);transition:all .3s}
.stats-grid .stat:last-child{border-right:none}
.stats-grid .stat:hover{background:#fff}
.stat-big{font-family:'Archivo Black',sans-serif;font-size:64px;line-height:1;color:var(--ink);letter-spacing:-.02em;white-space:nowrap}
.stat-big span{color:var(--accent)}
.stat-lbl{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--ink-dim);letter-spacing:.1em;text-transform:uppercase;margin-top:12px}
.stat-desc{font-size:13px;color:var(--ink-dim);line-height:1.6;margin-top:10px}

/* ---- Timeline ---- */
/* 跟原 about.html 设计一致：不限宽不居中，撑满父容器 + 左对齐
   （v0.1.13 之前误加了 max-width:880px+margin:0 auto，跟 section-head 对齐错位） */
.timeline{position:relative;padding-left:32px}
.timeline::before{content:"";position:absolute;left:8px;top:8px;bottom:8px;width:2px;background:var(--ink)}
.tl-event{position:relative;padding-bottom:48px}
.tl-event::before{content:"";position:absolute;left:-32px;top:6px;width:18px;height:18px;background:var(--accent);border:3px solid #000}
.tl-year{font-family:'Archivo Black',sans-serif;font-size:24px;letter-spacing:-.01em;color:var(--ink);margin-bottom:6px}
.tl-title{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;font-weight:700}
.tl-event p{font-size:14px;line-height:1.7;color:var(--ink-dim);max-width:680px}

/* ---- Newsletter CTA ---- */
.newsletter{max-width:1480px;margin:0 auto;background:var(--accent);color:#000;padding:60px 48px;display:grid;grid-template-columns:1.4fr 1fr;gap:60px;align-items:center;border:3px solid #000;position:relative;overflow:hidden}
.newsletter::before{content:attr(data-corner);position:absolute;top:18px;right:30px;font-family:'JetBrains Mono',monospace;font-size:10px;color:rgba(0,0,0,.3);letter-spacing:.2em}
.newsletter h3{font-family:'Archivo Black',sans-serif;font-size:clamp(32px,4vw,52px);line-height:1.05;text-transform:uppercase;letter-spacing:-.02em}
.newsletter h3 .sub{display:block;font-family:'JetBrains Mono',monospace;font-size:14px;margin-top:18px;letter-spacing:.06em;text-transform:uppercase;font-weight:600;color:rgba(0,0,0,.7)}
.newsletter-form{display:flex;flex-direction:column;gap:12px}
.newsletter-form input{padding:18px 20px;border:2px solid #000;background:transparent;font-family:'JetBrains Mono',monospace;font-size:13px;color:#000;letter-spacing:.04em}
.newsletter-form input::placeholder{color:rgba(0,0,0,.5)}
.newsletter-form input:focus{outline:none;background:#000;color:var(--accent)}
.newsletter-form input:focus::placeholder{color:rgba(245,200,0,.7)}
.newsletter-form button{background:#000;color:var(--accent);padding:18px;border:none;font-family:'Archivo Black',sans-serif;font-size:13px;letter-spacing:.08em;cursor:pointer;text-transform:uppercase;transition:all .2s}
.newsletter-form button:hover{background:#fff;color:#000}
.newsletter-form button:disabled{opacity:.5;cursor:not-allowed}

/* ============================================================
   Blog 模板 — home.php (列表) / single.php (单篇) / Featured Article widget
   设计来源：karewash-html-theme/pages/blog.html + article-detail.html
   ============================================================ */

/* ---- Blog 列表 section ---- */
.blog-section{max-width:1480px;margin:0 auto;padding:60px 40px 0;position:relative;z-index:2}
.blog-grid{display:grid;grid-template-columns:repeat(var(--cols,3),1fr);gap:24px;margin-top:40px;padding-bottom:40px}

/* Blog Tabs (home.php PHP 模板模式：分类筛选 tab) */
.blog-tabs{display:flex;gap:0;border-bottom:2px solid var(--ink);margin-top:80px;overflow-x:auto;scrollbar-width:none;
	/* 右边 fade 让用户知道还有更多 tab 在右侧被遮 — 窄屏 / tab 多的时候视觉提示「可以横向滑」 */
	-webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 32px),transparent 100%);
	mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 32px),transparent 100%)}
.blog-tabs::-webkit-scrollbar{display:none}
.blog-tab{padding:18px 24px;background:transparent;border:none;font-family:'Archivo Black',sans-serif;font-size:13px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;color:var(--ink-dim);position:relative;transition:color .2s;white-space:nowrap;display:flex;align-items:center;gap:10px}
.blog-tab.active,.blog-tab:hover{color:#000}
.blog-tab.active::after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:4px;background:var(--accent)}
.blog-tab .count{font-family:'JetBrains Mono',monospace;font-size:10px;background:var(--bg-2);color:var(--ink-dim);padding:2px 6px;letter-spacing:.06em;font-weight:700}
.blog-tab.active .count{background:var(--accent);color:#000}
/* tab 隐藏卡片 — JS 按 data-cats 加 .is-hidden 标记 */
.article-card.is-hidden{display:none}

/* ---- Featured Article widget ----
   注意：根类 .featured-article（原为 .featured，无作用域）。
   旧名跟 .term-card.featured（Incoterms 卡的高亮款）以及任何其他可能的 .featured 修饰类冲突。
   2026-05-19 改名收敛作用域，避免 grid/max-width/border 泄露到其他 widget。
*/
.featured-article{background:var(--dark);color:#fff;display:grid;grid-template-columns:1.1fr 1fr;gap:0;border:2px solid var(--accent);position:relative;overflow:hidden;max-width:1480px;margin:60px auto 0;transition:transform .3s,box-shadow .3s}
/* 当 widget 渲染成 <a> 可点击卡（home.php Featured Article）— 加 hover 反馈 */
a.featured-article{text-decoration:none;color:inherit;cursor:pointer}
a.featured-article:hover{transform:translateY(-3px);box-shadow:8px 8px 0 var(--accent)}
a.featured-article:hover .featured-body h2{color:var(--accent)}
.featured-visual{height:100%;min-height:480px;background:linear-gradient(135deg,#1a1815 0%,#0a0908 100%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-right:2px solid var(--accent)}
.featured-visual::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(245,200,0,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(245,200,0,.04) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:1}
.featured-visual svg{width:50%;height:50%;color:rgba(245,200,0,.5);position:relative;z-index:2}
.featured-badge{position:absolute;top:24px;left:24px;background:var(--accent);color:#000;padding:8px 16px;font-family:'JetBrains Mono',monospace;font-size:11px;font-weight:700;letter-spacing:.1em;z-index:3}
.featured-body{padding:60px 48px;display:flex;flex-direction:column;justify-content:center}
.featured-meta{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--accent);letter-spacing:.1em;margin-bottom:20px;text-transform:uppercase}
.featured-meta .sep{margin:0 8px;color:rgba(255,255,255,.3)}
.featured-body h2{font-family:'Archivo Black',sans-serif;font-size:clamp(32px,4vw,52px);line-height:1.1;text-transform:uppercase;letter-spacing:-.02em;margin-bottom:20px;color:#fff}
.featured-body h2 em{font-style:normal;color:#000;background:var(--accent);padding:.02em .12em .08em}
.featured-body p{font-size:15px;line-height:1.8;color:rgba(255,255,255,.7);margin-bottom:28px;max-width:520px}
.featured-author{display:flex;align-items:center;gap:14px;margin-top:auto;padding-top:24px;border-top:1px solid rgba(255,255,255,.15);font-family:'JetBrains Mono',monospace;font-size:12px;color:rgba(255,255,255,.6);flex-wrap:wrap}
.featured-author .avatar{width:36px;height:36px;background:var(--accent);color:#000;display:grid;place-items:center;font-family:'Archivo Black',sans-serif;font-size:14px;flex-shrink:0}
.featured-author strong{color:#fff;font-weight:700}
.featured-author .sep{margin:0 6px;color:rgba(255,255,255,.3)}

/* ---- 文章卡片（home.php / related） ---- */
.article-card{background:#fff;border:1px solid var(--line);transition:all .3s;cursor:pointer;display:flex;flex-direction:column;text-decoration:none;color:inherit;overflow:hidden}
.article-card:hover{border-color:#000;transform:translateY(-4px);box-shadow:8px 8px 0 var(--accent)}
.article-thumb{height:220px;background:var(--bg-2);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid var(--line)}
.article-card:hover .article-thumb{background:var(--bg)}
.article-thumb::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(0,0,0,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.02) 1px,transparent 1px);background-size:30px 30px;pointer-events:none;z-index:1}
.article-thumb svg{position:relative;z-index:2}
.article-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.article-tag{position:absolute;top:14px;left:14px;background:var(--accent);color:#000;padding:5px 12px;font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.08em;z-index:3}
.article-read{position:absolute;top:14px;right:14px;background:rgba(0,0,0,.8);color:#fff;padding:5px 10px;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.06em;z-index:3}
.article-body{padding:28px;display:flex;flex-direction:column;flex-grow:1}
.article-meta{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--ink-dim);letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px}
.article-card h3{font-family:'Archivo Black',sans-serif;font-size:20px;line-height:1.2;text-transform:uppercase;margin-bottom:12px;color:var(--ink);letter-spacing:-.01em}
.article-card:hover h3{color:#000}
.article-card .excerpt{font-size:13px;color:var(--ink-dim);line-height:1.7;margin-bottom:18px;flex-grow:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.article-card .article-foot{display:flex;justify-content:space-between;align-items:center;padding-top:18px;border-top:1px solid var(--line);font-family:'JetBrains Mono',monospace;font-size:11px;margin-top:auto}
.article-card .article-foot .author{color:var(--ink-dim)}
.article-card .article-foot .author strong{color:#000;background:var(--accent);padding:1px 6px;margin-right:4px}
.article-card .article-foot .arrow{color:var(--ink-dim);transition:all .3s;display:flex;align-items:center;gap:4px}
.article-card:hover .article-foot .arrow{color:#000;transform:translateX(4px)}

/* ---- single.php 3 栏布局 ---- */
.article-layout{max-width:1480px;margin:60px auto 0;padding:0 40px;display:grid;grid-template-columns:240px minmax(0,1fr) 240px;gap:60px;align-items:start;position:relative;z-index:2}

/* ---- 左 TOC sidebar ---- */
.toc{position:sticky;top:100px;align-self:start;border-left:2px solid var(--ink);padding-left:24px;max-height:calc(100vh - 120px);overflow-y:auto;will-change:transform}
.toc::-webkit-scrollbar{width:4px}
.toc::-webkit-scrollbar-thumb{background:var(--line-strong)}
.toc-label{font-family:'JetBrains Mono',monospace;font-size:10px;color:#000;letter-spacing:.15em;margin-bottom:18px;text-transform:uppercase;font-weight:700}
.toc ul{list-style:none;padding:0;margin:0}
.toc li{padding:8px 0;border-bottom:1px solid var(--line);font-size:12px;cursor:pointer;transition:all .2s;color:var(--ink-dim);line-height:1.5}
.toc li:hover{padding-left:6px;color:#000}
.toc li.active{color:#000;font-weight:700;border-color:#000}
.toc li.active::before{content:"▸ ";color:var(--accent)}
.toc li a{display:block;color:inherit;text-decoration:none}
.toc li .num{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--ink-mute);margin-right:8px;letter-spacing:.06em}
.toc li.active .num{color:var(--accent)}
.toc-progress{margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}
.toc-progress-bar{height:4px;background:var(--bg-2);position:relative;overflow:hidden}
.toc-progress-fill{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--accent);transition:width .2s}

/* ---- 中正文 ---- */
.article-main{min-width:0}
.article-head{padding-bottom:32px;border-bottom:2px solid var(--ink);margin-bottom:48px}
.article-tagline{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--accent-2);letter-spacing:.12em;text-transform:uppercase;margin-bottom:20px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.article-tagline .badge{background:var(--accent);color:#000;padding:4px 10px;font-weight:700}
.article-head h1{font-family:'Archivo Black',sans-serif;font-size:clamp(36px,4.5vw,64px);line-height:1.05;letter-spacing:-.025em;text-transform:uppercase;margin-bottom:28px;color:var(--ink)}
.article-head h1 em{font-style:normal;color:#000;background:var(--accent);padding:.02em .12em .08em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.article-head .lead{font-size:18px;line-height:1.7;color:var(--ink-dim);max-width:720px;font-weight:500;border-left:3px solid var(--accent);padding-left:20px}
.article-byline{display:flex;justify-content:space-between;align-items:center;margin-top:32px;padding-top:24px;border-top:1px solid var(--line);font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--ink-dim);letter-spacing:.04em;flex-wrap:wrap;gap:16px}
.byline-author{display:flex;align-items:center;gap:14px}
.byline-author .avatar{width:42px;height:42px;background:var(--accent);color:#000;display:grid;place-items:center;font-family:'Archivo Black',sans-serif;font-size:16px;flex-shrink:0}
.byline-author strong{color:#000;font-weight:700;display:block;margin-bottom:2px}
.byline-author span{display:block;font-size:10px;color:var(--ink-mute);letter-spacing:.08em}
.byline-meta{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.byline-meta .item{display:flex;align-items:center;gap:6px}

/* ---- 文章特色图 hero ----
   有 featured image 时显示 img；没有时显示黄色 SVG 占位（color:var(--accent) 让 currentColor 变黄）。
   有 caption 时右下角显示一行 mono 小字。
*/
.article-hero{margin-bottom:48px;min-height:400px;background:var(--dark);color:var(--accent);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border:2px solid var(--accent)}
.article-hero::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(245,200,0,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(245,200,0,.04) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:2}
.article-hero img{width:100%;height:auto;display:block;max-height:520px;object-fit:cover}
.article-hero > svg{width:30%;height:60%;color:var(--accent);position:relative;z-index:2;opacity:.6}
.article-hero .caption{position:absolute;bottom:20px;left:24px;font-family:'JetBrains Mono',monospace;font-size:11px;color:rgba(245,200,0,.7);letter-spacing:.1em;z-index:3;max-width:calc(100% - 48px)}

/* ---- 正文（the_content 输出） ---- */
.article-content h2{font-family:'Archivo Black',sans-serif;font-size:32px;line-height:1.1;letter-spacing:-.02em;text-transform:uppercase;margin:56px 0 20px;color:var(--ink);scroll-margin-top:100px}
.article-content h2::before{content:attr(data-num) " · ";color:var(--accent);font-size:.8em}
.article-content h2:not([data-num])::before{content:none}
.article-content h3{font-family:'Archivo Black',sans-serif;font-size:22px;text-transform:uppercase;margin:36px 0 14px;line-height:1.2;color:var(--ink);scroll-margin-top:100px}
.article-content p{font-size:16px;line-height:1.85;color:var(--ink);margin-bottom:20px}
/* dropcap — 用 .kw-dropcap-target class 触发，class 由 [inc/article-frontend-enhance.php] 客户端 JS 加给
   .article-content 内第一个非 blockquote/li/figure-cap/stat-callout 子代的 <p>。
   优点：不依赖 :first-of-type CSS 怪癖（B 模式 widget 顺序变化也不影响）；blockquote 内 p 不会误中招。 */
.article-content .kw-dropcap-target::first-letter{font-family:'Archivo Black',sans-serif;font-size:64px;line-height:.9;float:left;margin:8px 14px 0 0;color:#000;background:var(--accent);padding:8px 12px}
.article-content strong{font-weight:700;color:#000}
.article-content em{font-style:italic}
.article-content a{color:#000;border-bottom:2px solid var(--accent);font-weight:700;transition:all .2s}
.article-content a:hover{background:var(--accent)}
.article-content ul,.article-content ol{margin:20px 0 24px 24px}
.article-content li{font-size:16px;line-height:1.85;color:var(--ink);margin-bottom:10px}
.article-content blockquote{margin:36px 0;padding:24px 28px;background:var(--bg-2);border-left:4px solid var(--accent);font-style:italic;font-size:17px;line-height:1.7;color:var(--ink);position:relative}
.article-content blockquote::before{content:"\201C";position:absolute;top:-8px;left:8px;font-family:'Archivo Black',sans-serif;font-size:64px;color:var(--accent);line-height:1;pointer-events:none}
.article-content blockquote cite{display:block;margin-top:14px;font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--ink-dim);letter-spacing:.06em;font-style:normal;text-transform:uppercase}

/* 文中数据卡 — 用户在 Gutenberg/经典编辑器手写 <div class="stat-callout"> 触发 */
.article-content .stat-callout{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:36px 0;border:2px solid var(--ink);background:#fff}
.article-content .stat-callout .item{padding:24px 20px;border-right:1px solid var(--line-strong);text-align:center}
.article-content .stat-callout .item:last-child{border-right:none}
.article-content .stat-callout .stat-num{font-family:'Archivo Black',sans-serif;font-size:36px;line-height:1;color:var(--ink)}
.article-content .stat-callout .stat-num span{color:var(--accent)}
.article-content .stat-callout .stat-lbl{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--ink-dim);letter-spacing:.08em;text-transform:uppercase;margin-top:8px}

/* 文中图说 — .figure 容器（独立于 HTML5 <figure>）— 用户手写 <div class="figure"><div class="figure-vis"><svg>...</svg></div><div class="figure-cap">...</div></div> */
.article-content .figure{margin:36px 0;background:var(--bg-2);padding:24px;border:1px solid var(--line)}
.article-content .figure-vis{min-height:200px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--line);margin-bottom:14px}
.article-content .figure-vis svg{width:50%;height:80%;color:var(--ink-dim);max-height:180px}
.article-content .figure-vis img{max-width:100%;max-height:280px;height:auto;display:block}
.article-content .figure-cap{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--ink-dim);letter-spacing:.06em;line-height:1.6}
.article-content .figure-cap strong{color:#000;font-family:'Archivo Black',sans-serif;font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.article-content table{width:100%;border-collapse:collapse;margin:28px 0;border:1px solid var(--line-strong);font-size:14px}
.article-content th{background:var(--dark);color:var(--accent);text-align:left;padding:14px 16px;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.article-content td{padding:14px 16px;border-bottom:1px solid var(--line);color:var(--ink)}
.article-content tr:last-child td{border-bottom:none}
.article-content figure{margin:28px 0}
.article-content figure img{width:100%;height:auto}
.article-content figcaption{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--ink-dim);letter-spacing:.06em;text-transform:uppercase;text-align:center;margin-top:10px}
.article-content code{font-family:'JetBrains Mono',monospace;font-size:.9em;background:var(--bg-2);padding:2px 6px;border:1px solid var(--line)}
.article-content pre{background:var(--dark);color:#e8e6df;padding:20px;overflow-x:auto;margin:28px 0;font-family:'JetBrains Mono',monospace;font-size:13px;line-height:1.6}
.article-content pre code{background:none;border:none;padding:0;color:inherit}

/* ---- 文章 footer（tags + 分享） ---- */
.article-main .article-foot{margin-top:80px;padding-top:32px;border-top:2px solid var(--ink)}
.article-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}
.article-tag-pill{font-family:'JetBrains Mono',monospace;font-size:11px;padding:6px 14px;background:var(--bg);border:1px solid var(--line-strong);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:all .2s;color:var(--ink);text-decoration:none}
.article-tag-pill:hover{background:var(--accent);border-color:#000;color:#000}
.share-row{display:flex;justify-content:space-between;align-items:center;padding:24px;background:var(--bg-2);border:1px solid var(--line);flex-wrap:wrap;gap:16px}
.share-row .label{font-family:'JetBrains Mono',monospace;font-size:11px;color:#000;letter-spacing:.1em;text-transform:uppercase;font-weight:700}
.share-buttons{display:flex;gap:8px}
.share-btn{width:40px;height:40px;background:#fff;border:1px solid var(--line-strong);display:grid;place-items:center;cursor:pointer;transition:all .2s}
.share-btn:hover{background:var(--accent);border-color:#000}
.share-btn svg{width:18px;height:18px;color:var(--ink)}

/* ---- 右侧 aside ---- */
.aside{position:sticky;top:100px;align-self:start;display:grid;gap:20px}
.aside-cta{background:var(--dark);color:#fff;padding:28px 24px;position:relative;overflow:hidden}
.aside-cta::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--accent)}
.aside-cta .label{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--accent);letter-spacing:.15em;margin-bottom:12px;text-transform:uppercase}
.aside-cta h4{font-family:'Archivo Black',sans-serif;font-size:20px;line-height:1.1;text-transform:uppercase;margin-bottom:12px;color:#fff}
.aside-cta p{font-size:13px;color:rgba(255,255,255,.7);line-height:1.6;margin-bottom:18px}
.aside-cta .btn-y{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:#000;padding:12px 18px;font-family:'Archivo Black',sans-serif;font-size:12px;letter-spacing:.06em;text-transform:uppercase;transition:all .2s;text-decoration:none}
.aside-cta .btn-y:hover{background:#fff}

/* 黄底变体（Full Catalog 等） — 用复合选择器 .aside-cta.aside-cta-yellow 把特异性顶到 (0,3,0)
   永远赢 .aside-cta .X (0,2,0)，跟源顺序无关，永久解决「黄底黄字看不见」的覆盖问题。 */
.aside-cta.aside-cta-yellow{background:var(--accent);color:#000}
.aside-cta.aside-cta-yellow::before{background:#000}
.aside-cta.aside-cta-yellow .label{color:#000}
.aside-cta.aside-cta-yellow h4{color:#000}
.aside-cta.aside-cta-yellow p{color:rgba(0,0,0,.7)}
.aside-cta.aside-cta-yellow .btn-y{background:#000;color:var(--accent)}
.aside-cta.aside-cta-yellow .btn-y:hover{background:#fff;color:#000}

.aside-author{background:#fff;border:1px solid var(--line);padding:24px}
.aside-author .label{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--accent);letter-spacing:.15em;margin-bottom:14px;text-transform:uppercase;font-weight:700}
.aside-author .avatar{width:64px;height:64px;background:var(--accent);color:#000;display:grid;place-items:center;font-family:'Archivo Black',sans-serif;font-size:24px;margin-bottom:14px}
.aside-author h5{font-family:'Archivo Black',sans-serif;font-size:16px;text-transform:uppercase;margin-bottom:4px;color:var(--ink)}
.aside-author .role{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--ink-dim);letter-spacing:.08em;margin-bottom:14px;text-transform:uppercase}
.aside-author p{font-size:12px;color:var(--ink-dim);line-height:1.6;margin-bottom:14px}

/* ---- 相关文章（single.php 底部） ---- */
.related-articles{max-width:1480px;margin:120px auto 0;padding:0 40px;position:relative;z-index:2}
.related-articles .section-head{padding:0 0 40px !important;max-width:none !important}
.related-grid-3{display:grid;grid-template-columns:repeat(var(--cols,3),1fr);gap:24px;margin-top:40px}

/* ============================================================
   Batch D widgets — Process Steps / Flow Diagram / Resource Cards
   设计来源：oem-odm.html / shipping-payment.html / resources.html
   ============================================================ */

/* ---- Process Steps（横向 6 步） ---- */
.oem-section,.ship-section{max-width:1480px;margin:0 auto;padding:0 40px;position:relative;z-index:2}
.process{margin:60px auto 0;display:grid;grid-template-columns:repeat(var(--cols,6),1fr);gap:0;border:1px solid var(--line-strong);background:#fff}
.step{padding:32px 24px;border-right:1px solid var(--line);position:relative;transition:all .3s}
.step:last-child{border-right:none}
.step:hover{background:var(--bg-2)}
.step-num{font-family:'Archivo Black',sans-serif;font-size:48px;line-height:1;color:var(--line-strong);margin-bottom:14px;transition:color .3s}
.step:hover .step-num{color:var(--accent)}
.step-meta{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--accent);letter-spacing:.1em;margin-bottom:10px}
.step-title{font-family:'Archivo Black',sans-serif;font-size:14px;text-transform:uppercase;letter-spacing:-.01em;margin-bottom:8px;color:var(--ink)}
.step-desc{font-size:12px;color:var(--ink-dim);line-height:1.6}

/* ---- OEM Capabilities（OEM vs ODM 2-card） ---- */
.capabilities{display:grid;grid-template-columns:repeat(var(--cols,2),1fr);gap:20px;margin-top:60px}
.cap{background:#fff;border:1px solid var(--line);padding:36px 32px;transition:all .3s;display:grid;grid-template-columns:60px 1fr;gap:24px;align-items:start}
.cap:hover{border-color:#000;box-shadow:8px 8px 0 var(--accent)}
.cap-icon{width:60px;height:60px;background:var(--accent);display:grid;place-items:center;color:#000;flex-shrink:0}
.cap-icon svg{width:32px;height:32px}
.cap h4{font-family:'Archivo Black',sans-serif;font-size:18px;text-transform:uppercase;margin-bottom:8px;line-height:1.2;color:var(--ink);letter-spacing:-.005em}
.cap p{font-size:13px;color:var(--ink-dim);line-height:1.7}
.cap ul{margin-top:12px;padding-left:18px;list-style:disc}
.cap li{font-size:12px;color:var(--ink-dim);line-height:1.7;margin-bottom:4px}
.cap li strong{color:var(--ink)}

/* ---- OEM MOQ Table（客制化能力矩阵） ---- */
.moq-table{margin-top:60px;background:#fff;border:1px solid var(--line);overflow-x:auto}
.moq-table table{width:100%;border-collapse:collapse;min-width:720px}
.moq-table th{background:var(--dark);color:var(--accent);text-align:left;padding:18px 24px;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:700}
.moq-table td{padding:18px 24px;border-bottom:1px solid var(--line);font-size:14px;color:var(--ink);vertical-align:top}
.moq-table tr:last-child td{border-bottom:none}
.moq-table tr:hover td{background:var(--bg-2)}
.moq-table .yes{color:var(--success);font-weight:700;font-family:'JetBrains Mono',monospace;font-size:13px;white-space:nowrap}
.moq-table .no{color:var(--ink-mute);font-family:'JetBrains Mono',monospace;font-size:13px;white-space:nowrap}
.moq-table .moq-cell{font-family:'JetBrains Mono',monospace;font-weight:700;color:#000;letter-spacing:.04em;white-space:nowrap}

/* ---- OEM Case Studies（3 张深色 case 卡） ---- */
.cases{display:grid;grid-template-columns:repeat(var(--cols,3),1fr);gap:20px;margin-top:60px}
.case{background:var(--dark);color:#fff;padding:32px;position:relative;overflow:hidden;transition:all .3s;display:flex;flex-direction:column}
.case:hover{transform:translateY(-4px);box-shadow:8px 8px 0 var(--accent)}
.case .label{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--accent);letter-spacing:.15em;margin-bottom:18px;text-transform:uppercase}
.case h4{font-family:'Archivo Black',sans-serif;font-size:20px;margin-bottom:12px;text-transform:uppercase;line-height:1.2;color:#fff;letter-spacing:-.01em}
.case p{font-size:13px;color:rgba(255,255,255,.65);line-height:1.7;margin-bottom:20px}
.case .quote{font-style:italic;color:rgba(255,255,255,.85);font-size:13px;line-height:1.7;border-left:2px solid var(--accent);padding-left:14px;margin:18px 0}
.case .by{font-family:'JetBrains Mono',monospace;font-size:11px;color:rgba(255,255,255,.5);letter-spacing:.06em;padding-top:14px;border-top:1px solid rgba(255,255,255,.15);margin-top:auto}

/* ---- Flow Diagram（带 → 箭头） ---- */
.flow{margin:60px auto 0;display:grid;grid-template-columns:repeat(var(--cols,5),1fr);gap:0;border:1px solid var(--ink);background:#fff}
.flow-step{padding:32px 24px;border-right:1px solid var(--line);position:relative;text-align:center;transition:all .3s}
.flow-step:last-child{border-right:none}
.flow-step:hover{background:var(--bg-2)}
.flow-step::after{content:"→";position:absolute;right:-12px;top:50%;transform:translateY(-50%);font-family:'Archivo Black',sans-serif;font-size:24px;color:var(--accent);background:#fff;width:24px;height:24px;display:grid;place-items:center;z-index:2;transition:background .3s}
.flow-step:hover::after{background:var(--bg-2)}
.flow-step:last-child::after{display:none}
/* 行末步骤的箭头要藏掉（指向下一行起点 = 视觉指向虚空）— 按 cols 类按 nth-child 屏蔽 */
.flow-cols-3 .flow-step:nth-child(3n)::after,
.flow-cols-4 .flow-step:nth-child(4n)::after,
.flow-cols-5 .flow-step:nth-child(5n)::after,
.flow-cols-6 .flow-step:nth-child(6n)::after{display:none}
.flow-num{font-family:'Archivo Black',sans-serif;font-size:36px;color:var(--accent);line-height:1;margin-bottom:10px}
.flow-step h5{font-family:'Archivo Black',sans-serif;font-size:14px;text-transform:uppercase;margin-bottom:8px;color:var(--ink)}
.flow-step p{font-size:12px;color:var(--ink-dim);line-height:1.5}

/* ---- Resource Cards（PDF / 下载） ---- */
.res-section{max-width:1480px;margin:0 auto;padding:60px 40px 0;position:relative;z-index:2}

/* Resource Tabs（kw_resource_tabs：5 个分类 tab + 切换 .res-grid） */
.res-tabs{display:flex;gap:0;border-bottom:2px solid var(--ink);margin-top:60px;overflow-x:auto;scrollbar-width:none;
	-webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 32px),transparent 100%);
	mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 32px),transparent 100%)}
.res-tabs::-webkit-scrollbar{display:none}
.res-tab{padding:18px 28px;background:transparent;border:none;font-family:'Archivo Black',sans-serif;font-size:13px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;color:var(--ink-dim);position:relative;transition:color .2s;white-space:nowrap;display:flex;align-items:center;gap:10px}
.res-tab.active,.res-tab:hover{color:#000}
.res-tab.active::after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:4px;background:var(--accent)}
.res-tab .count{font-family:'JetBrains Mono',monospace;font-size:10px;background:var(--accent);color:#000;padding:2px 6px;letter-spacing:.06em;font-weight:700}
/* tabbed 模式下 .res-grid 默认隐藏，仅 .active 显示；padding 让 tab 和 grid 间留呼吸 */
.res-tabs ~ .res-grid{display:none;padding:60px 0}
.res-tabs ~ .res-grid.active{display:grid}

.res-grid{display:grid;grid-template-columns:repeat(var(--cols,3),1fr);gap:20px}
.res-card{background:#fff;border:1px solid var(--line);padding:0;transition:all .3s;display:flex;flex-direction:column;overflow:hidden}
.res-card:hover{border-color:#000;box-shadow:8px 8px 0 var(--accent);transform:translateY(-4px)}
.res-thumb{height:200px;background:var(--bg-2);display:flex;align-items:center;justify-content:center;position:relative;border-bottom:1px solid var(--line);overflow:hidden}
.res-thumb::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(0,0,0,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.02) 1px,transparent 1px);background-size:30px 30px;pointer-events:none;z-index:1}
.res-thumb svg{width:60px;height:60px;color:var(--ink-dim);position:relative;z-index:2;transition:color .3s}
.res-card:hover .res-thumb svg{color:#000}
.res-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.res-thumb .type{position:absolute;top:14px;left:14px;background:var(--accent);color:#000;padding:5px 12px;font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.1em;z-index:3}
.res-thumb .size{position:absolute;top:14px;right:14px;background:rgba(0,0,0,.8);color:#fff;padding:5px 10px;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.06em;z-index:3}
.res-body{padding:24px;display:flex;flex-direction:column;flex-grow:1}
.res-body h4{font-family:'Archivo Black',sans-serif;font-size:18px;line-height:1.2;text-transform:uppercase;margin-bottom:8px;color:var(--ink)}
.res-body .desc{font-size:13px;color:var(--ink-dim);line-height:1.6;margin-bottom:18px;flex-grow:1}
.res-foot{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--line);font-family:'JetBrains Mono',monospace;font-size:11px;margin-top:auto;gap:10px;flex-wrap:wrap}
.res-foot .meta{color:var(--ink-dim)}
.res-foot .dl{color:#000;font-weight:700;display:inline-flex;align-items:center;gap:6px;transition:all .2s;text-decoration:none;letter-spacing:.06em}
.res-card:hover .res-foot .dl{color:var(--accent-2)}
.res-foot .dl svg{width:14px;height:14px}

/* ============================================================
   Batch E widgets — Cert Cards / Team Cards / Box Config
   设计来源：about.html / custom-kits.html
   ============================================================ */

/* ---- 通用 about/team/cert 区域容器 ---- */
.about-section{max-width:1480px;margin:0 auto;padding:0 40px;position:relative;z-index:2}

/* ---- Story Section（2 栏：左视觉 + 右长文）— about / oem-odm 等叙事段 ---- */
.story{margin-top:60px;display:grid;grid-template-columns:1fr 1.4fr;gap:80px;align-items:start}
.story-vis{background:var(--dark);aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.story-vis::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:1}
.story-vis svg{width:60%;height:60%;color:rgba(245,200,0,.4);position:relative;z-index:2}
.story-vis img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.story-text h3{font-family:'Archivo Black',sans-serif;font-size:36px;line-height:1.1;text-transform:uppercase;margin-bottom:24px;color:var(--ink);letter-spacing:-.01em}
.story-text h3 em{font-style:normal;color:#000;background:var(--accent);padding:.02em .12em .08em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.story-text p{font-size:15px;line-height:1.9;color:var(--ink-dim);margin-bottom:20px}
.story-text p:last-child{margin-bottom:0}
.story-text strong{color:var(--ink);background:rgba(245,200,0,.18);padding:1px 4px}
.story-text a{color:var(--ink);border-bottom:2px solid var(--accent);font-weight:700}

/* ---- Cert Cards（资质认证） ---- */
.certs{display:grid;grid-template-columns:repeat(var(--cols,4),1fr);gap:20px;margin-top:60px}
.cert{background:#fff;border:1px solid var(--line);padding:32px;text-align:center;transition:all .3s}
.cert:hover{border-color:#000;box-shadow:4px 4px 0 var(--accent)}
.cert-icon{width:60px;height:60px;background:var(--bg-2);margin:0 auto 18px;display:grid;place-items:center;border:1px solid var(--line-strong);overflow:hidden}
.cert-icon svg{width:32px;height:32px;color:var(--ink-dim)}
.cert h5{font-family:'Archivo Black',sans-serif;font-size:18px;margin-bottom:6px;text-transform:uppercase;color:var(--ink);letter-spacing:-.01em}
.cert p{font-size:12px;color:var(--ink-dim);line-height:1.5}

/* ---- Team Cards（团队成员） ---- */
.team{display:grid;grid-template-columns:repeat(var(--cols,3),1fr);gap:20px;margin-top:60px}
.member{background:#fff;border:1px solid var(--line);padding:32px;transition:all .3s;display:flex;flex-direction:column}
.member:hover{border-color:#000;box-shadow:4px 4px 0 var(--accent)}
.member-avatar{width:64px;height:64px;background:var(--accent);color:#000;border-radius:50%;display:grid;place-items:center;font-family:'Archivo Black',sans-serif;font-size:24px;margin-bottom:18px;overflow:hidden;flex-shrink:0}
.member-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.member-avatar span{display:block}
.member .role{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px;font-weight:700}
.member h5{font-family:'Archivo Black',sans-serif;font-size:18px;text-transform:uppercase;margin-bottom:6px;color:var(--ink);letter-spacing:-.01em}
.member .yrs{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--ink-dim);margin-bottom:16px;letter-spacing:.04em}
.member p{font-size:13px;color:var(--ink-dim);line-height:1.7;flex-grow:1}
.member-contact{display:inline-flex;align-items:center;font-family:'JetBrains Mono',monospace;font-size:11px;color:#000;margin-top:18px;padding-top:14px;border-top:1px solid var(--line);letter-spacing:.06em;text-decoration:none;border-bottom:0;align-self:flex-start;transition:color .2s}
.member-contact:hover{color:var(--accent-2)}

/* ---- Box Config（深色配置展示） ---- */
.box-config{margin-top:120px;background:var(--dark);color:#fff;padding:80px 40px;position:relative;overflow:hidden}
.box-config-bg{position:absolute;top:20px;left:0;right:0;font-family:'Archivo Black',sans-serif;font-size:140px;color:rgba(245,200,0,.06);white-space:nowrap;text-align:center;pointer-events:none;line-height:1;user-select:none}
.box-config-inner{max-width:1480px;margin:0 auto;position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.box-config h2{font-family:'Archivo Black',sans-serif;font-size:clamp(40px,5vw,72px);line-height:1.05;text-transform:uppercase;letter-spacing:-.02em;color:#fff}
.box-config h2 em{font-style:normal;color:#000;background:var(--accent);padding:.02em .12em .08em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.box-config .label{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--accent);letter-spacing:.2em;margin-bottom:24px}
.box-config p{font-size:15px;color:rgba(255,255,255,.7);line-height:1.8;margin:32px 0;max-width:480px}
.box-options{display:grid;gap:0;border-top:1px solid rgba(255,255,255,.15)}
.box-opt{padding:20px 0;border-bottom:1px solid rgba(255,255,255,.15);display:grid;grid-template-columns:50px 1fr auto;gap:20px;align-items:center}
.box-opt .n{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--accent);letter-spacing:.1em}
.box-opt h5{font-family:'Archivo Black',sans-serif;font-size:14px;text-transform:uppercase;margin-bottom:4px;color:#fff;letter-spacing:-.005em}
.box-opt p{font-size:12px;color:rgba(255,255,255,.6);margin:0;line-height:1.5;max-width:none}
.box-opt .val{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--accent);letter-spacing:.06em;text-transform:uppercase;text-align:right;line-height:1.5}
.color-swatches{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}
.swatch{width:40px;height:40px;border:2px solid rgba(255,255,255,.2);cursor:pointer;transition:all .2s;position:relative;background-clip:padding-box}
.swatch:hover{border-color:rgba(255,255,255,.5)}
.swatch.selected{border-color:var(--accent)}
.swatch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* ============================================================
   Batch F widgets — Term Cards / Stats Grid bar variant /
                     Big Download / Kit Card Detail / Contact Info Cards
   设计来源：shipping-payment.html / products.html / resources.html / custom-kits.html / contact.html
   ============================================================ */

/* ---- Stats Grid bar variant（products page feature-bar 风格） ---- */
.stats-grid-bar{border:none;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);max-width:1480px}
.stats-grid-bar .stat{padding:32px 24px;border-right:1px solid var(--line-strong);transition:none;display:flex;flex-direction:column;gap:6px}
.stats-grid-bar .stat:hover{background:transparent}
.stats-grid-bar .stat-big{font-size:36px;letter-spacing:0}
.stats-grid-bar .stat-lbl{margin-top:0}
.stats-grid-bar .stat-desc{margin-top:6px}

/* ---- Term Cards（Incoterms 4 列） ---- */
.terms-grid{display:grid;grid-template-columns:repeat(var(--cols,4),1fr);gap:20px;margin:60px auto 0;max-width:1480px}
.term-card{background:#fff;border:1px solid var(--line);padding:32px;transition:all .3s;position:relative}
.term-card:hover{border-color:#000;box-shadow:8px 8px 0 var(--accent)}
.term-card.featured{background:var(--dark);color:#fff;border-color:var(--dark)}
.term-card.featured .term-code{color:var(--accent)}
.term-card.featured .term-name{color:rgba(255,255,255,.7)}
.term-card.featured .term-desc,.term-card.featured .term-include li{color:rgba(255,255,255,.7)}
.term-card.featured .term-include li strong{color:#fff}
.term-card .badge{position:absolute;top:0;right:20px;background:var(--accent);color:#000;padding:6px 12px;font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.1em;z-index:3}
.term-code{font-family:'Archivo Black',sans-serif;font-size:48px;line-height:1;letter-spacing:-.02em;color:var(--ink);margin-bottom:8px}
.term-name{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--ink-dim);letter-spacing:.1em;text-transform:uppercase;margin-bottom:20px}
.term-desc{font-size:13px;color:var(--ink-dim);line-height:1.6;margin-bottom:20px}
.term-include{padding-top:18px;border-top:1px solid var(--line);list-style:none;margin:0;padding-left:0}
.term-card.featured .term-include{border-top-color:rgba(255,255,255,.15)}
.term-include li{font-size:12px;color:var(--ink-dim);padding:6px 0 6px 22px;position:relative;line-height:1.5}
.term-include li::before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:700}
.term-include li.no{opacity:.4}
.term-include li.no::before{content:"×";color:var(--ink-mute)}

/* ---- Ship Table（物流方式对比 4 列表） ---- */
.ship-table{margin:60px auto 0;max-width:1480px;background:#fff;border:1px solid var(--line);overflow-x:auto}
.ship-table table{width:100%;border-collapse:collapse;min-width:900px}
.ship-table th{background:var(--dark);color:var(--accent);text-align:left;padding:18px 20px;font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:700}
.ship-table td{padding:18px 20px;border-bottom:1px solid var(--line);font-size:13px;color:var(--ink);vertical-align:top}
.ship-table tr:last-child td{border-bottom:none}
.ship-table tr:hover td{background:var(--bg-2)}
.ship-table .method-name{font-family:'Archivo Black',sans-serif;font-size:16px;text-transform:uppercase;letter-spacing:-.01em;color:#000;margin-bottom:6px;line-height:1.2}
.ship-table .method-desc{font-size:12px;color:var(--ink-dim);line-height:1.5}
.ship-table .time{font-family:'JetBrains Mono',monospace;font-weight:700;color:var(--accent-2);letter-spacing:.04em;white-space:nowrap}
.ship-table .price{font-family:'JetBrains Mono',monospace;color:var(--ink-dim);font-size:12px;line-height:1.5}

/* ---- Payment Cards（付款方式 3 列卡） ---- */
.pay-grid{display:grid;grid-template-columns:repeat(var(--cols,3),1fr);gap:20px;margin:60px auto 0;max-width:1480px}
.pay-card{background:#fff;border:1px solid var(--line);padding:32px;transition:all .3s;display:flex;flex-direction:column}
.pay-card:hover{border-color:#000;box-shadow:4px 4px 0 var(--accent)}
.pay-icon{width:60px;height:60px;background:var(--accent);display:grid;place-items:center;color:#000;margin-bottom:20px;flex-shrink:0}
.pay-icon svg{width:32px;height:32px}
.pay-card h4{font-family:'Archivo Black',sans-serif;font-size:18px;text-transform:uppercase;margin-bottom:6px;color:var(--ink);letter-spacing:-.005em;line-height:1.2}
.pay-card .pay-meta{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--accent-2);letter-spacing:.06em;margin-bottom:14px}
.pay-card p{font-size:13px;color:var(--ink-dim);line-height:1.7;margin-bottom:14px}
.pay-card ul{padding-left:18px;font-size:12px;color:var(--ink-dim);line-height:1.7;list-style:disc;margin:0}
.pay-card li{margin-bottom:4px}
.pay-card li strong{color:var(--ink)}

/* ---- Big Download（深色精选下载横幅） ---- */
.big-dl{margin:60px auto 0;max-width:1480px;background:var(--dark);color:#fff;padding:60px 48px;display:grid;grid-template-columns:auto 1fr auto;gap:48px;align-items:center;position:relative;overflow:hidden}
.big-dl::before{content:attr(data-corner);position:absolute;top:20px;right:30px;font-family:'JetBrains Mono',monospace;font-size:10px;color:rgba(255,255,255,.3);letter-spacing:.2em}
.big-dl .pdf-ico{width:120px;height:140px;background:var(--accent);color:#000;display:grid;place-items:center;font-family:'Archivo Black',sans-serif;font-size:32px;clip-path:polygon(0 0,80% 0,100% 20%,100% 100%,0 100%)}
.big-dl-text h3{font-family:'Archivo Black',sans-serif;font-size:32px;text-transform:uppercase;margin-bottom:10px;line-height:1.1;color:#fff}
.big-dl-text h3 em{font-style:normal;color:#000;background:var(--accent);padding:.02em .12em .08em}
.big-dl-text p{font-size:14px;color:rgba(255,255,255,.7);line-height:1.7;max-width:600px;margin-bottom:0}
.big-dl-text .meta{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--accent);letter-spacing:.1em;margin-top:14px}

/* ---- Kit Card Detail（custom-kits 主力，3 列详细卡） ---- */
.kits-section{max-width:1480px;margin:0 auto;padding:60px 40px 0;position:relative;z-index:2}
.kits-grid{display:grid;grid-template-columns:repeat(var(--cols,3),1fr);gap:24px;margin-top:60px}
.kit-card{background:#fff;border:1px solid var(--line);padding:0;position:relative;overflow:hidden;transition:all .3s;display:flex;flex-direction:column;text-decoration:none;color:inherit;cursor:pointer}
.kit-card:hover{border-color:#000;transform:translateY(-6px);box-shadow:8px 8px 0 var(--accent)}
.kit-card .visual{height:280px;background:var(--bg-2);display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--line);position:relative;overflow:hidden}
.kit-card:hover .visual{background:var(--bg)}
.kit-card .visual::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(0,0,0,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.02) 1px,transparent 1px);background-size:30px 30px;pointer-events:none;z-index:2}
.kit-card .visual svg{width:60%;height:60%;color:var(--ink-dim);position:relative;z-index:3;transition:color .3s}
.kit-card:hover .visual svg{color:#000}
.kit-card .badge{position:absolute;top:0;left:0;background:var(--accent);color:#000;padding:6px 14px;font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.1em;z-index:4}
.kit-card .body{padding:32px;display:flex;flex-direction:column;flex-grow:1}
.kit-card .kit-no{font-family:'Archivo Black',sans-serif;font-size:13px;color:var(--ink-dim);letter-spacing:.1em;margin-bottom:8px}
.kit-card h3{font-family:'Archivo Black',sans-serif;font-size:24px;text-transform:uppercase;line-height:1.1;margin-bottom:8px;color:var(--ink);letter-spacing:-.01em}
.kit-card .sub{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:18px}
.kit-card .desc{font-size:13px;color:var(--ink-dim);line-height:1.7;margin-bottom:18px;flex-grow:1}
.kit-card .contents{padding-top:18px;border-top:1px solid var(--line)}
.kit-card .contents-label{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--ink-dim);letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px}
.kit-card .contents-list{display:flex;flex-wrap:wrap;gap:6px}
.kit-card .item{font-family:'JetBrains Mono',monospace;font-size:10px;padding:4px 8px;background:var(--bg);border:1px solid var(--line-strong);letter-spacing:.04em}
.kit-card .meta-row{display:flex;justify-content:space-between;align-items:center;padding-top:18px;margin-top:18px;border-top:1px solid var(--line);font-family:'JetBrains Mono',monospace;font-size:11px;gap:10px;flex-wrap:wrap}
.kit-card .meta-row .moq{color:var(--ink-dim)}
.kit-card .meta-row .moq strong{color:#000}
.kit-card .meta-row .arrow{color:var(--ink-dim);transition:all .3s}
.kit-card:hover .meta-row .arrow{color:#000;transform:translateX(4px)}

/* ---- Contact 2-Col Section（contact 页核心 widget kw_contact_section_2col）---- */
.contact-section{max-width:1480px;margin:60px auto;padding:0 40px;position:relative;z-index:2}
/* align-items:stretch → 右栏（contact-info）拉伸到跟 form 等高，让底部 map flex:1 撑满 */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:stretch}
.contact-form-col .section-label{display:inline-block;font-family:'JetBrains Mono',monospace;font-size:11px;color:#000;letter-spacing:.2em;background:var(--accent);padding:6px 12px;margin-bottom:24px}
.contact-form-heading{font-family:'Archivo Black',sans-serif;font-size:28px;line-height:1.1;letter-spacing:-.01em;text-transform:uppercase;color:var(--ink);margin-bottom:8px}
.contact-form-sub{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--ink-dim);letter-spacing:.06em;text-transform:uppercase;margin-bottom:32px}
.contact-form{background:#fff;border:1px solid var(--line);padding:48px}
.contact-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.contact-form .form-row.single{grid-template-columns:1fr}
.contact-form .form-field label{display:block;font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--ink-dim);letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px;font-weight:700}
.contact-form .form-field label .req{color:var(--accent-2)}
.contact-form .form-field input,.contact-form .form-field select,.contact-form .form-field textarea{width:100%;padding:14px 16px;border:1px solid var(--line-strong);background:var(--bg);font-family:'Manrope',sans-serif;font-size:14px;color:var(--ink);transition:all .2s;box-sizing:border-box}
.contact-form .form-field input:focus,.contact-form .form-field select:focus,.contact-form .form-field textarea:focus{outline:none;border-color:#000;background:#fff}
.contact-form .form-field textarea{min-height:140px;resize:vertical}
.contact-submit{width:100%;background:#000;color:var(--accent);padding:20px;border:none;font-family:'Archivo Black',sans-serif;font-size:14px;letter-spacing:.08em;cursor:pointer;text-transform:uppercase;margin-top:24px;transition:all .2s}
.contact-submit:hover{background:var(--accent);color:#000}
.contact-submit:disabled{opacity:.5;cursor:not-allowed}

/* checkbox-group — Interested In 多选复选框（contact widget 用） */
.contact-form .checkbox-group{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:8px}
.contact-form .cb{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid var(--line-strong);background:var(--bg);cursor:pointer;font-size:12px;letter-spacing:.04em;transition:all .2s;user-select:none;color:var(--ink-dim)}
.contact-form .cb:hover{border-color:#000}
.contact-form .cb input{accent-color:var(--accent);width:14px;height:14px;cursor:pointer;flex-shrink:0}
/* 选中态：整块变黄 + 文字黑加粗（用 :has() — Chrome 105+/FF 121+/Safari 15.4+ 都支持）*/
.contact-form .cb:has(input:checked){background:var(--accent);border-color:var(--accent);color:#000}
.contact-form .cb:has(input:checked) span{font-weight:700}

/* 右栏信息卡列表 — flex column 让底部 map 用 flex:1 撑满 contact-grid 拉伸的剩余空间 */
.contact-info{display:flex;flex-direction:column;gap:20px}
/* 独立 kw_contact_info_cards widget 用法（外面包 .about-section）→ 宽屏自动 2 列 auto-fit；
   覆盖 2-col widget 的 flex column 默认（2-col widget 上层是 .contact-section 不是 .about-section）*/
.about-section > .contact-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));margin:60px 0}

/* 地图块 — contact widget 右栏底部（placeholder 模式 = 网格底纹 + 红 pin；iframe 模式 = Google Maps 嵌入）
   flex:1 + min-height:240px：跟 form 一样高时撑满剩余，独立用时至少 240px */
.map-block{flex:1;min-height:240px;background:var(--bg-2);position:relative;overflow:hidden;border:1px solid var(--line)}
.map-block::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(0,0,0,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.04) 1px,transparent 1px);background-size:30px 30px;pointer-events:none}
.map-block-iframe{background:transparent}
.map-block-iframe::after{display:none}
.map-block-iframe iframe{width:100%;height:100%;border:0;display:block}
.map-block .pin{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;display:flex;flex-direction:column;align-items:center}
.map-block .pin-marker{width:20px;height:20px;background:var(--accent-2);border:3px solid #000;border-radius:50% 50% 50% 0;transform:rotate(-45deg);margin-bottom:6px}
.map-block .pin-text{font-family:'JetBrains Mono',monospace;font-size:10px;background:#fff;border:1px solid #000;padding:6px 10px;letter-spacing:.06em;text-align:center;line-height:1.4}
.info-card{background:var(--dark);color:#fff;padding:32px;position:relative;overflow:hidden}
.info-card.yellow{background:var(--accent);color:#000}
.info-card .label{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.15em;margin-bottom:14px;text-transform:uppercase;opacity:.7}
.info-card.yellow .label{opacity:1}
.info-card h4{font-family:'Archivo Black',sans-serif;font-size:22px;text-transform:uppercase;margin-bottom:18px;line-height:1.1;color:inherit}
.info-card .row{display:flex;align-items:center;gap:14px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:13px}
.info-card.yellow .row{border-color:rgba(0,0,0,.1)}
.info-card .row:last-child{border-bottom:none}
.info-card .row .ico{width:32px;height:32px;background:rgba(255,255,255,.08);display:grid;place-items:center;flex-shrink:0}
.info-card.yellow .row .ico{background:rgba(0,0,0,.08)}
.info-card .row .ico svg{width:16px;height:16px}
.info-card .row .lbl{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.1em;opacity:.6;text-transform:uppercase;margin-bottom:2px}
.info-card .row .val{font-weight:700}

/* ============================================================
   响应式 — MUST 放在文件末尾
   ============================================================
   所有 @media 必须在所有 base rule 之后；否则同特异性下源码靠后的 base 会
   把 mobile override 盖掉（实际踩过：.cat-6/.kit-grid/.b2b-grid 桌面规则在
   widget block，mobile override 在中部，导致 mobile 失效）。
*/
@media (max-width:1024px){
  .hero-grid,.b2b-grid,.cta-block-inner,.newsletter{grid-template-columns:1fr;gap:40px}
  .hero-stamp,.hero-deco{display:none}
  .cat-grid > .cat{grid-column:span 12} /* cat-6 also matches; no extra needed */
  .cat-6{grid-template-columns:1fr;padding:32px}
  .kit-grid{grid-template-columns:1fr}
  .detail-grid{grid-template-columns:1fr;gap:40px}
  .detail-nav{position:static;border-left:none;border-top:2px solid var(--ink);padding:24px 0 0;max-height:none;top:auto}
  .prod-list,.products-list,.related-grid{grid-template-columns:repeat(2,1fr)}
  .stats-grid{grid-template-columns:repeat(2,1fr)}
  .stats-grid .stat:nth-child(2n){border-right:none}
  .stats-grid .stat:nth-child(-n+2){border-bottom:1px solid var(--line-strong)}
  .cat-layout{grid-template-columns:1fr;gap:32px}
  .filters{position:static;top:auto}
  .pd-grid{grid-template-columns:1fr;gap:40px}
  .pd-gallery{position:static;top:auto}
  .pd-attrs{grid-template-columns:1fr}
  .pd-attr:nth-child(odd),.pd-attr:nth-child(even){padding-left:0;padding-right:0;border-left:none;border-bottom:1px solid var(--line)}
  .pd-attr:last-child{border-bottom:none}
  .foot{grid-template-columns:1fr 1fr;gap:40px}
  .section-head{grid-template-columns:1fr;gap:20px}
  .section-head .head-meta{text-align:left}
  /* v0.1.184 (audit #1) — mobile nav 抽屉
     原 ".site-nav ul{display:none}" 完全没汉堡兜底，B2B 站移动流量 30%+ 只能靠 logo / footer 导航
     现：.site-nav 变全宽下拉面板，hamburger toggle body.nav-open class */
  .nav-toggle{display:flex;flex-direction:column;justify-content:space-between;width:30px;height:22px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001;margin-left:auto}
  .nav-toggle .hamburger-bar{display:block;width:100%;height:3px;background:var(--ink);border-radius:2px;transition:transform .25s ease,opacity .15s ease;transform-origin:center}
  body.nav-open .nav-toggle .hamburger-bar:nth-child(1){transform:translateY(9.5px) rotate(45deg)}
  body.nav-open .nav-toggle .hamburger-bar:nth-child(2){opacity:0}
  body.nav-open .nav-toggle .hamburger-bar:nth-child(3){transform:translateY(-9.5px) rotate(-45deg)}
  /* 桌面 nav-cta 在 mobile 隐藏；功能挪进抽屉底部 .mobile-nav-extras（main.js clone） */
  .nav-cta{display:none}
  /* 抽屉容器 — 默认在视口外，body.nav-open 滑入 */
  .site-nav{position:fixed;inset:0;top:0;background:#fff;padding:88px 32px 32px;transform:translateY(-100%);transition:transform .3s ease;z-index:1000;max-height:100vh;overflow-y:auto;box-shadow:0 8px 32px rgba(0,0,0,.12);display:block}
  body.nav-open .site-nav{transform:translateY(0)}
  .site-nav ul{display:flex;flex-direction:column;gap:0;list-style:none;padding:0;margin:0}
  .site-nav ul li{margin:0}
  .site-nav ul li a{display:block;padding:18px 0;font-size:18px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;font-family:Impact,"Arial Black","Helvetica Neue",sans-serif}
  .site-nav ul li a:hover{color:var(--accent)}
  /* v0.1.185 self-audit fix: 关掉桌面继承下来的 ::after 下划线动画 — 跟 border-bottom 视觉打架 */
  .site-nav a::after{display:none}
  .mobile-nav-extras{margin-top:28px;display:flex;flex-direction:column;gap:16px}
  .mobile-nav-extras .lang-switcher{align-self:flex-start}
  .mobile-nav-extras .btn-quote{align-self:stretch;text-align:center;padding:18px 24px;font-size:16px}
  /* body 滚动锁 + 半透明蒙层 */
  body.nav-open{overflow:hidden}
  body.nav-open::before{content:'';position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:999;pointer-events:none}
  .page-hero{padding:60px 40px 80px}
  /* Blog */
  .featured-article{grid-template-columns:1fr}
  .featured-visual{min-height:280px;border-right:none;border-bottom:2px solid var(--accent)}
  .featured-body{padding:40px 32px}
  .blog-grid,.related-grid-3{grid-template-columns:repeat(2,1fr)}
  .article-layout{grid-template-columns:1fr;gap:40px;padding:0 32px;margin-top:40px}
  .toc{position:static;border-left:none;border-top:2px solid var(--ink);padding:18px 0 0;max-height:none}
  .aside{position:static;grid-template-columns:1fr 1fr;gap:16px}
  /* Batch D */
  .process,.flow{grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line)}
  .process .step,.flow .flow-step{background:#fff;border:none}
  .flow-step::after{display:none}
  .res-grid{grid-template-columns:repeat(2,1fr)}
  /* Batch E */
  .certs,.team{grid-template-columns:repeat(2,1fr)}
  .box-config-inner{grid-template-columns:1fr;gap:40px}
  .box-config-bg{font-size:80px}
  .story{grid-template-columns:1fr;gap:40px}
  .story-vis{aspect-ratio:16/10;max-height:400px}
  .contact-grid{grid-template-columns:1fr;gap:40px}
  /* Batch F */
  .capabilities,.cases{grid-template-columns:1fr}
  .pay-grid{grid-template-columns:repeat(2,1fr)}
  .terms-grid,.kits-grid{grid-template-columns:repeat(2,1fr)}
  .stats-grid-bar{grid-template-columns:repeat(2,1fr)}
  .stats-grid-bar .stat:nth-child(2n){border-right:none}
  .stats-grid-bar .stat:nth-child(-n+2){border-bottom:1px solid var(--line-strong)}
  .big-dl{grid-template-columns:1fr;gap:24px;text-align:center}
  .big-dl .pdf-ico{margin:0 auto}
}
@media (max-width:640px){
  /* v0.1.94 D1: .pd-thumbs 桌面 5-col 在 ≤640px 太挤，改 auto-fill 自适应（最小 60px / 列） */
  .pd-thumbs{grid-template-columns:repeat(auto-fill, minmax(60px, 1fr))}
  .nav{padding:14px 20px}
  .hero{padding:60px 20px 80px}
  /* v0.1.89: .related-grid-section / .pd-pricing 从列表删 — .related-grid-section 已重命名 .related；.pd-pricing 现在嵌在 .pd-info 内（不再是 top-level section），padding 由块自带 */
  .page-hero,.section-head,.breadcrumb,.categories,.b2b-section,.kit-inner,.detail-section,.faq-section,.cat-page,.pd-section,.pd-tabs,.related,.blog-section,.related-articles,.oem-section,.ship-section,.res-section,.about-section,.kits-section,.contact-section{padding-left:20px;padding-right:20px}
  .contact-form{padding:32px 24px}
  .contact-form .checkbox-group{grid-template-columns:1fr}
  .cta-block{padding:80px 20px}
  .newsletter{padding:40px 24px}
  .stat-big{font-size:48px}
  .faq-q{padding:20px}
  .faq-a{padding:0 20px 20px 66px}
  .faq-q .num{width:36px;font-size:10px}
  .prod-list,.products-list,.related-grid{grid-template-columns:1fr}
  .pd-info h1{font-size:32px}
  .pd-tab-btn{padding:14px 18px;font-size:11px}
  .pagination a,.pagination span{min-width:32px;height:32px;padding:0 8px;font-size:11px}
  .foot{grid-template-columns:1fr}
  /* Blog */
  .blog-grid,.related-grid-3{grid-template-columns:1fr}
  .article-layout{padding:0 20px;gap:32px}
  /* widget 单独使用时（不在 .blog-section 里）也有侧边距 */
  .featured-article{margin-left:20px;margin-right:20px;margin-top:40px}
  .featured-body{padding:32px 24px}
  .featured-body h2{font-size:28px}
  .article-head h1{font-size:36px}
  .article-content .kw-dropcap-target::first-letter{font-size:48px;padding:6px 10px}
  .article-content h2{font-size:26px;margin:40px 0 16px}
  .article-byline{flex-direction:column;align-items:flex-start}
  .share-row{flex-direction:column;align-items:flex-start}
  .aside{grid-template-columns:1fr}
  /* Batch D */
  .process,.flow{grid-template-columns:1fr}
  .step-num{font-size:36px}
  .flow-num{font-size:28px}
  .res-grid{grid-template-columns:1fr}
  /* Batch E */
  .certs,.team{grid-template-columns:1fr}
  .box-config{padding:60px 24px}
  .box-config-bg{font-size:60px}
  .box-opt{grid-template-columns:40px 1fr;row-gap:6px}
  .box-opt .val{grid-column:1 / -1;text-align:left;padding-left:60px}
  /* Batch F */
  .terms-grid,.kits-grid,.stats-grid-bar,.pay-grid{grid-template-columns:1fr}
  .big-dl{padding:48px 24px}
  .big-dl .pdf-ico{width:100px;height:120px;font-size:28px}
  .term-code{font-size:36px}
  .kit-card .body{padding:24px}
  .kit-card .visual{height:200px}
  .info-card{padding:24px}
  .info-card h4{font-size:18px}
}

/* ============================================================
   v0.1.109 — 单产品页询盘模态（dialog + form）
   ============================================================ */

/* flash 横幅 — 模态提交回跳后显示在 pd-section 上方 */
.pd-inquiry-flash{margin:24px auto;max-width:900px;padding:16px 24px;border-left:4px solid;font-family:'Manrope',sans-serif;font-size:14px;line-height:1.5}
.pd-inquiry-flash-success{background:#f0f9ee;border-color:#2d8e3a;color:#1b5524}
.pd-inquiry-flash-error{background:#fdf2f1;border-color:#c0392b;color:#7a1f15}
.pd-inquiry-flash-inner{max-width:760px}

/* pricing 表 — "This tier" 按钮（新加的第 4 列） */
.tier-table .tier-cta-cell{width:120px;text-align:right}

/* v0.1.120 Q1.B：SPEC tab 附加说明（紧贴 spec-grid 下方的富文本段） */
.spec-extra{margin-top:24px;color:var(--ink);font-size:14px;line-height:1.7}
.spec-extra h3{font-family:'Manrope',sans-serif;font-weight:800;font-size:18px;margin:20px 0 10px;color:var(--ink)}
.spec-extra h4{font-family:'Manrope',sans-serif;font-weight:700;font-size:15px;margin:16px 0 8px;color:var(--ink)}
.spec-extra p{margin:0 0 12px}
.spec-extra ul,.spec-extra ol{margin:0 0 12px 22px}
.spec-extra li{margin-bottom:6px}
.spec-extra a{color:#000;text-decoration:underline}
.spec-extra a:hover{color:var(--accent-2,#ff5722)}
.spec-extra blockquote{border-left:3px solid var(--accent);padding:8px 14px;margin:12px 0;color:var(--ink-dim);font-style:italic}
.spec-extra code{font-family:'JetBrains Mono',monospace;background:#fafaf7;padding:1px 5px;font-size:12px}
.pd-tier-cta{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid var(--accent);color:var(--accent);padding:6px 12px;font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:all .2s;text-decoration:none}
.pd-tier-cta:hover,.pd-tier-cta:focus-visible{background:var(--accent);color:#000;outline:none}

/* dialog 本体 */
.pd-inquiry-modal{padding:0;border:none;background:transparent;max-width:680px;width:calc(100% - 32px);max-height:calc(100vh - 32px);overflow:visible}
.pd-inquiry-modal::backdrop{background:rgba(0,0,0,.6);backdrop-filter:blur(2px)}

/* form 容器 — modal 内主体 */
.pd-inquiry-form{position:relative;background:#fff;padding:32px 32px 28px;font-family:'Manrope',sans-serif;color:var(--ink);max-height:calc(100vh - 32px);overflow-y:auto}

/* close × 按钮 — 右上角 */
.pd-inquiry-close{position:absolute;top:14px;right:14px;width:32px;height:32px;background:transparent;border:none;font-size:28px;line-height:1;cursor:pointer;color:var(--ink-dim);padding:0;display:grid;place-items:center;transition:color .15s}
.pd-inquiry-close:hover,.pd-inquiry-close:focus-visible{color:var(--ink);outline:none}

/* eyebrow + heading */
.pd-inquiry-eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;color:#b8920a;letter-spacing:.12em;margin-bottom:8px}
.pd-inquiry-modal h2{font-family:'Manrope',sans-serif;font-weight:800;font-size:24px;line-height:1.2;margin:0 0 8px;color:var(--ink)}
.pd-inquiry-intro{color:var(--ink-dim);font-size:13px;margin:0 0 20px}

/* Quote / Sample radio toggle — 黄底激活态 */
.pd-inquiry-mode{display:flex;gap:0;border:1px solid var(--line-strong);margin:0 0 20px;padding:0;background:#fafaf7}
.pd-inquiry-mode legend{display:none}
.pd-inquiry-mode label{flex:1;cursor:pointer;display:block;position:relative}
.pd-inquiry-mode input[type=radio]{position:absolute;opacity:0;pointer-events:none}
.pd-inquiry-mode label span{display:block;text-align:center;padding:10px 16px;font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:all .15s}
.pd-inquiry-mode label input:checked + span{background:var(--accent);color:#000}
.pd-inquiry-mode label:hover input:not(:checked) + span{background:#f0ebd9}

/* 产品上下文卡 */
.pd-inquiry-ctx{background:#fafaf7;border-left:3px solid var(--accent);padding:12px 16px;margin:0 0 20px;font-size:13px;line-height:1.6}
.pd-inquiry-ctx .ctx-line strong{color:var(--ink);font-weight:700;margin-right:4px}
.pd-inquiry-ctx .ctx-line{color:var(--ink-dim)}
.pd-inquiry-ctx .ctx-product{color:var(--ink)}

/* form 字段 — 2 列 grid */
.pd-inquiry-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px;margin-bottom:14px}
/* v0.1.113: admin 只藏 1 个可选字段（phone 或 country）时，最后一项剩奇数位会孤儿独占 col 1 留空 col 2
   规则：grid 末尾若 nth-child(odd) → 强制跨 2 列填满，避免空白格 */
.pd-inquiry-grid > .pd-inquiry-field:last-child:nth-child(odd){grid-column:1 / -1}
.pd-inquiry-field{display:flex;flex-direction:column;gap:4px}
.pd-inquiry-field-full{margin-bottom:18px}
.pd-inquiry-field .lbl{font-size:12px;font-weight:600;color:var(--ink);letter-spacing:.02em}
.pd-inquiry-field .req{color:#c0392b}
.pd-inquiry-field input[type=text],.pd-inquiry-field input[type=email],.pd-inquiry-field textarea{font-family:'Manrope',sans-serif;font-size:14px;padding:10px 12px;border:1px solid var(--line-strong);background:#fff;color:var(--ink);width:100%;box-sizing:border-box;transition:border-color .15s}
.pd-inquiry-field input:focus,.pd-inquiry-field textarea:focus{outline:none;border-color:var(--ink)}
.pd-inquiry-field textarea{resize:vertical;min-height:70px;font-family:'Manrope',sans-serif}
.pd-inquiry-field input:invalid:not(:placeholder-shown){border-color:#c0392b}

/* actions（Cancel + Submit）— 复用全局 .btn-yellow / .btn-secondary，覆盖宽度 */
.pd-inquiry-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.pd-inquiry-actions .btn-secondary{padding:14px 24px;color:var(--ink);border-color:var(--ink)}
.pd-inquiry-actions .btn-secondary:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.pd-inquiry-actions .btn-yellow{padding:14px 28px;flex:1;justify-content:center;min-width:200px}

.pd-inquiry-fineprint{margin:16px 0 0;font-size:11px;color:var(--ink-dim);text-align:center}
.pd-inquiry-fineprint a{color:inherit;text-decoration:underline}

@media (max-width:600px){
  .pd-inquiry-modal{width:calc(100% - 16px);max-height:calc(100vh - 16px)}
  .pd-inquiry-form{padding:24px 20px}
  .pd-inquiry-modal h2{font-size:20px}
  .pd-inquiry-grid{grid-template-columns:1fr;gap:12px}
  .pd-inquiry-actions{flex-direction:column-reverse}
  .pd-inquiry-actions .btn-yellow,.pd-inquiry-actions .btn-secondary{width:100%;flex:none}
  .tier-table .tier-cta-cell{width:auto}
}

/* ============================================================
   Legal documents (Privacy / Terms / Cookie / Disclaimer)
   ------------------------------------------------------------
   v0.1.148: 直接照搬 karewash-html-theme/pages/privacy.html 的
   .legal-section / .legal-meta / .legal-toc / .legal-content
   原样移到主题 CSS，让 WP 编辑器 + Elementor text-editor 渲染
   出与 HTML 模板一致的法务文档版式（Archivo Black 大标题 +
   JetBrains Mono 编号 + 黄色 accent + bg-2 卡片背景）
   ============================================================ */
.legal-section{max-width:900px;margin:80px auto 0;padding:0 40px;position:relative;z-index:2}
.legal-meta{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--ink-dim);letter-spacing:.06em;text-transform:uppercase;padding:14px 20px;background:var(--bg-2);border-left:4px solid var(--accent);margin-bottom:40px}
.legal-meta strong{color:#000}

.legal-toc{background:var(--bg-2);padding:32px;margin-bottom:48px;border:1px solid var(--line)}
.legal-toc h4{font-family:'Archivo Black',sans-serif;font-size:14px;text-transform:uppercase;margin-bottom:16px;letter-spacing:-.01em}
.legal-toc ol{list-style:none;counter-reset:toc;padding:0;margin:0}
.legal-toc li{counter-increment:toc;font-family:'JetBrains Mono',monospace;font-size:13px;padding:6px 0;color:var(--ink);transition:color .2s}
.legal-toc li::before{content:"[" counter(toc, decimal-leading-zero) "] · ";color:var(--accent);font-weight:700;margin-right:8px}
.legal-toc li a{color:var(--ink);text-decoration:none;border:none}
.legal-toc li a:hover{color:#000;text-decoration:underline}

.legal-content h2{font-family:'Archivo Black',sans-serif;font-size:28px;text-transform:uppercase;margin:60px 0 20px;line-height:1.1;letter-spacing:-.01em;color:var(--ink)}
.legal-content h2:first-child{margin-top:0}
.legal-content h2 .num{font-family:'JetBrains Mono',monospace;font-size:14px;color:var(--ink-dim);letter-spacing:.1em;display:block;margin-bottom:8px;font-weight:500}
.legal-content h3{font-family:'Archivo Black',sans-serif;font-size:18px;text-transform:uppercase;margin:32px 0 12px;line-height:1.2;color:var(--ink)}
.legal-content p{font-size:15px;line-height:1.85;color:var(--ink);margin-bottom:16px}
.legal-content strong{font-weight:700;color:#000}
.legal-content em{font-style:italic;color:var(--ink-dim)}
.legal-content ul,.legal-content ol{margin:16px 0 16px 22px}
.legal-content li{font-size:15px;line-height:1.85;color:var(--ink);margin-bottom:10px}
.legal-content a{color:#000;border-bottom:2px solid var(--accent);font-weight:700;text-decoration:none;transition:background .2s}
.legal-content a:hover{background:var(--accent)}

@media (max-width:640px){
  .legal-section{margin-top:48px;padding:0 20px}
  .legal-toc{padding:24px 20px}
  .legal-content h2{font-size:22px;margin:48px 0 16px}
  .legal-content h3{font-size:16px}
}