/* V2 版式「杂志封面」（yz314 专用，2026-11-02）。报头式页头、整幅封面图叠衬线大标题、两栏正文 + 大号引言、
   头条大图 + 横向长条的产品编排、「栏目名 + 细线 + No.xx」栏目标题。只在 body.v2l-magazine 下生效，
   颜色全部走 --v2-*，深浅配色（宣纸 / 绛紫 / 陶土）共用。 */
body.v2l-magazine{--mg-serif:"Songti SC","Noto Serif SC","Source Han Serif SC",STSong,"SimSun",serif;
  --mg-wash:color-mix(in srgb,var(--v2-white) 86%,transparent);background:var(--v2-white)}
body.v2l-magazine .v2-wrap{max-width:1200px}

/* ---- 报头 ---- */
.mg-mast{background:var(--v2-white);border-bottom:1px solid var(--v2-line)}
.mg-mast__top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding-top:22px;padding-bottom:16px}
.mg-mast__meta{font-size:12px;letter-spacing:.18em;color:var(--v2-muted)}
.mg-mast__brand{font:700 34px/1.1 var(--mg-serif);letter-spacing:.12em;text-align:center;color:var(--v2-ink)}
.mg-mast__tel{justify-self:end;font-size:13px;letter-spacing:.06em;color:var(--v2-brand)}
.mg-mast__nav{border-top:3px double var(--v2-ink);border-bottom:1px solid var(--v2-ink)}
.mg-mast__links{display:flex;justify-content:center;gap:34px;font-size:14px;letter-spacing:.12em}
.mg-mast__links a{padding:11px 0;color:var(--v2-ink);border-bottom:2px solid transparent}
.mg-mast__links a:hover,.mg-mast__links a.on{color:var(--v2-brand);border-bottom-color:var(--v2-brand)}

/* ---- 封面 ---- */
.mg-cover{position:relative;overflow:hidden;min-height:clamp(540px,76vh,720px);display:flex;background:var(--v2-paper);border-bottom:1px solid var(--v2-line)}
.mg-cover__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mg-cover::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(0deg,var(--v2-white) 4%,var(--mg-wash) 48%,color-mix(in srgb,var(--v2-white) 45%,transparent) 78%,color-mix(in srgb,var(--v2-white) 15%,transparent) 100%)}
.mg-cover--plain::after{content:none}
.mg-cover__body{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;width:100%;padding-top:28px;padding-bottom:56px}
.mg-cover__kicker{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 auto;align-self:flex-start}
.mg-cover__kicker span{padding:5px 12px;background:var(--v2-white);color:var(--v2-ink);font-size:12px;letter-spacing:.16em;border:1px solid var(--v2-line)}
.mg-cover__kicker span:first-child{background:var(--v2-brand);color:var(--v2-onbrand);border-color:var(--v2-brand)}
.mg-cover__title{margin:40px 0 0;font-family:var(--mg-serif);font-weight:700;line-height:1.08;color:var(--v2-ink);max-width:980px}
.mg-cover__lead{display:block;font-size:clamp(40px,6.4vw,84px);letter-spacing:.02em}
.mg-cover__brand{display:inline-block;margin-top:14px;padding-top:12px;border-top:2px solid var(--v2-brand);font-size:clamp(20px,2.4vw,30px);font-weight:600;letter-spacing:.3em;color:var(--v2-brand)}
.mg-cover__dek{margin:18px 0 0;max-width:720px;font:italic 400 19px/1.7 var(--mg-serif);color:var(--v2-ink)}
.mg-cover__lines{display:flex;flex-wrap:wrap;gap:6px 22px;margin:18px 0 0;padding:0;list-style:none;font-size:13px;color:var(--v2-ink)}
.mg-cover__lines li::before{content:"— ";color:var(--v2-brand)}
.mg-cover__act{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}

/* ---- 栏目标题：栏目名 + 细线 + 期号 ---- */
.mg-sec{padding:88px 0;border-bottom:1px solid var(--v2-line)}
.mg-sec--tint{background:var(--v2-paper)}
.mg-head{display:flex;align-items:baseline;gap:18px;margin-bottom:44px}
.mg-head h2{margin:0;font:700 34px/1.25 var(--mg-serif);letter-spacing:.04em;flex:none;max-width:70%}
.mg-head i{flex:1;align-self:center;height:1px;background:var(--v2-ink);opacity:.5}
.mg-head small{flex:none;font-size:11px;letter-spacing:.24em;color:var(--v2-muted);font-style:italic}

/* ---- 关于：大号引言 + 两栏正文 + 侧栏名片 ---- */
.mg-quote{margin:0 0 48px;padding:6px 0 6px 34px;border-left:4px solid var(--v2-brand)}
.mg-quote p{margin:0;font:500 clamp(22px,2.6vw,32px)/1.55 var(--mg-serif);color:var(--v2-ink)}
.mg-quote p::before{content:"“";color:var(--v2-brand)}.mg-quote p::after{content:"”";color:var(--v2-brand)}
.mg-quote cite{display:block;margin-top:14px;font-style:normal;font-size:13px;letter-spacing:.14em;color:var(--v2-muted)}
.mg-story{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:56px;align-items:start}
.mg-columns{columns:2;column-gap:44px;column-rule:1px solid var(--v2-line);font-size:15px;line-height:2;color:var(--v2-ink)}
.mg-columns p{margin:0 0 16px;text-align:justify}
.mg-drop::first-letter{float:left;margin:6px 10px 0 0;font:700 58px/.9 var(--mg-serif);color:var(--v2-brand)}
.mg-byline{border-top:3px double var(--v2-ink);padding-top:18px}
.mg-byline img{width:100%;aspect-ratio:4/3;object-fit:cover;margin-bottom:16px}
.mg-byline dl{margin:0}
.mg-byline dl div{padding:10px 0;border-bottom:1px dotted var(--v2-line)}
.mg-byline dt{font-size:11px;letter-spacing:.18em;color:var(--v2-muted)}
.mg-byline dd{margin:2px 0 0;font:600 15px/1.5 var(--mg-serif)}
.mg-byline dd a{color:var(--v2-brand)}

/* ---- 产品：头条大图 + 横向长条 ---- */
.mg-feature{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:0;background:var(--v2-white);border:1px solid var(--v2-line)}
.mg-feature img{width:100%;height:100%;min-height:340px;object-fit:cover}
.mg-feature__txt{display:flex;flex-direction:column;justify-content:flex-end;padding:40px}
.mg-feature__txt h3{margin:10px 0 0;font:700 36px/1.2 var(--mg-serif)}
.mg-feature__txt p{margin:16px 0 0;color:var(--v2-muted);font-size:15px;line-height:1.9}
.mg-more{margin-top:24px;font-size:13px;letter-spacing:.14em;color:var(--v2-brand)}
.mg-feature:hover h3,.mg-strip:hover h3{color:var(--v2-brand)}
.mg-strips{margin-top:34px;border-top:1px solid var(--v2-ink)}
.mg-strip{display:grid;grid-template-columns:72px minmax(0,1fr) 240px;gap:28px;align-items:center;padding:22px 0;border-bottom:1px solid var(--v2-line)}
.mg-strip__no{font:italic 700 30px/1 var(--mg-serif);color:var(--v2-brand)}
.mg-strip__txt h3{margin:0;font:700 22px/1.35 var(--mg-serif)}
.mg-strip__txt p{margin:8px 0 0;color:var(--v2-muted);font-size:14px;line-height:1.8}
.mg-strip img{width:100%;aspect-ratio:16/9;object-fit:cover}
.mg-allink{margin:26px 0 0;text-align:right;font-size:13px;letter-spacing:.12em}
.mg-allink a{color:var(--v2-brand)}

/* ---- 实力：三栏短文 ---- */
.mg-essays{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--v2-ink)}
.mg-essays article{padding:28px 28px 32px 0;border-bottom:1px solid var(--v2-line)}
.mg-essays article+article{padding-left:28px;border-left:1px solid var(--v2-line)}
.mg-essays article:nth-child(3n+1){padding-left:0;border-left:0}
.mg-essays small{font:italic 700 44px/1 var(--mg-serif);color:var(--v2-brand);opacity:.85}
.mg-essays h3{margin:14px 0 0;font:700 19px/1.4 var(--mg-serif)}
.mg-essays p{margin:10px 0 0;color:var(--v2-muted);font-size:14px;line-height:1.9}

/* ---- 流程 / 选型 / 资质 / 新闻 / 问答 ---- */
.mg-flow{display:grid;grid-template-columns:repeat(2,1fr);gap:0 56px;margin:0;padding:0;list-style:none}
.mg-flow li{display:grid;grid-template-columns:64px 1fr;padding:22px 0;border-bottom:1px solid var(--v2-line)}
.mg-flow span{grid-row:span 2;font:italic 700 40px/1 var(--mg-serif);color:var(--v2-brand)}
.mg-flow h3{margin:0;font:700 18px/1.4 var(--mg-serif)}
.mg-flow p{margin:6px 0 0;color:var(--v2-muted);font-size:14px}
.mg-notes{margin:0;padding:0;list-style:none;columns:2;column-gap:56px}
.mg-notes li{break-inside:avoid;margin:0 0 26px;padding-left:18px;border-left:2px solid var(--v2-brand)}
.mg-notes h3{margin:0;font:700 17px/1.4 var(--mg-serif)}
.mg-notes p{margin:6px 0 0;color:var(--v2-muted);font-size:14px}
.mg-honors{display:flex;flex-wrap:wrap;gap:0;margin:0;padding:0;list-style:none;font:600 17px/1.6 var(--mg-serif)}
.mg-honors li{padding:6px 22px 6px 0;margin-right:22px;border-right:1px solid var(--v2-line)}
.mg-toc{margin:0;padding:0;list-style:none}
.mg-toc a{display:flex;align-items:baseline;gap:12px;padding:14px 0}
.mg-toc span{font:600 17px/1.5 var(--mg-serif)}
.mg-toc i{flex:1;border-bottom:1px dotted var(--v2-muted);min-width:24px}
.mg-toc time{font-size:12px;color:var(--v2-muted);white-space:nowrap}
.mg-toc a:hover span{color:var(--v2-brand)}
.mg-interview{display:grid;grid-template-columns:repeat(2,1fr);gap:8px 56px}
.mg-interview article{padding:20px 0;border-top:1px solid var(--v2-line)}
.mg-interview h3{margin:0;font:700 17px/1.6 var(--mg-serif)}
.mg-interview p{margin:10px 0 0;color:var(--v2-muted);font-size:14px;line-height:1.9}
.mg-interview b{margin-right:10px;color:var(--v2-brand);font-family:var(--mg-serif)}

/* ---- 通用组件（首页里的采购速览、方案、制造能力，以及全部内页）---- */
body.v2l-magazine .v2-sec{padding:76px 0;border-bottom:1px solid var(--v2-line)}
body.v2l-magazine .v2-sec--alt{background:var(--v2-paper)}
body.v2l-magazine .v2-head{display:block;margin-bottom:34px;padding-top:16px;border-top:3px double var(--v2-ink)}
body.v2l-magazine .v2-label{font-size:11px;font-weight:500;letter-spacing:.26em;font-style:italic;color:var(--v2-muted)}
body.v2l-magazine .v2-head h2,body.v2l-magazine .v2-head h1,body.v2l-magazine .v2-sec h1{margin:8px 0 0;font-family:var(--mg-serif);font-weight:700;letter-spacing:.03em;line-height:1.25}
body.v2l-magazine .v2-head h2{font-size:32px}
body.v2l-magazine .v2-head h1,body.v2l-magazine .v2-sec h1{font-size:clamp(32px,4.4vw,52px)}
body.v2l-magazine .v2-head .v2-link{display:inline-block;margin-top:12px}
body.v2l-magazine .v2-desc{font-size:15px;line-height:1.95}
body.v2l-magazine .v2-lead{font:400 19px/1.8 var(--mg-serif);max-width:820px}
body.v2l-magazine .v2-link{color:var(--v2-brand);letter-spacing:.1em;font-weight:500}
body.v2l-magazine .v2-btn{border-radius:0;letter-spacing:.14em;font-weight:600}
body.v2l-magazine .v2-btn--ghost{background:var(--v2-white);color:var(--v2-ink);border-color:var(--v2-ink)}
body.v2l-magazine .v2-grid{gap:0 36px}
body.v2l-magazine .v2-card,body.v2l-magazine .v2-item{padding:22px 0 26px;border:0;border-top:1px solid var(--v2-ink);border-radius:0;background:transparent;box-shadow:none}
body.v2l-magazine .v2-card h3,body.v2l-magazine .v2-item b{font:700 19px/1.4 var(--mg-serif)}
body.v2l-magazine .v2-card p,body.v2l-magazine .v2-item p{font-size:14px;line-height:1.85}
body.v2l-magazine .v2-card__img{border-radius:0;border:0;margin:0 0 16px;aspect-ratio:3/2}
body.v2l-magazine .v2-hero__img{max-width:760px}
body.v2l-magazine .v2c-aimg{border-radius:0;box-shadow:none;border:0}
body.v2l-magazine .v2-hero__img .v2-card__img{aspect-ratio:16/9}
body.v2l-magazine .v2-list--inline li{border-radius:0;background:transparent;border-color:var(--v2-ink)}
body.v2l-magazine .v2-steps li{border-radius:0;background:transparent;border:0;border-top:1px solid var(--v2-ink);padding:18px 0 18px 56px}
body.v2l-magazine .v2-steps li:before{left:0;top:14px;width:auto;height:auto;border-radius:0;background:none;color:var(--v2-brand);font:italic 700 32px/1 var(--mg-serif)}
body.v2l-magazine .v2-faq details{border-radius:0;border:0;border-bottom:1px solid var(--v2-line);background:transparent;padding:18px 0;margin:0}
body.v2l-magazine .v2-faq summary{font:700 17px/1.6 var(--mg-serif)}
body.v2l-magazine .v2-article{font-size:16px;line-height:2.05}
body.v2l-magazine .v2-article h2,body.v2l-magazine .v2-article h3{font-family:var(--mg-serif)}
body.v2l-magazine .v2-article blockquote{border-left-width:4px;background:transparent;font:500 18px/1.8 var(--mg-serif);color:var(--v2-ink)}
body.v2l-magazine .v2-cta{border-radius:0;background:var(--v2-paper);color:var(--v2-ink);border:1px solid var(--v2-ink);outline:1px solid var(--v2-ink);outline-offset:-7px;padding:40px}
body.v2l-magazine .v2-cta h2{font:700 26px/1.4 var(--mg-serif)}
body.v2l-magazine .v2-cta .v2-desc,body.v2l-magazine .v2-cta__who{color:var(--v2-muted);opacity:1}
body.v2l-magazine .v2-cta .v2-btn{background:var(--v2-brand);color:var(--v2-onbrand)}
body.v2l-magazine .v2-foot{border-top:3px double var(--v2-footink)}
body.v2l-magazine .v2-foot strong{font:700 18px/1.4 var(--mg-serif);letter-spacing:.08em}
body.v2l-magazine .v2-crumb{font-size:12px;letter-spacing:.1em}

/* 页脚主体名：通用规则用 --v2-white，深色配色下会和页脚底色同色，这里改用页脚文字色 */
body.v2l-magazine .v2-foot strong{color:var(--v2-footink);font-weight:800}
body.v2l-magazine .v2-card__img{aspect-ratio:3/2;height:auto}

/* 按钮文字色：通用的 body.v2 a{color:inherit} 权重更高，会把按钮字色盖成正文色 */
body.v2l-magazine a.v2-btn{color:var(--v2-onbrand)}
body.v2l-magazine a.v2-btn--ghost{color:var(--v2-ink)}
body.v2l-magazine .v2-cta a.v2-btn{color:var(--v2-onbrand)}

@media(max-width:1000px){
  .mg-mast__top{grid-template-columns:1fr auto;padding-top:14px;padding-bottom:10px}
  .mg-mast__meta{grid-column:1/-1;order:3;font-size:11px}
  .mg-mast__brand{text-align:left;font-size:24px}
  .mg-mast__links{justify-content:flex-start;overflow-x:auto;white-space:nowrap;gap:22px}
  .mg-story,.mg-feature{grid-template-columns:1fr}
  .mg-feature img{min-height:0;aspect-ratio:16/10}
  .mg-feature__txt{padding:26px}
  .mg-strip{grid-template-columns:52px minmax(0,1fr) 160px;gap:18px}
  .mg-essays{grid-template-columns:repeat(2,1fr)}
  .mg-essays article,.mg-essays article+article{padding:24px 20px 24px 0;border-left:0}
  .mg-essays article:nth-child(2n){padding-left:20px;border-left:1px solid var(--v2-line)}
  .mg-flow,.mg-interview{grid-template-columns:1fr}
  .mg-head h2{font-size:28px}
}
@media(max-width:560px){
  .mg-sec,body.v2l-magazine .v2-sec{padding:56px 0}
  .mg-mast__brand{font-size:20px;letter-spacing:.06em}
  .mg-mast__tel{font-size:12px}
  .mg-cover{min-height:560px}
  .mg-cover__body{padding-bottom:36px}
  .mg-cover__dek{font-size:16px}
  .mg-head{flex-wrap:wrap;gap:6px 12px;margin-bottom:30px}
  .mg-head h2{font-size:24px;max-width:100%}
  .mg-head i{order:3;flex-basis:100%}
  .mg-columns{columns:1}
  .mg-quote{padding-left:20px}
  .mg-strip{grid-template-columns:40px minmax(0,1fr);gap:8px 14px}
  .mg-strip img{grid-column:2;max-width:100%}
  .mg-strip__no{font-size:22px}
  .mg-essays{grid-template-columns:1fr}
  .mg-essays article:nth-child(n){padding:22px 0;border-left:0}
  .mg-notes{columns:1}
  .mg-honors li{border-right:0;padding-right:0}
  body.v2l-magazine .v2-cta{padding:28px 22px}
  body.v2l-magazine .v2-head h2{font-size:26px}
}