/* ==========================================================================
   微波连接器模具与精密成型.公司 —— 原创设计系统（mds- 前缀）
   全深色工业风：深石墨黑 + 熔金琥珀 / 精密青；呼应"钢模 / 熔金 / 精密制造"气质
   与 mwc- 站（深空靛蓝+离子青/等离紫）零复用、零参考
   ========================================================================== */

:root{
  /* 底色与面板（全深色，无白色表面） */
  --mds-bg:            #0E1216;
  --mds-bg-soft:       #12171C;
  --mds-panel:         #1B2128;
  --mds-panel-2:       #222A33;
  --mds-surface:       #161C23;   /* 内容主卡（深） */
  --mds-surface-2:     #1E252D;   /* 次级面板（深） */

  /* 文字 */
  --mds-ink:           #DDE4EB;   /* 正文主字（亮） */
  --mds-ink-2:         #A9B5C1;   /* 次级文字 */
  --mds-ink-3:         #7E8B99;   /* 弱化文字 */
  --mds-chrome-ink:    #E6ECF2;
  --mds-chrome-ink-2:  #9AA7B4;

  /* 品牌信号色 */
  --mds-amber:         #E8943A;   /* 熔金琥珀（主） */
  --mds-amber-soft:    #F2B46B;
  --mds-teal:          #35BDB4;   /* 精密青（辅） */
  --mds-teal-soft:     #6AD4CC;

  /* 线条 */
  --mds-line:          #2E3742;   /* 深色面板描边 */
  --mds-line-dark:     #242C35;

  /* 表格线 */
  --mds-table-line:    #39434F;

  /* 布局 */
  --mds-container:     1200px;
  --mds-topbar-h:      64px;
  --mds-radius:        12px;
  --mds-radius-sm:     8px;

  /* 面包屑左缘对齐量（与正文 H2 文字左缘严格一致） */
  --h2-inset:          16px;
}

*,*::before,*::after{ box-sizing:border-box; }

html{ scroll-behavior:smooth; }

body{
  margin:0;
  background:
    radial-gradient(1100px 520px at 8% -10%, rgba(232,148,58,.10), transparent 60%),
    radial-gradient(900px 480px at 92% 2%, rgba(53,189,180,.10), transparent 58%),
    var(--mds-bg);
  color:var(--mds-chrome-ink);
  font-family:"PingFang SC","Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:16px;
  line-height:1.85;
  -webkit-font-smoothing:antialiased;
}

img{ max-width:100%; height:auto; }
a{ color:var(--mds-teal); text-decoration:none; }
a:hover{ color:var(--mds-amber); }

h1,h2,h3,h4,h5,h6{ color:var(--mds-chrome-ink); line-height:1.4; }

/* ---------- 顶栏 ---------- */
.mds-topbar{
  position:sticky; top:0; z-index:50;
  height:var(--mds-topbar-h);
  background:rgba(14,18,22,.92);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--mds-line-dark);
}
.mds-topbar .mds-bar-inner{
  max-width:var(--mds-container); margin:0 auto; height:100%;
  display:flex; align-items:center; gap:22px; padding:0 20px;
}
.mds-logo{
  display:flex; align-items:center; gap:10px; font-weight:700; color:#fff;
  font-size:17px; letter-spacing:.3px; white-space:nowrap;
}
.mds-logo .mds-mark{
  width:30px; height:30px; border-radius:7px;
  background:linear-gradient(135deg,var(--mds-amber),var(--mds-teal));
  display:inline-flex; align-items:center; justify-content:center;
  color:#0E1216; font-weight:800; font-size:14px;
  clip-path:polygon(0 0,100% 0,100% 78%,78% 100%,0 100%);
}
.mds-nav{ display:flex; align-items:center; gap:4px; margin-left:auto; }
.mds-nav > .mds-nav-item{ position:relative; }
.mds-nav > .mds-nav-item > a{
  display:inline-flex; align-items:center; gap:6px;
  padding:10px 14px; color:var(--mds-chrome-ink-2); font-size:15px; border-radius:8px;
}
.mds-nav > .mds-nav-item > a:hover{ color:#fff; background:var(--mds-panel); }
.mds-nav .mds-nav-sub{
  position:absolute; top:100%; left:0; min-width:190px;
  background:var(--mds-panel); border:1px solid var(--mds-line-dark); border-radius:10px;
  padding:8px; display:none; box-shadow:0 14px 36px rgba(0,0,0,.4);
}
.mds-nav .mds-nav-item:hover .mds-nav-sub,
.mds-nav .mds-nav-item:focus-within .mds-nav-sub{ display:block; }
.mds-nav .mds-nav-sub a{ display:block; padding:8px 12px; color:var(--mds-chrome-ink-2); border-radius:7px; font-size:14px; }
.mds-nav .mds-nav-sub a:hover{ background:var(--mds-panel-2); color:var(--mds-amber-soft); }
.mds-burger{ display:none; margin-left:auto; background:none; border:1px solid var(--mds-line-dark);
  color:#fff; width:42px; height:38px; border-radius:8px; font-size:20px; cursor:pointer; }

/* ---------- 容器 ---------- */
.mds-container{ max-width:var(--mds-container); margin:0 auto; padding:0 20px; }
.mds-main{ min-height:60vh; padding:30px 0 60px; }

/* ---------- 面包屑（[M18c++] 对齐） ---------- */
.mds-breadcrumb{
  padding-left:var(--h2-inset);
  margin:6px 0 22px;
  font-size:13.5px; color:var(--mds-chrome-ink-2);
}
.mds-breadcrumb a{ color:var(--mds-chrome-ink-2); }
.mds-breadcrumb a:hover{ color:var(--mds-amber); }
.mds-breadcrumb .mds-sep{ margin:0 8px; color:var(--mds-line); }
.mds-breadcrumb .mds-cur{ color:var(--mds-chrome-ink); }

/* ---------- 文章 / 产品详情布局 ---------- */
.mds-layout{
  display:grid; grid-template-columns:minmax(0,1fr) 240px; gap:34px;
  align-items:start;
}
.mds-content-main{
  background:var(--mds-surface); color:var(--mds-ink); border-radius:var(--mds-radius);
  padding:30px 34px; box-shadow:0 10px 40px rgba(0,0,0,.35);
  border:1px solid var(--mds-line);
}
.mds-content-main h1{ font-size:27px; margin:0 0 6px; color:var(--mds-chrome-ink); }
.mds-content-main h2{ font-size:21px; margin:30px 0 12px; color:var(--mds-chrome-ink);
  border-left:4px solid var(--mds-amber); padding-left:12px; }
.mds-content-main h3{ font-size:17px; margin:22px 0 10px; color:var(--mds-amber-soft); }
.mds-content-main p{ margin:12px 0; color:var(--mds-ink); }
.mds-content-main ul,.mds-content-main ol{ margin:12px 0; padding-left:24px; color:var(--mds-ink); }
.mds-content-main li{ margin:6px 0; }
.mds-content-main strong{ color:var(--mds-amber-soft); }
.mds-content-main code{ background:var(--mds-panel-2); border:1px solid var(--mds-line-dark);
  border-radius:5px; padding:1px 6px; font-size:13.5px; color:var(--mds-teal-soft); }

/* 摘要块 */
.mds-abstract{
  background:var(--mds-surface-2); border:1px solid var(--mds-line);
  border-left:4px solid var(--mds-teal); border-radius:var(--mds-radius-sm);
  padding:14px 18px; margin:0 0 18px; color:var(--mds-ink-2); font-size:15px;
}
.mds-keywords{ font-size:13.5px; color:var(--mds-ink-3); margin:8px 0 4px; }
.mds-keywords b{ color:var(--mds-ink-2); }

/* 结论块 */
.mds-conclusion{
  background:linear-gradient(135deg, rgba(232,148,58,.14), rgba(53,189,180,.10));
  border:1px solid var(--mds-line); border-radius:var(--mds-radius-sm);
  padding:14px 18px; margin:18px 0; color:var(--mds-ink);
}
.mds-conclusion strong{ color:var(--mds-amber); }

/* 实践经验 callout */
.mds-case{
  background:var(--mds-surface-2); border:1px dashed var(--mds-teal);
  border-radius:var(--mds-radius-sm); padding:12px 16px; margin:16px 0; font-size:14.5px; color:var(--mds-ink-2);
}

/* 标签 */
.tag-text{ display:inline-block; background:var(--mds-surface-2); color:var(--mds-ink-2);
  border:1px solid var(--mds-line); border-radius:20px; padding:2px 10px; font-size:12.5px; margin:2px 4px 2px 0; }

/* ---------- 表格（[M26] 覆盖全部正文表格，含 Markdown 裸 table） ---------- */
.mds-content-main table,
table.mds-spec{
  width:100%; border-collapse:collapse; margin:16px 0; font-size:14.5px;
  border:1px solid var(--mds-table-line);
}
.mds-content-main table th,
table.mds-spec th{
  background:var(--mds-panel-2); color:var(--mds-amber-soft); text-align:left; padding:10px 12px; font-weight:600;
  border:1px solid var(--mds-table-line);
}
.mds-content-main table td,
table.mds-spec td{
  padding:9px 12px; border:1px solid var(--mds-table-line); color:var(--mds-ink);
}
.mds-content-main table tbody tr:nth-child(even),
table.mds-spec tbody tr:nth-child(even){ background:var(--mds-surface-2); }

/* ---------- FAQ（裸 <details>，[M2]） ---------- */
.mds-content-main details{
  border:1px solid var(--mds-line); border-radius:var(--mds-radius-sm);
  margin:10px 0; background:var(--mds-surface-2); overflow:hidden;
}
.mds-content-main details summary{
  cursor:pointer; padding:12px 16px; font-weight:600; color:var(--mds-chrome-ink);
  list-style:none; position:relative; padding-left:42px;
}
.mds-content-main details summary::before{
  content:"?"; position:absolute; left:14px; top:50%; transform:translateY(-50%);
  width:20px; height:20px; border-radius:50%; background:var(--mds-amber); color:#0E1216;
  font-size:12px; font-weight:800; display:flex; align-items:center; justify-content:center;
}
.mds-content-main details[open] summary::after{
  content:""; position:absolute; right:16px; top:50%; transform:translateY(-50%) rotate(45deg);
  width:8px; height:8px; border-right:2px solid var(--mds-ink-3); border-bottom:2px solid var(--mds-ink-3);
}
.mds-content-main details .mds-faq-a{ padding:4px 16px 14px 42px; color:var(--mds-ink-2); }

/* 相关阅读 / 相关产品 */
.mds-related{ margin:18px 0; padding:14px 18px; background:var(--mds-surface-2);
  border-radius:var(--mds-radius-sm); border:1px solid var(--mds-line); }
.mds-related h3{ margin:0 0 8px; font-size:16px; color:var(--mds-chrome-ink); }
.mds-related a{ color:var(--mds-teal); font-weight:600; }

/* ---------- TOC 悬浮（[M1''] 原生 details，sticky 非 fixed） ---------- */
.mds-toc-aside{ position:sticky; top:calc(var(--mds-topbar-h) + 16px); max-height:calc(100vh - 100px); overflow-y:auto; }
.mds-toc-panel{ border:1px solid var(--mds-line-dark); border-radius:var(--mds-radius-sm); background:var(--mds-panel); }
.mds-toc-panel > summary{
  cursor:pointer; padding:12px 14px; font-weight:700; color:#fff; list-style:none;
  border-bottom:1px solid var(--mds-line-dark);
}
.mds-toc-panel > summary::after{ content:"▾"; float:right; color:var(--mds-amber); }
.mds-toc-panel[open] > summary::after{ content:"▴"; }
.mds-toc-panel ol{ margin:0; padding:10px 14px 14px 30px; font-size:14px; }
.mds-toc-panel ol li{ margin:7px 0; }
.mds-toc-panel ol a{ color:var(--mds-chrome-ink-2); }
.mds-toc-panel ol a:hover{ color:var(--mds-amber); }

/* ---------- 列表 / 分类页布局（[M27] 列序 240px minmax(0,1fr)） ---------- */
.mds-list-layout{ display:grid; grid-template-columns:240px minmax(0,1fr); gap:30px; align-items:start; }
.mds-cat-side{ position:sticky; top:calc(var(--mds-topbar-h) + 16px); }
.mds-cat-panel{ border:1px solid var(--mds-line-dark); border-radius:var(--mds-radius-sm); background:var(--mds-panel); }
.mds-cat-panel > summary{
  cursor:pointer; padding:12px 14px; font-weight:700; color:#fff; list-style:none;
  border-bottom:1px solid var(--mds-line-dark);
}
.mds-cat-panel > summary::after{ content:"▾"; float:right; color:var(--mds-amber); }
.mds-cat-panel[open] > summary::after{ content:"▴"; }
ul.mds-category-list{ list-style:none; margin:0; padding:8px 10px; }
ul.mds-category-list li{ margin:2px 0; }
ul.mds-category-list a{ display:block; padding:9px 12px; border-radius:7px; color:var(--mds-chrome-ink-2); font-size:14.5px; }
ul.mds-category-list a:hover, ul.mds-category-list a.mds-active{ background:var(--mds-panel-2); color:var(--mds-amber-soft); }

.mds-cat-content .mds-cat-head{ color:#fff; font-size:22px; margin:0 0 4px; }
.mds-cat-content .mds-cat-desc{ color:var(--mds-chrome-ink-2); margin:0 0 18px; }
.mds-card-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:18px; }
.mds-card{
  background:var(--mds-surface); border:1px solid var(--mds-line); border-radius:var(--mds-radius);
  padding:18px 20px; color:var(--mds-ink); transition:transform .15s, box-shadow .15s;
  border-top:3px solid var(--mds-amber);
}
.mds-card:hover{ transform:translateY(-3px); box-shadow:0 14px 34px rgba(0,0,0,.45); }
.mds-card h3{ margin:0 0 8px; font-size:17px; color:var(--mds-chrome-ink); }
.mds-card p{ margin:0 0 10px; font-size:14px; color:var(--mds-ink-2); }
.mds-card .mds-card-meta{ font-size:12.5px; color:var(--mds-ink-3); }
.mds-card .mds-card-cat{ display:inline-block; background:var(--mds-panel-2); color:var(--mds-teal-soft);
  border:1px solid var(--mds-line-dark); border-radius:6px; padding:2px 8px; font-size:12px; margin-bottom:8px; }

/* ---------- 首页 ---------- */
.mds-hero{ padding:54px 0 30px; }
.mds-hero h1{ font-size:38px; color:#fff; margin:0 0 14px; line-height:1.25; }
.mds-hero .mds-hero-sub{ font-size:17px; color:var(--mds-chrome-ink-2); max-width:760px; }
.mds-hero .mds-hero-cta{ margin-top:22px; display:flex; gap:14px; flex-wrap:wrap; }
.mds-btn{ display:inline-block; padding:12px 22px; border-radius:10px; font-weight:700; font-size:15px; }
.mds-btn-primary{ background:linear-gradient(135deg,var(--mds-amber),var(--mds-amber-soft)); color:#0E1216; }
.mds-btn-ghost{ border:1px solid var(--mds-line); color:#fff; }
.mds-stat-row{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin:34px 0; }
.mds-stat{ background:var(--mds-panel); border:1px solid var(--mds-line-dark); border-radius:var(--mds-radius); padding:18px; text-align:center; }
.mds-stat .mds-num{ font-size:30px; font-weight:800; color:var(--mds-amber); }
.mds-stat .mds-label{ font-size:13.5px; color:var(--mds-chrome-ink-2); margin-top:4px; }
.mds-section{ margin:40px 0; }
.mds-section h2{ font-size:24px; color:#fff; margin:0 0 6px; text-align:center; }
.mds-section .mds-section-sub{ text-align:center; color:var(--mds-chrome-ink-2); margin:0 0 24px; }
.mds-pill-row{ display:flex; flex-wrap:wrap; gap:10px; justify-content:center; }
.mds-pill{ background:var(--mds-panel); border:1px solid var(--mds-line-dark); color:var(--mds-chrome-ink);
  border-radius:30px; padding:9px 16px; font-size:14px; }
.mds-pill b{ color:var(--mds-teal-soft); }
.mds-capsule-row{ display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin:18px 0; }
.mds-capsule{ background:var(--mds-panel-2); border:1px solid var(--mds-line-dark); color:var(--mds-chrome-ink);
  border-radius:30px; padding:8px 16px; font-size:13.5px; }
.mds-capsule b{ color:var(--mds-amber-soft); }

/* ---------- 页面（关于/隐私/联系/服务/方案） ---------- */
.mds-page-wrap{ max-width:880px; margin:0 auto; }
.mds-page{
  background:var(--mds-surface); color:var(--mds-ink); border-radius:var(--mds-radius);
  padding:34px 40px; box-shadow:0 10px 40px rgba(0,0,0,.35); border:1px solid var(--mds-line);
}
.mds-page h1{ font-size:27px; margin:0 0 12px; color:var(--mds-chrome-ink); }
.mds-page h2{ font-size:21px; margin:28px 0 12px; padding-left:12px; border-left:4px solid var(--mds-amber); color:var(--mds-chrome-ink); }
.mds-page h3{ font-size:17px; margin:20px 0 10px; color:var(--mds-amber-soft); }
.mds-page p{ margin:12px 0; color:var(--mds-ink); }
.mds-page strong{ color:var(--mds-amber-soft); }
.mds-page table, table.mds-spec{ width:100%; border-collapse:collapse; margin:16px 0; font-size:14.5px; border:1px solid var(--mds-table-line); }
.mds-page table th{ background:var(--mds-panel-2); color:var(--mds-amber-soft); text-align:left; padding:10px 12px; border:1px solid var(--mds-table-line); }
.mds-page table td{ padding:9px 12px; border:1px solid var(--mds-table-line); color:var(--mds-ink); }
.mds-page ul,.mds-page ol{ margin:12px 0; padding-left:24px; color:var(--mds-ink); }

/* 归档页 */
.mds-archive-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:18px; }
.mds-archive-col{ background:var(--mds-panel); border:1px solid var(--mds-line-dark); border-radius:var(--mds-radius); padding:18px 20px; }
.mds-archive-col h3{ color:#fff; font-size:17px; margin:0 0 10px; }
.mds-archive-col a{ display:block; color:var(--mds-chrome-ink-2); padding:6px 0; font-size:14px; }
.mds-archive-col a:hover{ color:var(--mds-amber); }

/* ---------- 悬浮工具胶囊 ---------- */
.mds-float{ position:fixed; right:18px; top:50%; transform:translateY(-50%); z-index:60;
  display:flex; flex-direction:column; gap:12px; }
.mds-float button, .mds-float a.mds-float-btn{
  width:auto; min-width:52px; height:52px; padding:0 16px; border-radius:30px;
  border:none; cursor:pointer; display:inline-flex; align-items:center; gap:8px;
  background:linear-gradient(135deg,var(--mds-amber),var(--mds-teal)); color:#0E1216;
  font-weight:700; font-size:14px; box-shadow:0 8px 22px rgba(0,0,0,.4);
  text-decoration:none;
}
.mds-float button:hover, .mds-float a.mds-float-btn:hover{ filter:brightness(1.08); color:#0E1216; }
.mds-float .mds-float-ico{ font-size:18px; }

/* 名片弹层 */
.mds-card-overlay{ position:fixed; inset:0; background:rgba(0,0,0,.78); z-index:80;
  display:flex; align-items:center; justify-content:center; padding:20px; }
.mds-card-overlay[hidden]{ display:none; }
.mds-card-overlay img{ max-width:100%; max-height:90vh; border-radius:10px; box-shadow:0 20px 60px rgba(0,0,0,.6); }
.mds-card-overlay .mds-card-close{ position:absolute; top:18px; right:22px; background:none; border:none;
  color:#fff; font-size:30px; cursor:pointer; }

/* ---------- 页脚 ---------- */
.mds-footer{ border-top:1px solid var(--mds-line-dark); background:var(--mds-bg-soft); margin-top:40px; }
.mds-footer .mds-foot-inner{ max-width:var(--mds-container); margin:0 auto; padding:34px 20px; display:grid;
  grid-template-columns:1.4fr 1fr 1fr; gap:24px; }
.mds-footer .mds-foot-title{ color:#fff; font-weight:700; font-size:15px; margin:0 0 12px; }
.mds-footer a{ color:var(--mds-chrome-ink-2); display:block; padding:4px 0; font-size:14px; }
.mds-footer a:hover{ color:var(--mds-amber); }
.mds-footer .mds-foot-bottom{ border-top:1px solid var(--mds-line-dark); text-align:center;
  color:var(--mds-chrome-ink-2); font-size:13px; padding:14px 20px; }
.mds-footer p{ color:var(--mds-chrome-ink-2); font-size:14px; margin:6px 0; }

/* ---------- 404 ---------- */
.mds-404{ text-align:center; padding:90px 20px; }
.mds-404 h1{ font-size:96px; color:var(--mds-amber); margin:0; }
.mds-404 p{ color:var(--mds-chrome-ink-2); font-size:17px; }

/* ---------- 响应式（断点 1024，[M25] 折叠面板不得 display:none） ---------- */
@media (max-width:1024px){
  .mds-nav{ display:none; }
  .mds-burger{ display:block; }
  .mds-nav.mds-nav-open{ display:flex; position:absolute; top:var(--mds-topbar-h); left:0; right:0;
    flex-direction:column; background:var(--mds-panel); border-bottom:1px solid var(--mds-line-dark); padding:10px; gap:6px; }
  .mds-nav.mds-nav-open .mds-nav-sub{ position:static; display:block; box-shadow:none; border:none; background:var(--mds-panel-2); margin:4px 0; }
  .mds-layout{ grid-template-columns:1fr; }
  .mds-toc-aside{ position:static; max-height:none; }
  .mds-list-layout{ grid-template-columns:1fr; }
  .mds-cat-side{ position:static; }
  .mds-stat-row{ grid-template-columns:repeat(2,1fr); }
  .mds-content-main{ padding:22px 18px; }
  .mds-page{ padding:26px 18px; }
}
@media (max-width:600px){
  .mds-hero h1{ font-size:28px; }
  .mds-stat-row{ grid-template-columns:1fr 1fr; }
  .mds-card-grid{ grid-template-columns:1fr; }
}