/* 知识长文：大幅实拍建立主题，正文保持单列阅读宽度。 */
body.w-read .gd-a.gd-feature.ar-story{display:block;max-width:none;margin-inline:auto;padding-top:clamp(36px,5vw,72px)}
.ar-story .ar-opening{display:flex;flex-direction:column;gap:clamp(28px,4vw,54px);max-width:1328px;margin:0 auto}
.ar-story .ar-opening-copy{max-width:68rem}
.ar-story .ar-opening h1{max-width:24em;margin:0;font-size:clamp(34px,4.5vw,64px);line-height:1.18;overflow-wrap:anywhere}
.ar-story .ar-opening h1 .ar-word{white-space:nowrap}
.ar-story .ar-opening .gd-ans{max-width:68ch;margin:clamp(20px,2.5vw,32px) 0 0;font-size:clamp(18px,1.45vw,21px);line-height:1.8}
.ar-story .ar-photo{margin:0;min-width:0}
.ar-story .ar-photo img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
.ar-story .ar-photo figcaption{margin-top:10px;font-size:15px;line-height:1.7;color:var(--ink2)}
.ar-story .ar-photo--hero{width:100%}
.ar-story .ar-opening--portrait{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,42%);gap:clamp(40px,6vw,88px);align-items:center}
.ar-story .ar-opening--portrait .ar-photo--hero{justify-self:center;max-width:520px}
.ar-story .ar-opening--portrait .ar-photo--hero img{max-height:680px;width:auto;max-width:100%;margin-inline:auto}
.ar-story .ar-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,44rem) minmax(0,1fr);max-width:1328px;margin:clamp(48px,7vw,100px) auto 0}
.ar-story .ar-section>h2,.ar-story .ar-section>p,.ar-story .ar-section>.faq{grid-column:2}
.ar-story .ar-section>h2{margin:0 0 20px;font-size:clamp(24px,2.45vw,34px);line-height:1.35}
.ar-story .ar-section>p{margin:0;font-size:clamp(17px,1.25vw,19px);line-height:1.9}
.ar-story .ar-section>p+p{margin-top:1em}
.ar-story .ar-figure-group{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(20px,3vw,40px);width:100%;margin-top:clamp(28px,4vw,52px)}
.ar-story .ar-figure-group--multiple{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.ar-story .ar-figure-group .ar-photo--portrait{width:min(100%,520px);justify-self:center}
.ar-story .ar-figure-group--multiple .ar-photo--portrait{width:min(100%,460px)}
.ar-story .ar-links{max-width:44rem;margin:clamp(40px,5vw,72px) auto 0;gap:12px 24px}
@media(max-width:860px){
  .ar-story .ar-opening--portrait{grid-template-columns:minmax(0,1fr);gap:28px}
  .ar-story .ar-opening--portrait .ar-photo--hero{width:min(100%,440px)}
  .ar-story .ar-opening--portrait .ar-photo--hero img{width:100%;height:auto;max-height:none}
  .ar-story .ar-section{grid-template-columns:minmax(0,1fr)}
  .ar-story .ar-section>h2,.ar-story .ar-section>p,.ar-story .ar-section>.faq,.ar-story .ar-figure-group{grid-column:1}
}
@media(max-width:520px){
  body.w-read .gd-a.gd-feature.ar-story{padding-top:32px}
  .ar-story .ar-opening{gap:24px}
  .ar-story .ar-opening h1{font-size:clamp(30px,8vw,36px);line-height:1.2}
  .ar-story .ar-section{margin-top:48px}
  .ar-story .ar-figure-group--multiple{grid-template-columns:minmax(0,1fr)}
  .ar-story .ar-figure-group--multiple .ar-photo--portrait{width:min(100%,380px)}
}

/* 常见问题保留单列答案；配图跟在解释之后，避免桌面空出半页。 */
body.w-read .gd-a.ar-answer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,44rem) minmax(0,1fr);gap:0;max-width:none;padding-top:clamp(36px,5vw,72px)}
body.w-read .gd-a.ar-answer>*{grid-column:2}
body.w-read .gd-a.ar-answer>.g2{grid-column:2;grid-row:auto;width:100%;margin-top:32px}
body.w-read .gd-a.ar-answer h1{font-size:clamp(32px,4vw,56px);line-height:1.22;overflow-wrap:anywhere}
body.w-read .gd-a.ar-answer .gd-ans{max-width:none;font-size:clamp(18px,1.4vw,21px);line-height:1.85}
body.w-read .gd-a.ar-answer>.gd-links{margin-top:36px}
body.w-read :is(.ar-answer,.ar-story,.ar-resource-links) .gd-links a{min-height:44px;align-items:center}

/* 动态以文章阅读为主，图片大小不超过登记文件宽度。 */
.ar-resource{max-width:1440px;margin-inline:auto;padding-top:clamp(36px,5vw,72px)}
.ar-resource-head,.ar-resource-prose,.ar-resource-links{width:min(100%,44rem);margin-inline:auto}
.ar-resource-head h1{font-size:clamp(34px,4.4vw,62px);line-height:1.2;margin:0;overflow-wrap:anywhere}
.ar-resource-head>p{margin:20px 0 0;font-size:16px;color:var(--ink2)}
.ar-resource-prose{margin-top:clamp(36px,5vw,64px);font-size:clamp(18px,1.3vw,20px);line-height:1.9}
.ar-resource-prose p{margin:0}
.ar-resource-prose p+p{margin-top:1em}
.ar-resource-prose :is(h2,h3){font-size:clamp(23px,2vw,30px);line-height:1.35;margin:1.4em 0 .65em}
.ar-resource-photos{margin:clamp(48px,6vw,84px) auto 0;max-width:1328px}
.ar-resource-photos>h2,.ar-resource-links>h2{font-size:clamp(24px,2.4vw,34px);line-height:1.35;margin:0 0 24px}
.ar-resource-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,48px);align-items:start}
.ar-resource-image{width:min(100%,var(--ar-native));max-width:100%;margin:0;justify-self:start}
.ar-resource-image--wide{grid-column:1/-1;justify-self:center}
.ar-resource-image img{display:block;width:100%;height:auto;max-width:100%}
.ar-resource-image figcaption{font-size:15px;line-height:1.7;color:var(--ink2);margin-top:10px}
.ar-resource-links{margin-top:clamp(48px,6vw,84px)}
@media(max-width:860px){
  body.w-read .gd-a.ar-answer{grid-template-columns:minmax(0,1fr)}
  body.w-read .gd-a.ar-answer>*,body.w-read .gd-a.ar-answer>.g2{grid-column:1}
}
@media(max-width:520px){
  .ar-resource-head h1,body.w-read .gd-a.ar-answer h1{font-size:clamp(30px,8vw,36px)}
  .ar-resource-gallery{grid-template-columns:minmax(0,1fr)}
  .ar-resource-image--wide{grid-column:1}
}

/* 知识入口先呈现真实制作，再引导客户阅读文章和常见问题。 */
.gd-editorial{max-width:1440px;margin-inline:auto;padding-top:clamp(30px,4vw,56px)!important}
.gd-editorial-feature{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(28px,5vw,72px);align-items:center}
.gd-editorial-feature figure{margin:0;min-width:0}
.gd-editorial-feature figure img{display:block;width:100%;height:auto}
.gd-editorial-feature figcaption{margin-top:10px;color:var(--ink2);font-size:15px;line-height:1.7}
.gd-editorial-copy h2{margin:0;font-size:clamp(30px,3.8vw,54px);line-height:1.2}
.gd-editorial-copy p{margin:20px 0 0;max-width:34em;font-size:clamp(17px,1.3vw,19px);line-height:1.8}
.gd-editorial-copy .more{margin-top:22px}
.gd-editorial-more{margin-top:clamp(44px,6vw,76px)}
.gd-editorial-more h3{font-size:clamp(23px,2.3vw,30px);margin:0 0 12px}
.gd-editorial-more .gd-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px clamp(28px,4vw,60px)}
.gd-editorial-more .gd-list li{padding:0}
.gd-editorial-more .gd-list a{min-height:48px}
.ar-res-head{max-width:1440px;margin-inline:auto}
/* 原生锚点即时定位，避免页面初始化时的刷新中断平滑滚动。 */
html:has(.ar-res-nav){scroll-behavior:auto!important}
.ar-res-nav{display:flex;flex-wrap:wrap;gap:4px 24px;margin-top:24px}
.ar-res-nav a{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:5px}
.ar-res-section{scroll-margin-top:90px}
.ar-res-section .news a{grid-template-columns:8em minmax(0,1fr) auto;gap:20px;padding-block:20px}
.ar-res-section .news time{font-size:16px;line-height:1.6}
.ar-res-section .news h3{min-width:0;font-size:18px;line-height:1.5;overflow-wrap:anywhere}
.ar-res-section .news .tag{justify-self:start;font-size:15px;line-height:1.6}
@media(max-width:600px){.ar-res-section .news a{grid-template-columns:minmax(0,1fr);gap:6px}}
@media(max-width:800px){
  .gd-editorial-feature{grid-template-columns:minmax(0,1fr);gap:24px}
  .gd-editorial-more .gd-list{grid-template-columns:minmax(0,1fr)}
  .gd-editorial-more .gd-list span{display:none}
  .gd-editorial-more .gd-list a{padding:10px 0}
  .gd-editorial-copy .more{min-height:44px}
}

/* 文章钢架竖图在单列宽度内按原比例居中，限制高度，完整保留原画幅。 */
@media(max-width:860px){.ar-story .ar-opening--portrait .ar-photo--hero:has(img[src*="dproc-steel-"]){width:min(100%,32.625vh)}.ar-story .ar-opening--portrait .ar-photo--hero img[src*="dproc-steel-"]{width:100%;height:auto;max-height:58vh;object-fit:contain;margin-inline:auto}}

/* 浅色知识页在深色引导卡与章节导航上使用对应的可读前景色。 */
body.w-read .chx-line li.on b{color:var(--ink,#121212)}
body.w-read .chx-card{color:var(--paper,#f2f1ef)}

/* 长标题在双栏视口保持两行，其他文章沿用原字号。 */
@media(min-width:861px){.ar-story .ar-opening--fabrication h1{font-size:clamp(35px,4.1vw,59px)}}

/* 键盘跳转链接在浅色知识页聚焦时保留红底，用石白文字保证可读。 */
body.w-read .skip:focus{color:var(--paper,#f2f1ef)}

/* 知识页面包屑在触屏下给短链接足够的可点区域。 */
@media (max-width:900px){body.w-read main > nav.crumb a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;box-sizing:border-box}}

/* 知识首页长链接按屏宽换行，引导卡图片不被最小高度撑出画框。 */
@media(max-width:900px){body.w-read .gd-editorial-copy .more{white-space:normal;max-width:100%;overflow-wrap:anywhere;min-height:44px}body.w-read main > .gd-editorial ~ .chx .chx-card .im{min-height:0}}