/*
Theme Name: HilinkWorld BoxHouse
Theme URI: https://hilinkworld.net
Author: Hilink World
Description: HilinkWorld 站点主题。内容取自 hilinkworld.net 原站，版式参照 boxhouse.com 视觉规范。支持后台「外观 → HilinkWorld 设置」逐段改文案与图片。
Version: 1.0.0
Requires at least: 6.0
Tested up to: 7.1
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hilinkworld-boxhouse
Tags: business, custom-colors, custom-logo, custom-menu, featured-images
*/

/* ==========================================================================
   HilinkWorld — 站点样式
   视觉基准：boxhouse.com 实测拆解（06_boxhouse拆解/00_boxhouse设计规范.md）
   内容来源：hilinkworld.net 原站（文案 100% 照搬）
   ========================================================================== */

:root{
  --navy:#002136;
  --navy-2:#0a3350;
  --orange:#f06800;
  --orange-dark:#d95f00;
  --orange-lite:#ff7f1f;
  --teal:#53a5a0;
  --green:#0d8259;
  --green-dark:#0a6a49;
  --beige:#e8e5dd;
  --beige-2:#dedad0;
  --light:#f4f4f4;
  --ink:#212121;
  --ink-2:#4a5560;
  --line:#e0ddd4;
  --white:#fff;

  --display:'Archivo','Helvetica Neue',Arial,sans-serif;
  --body:'Inter','Helvetica Neue',Arial,sans-serif;

  --container:1272px;
  --navh:86px;
  --radius:15px;
  --radius-sm:8px;
  --pill:50px;
  --t:.2s ease;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:clip}
body{
  margin:0;background:var(--white);color:var(--ink);
  font-family:var(--body);font-size:16px;line-height:1.5;
  -webkit-font-smoothing:antialiased;overflow-x:clip;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button{font-family:inherit}

h1,h2,h3,h4,.display{
  font-family:var(--display);font-weight:500;font-stretch:112%;
  letter-spacing:1px;margin:0;color:var(--navy);line-height:1.08;
}
p{margin:0}

/* WP 后台条存在时的顶部留白 */
body.admin-bar .nav{top:32px}
@media (max-width:782px){ body.admin-bar .nav{top:46px} }

/* ---------- 布局 ---------- */
.wrap{width:100%;max-width:var(--container);margin:0 auto;padding:0 36px}
.section{padding:110px 0}
.section--sm{padding:80px 0}
.section--tight{padding:60px 0}
.center{text-align:center}
.bg-beige{background:var(--beige)}
.bg-light{background:var(--light)}
.bg-navy{background:var(--navy)}
.bg-white{background:var(--white)}

.lead{font-size:20px;line-height:1.5;color:var(--ink)}
.lead--navy{color:var(--navy)}
.muted{color:var(--ink-2)}

/* 区块标题 */
.h-sec{font-size:44px;line-height:1.3;letter-spacing:1px}
.h-sec--sm{font-size:34px;line-height:1.2}
.h-card{font-size:30px;line-height:1.1}

/* 细分割线 */
.rule{height:1px;background:var(--line);border:0;margin:26px 0}

/* ---------- 按钮 ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-family:var(--body);font-size:13px;font-weight:600;letter-spacing:1px;
  text-transform:uppercase;border-radius:var(--pill);border:1.5px solid transparent;
  padding:16px 32px;cursor:pointer;transition:var(--t);white-space:nowrap;
}
.btn--orange{background:var(--orange);color:#fff}
.btn--orange:hover{background:var(--orange-dark);transform:translateY(-2px)}
.btn--green{background:var(--green);color:#fff;padding:13px 26px}
.btn--green:hover{background:var(--green-dark);transform:translateY(-2px)}
.btn--navy{background:var(--navy);color:#fff}
.btn--navy:hover{background:var(--navy-2);transform:translateY(-2px)}
.btn--outline{border-color:var(--navy);color:var(--navy);background:transparent}
.btn--outline:hover{background:var(--navy);color:#fff}
.btn--outline-white{border-color:#fff;color:#fff;background:transparent}
.btn--outline-white:hover{background:#fff;color:var(--navy)}
.btn--sm{padding:11px 22px;font-size:12px}

/* ---------- 无障碍：仅供读屏的隐藏文本（不依赖插件注入） ---------- */
.screen-reader-text{
  position:absolute !important;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 !important;width:auto;height:auto;margin:0;padding:6px 12px;
  clip:auto;overflow:visible;background:#fff;color:var(--navy);
  font-size:14px;z-index:100000;
}

/* ---------- 导航 ---------- */
.nav{
  position:sticky;top:0;z-index:200;background:#fff;
  border-bottom:1px solid transparent;transition:var(--t);
}
.nav.scrolled{border-bottom-color:var(--line);box-shadow:0 2px 16px rgba(0,33,54,.06)}
.nav__inner{
  max-width:var(--container);margin:0 auto;padding:0 36px;height:var(--navh);
  display:flex;align-items:center;justify-content:space-between;gap:24px;min-width:0;
}
.brand{display:flex;align-items:center;gap:10px;flex:none}
.brand svg,.brand img,.brand__img{width:72px;height:72px;flex:none;object-fit:contain;display:block}
.brand__text{font-family:var(--display);font-weight:700;font-stretch:112%;
  font-size:22px;letter-spacing:.2px;color:var(--navy)}
.brand__text em{font-style:normal;color:var(--orange)}

.nav__menu{display:flex;align-items:center;gap:28px;list-style:none;margin:0;padding:0;min-width:0}
.nav__item{position:relative}
.nav__link{
  font-size:13px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;
  color:var(--navy);padding:22px 0;display:inline-flex;align-items:center;gap:6px;
  transition:var(--t);white-space:nowrap;background:none;border:0;cursor:pointer;
}
.nav__link:hover{color:var(--orange)}
.nav__item.active .nav__link{color:var(--orange)}
.nav__link .caret{width:9px;height:9px;flex:none;transition:transform var(--t)}
.nav__item:hover .caret{transform:rotate(180deg)}

.dropdown{
  position:absolute;top:100%;left:-18px;min-width:250px;background:#fff;
  border:1px solid var(--line);border-radius:var(--radius-sm);padding:8px;
  box-shadow:0 16px 40px rgba(0,33,54,.13);
  opacity:0;visibility:hidden;transform:translateY(-6px);transition:var(--t);
}
.nav__item:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.dropdown a{
  display:block;padding:11px 14px;border-radius:6px;font-size:14px;color:var(--navy);
  transition:var(--t);
}
.dropdown a:hover{background:var(--beige);color:var(--orange)}
.dropdown a small{display:block;font-size:12px;color:var(--ink-2);letter-spacing:0;text-transform:none}

.nav__toggle{display:none;width:42px;height:42px;border:0;background:none;cursor:pointer;padding:9px}
.nav__toggle span{display:block;height:2px;background:var(--navy);margin:5px 0;transition:var(--t)}

/* ---------- Hero ---------- */
.hero{position:relative;overflow:hidden;background:var(--navy)}
.hero__media{position:absolute;inset:0}
.hero__media img{width:100%;height:100%;object-fit:cover}
.hero__media::after{content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(0,33,54,.55),rgba(0,33,54,.12) 60%,rgba(0,33,54,.2))}
.hero__inner{
  position:relative;z-index:2;max-width:var(--container);margin:0 auto;
  padding:96px 36px 96px;min-height:470px;display:flex;align-items:center;
}
.hero--tall .hero__inner{min-height:560px}
.hero--page .hero__inner{min-height:420px;justify-content:center;text-align:center}
.hero--page .hero__media::after{background:rgba(0,33,54,.44)}

.hero-card{
  width:412px;max-width:100%;border-radius:var(--radius);
  background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.20);
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  padding:30px 34px 32px;overflow:hidden;position:relative;
}
.hero-card--wide{width:640px;text-align:center}
/* 宽卡顶部的小标签（原站品牌名） */
.hero-card__eyebrow{
  display:inline-block;font-size:12px;font-weight:600;letter-spacing:2px;
  text-transform:uppercase;color:var(--orange);margin-bottom:12px;
}
.hero-card--wide .hero-card__logo{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:6px}
.hero-card--wide .hero-card__logo svg,.hero-card--wide .hero-card__logo img{width:52px;height:48px}
.hero-card__logo-txt{font-family:var(--display);font-weight:700;font-stretch:112%;
  font-size:40px;color:#fff;letter-spacing:.5px}

/* 跑马灯大标题（Hero 卡内顶部，被卡片刻意裁切 = boxhouse 标志性视觉） */
.marquee{overflow:hidden;width:100%;margin:-4px 0 14px;opacity:.95}
.marquee__track{display:flex;gap:30px;width:max-content;animation:marquee 22s linear infinite}
.marquee span{
  font-family:var(--display);font-weight:600;font-stretch:112%;
  font-size:38px;line-height:1;letter-spacing:1px;text-transform:uppercase;
  color:var(--orange);white-space:nowrap;
}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.marquee:hover .marquee__track{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){ .marquee__track{animation:none} }

.hero-card h1{font-size:40px;line-height:1.05;color:#fff;margin:0 0 14px}
.hero-card p{color:rgba(255,255,255,.92);font-size:19px;line-height:1.45;margin-bottom:24px}
.hero-card .hero-card__title{font-size:40px;line-height:1.05;color:#fff;margin:0 0 12px;font-family:var(--display);font-weight:500;letter-spacing:1px}
.hero-card .hero-card__sub{font-size:19px;line-height:1.45;color:rgba(255,255,255,.92);margin-bottom:22px}
.hero-card__btns{display:flex;gap:12px;flex-wrap:wrap}

/* ---------- 卡片 ---------- */
.card{
  background:var(--beige);border-radius:var(--radius);padding:24px;
  transition:transform .3s ease,background .3s ease;
}
.card:hover{transform:translateY(-4px)}
.card__media{border-radius:10px;overflow:hidden;background:var(--beige-2);margin-bottom:20px}
.card__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.card:hover .card__media img{transform:scale(1.04)}

/* 特性卡（图标 + 绿标题） */
.feature{background:var(--beige);border-radius:var(--radius);padding:26px;transition:transform .3s ease}
.feature:hover{transform:translateY(-4px)}
.feature__icon{display:block;width:44px;height:44px;margin-bottom:18px;color:var(--navy)}
.feature__icon svg{width:100%;height:100%;stroke:var(--navy);fill:none;stroke-width:1.6;
  stroke-linecap:round;stroke-linejoin:round}
.feature h3{font-size:24px;color:var(--green);margin-bottom:12px;line-height:1.15}
.feature p{font-size:16px;line-height:1.5;color:var(--navy)}

/* 产品卡 */
.model-card{
  background:var(--beige);border-radius:var(--radius);padding:24px;
  display:flex;flex-direction:column;transition:transform .3s ease;
}
.model-card:hover{transform:translateY(-4px)}
.model-card__media{border-radius:10px;overflow:hidden;background:#fff;
  aspect-ratio:4/3;margin-bottom:22px;display:flex;align-items:center;justify-content:center}
.model-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.model-card:hover .model-card__media img{transform:scale(1.04)}
/* 无配图时（旧站该单品本身没图）—— 用低对比几何底纹，避免出现空框/破图 */
.model-card__media:empty{background:
  radial-gradient(circle at 26% 24%,rgba(0,33,54,.06) 0 34%,transparent 35%),
  radial-gradient(circle at 74% 76%,rgba(240,104,0,.07) 0 30%,transparent 31%),
  linear-gradient(135deg,#fff 0%,#f7f6f2 100%);}
.model-card__media:empty::after{content:"";width:64px;height:64px;border-radius:50%;
  border:2px dashed rgba(0,33,54,.16);}
.model-card h3{font-size:26px;margin-bottom:14px;line-height:1.15}
.model-card h3 span{color:#8496a8;font-weight:600}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.tag{background:#fff;border-radius:var(--pill);padding:8px 16px;font-size:13px;
  color:var(--navy);white-space:nowrap}
.model-card p{font-size:16px;line-height:1.5;color:var(--navy);margin-bottom:20px;flex:1}
.model-card .btn{align-self:flex-start}

/* 分类大卡（产品页） */
.cat-card{
  background:var(--beige);border-radius:var(--radius);padding:32px;
  display:flex;flex-direction:column;justify-content:space-between;gap:24px;
  transition:transform .3s ease;min-height:250px;
}
.cat-card:hover{transform:translateY(-4px)}
.cat-card__media{border-radius:10px;overflow:hidden;background:#fff;aspect-ratio:16/9}
.cat-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.cat-card:hover .cat-card__media img{transform:scale(1.04)}
.cat-card h3{font-size:30px;margin-bottom:12px}
.cat-card p{font-size:16px;line-height:1.5;color:var(--navy)}
.cat-card__link{font-size:13px;font-weight:600;letter-spacing:1px;text-transform:uppercase;
  color:var(--orange);display:inline-flex;align-items:center;gap:6px;transition:var(--t)}
.cat-card__link:hover{gap:12px}

/* ---------- 栅格 ---------- */
.grid{display:grid;gap:24px}
.grid--2{grid-template-columns:repeat(2,1fr)}
.grid--3{grid-template-columns:repeat(3,1fr)}
.grid--4{grid-template-columns:repeat(4,1fr)}
.grid--gap16{gap:16px}

/* 媒体 + 文字 两栏 */
.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.split--media{grid-template-columns:minmax(0,520px) minmax(0,1fr);gap:64px;align-items:start}

/* ---------- 统计 ---------- */
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:0 auto}
.stat{text-align:center}
.stat__num{font-family:var(--display);font-weight:700;font-stretch:112%;font-size:34px;
  letter-spacing:.5px;color:var(--teal);margin-bottom:10px}
.stat__label{font-size:14px;line-height:1.5;color:var(--navy)}

/* ---------- 深色区块 ---------- */
.dark{position:relative;overflow:hidden;background:var(--navy);color:#fff}
.dark::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(118deg,transparent 32%,rgba(255,255,255,.045) 32.2%,rgba(255,255,255,.045) 44%,transparent 44.2%),
    linear-gradient(118deg,transparent 58%,rgba(255,255,255,.035) 58.2%,rgba(255,255,255,.035) 74%,transparent 74.2%),
    radial-gradient(120% 90% at 12% 0%,#16496b 0%,#002136 62%);
}
.dark > *{position:relative;z-index:2}

/* ---------- 橙色 CTA 带 ---------- */
.cta{position:relative;overflow:hidden;background:var(--orange);color:#fff}
.cta__wm{position:absolute;right:-90px;bottom:-70px;width:440px;opacity:.5;pointer-events:none}
.cta__wm svg{width:100%;height:auto}
.cta__inner{position:relative;z-index:2;padding:82px 0}
.cta h2{color:#fff;font-size:44px;line-height:1.2;max-width:620px;margin-bottom:18px}
.cta p{color:var(--navy);font-size:18px;line-height:1.5;max-width:520px;margin-bottom:28px}
.cta__btns{display:flex;gap:14px;flex-wrap:wrap}

/* ---------- 表格 ---------- */
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:#fff}
table.cmp{border-collapse:collapse;width:100%;min-width:760px;font-size:14px}
table.cmp th,table.cmp td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--line)}
table.cmp thead th{
  font-family:var(--display);font-weight:600;font-stretch:110%;font-size:15px;
  color:var(--orange);letter-spacing:.2px;border-bottom:2px solid var(--line);white-space:nowrap;
}
table.cmp thead th:first-child{color:var(--ink-2);font-family:var(--body);font-size:13px;
  letter-spacing:1px;text-transform:uppercase;font-weight:600}
table.cmp tbody tr:hover{background:var(--beige)}
table.cmp tbody td:first-child{font-size:13px;letter-spacing:.5px;text-transform:uppercase;
  color:var(--ink-2);font-weight:500}
table.cmp tbody td{color:var(--navy)}
table.cmp tbody tr:last-child td{border-bottom:0}

/* ---------- 图 + INDEX 侧栏 ---------- */
.viewer{display:grid;grid-template-columns:1fr 300px;gap:36px;align-items:start}
.viewer__stage{background:var(--light);border-radius:var(--radius);padding:26px;position:relative}
.viewer__stage img{width:100%;border-radius:8px;background:#fff}
.viewer__label{position:absolute;left:26px;bottom:26px;background:#fff;border-radius:6px;
  padding:9px 14px;font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:var(--navy)}
.viewer__cap{margin-top:22px}
.viewer__cap h3{font-size:26px;margin-bottom:8px}
.viewer__cap p{font-size:14px;color:var(--ink-2)}
.index{list-style:none;margin:0;padding:0}
.index__title{font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:var(--ink-2);margin-bottom:14px}
.index li{margin-bottom:8px}
.index button{
  width:100%;text-align:left;background:#fff;border:1px solid var(--line);border-left:3px solid transparent;
  border-radius:6px;padding:14px 16px;font-family:var(--body);font-size:14px;color:var(--navy);
  cursor:pointer;transition:var(--t);
}
.index button:hover{border-color:var(--beige-2);background:var(--beige)}
.index button.on{border-color:var(--orange);border-left-color:var(--orange);color:var(--orange);font-weight:600}

/* ---------- 图库轮播 ---------- */
.gallery{position:relative}
.gallery__track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;
  scrollbar-width:none;padding-bottom:4px}
.gallery__track::-webkit-scrollbar{display:none}
.gallery__item{flex:0 0 clamp(260px,32%,420px);scroll-snap-align:start;
  border-radius:var(--radius);overflow:hidden;background:var(--beige-2);aspect-ratio:4/3}
.gallery__item img{width:100%;height:100%;object-fit:cover}
.gallery__nav{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}
.gallery__nav button{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--navy);
  background:transparent;color:var(--navy);cursor:pointer;display:flex;align-items:center;justify-content:center;
  transition:var(--t);font-size:16px}
.gallery__nav button:hover{background:var(--navy);color:#fff}

/* ---------- 表单 ---------- */
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;text-align:left}
.field{display:flex;flex-direction:column;gap:7px}
.field--full{grid-column:1/-1}
.field label{font-size:12px;letter-spacing:1.2px;text-transform:uppercase;color:var(--ink-2);font-weight:500}
.field input,.field select,.field textarea{
  font-family:var(--body);font-size:15px;color:var(--navy);background:#fff;
  border:1.5px solid var(--line);border-radius:8px;padding:14px 16px;transition:var(--t);width:100%;
}
.field input:focus,.field select:focus,.field textarea:focus{
  outline:0;border-color:var(--orange);box-shadow:0 0 0 3px rgba(240,104,0,.12)}
.field textarea{min-height:130px;resize:vertical}
.form-note{margin-top:14px;font-size:14px}

/* ---------- 内容页（WP 页面/文章默认样式兜底） ---------- */
.entry{max-width:820px;margin:0 auto}
.entry h2{font-size:34px;margin:40px 0 16px}
.entry h3{font-size:24px;margin:32px 0 12px}
.entry p{margin:0 0 18px;font-size:17px;line-height:1.7;color:var(--ink)}
.entry ul,.entry ol{margin:0 0 18px;padding-left:22px;color:var(--ink)}
.entry li{margin-bottom:8px;line-height:1.6}
.entry img{border-radius:var(--radius);margin:22px 0}
.entry a{color:var(--orange);text-decoration:underline;text-underline-offset:3px}
.entry blockquote{border-left:3px solid var(--orange);padding:4px 0 4px 20px;margin:24px 0;color:var(--ink-2)}
.entry table,.lead-block table{border-collapse:collapse;width:100%;margin:24px 0;font-size:15px}
.entry th,.entry td,.lead-block th,.lead-block td{border:1px solid var(--line);padding:12px 14px;text-align:left}
.entry th,.lead-block th{background:var(--beige);font-weight:600;color:var(--navy)}

/* ---------- Footer ---------- */
.footer{background:var(--navy);color:#fff;padding:66px 0 40px}
.footer__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:44px}
/* 页脚品牌 logo：独立尺寸，不继承页眉的 72px */
.footer .brand svg,.footer .brand img,.footer .brand__img{width:44px;height:44px}
.footer h4{font-family:var(--body);font-size:14px;font-weight:600;letter-spacing:.6px;
  text-transform:none;color:var(--orange);margin-bottom:18px}
.footer ul{list-style:none;margin:0;padding:0}
.footer li{margin-bottom:12px}
.footer a{font-size:15px;color:rgba(255,255,255,.9);transition:var(--t)}
.footer a:hover{color:var(--orange)}
.footer__tag{font-size:15px;color:rgba(255,255,255,.9);margin:16px 0 18px;max-width:300px;line-height:1.6}
.footer__contact a{display:block;color:var(--orange);font-size:15px;margin-bottom:8px}
.footer__contact span{display:block;color:var(--orange);font-size:15px;margin-bottom:8px}
.social{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}
.social a{width:34px;height:34px;border-radius:7px;background:var(--orange);
  display:flex;align-items:center;justify-content:center;transition:var(--t)}
.social a:hover{background:#fff}
.social svg{width:17px;height:17px;fill:var(--navy)}
.footer__bottom{margin-top:48px;padding-top:26px;border-top:1px solid rgba(255,255,255,.14);
  display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:13px;
  color:rgba(255,255,255,.6)}
.legal{color:rgba(255,255,255,.55);font-size:13px}

/* ---------- 滚动入场 ---------- */
.reveal{transition:opacity .7s ease,transform .7s ease}
html.anim .reveal{opacity:0;transform:translateY(22px)}
html.anim .reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  html.anim .reveal{opacity:1;transform:none;transition:none}
}

/* ---------- 工具类 ---------- */
.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}
.mt-32{margin-top:32px}.mt-40{margin-top:40px}.mt-56{margin-top:56px}
.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.mb-40{margin-bottom:40px}
.maxw-475{max-width:475px}.maxw-620{max-width:620px}.maxw-720{max-width:720px}
.mx-auto{margin-left:auto;margin-right:auto}
.row-between{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}
.eyebrow{font-size:12px;letter-spacing:1.6px;text-transform:uppercase;color:var(--ink-2);font-weight:500}

/* ---------- 响应式 ---------- */
@media (max-width:1100px) and (min-width:821px){
  .nav__inner{gap:16px}
  .nav__menu{gap:16px}
  .nav__link{letter-spacing:.8px;font-size:12px}
  .brand svg,.brand img,.brand__img{width:56px;height:56px}
  .nav__cta .btn{padding:10px 16px;font-size:11px;letter-spacing:.6px}
}
@media (max-width:980px) and (min-width:821px){
  .nav__menu{gap:11px}
  .nav__link{letter-spacing:.4px;font-size:11.5px}
  .nav__link .caret{width:7px;height:7px}
  .nav__cta .btn{padding:9px 12px;font-size:10.5px;letter-spacing:.3px}
}
@media (max-width:1100px){
  .wrap,.nav__inner,.hero__inner{padding-left:24px;padding-right:24px}
  .grid--4{grid-template-columns:repeat(2,1fr)}
  .footer__grid{grid-template-columns:1fr 1fr;gap:36px}
  .split,.split--media{grid-template-columns:1fr;gap:36px}
  .viewer{grid-template-columns:1fr}
  .h-sec{font-size:36px}
  .cta h2{font-size:36px}
}
@media (max-width:820px){
  .nav__inner{height:72px}
  :root{--navh:72px}
  .brand svg,.brand img,.brand__img{width:52px;height:52px}
  .nav__menu{
    position:fixed;inset:var(--navh) 0 0 0;background:#fff;flex-direction:column;align-items:stretch;
    gap:0;padding:16px 24px 40px;overflow-y:auto;transform:translateX(100%);
    transition:transform .3s ease;z-index:210;visibility:hidden;
  }
  .nav__menu.open{transform:none;visibility:visible}
  .nav__link{padding:18px 0;border-bottom:1px solid var(--line);justify-content:space-between;font-size:15px}
  .dropdown{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;
    border:0;padding:0 0 10px 12px;min-width:0;display:none}
  .nav__item.open .dropdown{display:block}
  .nav__toggle{display:block}
  .nav__cta{display:none}
  .grid--2,.grid--3,.form-grid{grid-template-columns:1fr}
  .stats{grid-template-columns:1fr;gap:34px}
  .h-sec{font-size:30px}
  .h-card,.cat-card h3,.model-card h3{font-size:24px}
  .hero__inner{min-height:420px;padding-top:56px;padding-bottom:56px}
  .hero-card,.hero-card--wide{width:100%;padding:24px}
  .hero-card h1,.hero-card .hero-card__title{font-size:30px}
  .marquee span{font-size:34px}
  .cta__wm{width:260px;right:-70px;bottom:-50px}
  .section{padding:70px 0}
  .section--sm{padding:56px 0}
  .footer__grid{grid-template-columns:1fr}
}

/* ==========================================================================
   文章导航 / 分页 / 评论（single.php 用）
   ========================================================================== */
.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:820px;margin:56px auto 0}
.post-nav__item{background:var(--beige);border-radius:var(--radius);padding:22px 26px;
  display:flex;flex-direction:column;gap:8px;transition:transform .3s ease}
.post-nav__item:hover{transform:translateY(-3px)}
.post-nav__item span{font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#8496a8}
.post-nav__item strong{font-size:17px;color:var(--navy);line-height:1.35}
.post-nav__item--next{text-align:right}
.page-links{display:flex;gap:8px;margin:28px 0;font-size:14px}
.page-links a,.page-links > span{display:inline-flex;align-items:center;justify-content:center;
  min-width:36px;height:36px;padding:0 10px;border-radius:var(--pill);background:var(--light);color:var(--navy)}
.page-links a:hover{background:var(--orange);color:#fff}
.entry .comments{margin-top:48px}
.entry .comment-list{list-style:none;margin:0;padding:0}
.entry .comment-list li{background:var(--beige);border-radius:var(--radius);padding:22px 26px;margin-bottom:14px}
.entry .comment-reply-title,.entry .comments-title{font-size:22px;margin:34px 0 16px;display:block}
.entry input[type=text],.entry input[type=email],.entry input[type=url],.entry textarea{
  width:100%;background:#fff;border:1px solid var(--line);border-radius:8px;padding:12px 16px;
  font-family:inherit;font-size:15px;color:var(--navy);margin-bottom:12px}
.entry input:focus,.entry textarea:focus{outline:none;border-color:var(--orange)}
.entry .submit{background:var(--orange);color:#fff;border:0;border-radius:var(--pill);
  padding:14px 32px;font-size:13px;font-weight:600;letter-spacing:1px;text-transform:uppercase;cursor:pointer}
.post-nav + .entry{margin-top:56px}
@media (max-width:820px){ .post-nav{grid-template-columns:1fr} .post-nav__item--next{text-align:left} }

/* ==========================================================================
   内页版式（page.php 分派后的各种页面）
   ========================================================================== */

/* ---------- 面包屑条 ---------- */
.crumb-bar{background:var(--light);border-bottom:1px solid var(--line)}
.crumb{display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  padding:14px 0;font-size:13px;color:#5b6b7a}
.crumb a{color:var(--navy);transition:var(--t)}
.crumb a:hover{color:var(--orange)}
.crumb__sep{color:#b6c0c9}
.crumb__cur{color:#5b6b7a}

/* ---------- 引导段落（分类页顶部） ---------- */
.lead-block{max-width:900px;margin:0 auto 48px;text-align:center}
.lead-block p{font-size:20px;line-height:1.6;color:var(--navy)}
.lead-block p:last-child{margin-bottom:0}
.lead-block h2,.lead-block h3{margin-bottom:14px}

/* ---------- 正文区（通用排版） ---------- */
.entry{font-size:17px;line-height:1.75;color:var(--ink)}
.entry > *:first-child{margin-top:0}
.entry h2{
  font-family:var(--display);font-weight:500;font-stretch:112%;
  font-size:32px;line-height:1.28;letter-spacing:.5px;color:var(--navy);
  margin:44px 0 18px;scroll-margin-top:132px;
}
.entry h3{font-family:var(--display);font-weight:500;font-size:24px;line-height:1.35;
  color:var(--navy);margin:34px 0 14px;scroll-margin-top:132px}
.entry h4{font-size:19px;color:var(--navy);margin:26px 0 12px}
.entry p{margin-bottom:18px}
.entry a{color:var(--orange);text-decoration:underline;text-underline-offset:3px}
.entry a:hover{color:var(--navy)}
.entry strong{color:var(--navy);font-weight:600}
.entry ul,.entry ol{margin:0 0 22px;padding-left:24px}
.entry li{margin-bottom:9px}
.entry li::marker{color:var(--orange)}
.entry ul li::marker{content:"—  ";font-size:.85em}
.entry ul{list-style:none;padding-left:22px}
.entry ul li{position:relative}
.entry blockquote{
  margin:28px 0;padding:22px 28px;background:var(--beige);
  border-left:4px solid var(--orange);border-radius:0 var(--radius) var(--radius) 0;
  font-size:18px;color:var(--navy)
}
.entry blockquote p:last-child{margin-bottom:0}
.entry code{background:var(--light);border-radius:4px;padding:2px 7px;font-size:15px;color:var(--navy)}
.entry hr{border:0;border-top:1px solid var(--line);margin:40px 0}
.entry > h2:first-child,.entry > h1:first-child{display:none} /* Hero 已经有标题了 */

/* 旧站正文自带的一级标题（已降级为 h2.entry__lead）
   Hero 里已经有同名 h1，这里作副标题式引导段呈现，不重复大标题 */
.entry > h2.entry__lead{
  font-size:21px;line-height:1.5;font-weight:500;color:var(--navy);
  margin:0 0 30px;letter-spacing:0;padding-bottom:22px;
  border-bottom:1px solid var(--line);
}
.entry > h2.entry__lead:first-child{margin-top:0}

/* 图片 */
.entry__figure{margin:30px 0}
.entry__img,.entry img{display:block;max-width:100%;height:auto;
  border-radius:var(--radius);margin:30px 0}
.entry__figure .entry__img{margin:0}
.entry__figure figcaption{font-size:14px;color:#5b6b7a;margin-top:10px;text-align:center}

/* 表格
   注意：单品页正文在 .entry 里，大类页（hlw_part_cat）正文在 .lead-block 里，
   两处容器都要覆盖，否则大类页表格会退化成浏览器默认白板样式。 */
.table-wrap{overflow-x:auto;margin:28px 0;-webkit-overflow-scrolling:touch;
  border:1px solid var(--line);border-radius:var(--radius)}
.entry table,.lead-block table{width:100%;border-collapse:collapse;font-size:15px;min-width:520px}
.entry th,.entry td,.lead-block th,.lead-block td{padding:13px 16px;text-align:left;border-bottom:1px solid var(--line)}
.entry th,.lead-block th{background:var(--navy);color:#fff;font-weight:600;font-size:13px;
  letter-spacing:.6px;text-transform:uppercase;white-space:nowrap}
.entry tbody tr:nth-child(even),.lead-block tbody tr:nth-child(even){background:var(--light)}
.entry tbody tr:hover,.lead-block tbody tr:hover{background:var(--beige)}
.entry td:last-child,.entry th:last-child,
.lead-block td:last-child,.lead-block th:last-child{border-right:0}
/* 首列表头（如 "Aperture ..."）不要因为 nowrap 撑破容器 */
.lead-block table th{white-space:normal}
/* .lead-block 整体是居中排版，表格内要重置回左对齐、去掉继承的大字号 */
.lead-block .table-wrap{text-align:left}
.lead-block table p,.lead-block table td p,.lead-block table th p{font-size:15px;line-height:1.5}

/* ---------- 两栏：主内容 + 侧栏 ---------- */
.layout-split{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:56px;align-items:start}
.layout-split--article{grid-template-columns:minmax(0,1fr) 300px}
.layout-split__main{min-width:0}
.layout-split__side{position:sticky;top:104px;display:flex;flex-direction:column;gap:20px}

/* 侧栏卡 */
.side-card{background:var(--beige);border-radius:var(--radius);padding:28px 26px}
.side-card--plain{background:var(--light)}
.side-card h4{font-family:var(--display);font-weight:500;font-stretch:112%;
  font-size:21px;color:var(--navy);margin-bottom:12px}
.side-card p{font-size:15px;line-height:1.6;color:var(--navy);margin-bottom:18px}
.side-card__mail{display:block;margin-top:14px;font-size:14px;color:#5b6b7a;
  word-break:break-all;transition:var(--t)}
.side-card__mail:hover{color:var(--orange)}
.btn--block{display:block;text-align:center;width:100%}

/* 侧栏链接列表 */
.side-links{list-style:none;margin:0;padding:0}
.side-links li{border-bottom:1px solid rgba(0,33,54,.10)}
.side-links li:last-child{border-bottom:0}
.side-links a{display:block;padding:11px 0;font-size:15px;color:var(--navy);transition:var(--t)}
.side-links a:hover{color:var(--orange);padding-left:5px}
.side-links li.is-cur a{color:var(--orange);font-weight:600}

/* 信息列表（联系页） */
.info-list{list-style:none;margin:0;padding:0}
.info-list li{padding:11px 0;border-bottom:1px solid rgba(0,33,54,.10);font-size:15px}
.info-list li:last-child{border-bottom:0}
.info-list__k{display:block;font-size:12px;font-weight:600;letter-spacing:1px;
  text-transform:uppercase;color:#8496a8;margin-bottom:4px}
.info-list a{color:var(--navy);word-break:break-all;transition:var(--t)}
.info-list a:hover{color:var(--orange)}

/* ---------- 目录 ---------- */
.toc{font-size:14px}
.toc__title{font-size:12px;font-weight:600;letter-spacing:1.4px;text-transform:uppercase;
  color:#8496a8;margin-bottom:12px}
.toc__list{list-style:none;counter-reset:tocc;margin:0;padding:0}
.toc__list li{counter-increment:tocc;margin-bottom:2px}
.toc__list a{display:block;padding:8px 0 8px 30px;position:relative;
  color:var(--navy);line-height:1.4;transition:var(--t);border-radius:6px}
.toc__list a::before{
  content:counter(tocc,decimal-leading-zero);position:absolute;left:0;top:8px;
  font-size:11px;font-weight:700;color:var(--orange);letter-spacing:.5px
}
.toc__list a:hover{color:var(--orange)}
.toc--inline{
  background:var(--beige);border-radius:var(--radius);padding:24px 28px;margin-bottom:40px;
}
.toc--inline .toc__list{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
.toc--inline .toc__list a{padding:7px 0 7px 30px}
.toc--inline .toc__list a::before{top:7px}
.entry--article h2:first-child{display:block} /* 长文首页标题保留 */

/* ---------- 相关推荐 ---------- */
.related{margin-top:72px;padding-top:52px;border-top:1px solid var(--line)}
.related .h-sec--sm{font-size:28px;margin-bottom:32px}
.mini-card{background:var(--light);border-radius:var(--radius);padding:26px;
  display:flex;flex-direction:column;gap:12px;transition:transform .3s ease}
.mini-card:hover{transform:translateY(-4px)}
.mini-card h3{font-size:20px;line-height:1.3;color:var(--navy);margin:0}
.mini-card h3 a{color:inherit}
.mini-card p{font-size:15px;line-height:1.55;color:#4a5a68;margin:0;flex:1}
.mini-card__link{font-size:13px;font-weight:600;letter-spacing:1px;text-transform:uppercase;
  color:var(--orange);transition:var(--t)}
.mini-card__link:hover{letter-spacing:1.6px}

/* ---------- 知识中心索引（/knowledge/） ---------- */
.entry--kb-intro{max-width:820px;margin:0 auto 56px;text-align:center}
.entry--kb-intro > p{font-size:18px;line-height:1.7;color:#4a5a68;margin:0}
.kb-group{margin-bottom:64px}
.kb-group:last-child{margin-bottom:0}
.kb-group .h-sec--sm{text-align:center;margin-bottom:10px}
.kb-group__desc{max-width:680px;margin:0 auto 36px;text-align:center;
  font-size:16px;line-height:1.65;color:#5b6b7a}

/* ---------- 表单 ---------- */
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}
.form label{display:block;margin-bottom:18px}
.form label > span{display:block;font-size:13px;font-weight:600;letter-spacing:.4px;
  color:var(--navy);margin-bottom:8px}
.form input[type=text],.form input[type=email],.form input[type=tel],
.form textarea,.form select{
  width:100%;background:#fff;border:1px solid var(--line);border-radius:8px;
  padding:13px 16px;font-family:inherit;font-size:15px;color:var(--navy);transition:var(--t)
}
.form input:focus,.form textarea:focus,.form select:focus{
  outline:none;border-color:var(--orange);box-shadow:0 0 0 3px rgba(240,104,0,.12)
}
.form textarea{resize:vertical;min-height:130px}
.notice{border-radius:var(--radius);padding:18px 22px;margin-bottom:24px;font-size:15px}
.notice--ok{background:#e6f4ed;border-left:4px solid var(--green);color:#0a5c3f}

/* 联系页两栏 */
.contact-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:56px;align-items:start}
.contact-grid__info{display:flex;flex-direction:column;gap:20px}

/* ---------- 法务页 ---------- */
.legal-meta{font-size:14px;color:#8496a8;margin-bottom:26px;
  padding-bottom:18px;border-bottom:1px solid var(--line)}
.entry--legal h2{font-size:26px;margin-top:38px}
.entry--legal{font-size:16px}

/* ---------- 服务页 ---------- */
.entry--service{max-width:900px;margin:0 auto}
.entry--service ol{counter-reset:stepc;list-style:none;padding-left:0}
.entry--service > ol > li{counter-increment:stepc;position:relative;
  padding-left:56px;margin-bottom:24px;min-height:44px}
.entry--service > ol > li::before{
  content:counter(stepc);position:absolute;left:0;top:0;
  width:38px;height:38px;border-radius:50%;background:var(--orange);color:#fff;
  display:flex;align-items:center;justify-content:center;
  font-family:var(--display);font-weight:700;font-size:17px
}

/* ---------- 社交图标（深底版） ---------- */
.social--dark a{background:rgba(0,33,54,.08);color:var(--navy)}
.social--dark a:hover{background:var(--orange);color:#fff}

/* ---------- 通用小工具 ---------- */
.center{text-align:center}
.muted{color:#5b6b7a}
.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mt-32{margin-top:32px}
.mt-40{margin-top:40px}.mt-56{margin-top:56px}
.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}
.mb-32{margin-bottom:32px}.mb-40{margin-bottom:40px}
.bg-beige{background:var(--beige)}
.bg-light{background:var(--light)}
.h-sec--sm{font-family:var(--display);font-weight:500;font-stretch:112%;
  font-size:30px;line-height:1.3;letter-spacing:.6px;color:var(--navy)}

/* ---------- 响应式（内页） ---------- */
@media (max-width:1100px){
  .layout-split{grid-template-columns:minmax(0,1fr) 280px;gap:40px}
  .layout-split--article{grid-template-columns:minmax(0,1fr)}
  .layout-split--article .layout-split__side{position:static;flex-direction:row;
    flex-wrap:wrap}
  .layout-split--article .layout-split__side > *{flex:1;min-width:260px}
  .contact-grid{grid-template-columns:1fr;gap:40px}
}
@media (max-width:980px){
  .toc--inline .toc__list{grid-template-columns:1fr}
  .entry h2{font-size:28px}
}
@media (max-width:820px){
  .layout-split{grid-template-columns:1fr;gap:36px}
  .layout-split__side{position:static;flex-direction:row;flex-wrap:wrap}
  .layout-split__side > *{flex:1;min-width:240px}
  .grid--4{grid-template-columns:1fr 1fr}
  .form-grid{grid-template-columns:1fr}
  .entry{font-size:16px}
  .entry h2{font-size:25px;margin-top:34px}
  .entry h3{font-size:21px}
  .lead-block p{font-size:17px}
  .related{margin-top:52px;padding-top:40px}
}

/* ==========================================================================
   WooCommerce 兼容层
   目标：把 Woo 默认的「紫色链接 + 直角灰框」改造成 boxhouse 语言。
   只覆盖视觉，不动任何功能与模板结构。
   ========================================================================== */
.woocommerce-page .hero--page .hero-card{max-width:640px}

/* —— 通用控件 —— */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt{
  background:var(--orange);color:#fff;border:0;border-radius:var(--pill);
  font-family:var(--body);font-size:13px;font-weight:600;letter-spacing:1px;
  text-transform:uppercase;padding:14px 28px;line-height:1;cursor:pointer;
  transition:background .2s ease,transform .2s ease;
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover{background:#d35c00;transform:translateY(-1px)}
.woocommerce a.button:disabled,
.woocommerce button.button:disabled,
.woocommerce button.button.alt:disabled{background:#c9c4b8;color:#fff;cursor:not-allowed;transform:none}

/* 次级按钮（如「继续购物」） */
.woocommerce .cart .button.wc-backward,
.woocommerce a.added_to_cart{
  background:transparent;color:var(--navy);border:1px solid var(--line);
}
.woocommerce .cart .button.wc-backward:hover{background:var(--light);color:var(--navy)}

/* —— 商品网格 —— */
.woocommerce ul.products{
  display:grid;grid-template-columns:repeat(3,1fr);gap:24px;
  margin:0 0 40px;padding:0;list-style:none;
}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none}
.woocommerce ul.products li.product{
  width:auto!important;margin:0!important;float:none!important;
  background:var(--beige);border-radius:var(--radius);padding:24px;
  display:flex;flex-direction:column;transition:transform .3s ease;
}
.woocommerce ul.products li.product:hover{transform:translateY(-4px)}
.woocommerce ul.products li.product a img{
  border-radius:10px;margin:0 0 18px;background:#fff;aspect-ratio:4/3;object-fit:cover;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
  font-family:var(--display);font-weight:500;font-stretch:112%;
  font-size:22px;line-height:1.2;color:var(--navy);padding:0 0 10px;
}
.woocommerce ul.products li.product .price{
  color:var(--navy)!important;font-size:18px;font-weight:600;margin-bottom:16px;
}
.woocommerce ul.products li.product .price del{color:#8496a8;font-weight:400;font-size:15px}
.woocommerce ul.products li.product .price ins{text-decoration:none;color:var(--green);font-weight:700}
.woocommerce ul.products li.product .button{margin-top:auto}

/* 促销角标 */
.woocommerce span.onsale{
  background:var(--orange)!important;color:#fff;border-radius:var(--pill);
  font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;
  padding:7px 14px!important;min-height:0!important;min-width:0!important;line-height:1!important;
  top:16px!important;left:16px!important;right:auto!important;
}
.woocommerce ul.products li.product .onsale{margin:0!important}

/* —— 排序 & 结果计数 —— */
.woocommerce .woocommerce-result-count{color:#5b6b7a;font-size:14px;margin:0 0 20px}
.woocommerce .woocommerce-ordering select{
  border:1px solid var(--line);border-radius:8px;padding:11px 14px;
  font-family:var(--body);font-size:14px;color:var(--navy);background:#fff;
}

/* —— 消息条 —— */
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-error{
  border:0;border-left:4px solid var(--green);background:#e6f4ed;color:#0a5c3f;
  border-radius:0 var(--radius) var(--radius) 0;padding:18px 24px;margin:0 0 28px;
  font-size:15px;
}
.woocommerce .woocommerce-info{border-left-color:var(--navy);background:var(--light);color:var(--navy)}
.woocommerce .woocommerce-error{border-left-color:#c0392b;background:#fdecea;color:#8c2d21}
.woocommerce .woocommerce-message .button,
.woocommerce .woocommerce-info .button{background:transparent;color:var(--orange);padding:0;font-size:13px}
.woocommerce .woocommerce-message .button:hover,
.woocommerce .woocommerce-info .button:hover{background:transparent;text-decoration:underline;transform:none}

/* —— 表格（购物车 / 订单 / 我的账户） —— */
.woocommerce table.shop_table{
  border:1px solid var(--line)!important;border-radius:var(--radius)!important;
  border-collapse:separate;border-spacing:0;overflow:hidden;margin:0 0 32px;
}
.woocommerce table.shop_table th{
  background:var(--navy);color:#fff;font-family:var(--body);font-size:12px;
  font-weight:600;letter-spacing:1px;text-transform:uppercase;padding:16px 18px;
}
.woocommerce table.shop_table td{
  padding:16px 18px;font-size:15px;color:var(--ink);
  border-top:1px solid var(--line)!important;
}
.woocommerce table.shop_table tbody tr:nth-child(even) td{background:var(--light)}
.woocommerce table.shop_table .product-thumbnail img{
  width:72px;border-radius:8px;background:#fff;
}
.woocommerce table.shop_table a{color:var(--navy);font-weight:500}
.woocommerce table.shop_table a:hover{color:var(--orange)}
.woocommerce table.shop_table .product-remove a{color:#c0392b;font-size:18px}
.woocommerce table.shop_table .product-remove a:hover{background:transparent;color:#8c2d21}
.woocommerce table.shop_table td.actions{padding:20px 18px}
.woocommerce table.shop_table .coupon input[type=text]{
  border:1px solid var(--line);border-radius:8px;padding:12px 16px;font-size:14px;min-width:180px;
}
.woocommerce table.shop_table_responsive tr td::before{color:var(--navy);font-weight:600}

/* —— 购物车合计 —— */
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals{
  background:var(--beige);border-radius:var(--radius);padding:30px;width:100%!important;float:none!important;
}
.woocommerce .cart-collaterals{display:flex;justify-content:flex-end}
.woocommerce .cart_totals h2{font-family:var(--display);font-weight:500;font-stretch:112%;
  font-size:24px;color:var(--navy);margin:0 0 18px}
.woocommerce .cart_totals table.shop_table{border:0!important;margin:0 0 20px}
.woocommerce .cart_totals table.shop_table th{background:transparent;color:#5b6b7a;
  font-size:13px;letter-spacing:.5px;text-transform:none;padding:10px 0;font-weight:500}
.woocommerce .cart_totals table.shop_table td{background:transparent!important;
  padding:10px 0;border-top:1px solid var(--line)!important;text-align:right}
.woocommerce .cart_totals .order-total td,.woocommerce .cart_totals .order-total th{
  font-size:20px;font-weight:700;color:var(--navy);padding-top:16px}
.woocommerce .wc-proceed-to-checkout a.checkout-button{width:100%;display:block;text-align:center;padding:17px 28px}

/* —— 结账页 —— */
.woocommerce-checkout .woocommerce h3,
.woocommerce-account .woocommerce h2,
.woocommerce .woocommerce-billing-fields h3{
  font-family:var(--display);font-weight:500;font-stretch:112%;
  font-size:26px;color:var(--navy);margin:36px 0 18px;
}
.woocommerce form .form-row label{color:var(--navy);font-size:14px;font-weight:500;margin-bottom:6px}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select,
.woocommerce .select2-container .select2-selection--single{
  border:1px solid var(--line);border-radius:8px;padding:13px 16px;font-size:15px;
  background:#fff;color:var(--ink);height:auto;line-height:1.4;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus{
  outline:none;border-color:var(--orange);box-shadow:0 0 0 3px rgba(240,104,0,.12);
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height:1.4;color:var(--ink);padding:0;
}
.woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow{height:100%}
.woocommerce-checkout #order_review,
.woocommerce-checkout #order_review_heading{width:100%!important;float:none!important}
.woocommerce-checkout #order_review{background:var(--beige);border-radius:var(--radius);padding:30px}
.woocommerce-checkout #order_review table.shop_table{border:0!important}
.woocommerce-checkout #payment{background:transparent;border-radius:0}
.woocommerce-checkout #payment ul.payment_methods{border:0;padding:0;background:transparent}
.woocommerce-checkout #payment div.payment_box{background:#fff;border-radius:var(--radius);
  color:var(--ink);font-size:14px}
.woocommerce-checkout #payment div.payment_box::before{display:none}
.woocommerce-checkout #payment div.form-row{padding:20px 0 0}

/* —— 我的账户 —— */
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0;
  background:var(--beige);border-radius:var(--radius);overflow:hidden}
.woocommerce-account .woocommerce-MyAccount-navigation li{border-bottom:1px solid var(--line)}
.woocommerce-account .woocommerce-MyAccount-navigation li:last-child{border-bottom:0}
.woocommerce-account .woocommerce-MyAccount-navigation a{
  display:block;padding:15px 22px;font-size:14px;color:var(--navy);font-weight:500;
}
.woocommerce-account .woocommerce-MyAccount-navigation a:hover{background:var(--light)}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{
  background:var(--navy);color:#fff;
}
.woocommerce-account .woocommerce-MyAccount-content{
  background:var(--light);border-radius:var(--radius);padding:32px;
}
.woocommerce-account .woocommerce-MyAccount-content a{color:var(--orange)}

/* —— 单品详情页 —— */
.woocommerce div.product .product_title{
  font-family:var(--display);font-weight:500;font-stretch:112%;
  font-size:38px;line-height:1.2;color:var(--navy);margin:0 0 16px;
}
.woocommerce div.product p.price,.woocommerce div.product span.price{
  color:var(--navy)!important;font-size:26px;font-weight:700;margin-bottom:20px;
}
.woocommerce div.product .woocommerce-product-details__short-description{
  font-size:17px;line-height:1.7;color:var(--ink);
}
.woocommerce div.product form.cart{margin:24px 0}
.woocommerce div.product form.cart div.quantity input.qty{
  border:1px solid var(--line);border-radius:8px;padding:13px 10px;width:82px;font-size:15px;height:auto;
}
.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0;margin:0 0 28px;border-bottom:1px solid var(--line)}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{display:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li{
  background:transparent;border:0;border-radius:0;margin:0 28px 0 0;padding:0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{
  font-family:var(--body);font-size:13px;font-weight:600;letter-spacing:1.5px;
  text-transform:uppercase;color:#5b6b7a;padding:14px 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{background:transparent}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{
  color:var(--orange);box-shadow:inset 0 -2px 0 var(--orange);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover{color:var(--navy)}
.woocommerce div.product .woocommerce-tabs .panel{font-size:17px;line-height:1.75;color:var(--ink)}
.woocommerce div.product .woocommerce-tabs .panel h2{
  font-family:var(--display);font-weight:500;font-stretch:112%;font-size:30px;color:var(--navy);
}
.woocommerce div.product div.images img{border-radius:var(--radius);background:#fff}
.woocommerce div.product .related > h2,
.woocommerce div.product .upsells > h2{
  font-family:var(--display);font-weight:500;font-stretch:112%;font-size:32px;
  color:var(--navy);margin:56px 0 24px;
}
.woocommerce nav.woocommerce-pagination ul{border:0;display:flex;gap:8px;justify-content:center}
.woocommerce nav.woocommerce-pagination ul li{border:0;margin:0}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{
  min-width:44px;height:44px;display:flex;align-items:center;justify-content:center;
  border-radius:8px;background:var(--light);color:var(--navy);font-weight:600;
}
.woocommerce nav.woocommerce-pagination ul li span.current{
  background:var(--orange);color:#fff;
}
.woocommerce nav.woocommerce-pagination ul li a:hover{background:var(--beige)}

/* Woo 星级评分 */
.woocommerce .star-rating span,.woocommerce p.stars a{color:var(--orange)}

/* 响应式 */
@media (max-width:980px){
  .woocommerce ul.products{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:820px){
  .woocommerce ul.products{grid-template-columns:1fr;gap:18px}
  .woocommerce .cart-collaterals{display:block}
  .woocommerce table.shop_table .product-thumbnail img{width:54px}
  .woocommerce-account .woocommerce-MyAccount-navigation{margin-bottom:24px}
  .woocommerce div.product .product_title{font-size:28px}
  .woocommerce div.product .woocommerce-tabs ul.tabs li{margin-right:18px}
}

/* ==========================================================================
   色彩工具类 —— 必须放在文件最末
   带上元素选择器以提高权重，确保能稳定覆盖 .dark / h1-h4 的默认色
   ========================================================================== */
h1.c-teal,h2.c-teal,h3.c-teal,p.c-teal,span.c-teal,.c-teal{color:var(--teal)}
h1.c-orange,h2.c-orange,h3.c-orange,p.c-orange,span.c-orange,.c-orange{color:var(--orange)}
h1.c-green,h2.c-green,h3.c-green,p.c-green,span.c-green,.c-green{color:var(--green)}
h1.c-white,h2.c-white,h3.c-white,p.c-white,span.c-white,li.c-white,.c-white{color:#fff}
h1.c-navy,h2.c-navy,h3.c-navy,p.c-navy,span.c-navy,li.c-navy,.c-navy{color:var(--navy)}

/* 联系表单发送失败提示（2026-10-14 新增；配合 inc/parts.php 的 hlw_handle_contact 失败回执） */
.notice--err{background:#fdecea;border-left:4px solid #c0392b;color:#7a1f17}
.notice--err a{color:#c0392b;text-decoration:underline}