/* V2 版式「侧栏导航」（yz314 专用，2026-11-02；按「企业展示骨架」重排）。
   桌面端左侧固定竖栏（品牌块、竖排导航、电话、简介）；右侧内容区首屏是铺满内容区的大图横幅，往下是开放式区块
   （简介、产品大图卡、优势、流程……），内页的通用区块同样是开放式。<1000px 时竖栏变成顶部横条、导航横向滚动，不藏任何内容。
   只在 body.v2l-sidebar 下生效，颜色全部走 --v2-*，藏青橙（深）/ 青瓷（浅）/ 墨黑金（深）共用。 */
body.v2l-sidebar{--sb-w:264px;--sb-pad:48px;--sb-r:min(var(--v2-r),12px);padding-left:var(--sb-w);background:var(--v2-white)}

/* ---- 左侧竖栏 ---- */
.sb-side{position:fixed;top:0;left:0;bottom:0;z-index:40;display:flex;flex-direction:column;width:var(--sb-w);overflow-y:auto;
  background:var(--v2-paper);border-right:1px solid var(--v2-line)}
.sb-side__brand{display:flex;align-items:center;gap:12px;padding:26px 22px;background:var(--v2-brand);color:var(--v2-onbrand)}
.sb-side__brand i{display:grid;place-items:center;flex:none;width:42px;height:42px;border:2px solid currentColor;border-radius:var(--sb-r);font-style:normal;font-size:20px;font-weight:800}
.sb-side__brand b{display:block;font-size:17px;line-height:1.3}
.sb-side__brand small{display:block;margin-top:2px;font-size:12px;opacity:.85}
.sb-side__nav{display:flex;flex-direction:column;padding:16px 12px;counter-reset:sbn}
.sb-side__nav a{position:relative;display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:var(--sb-r);font-size:14.5px;color:var(--v2-ink);counter-increment:sbn}
.sb-side__nav a::before{content:counter(sbn,decimal-leading-zero);font:600 11px ui-monospace,Menlo,monospace;color:var(--v2-muted)}
.sb-side__nav a:hover{background:var(--v2-white)}
.sb-side__nav a.on{background:var(--v2-white);color:var(--v2-brand);font-weight:700}
.sb-side__nav a.on::after{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:var(--v2-brand)}
.sb-side__tel{margin:4px 22px 0;padding:16px 0;border-top:1px solid var(--v2-line);border-bottom:1px solid var(--v2-line)}
.sb-side__tel small{display:block;font-size:12px;color:var(--v2-muted)}
.sb-side__tel a{display:block;margin-top:4px;font-size:20px;font-weight:800;letter-spacing:.02em;color:var(--v2-brand)}
.sb-side__intro{margin:16px 22px 26px;font-size:12.5px;line-height:1.85;color:var(--v2-muted)}

/* ---- 首屏大图横幅：铺满内容区 ---- */
.sb-banner{position:relative;display:flex;align-items:center;min-height:clamp(520px,72vh,640px);overflow:hidden;background:var(--v2-paper);border-bottom:1px solid var(--v2-line)}
.sb-banner__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sb-banner::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,var(--v2-white) 0,color-mix(in srgb,var(--v2-white) 88%,transparent) 34%,color-mix(in srgb,var(--v2-white) 30%,transparent) 62%,transparent 85%)}
.sb-banner--plain::after{content:none}
.sb-banner__copy{position:relative;z-index:1;max-width:600px;padding:56px var(--sb-pad)}
.sb-banner__brand{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0;font-size:15px;font-weight:700;color:var(--v2-ink)}
.sb-banner__brand i{display:grid;place-items:center;width:30px;height:30px;border-radius:var(--sb-r);background:var(--v2-brand);color:var(--v2-onbrand);font-style:normal;font-size:14px}
.sb-banner__brand span{font-size:12px;font-weight:400;color:var(--v2-muted)}
.sb-banner h1{margin:22px 0 0;font-size:44px;line-height:1.2;font-weight:800;color:var(--v2-ink)}
.sb-banner h1 span{display:block;margin-top:10px;font-size:22px;font-weight:700;color:var(--v2-brand)}
.sb-banner__sub{margin:16px 0 0;font-size:16px;color:var(--v2-ink)}
.sb-pills{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0;list-style:none}
.sb-pills li{padding:5px 12px;border-radius:999px;background:var(--v2-white);border:1px solid var(--v2-line);font-size:12.5px;color:var(--v2-ink)}
.sb-pills--big{margin:0}.sb-pills--big li{padding:8px 16px;font-size:14px;background:var(--v2-paper)}
.sb-banner__act{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.sb-banner .v2-btn--ghost{background:var(--v2-white)}

/* ---- 开放式区块 ---- */
.sb-sec{padding:64px var(--sb-pad);border-bottom:1px solid var(--v2-line)}
.sb-sec--alt{background:var(--v2-paper)}
.sb-ph{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:28px}
.sb-ph h2{position:relative;margin:0;padding-left:16px;font-size:26px;line-height:1.35;font-weight:800}
.sb-ph h2::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:5px;border-radius:3px;background:var(--v2-accent)}
.sb-ph a{flex:none;font-size:13px;color:var(--v2-muted)}
.sb-ph a:hover{color:var(--v2-brand)}

/* 简介 */
.sb-about{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:44px;align-items:start}
.sb-about__img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--sb-r)}
.sb-prose p{margin:0 0 14px;font-size:15px;line-height:1.95}
.sb-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:36px 0 0;border-top:1px solid var(--v2-line);border-bottom:1px solid var(--v2-line)}
.sb-strip div{padding:18px 22px;border-left:1px solid var(--v2-line);min-width:0}
.sb-strip div:first-child{border-left:0;padding-left:0}
.sb-strip dt{font-size:12px;color:var(--v2-muted)}
.sb-strip dd{margin:4px 0 0;font-size:20px;font-weight:800;overflow-wrap:anywhere;color:var(--v2-ink)}
.sb-strip dd a{color:var(--v2-brand)}

/* 产品大图卡 */
.sb-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px}
.sb-prod{display:flex;flex-direction:column}
.sb-prod img,.sb-prod__none{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--sb-r);background:var(--v2-white)}
.sb-prod__none{display:grid;place-items:center;font-size:28px;font-weight:800;color:var(--v2-muted)}
.sb-prod h3{margin:14px 0 0;font-size:17px}
.sb-prod p{margin:6px 0 0;font-size:13.5px;line-height:1.75;color:var(--v2-muted)}
.sb-prod small{margin-top:8px;font-size:12.5px;font-weight:700;color:var(--v2-brand)}
.sb-prod:hover h3{color:var(--v2-brand)}
.sb-prod:hover img{opacity:.92}

/* 优势 */
.sb-feats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none}
.sb-feats li{padding:24px;border-radius:var(--sb-r);background:var(--v2-paper);border-top:3px solid var(--v2-brand)}
.sb-feats i{display:block;font-style:normal;font-weight:800;font-size:28px;line-height:1;color:var(--v2-brand)}
.sb-feats h3{margin:14px 0 0;font-size:17px}
.sb-feats p{margin:8px 0 0;font-size:13.5px;line-height:1.8;color:var(--v2-muted)}

/* 流程：横向步骤带 */
.sb-flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0;margin:0;padding:0;list-style:none;counter-reset:sbl}
.sb-flow li{position:relative;padding:48px 18px 0 0;counter-increment:sbl}
.sb-flow li::before{content:counter(sbl);position:absolute;left:0;top:0;z-index:1;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;
  background:var(--v2-brand);color:var(--v2-onbrand);font-size:13px;font-weight:800}
.sb-flow li::after{content:"";position:absolute;left:32px;right:0;top:15px;border-top:2px solid var(--v2-line)}
.sb-flow li:last-child::after{content:none}
.sb-flow b{display:block;font-size:15.5px}
.sb-flow p{margin:4px 0 0;font-size:13px;line-height:1.75;color:var(--v2-muted)}

/* 选型 / 新闻 / 问答 */
.sb-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:0;padding:0;list-style:none}
.sb-tiles li{padding:18px 20px;border-left:3px solid var(--v2-accent);background:var(--v2-paper)}
.sb-tiles b{font-size:15px}
.sb-tiles p{margin:6px 0 0;font-size:13px;color:var(--v2-muted)}
.sb-news{margin:0;padding:0;list-style:none}
.sb-news li{display:flex;justify-content:space-between;gap:18px;padding:14px 0;border-top:1px solid var(--v2-line)}
.sb-news a:hover{color:var(--v2-brand)}
.sb-news time{flex:none;font-size:12px;color:var(--v2-muted)}
.sb-faq details{border-top:1px solid var(--v2-line)}
.sb-faq summary{padding:16px 0;font-weight:700;cursor:pointer}
.sb-faq p{margin:0 0 16px;font-size:14px;color:var(--v2-muted)}

/* ---- 通用组件：内页及首页里的方案 / 制造能力 / 采购速览，开放式区块 ---- */
body.v2l-sidebar main>.v2-sec{padding:56px 0;border-bottom:1px solid var(--v2-line)}
body.v2l-sidebar main>.v2-sec>.v2-wrap{max-width:none;padding:0 var(--sb-pad)}
body.v2l-sidebar .v2-head{margin-bottom:24px}
body.v2l-sidebar .v2-head h2,body.v2l-sidebar .v2-head h1{position:relative;margin:4px 0 0;padding-left:16px;font-size:24px;font-weight:800;letter-spacing:0;border:0}
body.v2l-sidebar .v2-head h1,body.v2l-sidebar .v2-sec>.v2-wrap>h1{font-size:32px}
body.v2l-sidebar .v2-sec>.v2-wrap>h1{margin:8px 0 0}
body.v2l-sidebar .v2-head h2::before,body.v2l-sidebar .v2-head h1::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:5px;border-radius:3px;background:var(--v2-accent)}
body.v2l-sidebar .v2-head h2::after{content:none}
body.v2l-sidebar .v2-label{padding-left:16px;font-size:11px;color:var(--v2-muted)}
body.v2l-sidebar .v2-head .v2-desc{padding-left:16px}
body.v2l-sidebar .v2-btn{border-radius:var(--sb-r)}
body.v2l-sidebar .v2-card,body.v2l-sidebar .v2-item{border-radius:var(--sb-r);background:var(--v2-paper);border-color:transparent;box-shadow:none}
body.v2l-sidebar .v2-card__img{border-radius:calc(var(--sb-r) * .7);border:0;aspect-ratio:4/3;height:auto}
body.v2l-sidebar .v2-steps li{background:var(--v2-paper);border-color:transparent}
body.v2l-sidebar .v2-faq details{background:transparent;border:0;border-top:1px solid var(--v2-line);border-radius:0;margin:0;padding:16px 0}
body.v2l-sidebar .v2-cta{border-radius:var(--sb-r);background:var(--v2-paper);color:var(--v2-ink);border:0;border-left:5px solid var(--v2-brand)}
body.v2l-sidebar .v2-cta .v2-desc,body.v2l-sidebar .v2-cta__who{color:var(--v2-muted);opacity:1}
body.v2l-sidebar .v2-cta .v2-btn{background:var(--v2-brand)}
body.v2l-sidebar .v2-foot strong{color:var(--v2-footink);font-weight:800}
body.v2l-sidebar a.v2-btn{color:var(--v2-onbrand)}
body.v2l-sidebar a.v2-btn--ghost{color:var(--v2-brand)}
body.v2l-sidebar .v2-cta a.v2-btn{color:var(--v2-onbrand)}

@media(max-width:1200px){
  .sb-gallery,.sb-feats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1000px){
  body.v2l-sidebar{padding-left:0;--sb-pad:24px}
  .sb-side{position:relative;inset:auto;width:auto;overflow:visible;display:grid;grid-template-columns:minmax(0,1fr) auto;border-right:0;border-bottom:1px solid var(--v2-line)}
  .sb-side__brand{padding:14px 18px}
  .sb-side__brand i{width:34px;height:34px;font-size:16px}
  .sb-side__tel{grid-column:2;grid-row:1;margin:0;padding:10px 18px;border:0;background:var(--v2-brand);color:var(--v2-onbrand);display:flex;flex-direction:column;justify-content:center}
  .sb-side__tel small{color:var(--v2-onbrand);opacity:.85}
  .sb-side__tel a{font-size:16px;color:var(--v2-onbrand)}
  .sb-side__nav{grid-column:1/-1;flex-direction:row;overflow-x:auto;padding:8px 10px;gap:4px;white-space:nowrap;border-bottom:1px solid var(--v2-line)}
  .sb-side__nav a{flex:none;padding:8px 12px;gap:6px}
  .sb-side__nav a.on::after{left:12px;right:12px;top:auto;bottom:2px;width:auto;height:3px}
  .sb-side__intro{grid-column:1/-1;margin:10px 18px 12px}
  .sb-about{grid-template-columns:1fr;gap:24px}
  .sb-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sb-strip div:nth-child(3){border-left:0;padding-left:0}
  .sb-strip div:nth-child(-n+2){border-bottom:1px solid var(--v2-line)}
}
@media(max-width:560px){
  body.v2l-sidebar{--sb-pad:16px}
  .sb-side__brand b{font-size:15px}
  .sb-side__tel{padding:10px 12px}
  .sb-side__tel a{font-size:14px}
  .sb-banner{display:block;min-height:0}
  .sb-banner__img{position:relative;height:auto;aspect-ratio:4/3}
  .sb-banner::after{content:none}
  .sb-banner__copy{padding:24px var(--sb-pad) 30px}
  .sb-banner h1{font-size:28px}
  .sb-banner h1 span{font-size:18px}
  .sb-sec,body.v2l-sidebar main>.v2-sec{padding-top:44px;padding-bottom:44px}
  .sb-ph h2{font-size:21px}
  .sb-strip div{padding:14px 12px}
  .sb-strip dd{font-size:16px}
  .sb-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}
  .sb-prod h3{font-size:15px}
  .sb-feats{grid-template-columns:1fr}
  .sb-flow{grid-template-columns:1fr}
  .sb-flow li{padding:0 0 22px 48px}
  .sb-flow li::after{left:15px;right:auto;top:32px;bottom:0;border-top:0;border-left:2px solid var(--v2-line)}
  .sb-news li{flex-direction:column;gap:2px}
  body.v2l-sidebar .v2-head h1,body.v2l-sidebar .v2-sec>.v2-wrap>h1{font-size:24px}
}