@charset "utf-8";
/* ==========================================================
   std.模具设计.中国 — 详情页骨架样式 detail.css
   骨架结构（本站独立设计）：
     .mds-layout 两列栅格，左列 238px 参数速查栏（sticky），
     右列主栏：面包屑 → H1 → 导语 → 标签 → 元信息 → 正文 → FAQ → 相关阅读
   面包屑与正文同处右列 grid-column，左缘与 H2 文字严格对齐（[M18c++]）。
   ========================================================== */

.mds-layout{
  display:grid;
  grid-template-columns:238px minmax(0,1fr);
  gap:0 46px;
  padding:34px 0 84px;
  align-items:start;
}
.mds-layout__side{ grid-column:1; grid-row:1; position:sticky; top:calc(var(--mds-nav-h) + 20px); }
.mds-layout__main{ grid-column:2; grid-row:1; min-width:0; }

/* ── 详情页头（H1 区）────────────────────────────────────────── */
.mds-dochead{ padding:14px 0 30px; border-bottom:2px solid var(--mds-ink); position:relative; margin-bottom:34px; }
.mds-dochead::after{ content:""; position:absolute; left:0; bottom:-2px; width:64px; height:2px; background:var(--mds-brand); }
.mds-dochead h1{ font-size:2.12rem; margin:18px 0 14px; letter-spacing:-.5px; }
.mds-dochead__lead{ color:var(--mds-ink-3); font-size:1.02rem; margin:0 0 18px; max-width:760px; }
.mds-dochead__tags{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:18px; }
.mds-dochead__meta{ display:flex; flex-wrap:wrap; gap:8px 26px; font-size:.83rem; color:var(--mds-ink-4); }
.mds-dochead__meta b{ color:var(--mds-ink-2); font-weight:600; }

/* ── 面包屑（与主列同栅格 → 与 H2 左缘对齐）────────────────── */
.mds-crumb{ font-size:.83rem; color:var(--mds-ink-4); padding:0; margin:0; }
.mds-crumb ol{ list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; align-items:center; gap:6px; }
.mds-crumb li{ display:inline-flex; align-items:center; gap:6px; }
.mds-crumb li:not(:last-child)::after{ content:"›"; color:var(--mds-line-2); }
.mds-crumb a{ color:var(--mds-ink-4); }
.mds-crumb a:hover{ color:var(--mds-brand); }
.mds-crumb [aria-current="page"]{ color:var(--mds-ink-2); font-weight:600; }

/* ── 左侧参数速查栏 ─────────────────────────────────────────── */
.mds-railbox__title{ font-size:.74rem; font-weight:800; letter-spacing:1.6px; text-transform:uppercase; color:var(--mds-ink-4); margin:0 0 12px; }
.mds-toc{ list-style:none; margin:0 0 26px; padding:0; border-left:2px solid var(--mds-line); }
.mds-toc li a{ display:block; padding:7px 0 7px 14px; margin-left:-2px; border-left:2px solid transparent; font-size:.87rem; color:var(--mds-ink-3); line-height:1.55; }
.mds-toc li a:hover{ color:var(--mds-brand); border-left-color:var(--mds-line-2); }
.mds-toc li a.is-active{ color:var(--mds-brand-deep); border-left-color:var(--mds-brand); font-weight:700; }
.mds-toc li.is-sub a{ padding-left:28px; font-size:.82rem; }

.mds-sidecard{ background:var(--mds-surface); border:1px solid var(--mds-line); border-radius:var(--mds-r); padding:18px 20px; margin-bottom:16px; }
.mds-sidecard h4{ font-size:.9rem; margin-bottom:10px; }
.mds-sidecard ul{ list-style:none; margin:0; padding:0; }
.mds-sidecard li{ margin-bottom:8px; font-size:.85rem; line-height:1.55; }
.mds-sidecard__spec{ font-size:.81rem; color:var(--mds-ink-4); margin:8px 0 0; line-height:1.7; }
.mds-sidecard__spec p{ margin:0 0 8px; }
.mds-sidecard__spec p:last-child{ margin:0; }

/* ── 正文 ───────────────────────────────────────────────────── */
.mds-body{ min-width:0; }

.mds-body > h2{
  font-size:1.5rem; margin:54px 0 18px; padding-top:20px;
  border-top:2px solid var(--mds-ink); position:relative; scroll-margin-top:92px;
}
.mds-body > h2:first-of-type{ margin-top:0; }
.mds-body > h2::before{ content:""; position:absolute; left:0; top:-2px; width:56px; height:2px; background:var(--mds-brand); }
.mds-body > h3{ font-size:1.16rem; margin:34px 0 12px; scroll-margin-top:92px; }
.mds-body > h4{ font-size:1.02rem; margin:26px 0 10px; color:var(--mds-ink-2); }
.mds-body p{ margin:0 0 16px; }
.mds-body ul,.mds-body ol{ margin:0 0 18px; padding-left:1.3em; }
.mds-body li{ margin-bottom:8px; }
.mds-body a{ text-decoration:underline; text-underline-offset:3px; }
.mds-body strong{ color:var(--mds-ink); }
.mds-body code{ font-family:var(--mds-mono); font-size:.87em; background:var(--mds-bg-2); padding:2px 6px; border-radius:4px; color:var(--mds-brand-deep); }
.mds-body blockquote{ margin:22px 0; padding:16px 20px; background:var(--mds-brand-soft); border-left:3px solid var(--mds-brand); border-radius:0 8px 8px 0; color:var(--mds-ink-2); }
.mds-body blockquote p:last-child{ margin:0; }

/* 摘要盒 */
.mds-summarybox{
  background:linear-gradient(150deg,#ffffff,#f2f7fd);
  border:1px solid var(--mds-line-2); border-left:4px solid var(--mds-brand);
  border-radius:0 var(--mds-r) var(--mds-r) 0; padding:24px 26px; margin:0 0 34px;
}
.mds-summarybox h4{ margin:0 0 10px; font-size:.8rem; letter-spacing:1.4px; text-transform:uppercase; color:var(--mds-brand); }
.mds-summarybox p{ margin:0; font-size:.96rem; color:var(--mds-ink-2); }
.mds-summarybox ul{ margin:10px 0 0; padding-left:1.2em; font-size:.88rem; color:var(--mds-ink-3); }
.mds-summarybox li{ margin-bottom:4px; }

/* 三栏要点卡 */
.mds-keypts{ display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin:26px 0 32px; }
.mds-keypt{ background:var(--mds-surface); border:1px solid var(--mds-line); border-radius:var(--mds-r); padding:18px; }
.mds-keypt b{ display:block; color:var(--mds-brand-deep); font-size:.79rem; letter-spacing:1px; margin-bottom:7px; }
.mds-keypt p{ margin:0; font-size:.88rem; color:var(--mds-ink-3); line-height:1.68; }

/* 规范条款块 */
.mds-clause{ border:1px solid var(--mds-line); border-radius:var(--mds-r); background:var(--mds-surface); padding:22px 24px; margin:22px 0; }
.mds-clause__hd{ display:flex; align-items:center; gap:10px; margin-bottom:12px; }
.mds-clause__no{ font-family:var(--mds-mono); font-size:.76rem; font-weight:700; background:var(--mds-ink); color:#fff; padding:3px 10px; border-radius:5px; }
.mds-clause h4{ margin:0; font-size:1rem; }

/* 提示条 */
.mds-hint{ margin:26px 0; padding:18px 22px; border-radius:var(--mds-r); background:var(--mds-accent-soft); border-left:4px solid var(--mds-accent); }
.mds-hint h4{ margin:0 0 8px; font-size:.92rem; color:#08717c; }
.mds-hint p,.mds-hint ul{ margin:0; font-size:.9rem; color:#0b5f68; }
.mds-hint--warn{ background:var(--mds-warn-soft); border-left-color:var(--mds-warn); }
.mds-hint--warn h4{ color:#8a4b06; }
.mds-hint--warn p,.mds-hint--warn ul{ color:#7a4a12; }

/* FAQ：裸 details，与契约 faq_dom=bare_details 对齐 */
.mds-faq{ margin:0 0 8px; }
.mds-faq details{ background:var(--mds-surface); border:1px solid var(--mds-line); border-radius:var(--mds-r); padding:14px 20px; margin-bottom:10px; }
.mds-faq summary{ cursor:pointer; font-weight:700; color:var(--mds-ink); font-size:.96rem; list-style:none; display:flex; align-items:flex-start; gap:10px; line-height:1.6; }
.mds-faq summary::-webkit-details-marker{ display:none; }
.mds-faq summary::before{ content:"+"; flex:0 0 auto; width:20px; height:20px; border-radius:5px; background:var(--mds-brand-soft); color:var(--mds-brand-deep); display:grid; place-items:center; font-weight:800; font-size:.86rem; margin-top:3px; }
.mds-faq details[open] summary::before{ content:"−"; }
.mds-faq details p{ margin:12px 0 2px 30px; font-size:.92rem; color:var(--mds-ink-3); }

/* 关键词 / 相关阅读 */
.mds-keywords{ margin:42px 0 0; padding:20px 24px; background:var(--mds-bg-2); border-radius:var(--mds-r); font-size:.88rem; }
.mds-keywords b{ display:block; color:var(--mds-ink-2); margin-bottom:10px; font-size:.84rem; letter-spacing:.6px; }
.mds-keywords a{ display:inline-block; margin:0 8px 8px 0; padding:4px 12px; border-radius:999px; background:var(--mds-surface); border:1px solid var(--mds-line-2); color:var(--mds-ink-3); font-size:.82rem; text-decoration:none; }
.mds-keywords a:hover{ border-color:var(--mds-brand); color:var(--mds-brand-deep); }
.mds-related{ margin:0; padding:0; list-style:none; }
.mds-related li{ padding:12px 0; border-bottom:1px dashed var(--mds-line); font-size:.92rem; }
.mds-related li:last-child{ border-bottom:0; }
.mds-related a{ font-weight:700; }

.mds-updatetime{ margin-top:18px; font-size:.82rem; color:var(--mds-ink-4); display:flex; flex-wrap:wrap; gap:6px 20px; }

/* 上下篇 */
.mds-prevnext{ display:grid; grid-template-columns:1fr 1fr; gap:18px; margin:44px 0 0; }
.mds-prevnext a{ display:block; padding:20px 22px; background:var(--mds-surface); border:1px solid var(--mds-line); border-radius:var(--mds-r); transition:border-color .2s, transform .2s; }
.mds-prevnext a:hover{ border-color:var(--mds-brand); transform:translateY(-2px); }
.mds-prevnext span{ display:block; font-size:.76rem; color:var(--mds-ink-4); margin-bottom:6px; }
.mds-prevnext b{ font-size:.94rem; color:var(--mds-ink); line-height:1.5; }
.mds-prevnext .is-next{ text-align:right; }

/* ── 列表 / 分类页：分类一律左侧垂直列表（[M1']）───────────── */
.mds-listlayout{ display:grid; grid-template-columns:230px minmax(0,1fr); gap:0 44px; padding:36px 0 84px; align-items:start; }
.mds-listlayout__side{ grid-column:1; position:sticky; top:calc(var(--mds-nav-h) + 20px); }
.mds-listlayout__main{ grid-column:2; min-width:0; }
.mds-category-list{ list-style:none; margin:0 0 22px; padding:0; }
.mds-category-list li{ margin-bottom:2px; }
.mds-category-list a{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:10px 14px; border-radius:8px; font-size:.92rem; color:var(--mds-ink-2); font-weight:600; border-left:3px solid transparent; }
.mds-category-list a:hover{ background:var(--mds-brand-soft); color:var(--mds-brand-deep); }
.mds-category-list li.is-active a{ background:var(--mds-brand-soft); color:var(--mds-brand-deep); border-left-color:var(--mds-brand); }
.mds-category-list span{ font-family:var(--mds-mono); font-size:.74rem; color:var(--mds-ink-4); }

.mds-postcard{ display:grid; grid-template-columns:1fr auto; gap:20px; align-items:start; background:var(--mds-surface); border:1px solid var(--mds-line); border-radius:var(--mds-r); padding:22px 24px; margin-bottom:14px; transition:transform .2s, box-shadow .2s, border-color .2s; }
.mds-postcard:hover{ transform:translateY(-3px); box-shadow:var(--mds-shadow); border-color:var(--mds-line-2); }
.mds-postcard h3{ font-size:1.06rem; margin:0 0 8px; }
.mds-postcard h3 a{ color:var(--mds-ink); text-decoration:none; }
.mds-postcard h3 a:hover{ color:var(--mds-brand); }
.mds-postcard p{ margin:0 0 10px; font-size:.9rem; color:var(--mds-ink-3); }
.mds-postcard__meta{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; font-size:.76rem; color:var(--mds-ink-4); }
.mds-postcard__cat{ padding:2px 10px; border-radius:999px; background:var(--mds-brand-soft); color:var(--mds-brand-deep); font-weight:700; }
.mds-postcard__date{ font-family:var(--mds-mono); white-space:nowrap; }

/* 叶子页 */
.mds-pagelayout{ padding:34px 0 84px; }
.mds-pagelayout__card{ background:var(--mds-surface); border:1px solid var(--mds-line); border-radius:var(--mds-r); padding:34px 38px; max-width:940px; }
.mds-pagelayout__card h1{ font-size:1.9rem; margin:16px 0 12px; letter-spacing:-.4px; }
.mds-pagelayout h2{ font-size:1.5rem; margin:52px 0 18px; padding-top:20px; border-top:2px solid var(--mds-ink); position:relative; scroll-margin-top:92px; }
.mds-pagelayout h2:first-of-type{ margin-top:34px; }
.mds-pagelayout h2::before{ content:""; position:absolute; left:0; top:-2px; width:56px; height:2px; background:var(--mds-brand); }
.mds-pagelayout h3{ font-size:1.14rem; margin:32px 0 12px; }
.mds-pagelayout p{ margin:0 0 16px; }
.mds-pagelayout ul,.mds-pagelayout ol{ margin:0 0 18px; padding-left:1.3em; }
.mds-pagelayout li{ margin-bottom:8px; }
.mds-pagelayout th,.mds-pagelayout td{ padding:12px 18px; border-bottom:1px solid var(--mds-line); text-align:left; }
.mds-pagelayout thead th{ background:var(--mds-ink); color:#fff; font-size:.85rem; }
.mds-pagelayout tbody tr:nth-child(even){ background:#fafcff; }

/* ── 响应式 ──────────────────────────────────────────────────── */
@media (max-width:1024px){
  .mds-layout,.mds-listlayout{ grid-template-columns:1fr; }
  .mds-layout__side,.mds-listlayout__side{ position:static; margin-bottom:26px; }
  .mds-keypts{ grid-template-columns:1fr; }
  .mds-toc{ display:none; }
  .mds-dochead h1{ font-size:1.74rem; }
  .mds-rail{ display:none; }
  .mds-category-list{ display:flex; flex-wrap:wrap; gap:6px; }
  .mds-category-list a{ border:1px solid var(--mds-line); border-radius:999px; padding:6px 14px; font-size:.85rem; }
  .mds-category-list li.is-active a{ border-color:var(--mds-brand); }
  .mds-pagelayout__card{ padding:26px 24px; }
}
@media (max-width:640px){
  .mds-layout,.mds-listlayout{ padding:24px 0 60px; }
  .mds-dochead{ padding:10px 0 24px; margin-bottom:26px; }
  .mds-dochead h1{ font-size:1.46rem; }
  .mds-dochead__lead{ font-size:.95rem; }
  .mds-body > h2,.mds-pagelayout h2{ font-size:1.22rem; margin-top:40px; }
  .mds-body > h3,.mds-pagelayout h3{ font-size:1.04rem; }
  .mds-prevnext{ grid-template-columns:1fr; }
  .mds-postcard{ grid-template-columns:1fr; padding:18px; gap:10px; }
  .mds-summarybox{ padding:18px; }
  .mds-faq details{ padding:12px 16px; }
  .mds-faq details p{ margin-left:0; }
  .mds-pagelayout__card h1{ font-size:1.4rem; }
}