/* V2.0 知识站样式。
   动态尺寸/配色一律走 class，不用内联 style —— 站点 CSP 的 style-src
   只有 'self'，内联属性会被浏览器整个丢弃。 */
/* 骨架变量放在 .v2 上，主题类只覆盖颜色 —— 与 .archive-site + .archive-*
   是同一套机制：七种风格共用同一批模板，只换这十来个值。 */
body.v2{
  --v2-ink:#16211d;--v2-muted:#5d6b66;--v2-line:#e2e8e5;--v2-paper:#f6f8f7;
  --v2-white:#fff;--v2-brand:#1f5c4c;--v2-brand2:#2f7d68;--v2-accent:#d8f36b;
  --v2-hero:linear-gradient(160deg,#fff 40%,#eef5f0);
  --v2-foot:#16211d;--v2-footink:#b8c6c0;--v2-onbrand:#fff;--v2-onaccent:#16211d;
  --v2-max:1180px;--v2-r:14px;
  /* 共用组件（在线留言浮窗）的取色。组件本身不认主题，
     由各套模板把自己的色值喂给这几个变量。 */
  --lead-surface:var(--v2-white);--lead-ink:var(--v2-ink);
  --lead-bar:var(--v2-brand);--lead-muted:var(--v2-muted);
  --lead-line:var(--v2-line);--lead-accent:var(--v2-brand2);
  --lead-ok:var(--v2-brand2)
}

/* 暗金工业 —— 对应 archive_gold */
body.v2-gold{--v2-ink:#e8e3d8;--v2-muted:#9a927f;--v2-line:#2a2f3c;--v2-paper:#181b24;
  --v2-white:#1e2230;--v2-brand:#c8963e;--v2-brand2:#d4a853;--v2-accent:#c8963e;
  --v2-hero:linear-gradient(160deg,#14171e 40%,#1e2230);--v2-foot:#0f1219;--v2-footink:#8a8474;--v2-onbrand:#14171e;--v2-onaccent:#14171e}
/* 苏能官方 —— 对应 archive_suneng */
body.v2-suneng{--v2-ink:#e7ecf5;--v2-muted:#8c97ab;--v2-line:#232b3a;--v2-paper:#111827;
  --v2-white:#161d2b;--v2-brand:#c51624;--v2-brand2:#e04552;--v2-accent:#e04552;
  --v2-hero:linear-gradient(160deg,#0c111d 40%,#161d2b);--v2-foot:#080d16;--v2-footink:#7c8799;--v2-onbrand:#fff;--v2-onaccent:#fff}
/* 极简白 —— 对应 archive_minimal */
body.v2-minimal{--v2-ink:#16202e;--v2-muted:#5b6b80;--v2-line:#dde4ed;--v2-paper:#f2f5f9;
  --v2-white:#fff;--v2-brand:#1e4d8c;--v2-brand2:#2b66b0;--v2-accent:#2b66b0;
  --v2-hero:linear-gradient(160deg,#fff 40%,#eaf1fa);--v2-foot:#16202e;--v2-footink:#b9c6d6;--v2-onbrand:#fff;--v2-onaccent:#fff}
/* 工程高对比 —— 对应 archive_contrast */
body.v2-contrast{--v2-ink:#f2f2f2;--v2-muted:#9c9c9c;--v2-line:#2e2e2e;--v2-paper:#161616;
  --v2-white:#1c1c1c;--v2-brand:#ffc300;--v2-brand2:#ffd24d;--v2-accent:#ffc300;
  --v2-hero:linear-gradient(160deg,#111 40%,#1c1c1c);--v2-foot:#0a0a0a;--v2-footink:#8f8f8f;--v2-onbrand:#111;--v2-onaccent:#111}
/* 米白衬线 —— 对应 archive_serif */
body.v2-serif{--v2-ink:#25302a;--v2-muted:#6b7268;--v2-line:#ddd8cc;--v2-paper:#efece4;
  --v2-white:#fff;--v2-brand:#1f4d3d;--v2-brand2:#2f7a5f;--v2-accent:#2f7a5f;
  --v2-hero:linear-gradient(160deg,#f7f5f0 40%,#e8efe8);--v2-foot:#25302a;--v2-footink:#bfc6ba;--v2-onbrand:#fff;--v2-onaccent:#fff}
body.v2-serif .v2-head h2,body.v2-serif .v2-hero h1{font-family:"Songti SC","Noto Serif SC",serif}
/* 金黑企业 —— 对应 obsidian_dark */
body.v2-obsidian{--v2-ink:#efe9dc;--v2-muted:#9b9384;--v2-line:#2b2b2b;--v2-paper:#141414;
  --v2-white:#1b1b1b;--v2-brand:#d4af37;--v2-brand2:#e6c65c;--v2-accent:#d4af37;
  --v2-hero:linear-gradient(160deg,#0d0d0d 40%,#1b1b1b);--v2-foot:#0a0a0a;--v2-footink:#8e8778;--v2-onbrand:#0d0d0d;--v2-onaccent:#0d0d0d}
*{box-sizing:border-box}
body.v2{margin:0;font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;
  color:var(--v2-ink);background:var(--v2-white);line-height:1.75}
body.v2 a{color:inherit;text-decoration:none}
body.v2 img{max-width:100%;display:block}
.v2-wrap{max-width:var(--v2-max);margin:auto;padding:0 20px}

/* 导航 */
.v2-nav{position:sticky;top:0;z-index:50;background:var(--v2-white);
  border-bottom:1px solid var(--v2-line);backdrop-filter:blur(12px)}
.v2-nav__inner{display:flex;align-items:center;gap:18px;height:64px}
.v2-brand{display:flex;align-items:center;gap:10px;margin-right:auto}
.v2-brand__mark{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;
  background:var(--v2-brand);color:var(--v2-onbrand);font-weight:800}
.v2-brand strong{display:block;font-size:15px}
.v2-brand small{display:block;font-size:12px;color:var(--v2-muted)}
.v2-navlinks{display:flex;gap:18px;font-size:14px}
.v2-navlinks a{padding:6px 0;border-bottom:2px solid transparent;color:var(--v2-muted)}
.v2-navlinks a:hover,.v2-navlinks a.on{color:var(--v2-brand);border-bottom-color:var(--v2-brand)}
.v2-navphone{font-weight:750;color:var(--v2-brand)}

/* 区块 */
.v2-sec{padding:52px 0;border-bottom:1px solid var(--v2-line)}
.v2-sec--alt{background:var(--v2-paper)}
.v2-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px}
.v2-head h2{margin:6px 0 0;font-size:24px;letter-spacing:-.02em}
.v2-label{margin:0;font-size:12px;font-weight:800;letter-spacing:.14em;
  text-transform:uppercase;color:var(--v2-brand2)}
.v2-desc{margin:8px 0 0;color:var(--v2-muted);font-size:14px;max-width:820px}
.v2-lead{margin:14px 0 0;font-size:16px;color:var(--v2-ink);max-width:860px}
.v2-link{color:var(--v2-brand);font-size:13px;font-weight:700;white-space:nowrap}

/* Hero */
.v2-hero{padding:64px 0 52px;background:var(--v2-hero)}
/* Hero 标题：核心品类用品牌色 + 下划线强调，对齐参考站的写法 */
.v2-hero h1{margin:14px 0 0;font-size:38px;line-height:1.25;letter-spacing:-.03em}
.v2-hero h1 em{font-style:normal;color:var(--v2-brand2);
  border-bottom:3px solid var(--v2-brand);padding-bottom:2px}
.v2-hero__sub{display:block;margin-top:6px;font-size:30px;color:var(--v2-ink)}
/* 胶囊标签：品牌 · 城市品类 */
.v2-hero__badge{display:inline-block;margin:0;padding:6px 16px;border-radius:999px;
  border:1px solid var(--v2-line);background:var(--v2-white);
  color:var(--v2-brand2);font-size:13px;font-weight:600;letter-spacing:.02em}
/* 卖点标签：每个前面一个品牌色圆点 */
.v2-hero__tags{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0 0;padding:0;list-style:none}
.v2-hero__tags li{display:inline-flex;align-items:center;gap:7px;padding:6px 14px;
  border-radius:999px;border:1px solid var(--v2-line);background:var(--v2-white);
  color:var(--v2-ink);font-size:13px}
.v2-hero__tags li::before{content:"";width:6px;height:6px;border-radius:50%;
  background:var(--v2-brand)}
.v2-hero__act{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}
/* Hero 两列：文案在左，产品图在右。图用 sticky 之外的固定比例，
   显式宽高由 img 属性给，避免图片加载时首屏跳动。 */
.v2-hero__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:44px;align-items:center}
.v2-hero__copy{min-width:0}
.v2-hero__media{margin:0;position:relative}
.v2-hero__media img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px;
  border:1px solid var(--v2-line);background:var(--v2-paper)}
.v2-hero__media figcaption{position:absolute;left:14px;bottom:14px;padding:5px 12px;
  border-radius:999px;background:rgba(0,0,0,.55);color:#fff;font-size:12px;
  backdrop-filter:blur(6px)}
.v2-hero__media--none{width:100%;aspect-ratio:4/3;border-radius:16px;
  border:1px solid var(--v2-line);background:var(--v2-paper);
  display:grid;place-content:center;text-align:center;gap:6px}
.v2-hero__media--none strong{font-size:26px;color:var(--v2-brand)}
.v2-hero__media--none span{font-size:13px;color:var(--v2-muted)}
.v2-btn{display:inline-flex;align-items:center;min-height:44px;padding:0 22px;border-radius:10px;
  background:var(--v2-brand);color:var(--v2-onbrand);font-weight:700;font-size:14px}
.v2-btn:hover{background:var(--v2-brand2)}
.v2-btn--ghost{background:transparent;color:var(--v2-brand);border:1px solid var(--v2-brand)}
.v2-facts{display:flex;gap:34px;margin:32px 0 0;flex-wrap:wrap}
.v2-facts div{min-width:96px}
.v2-facts dt{font-size:12px;color:var(--v2-muted)}
.v2-facts dd{margin:4px 0 0;font-size:26px;font-weight:800;letter-spacing:-.03em}
.v2-facts__phone{font-size:20px!important;color:var(--v2-brand)}

/* 栅格与卡片 */
.v2-grid{display:grid;gap:16px}
.v2-grid--3{grid-template-columns:repeat(3,1fr)}
.v2-grid--4{grid-template-columns:repeat(4,1fr)}
.v2-card{padding:20px;border:1px solid var(--v2-line);border-radius:var(--v2-r);background:var(--v2-white)}
.v2-card h3{margin:0 0 8px;font-size:16px}
.v2-card p{margin:0;color:var(--v2-muted);font-size:13px}
.v2-mini{margin:10px 0;font-size:12px;color:var(--v2-muted)}
.v2-item{padding:18px;border-radius:var(--v2-r);background:var(--v2-white);border:1px solid var(--v2-line)}
.v2-item b{display:block;margin-bottom:6px}
.v2-item p{margin:0;font-size:13px;color:var(--v2-muted)}

/* 产品图 */
.v2-card__img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;
  margin:-4px 0 12px;background:var(--v2-paper);border:1px solid var(--v2-line)}
.v2-card__img--none{display:grid;place-items:center;font-size:26px;font-weight:800;
  color:var(--v2-muted);opacity:.45}
.v2-hero__img{max-width:520px;margin-top:22px}
.v2-hero__img .v2-card__img{aspect-ratio:16/10}

/* 列表与步骤 */
.v2-list{margin:0;padding-left:20px;color:var(--v2-ink);font-size:14px}
.v2-list li{margin:6px 0}
.v2-list--inline{display:flex;flex-wrap:wrap;gap:8px;padding:0;list-style:none}
.v2-list--inline li{padding:6px 12px;border-radius:999px;background:var(--v2-paper);
  border:1px solid var(--v2-line);font-size:13px;margin:0}
.v2-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0;padding:0;
  list-style:none;counter-reset:step}
.v2-steps li{position:relative;padding:18px 18px 18px 52px;border-radius:var(--v2-r);
  background:var(--v2-white);border:1px solid var(--v2-line);counter-increment:step}
.v2-steps li:before{content:counter(step);position:absolute;left:18px;top:18px;width:24px;height:24px;
  border-radius:50%;background:var(--v2-brand);color:var(--v2-onbrand);font-size:12px;font-weight:800;
  display:grid;place-items:center}
.v2-steps b{display:block;margin-bottom:4px}
.v2-steps p{margin:0;font-size:13px;color:var(--v2-muted)}

/* 文章正文。标签是 richtext.render 固定输出的那几种，逐个给样式。 */
.v2-article{max-width:760px;margin:26px 0 0;font-size:15px;line-height:1.95;color:var(--v2-ink)}
.v2-article h2{margin:32px 0 12px;font-size:21px}
.v2-article h3{margin:24px 0 10px;font-size:17px}
.v2-article p{margin:0 0 15px}
.v2-article ul,.v2-article ol{margin:0 0 15px;padding-left:22px}
.v2-article li{margin:6px 0}
.v2-article img{max-width:100%;border-radius:12px;margin:14px 0;border:1px solid var(--v2-line)}
.v2-article a{color:var(--v2-brand2);border-bottom:1px solid var(--v2-line)}
.v2-article blockquote{margin:16px 0;padding:12px 18px;border-left:3px solid var(--v2-brand);
  background:var(--v2-paper);color:var(--v2-muted)}
.v2-article strong{color:var(--v2-brand2)}

/* FAQ */
.v2-faq details{padding:16px 18px;border:1px solid var(--v2-line);border-radius:var(--v2-r);
  margin-bottom:10px;background:var(--v2-white)}
.v2-faq summary{cursor:pointer;font-weight:700;font-size:15px}
.v2-faq p{margin:10px 0 0;color:var(--v2-muted);font-size:14px}

/* CTA 与页脚 */
.v2-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;
  padding:28px;border-radius:var(--v2-r);background:var(--v2-brand);color:var(--v2-onbrand)}
.v2-cta h2{margin:0;font-size:20px}
.v2-cta .v2-desc,.v2-cta__who{color:var(--v2-onbrand);opacity:.78}
.v2-cta__act{display:flex;align-items:center;gap:14px}
.v2-cta .v2-btn{background:var(--v2-accent);color:var(--v2-onaccent)}
.v2-cta__who{font-size:13px}
.v2-foot{padding:30px 0;background:var(--v2-foot);color:var(--v2-footink);font-size:13px}
.v2-foot__inner{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
.v2-foot strong{color:var(--v2-white)}
.v2-foot p{margin:6px 0 0}
.v2-boundary{max-width:640px;opacity:.75;font-size:12px;line-height:1.7}
.v2-foot nav{display:flex;gap:16px;flex-wrap:wrap;align-items:flex-start}

@media(max-width:900px){
  .v2-grid--3,.v2-grid--4,.v2-steps{grid-template-columns:1fr 1fr}
  .v2-navlinks{display:none}
  /* 窄屏图放到文案下面，不是隐藏 —— 产品图是首页最该看到的东西 */
  .v2-hero__grid{grid-template-columns:1fr;gap:28px}
  .v2-hero__media{order:2}
}
@media(max-width:600px){
  .v2-grid--3,.v2-grid--4,.v2-steps{grid-template-columns:1fr}
  .v2-hero h1{font-size:27px}
  .v2-hero__sub{font-size:22px}
  .v2-head{flex-direction:column;align-items:flex-start}
}