/* match.射频校准件.中国 — mch- 独立骨架样式（深墨底 + 校准琥珀金） */
:root{
  --mch-bg:#0B0F17;
  --mch-bg-2:#131A28;
  --mch-bg-3:#1B2438;
  --mch-border:#243044;
  --mch-text:#E6EAF2;
  --mch-text-2:#9AA6B8;
  --mch-gold:#E0A13C;
  --mch-gold-2:#F2C66A;
  --mch-teal:#36C5C0;
  --mch-blue:#6E8BD6;
  --mch-radius:12px;
  --mch-header-h:64px;
  --mch-maxw:1200px;
  --mch-h2-inset:0;
  --mch-prose-max:780px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;background:var(--mch-bg);color:var(--mch-text);
  font-family:"Segoe UI","PingFang SC","Microsoft YaHei",system-ui,sans-serif;
  font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;
  padding-top:var(--mch-header-h);
}
a{color:var(--mch-gold);text-decoration:none;}
a:hover{color:var(--mch-gold-2);}
img{max-width:100%;height:auto;}
h1,h2,h3,h4{line-height:1.35;font-weight:700;color:var(--mch-text);}
h1{font-size:30px;margin:0 0 14px;}
h2{font-size:23px;margin:34px 0 14px;padding-left:var(--mch-h2-inset);border-left:3px solid var(--mch-gold);padding-left:14px;}
h3{font-size:19px;margin:24px 0 10px;}
p{margin:0 0 14px;}
ul,ol{margin:0 0 14px;padding-left:22px;}
li{margin:6px 0;}
blockquote{
  margin:16px 0;padding:14px 18px;background:var(--mch-bg-2);
  border-left:3px solid var(--mch-teal);border-radius:8px;color:var(--mch-text);
}
code{background:var(--mch-bg-3);padding:2px 6px;border-radius:5px;font-size:14px;color:var(--mch-teal);}
hr{border:none;border-top:1px solid var(--mch-border);margin:28px 0;}

/* ===== 头部导航 ===== */
.mch-header{position:fixed;top:0;left:0;right:0;height:var(--mch-header-h);z-index:1000;
  background:rgba(11,15,23,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--mch-border);}
.mch-header-inner{max-width:var(--mch-maxw);margin:0 auto;height:100%;display:flex;align-items:center;
  padding:0 20px;gap:18px;}
.mch-logo{font-weight:800;font-size:18px;color:var(--mch-gold);white-space:nowrap;letter-spacing:.3px;}
.mch-nav{display:flex;align-items:center;gap:6px;margin-left:auto;flex-wrap:wrap;}
.mch-nav-item{position:relative;}
.mch-nav-item>a{display:inline-block;padding:10px 14px;color:var(--mch-text);border-radius:8px;font-size:15px;}
.mch-nav-item>a:hover{color:var(--mch-gold);background:var(--mch-bg-2);}
.mch-nav-has-sub>.mch-nav-sub{position:absolute;top:100%;left:0;min-width:180px;background:var(--mch-bg-2);
  border:1px solid var(--mch-border);border-radius:10px;padding:8px;display:none;flex-direction:column;gap:2px;box-shadow:0 12px 30px rgba(0,0,0,.4);}
.mch-nav-has-sub:hover>.mch-nav-sub,.mch-nav-has-sub:focus-within>.mch-nav-sub{display:flex;}
.mch-nav-sub a{padding:8px 12px;border-radius:7px;color:var(--mch-text-2);font-size:14px;}
.mch-nav-sub a:hover{background:var(--mch-bg-3);color:var(--mch-gold);}
.mch-nav-toggle{display:none;margin-left:auto;background:var(--mch-bg-2);color:var(--mch-gold);
  border:1px solid var(--mch-border);border-radius:8px;font-size:22px;width:42px;height:38px;cursor:pointer;}

/* ===== 容器与布局 ===== */
.mch-container{max-width:var(--mch-maxw);margin:0 auto;padding:26px 20px 50px;}
.mch-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:36px;align-items:start;max-width:1200px;margin:0 auto;padding:0 20px 44px;}
.mch-list-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:36px;align-items:start;max-width:1200px;margin:0 auto;padding:0 20px 44px;}
.mch-content-main{min-width:0;}
.mch-content-main .mch-prose{max-width:var(--mch-prose-max);}
.mch-toc-aside{position:sticky;top:calc(var(--mch-header-h) + 18px);max-height:calc(100vh - var(--mch-header-h) - 36px);overflow-y:auto;}
.mch-page-wrap{max-width:880px;margin:0 auto;}
.mch-page-main{background:var(--mch-bg-2);border:1px solid var(--mch-border);border-radius:var(--mch-radius);padding:30px 34px;}

/* ===== 面包屑（与正文 H2 左缘对齐） ===== */
.mch-breadcrumb{max-width:1200px;margin:24px auto 18px;padding:0 20px;font-size:13.5px;color:var(--mch-text-2);}
.mch-breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;align-items:center;}
.mch-breadcrumb li{margin:0;}
.mch-breadcrumb a{color:var(--mch-text-2);}
.mch-breadcrumb a:hover{color:var(--mch-gold);}
.mch-breadcrumb .mch-sep{color:var(--mch-border);}

/* ===== 折叠面板（原生 details） ===== */
.mch-toc-panel,.mch-cat-panel{background:var(--mch-bg-2);border:1px solid var(--mch-border);border-radius:var(--mch-radius);padding:14px 16px;}
.mch-toc-panel>summary,.mch-cat-panel>summary{cursor:pointer;font-weight:700;color:var(--mch-gold);list-style:none;padding:4px 0;display:flex;align-items:center;justify-content:space-between;}
.mch-toc-panel>summary::-webkit-details-marker{display:none;}
.mch-toc-panel>summary::after,.mch-cat-panel>summary::after{content:"▾";transition:transform .2s;color:var(--mch-text-2);}
.mch-toc-panel:not([open])>summary::after,.mch-cat-panel:not([open])>summary::after{transform:rotate(-90deg);}
.mch-toc-panel ol,.mch-cat-panel ul{margin:10px 0 2px;padding-left:16px;font-size:14px;}
.mch-toc-panel li,.mch-cat-panel li{margin:7px 0;}
.mch-toc-panel a,.mch-cat-panel a{color:var(--mch-text-2);}
.mch-toc-panel a:hover,.mch-cat-panel a:hover{color:var(--mch-gold);}
.mch-cat-panel .mch-cat-active>a{color:var(--mch-gold);font-weight:700;}

/* ===== 表格（覆盖裸 table 与 .mch-spec，M26） ===== */
.mch-content-main table,.mch-page-main table,table.mch-spec{
  width:100%;border-collapse:collapse;margin:16px 0;font-size:14.5px;
  border:1px solid #cbd5e1;background:var(--mch-bg-2);
}
.mch-content-main table th,.mch-page-main table th,table.mch-spec th{
  background:var(--mch-bg-3);color:#fff;border:1px solid #cbd5e1;padding:9px 12px;text-align:left;font-weight:700;
}
.mch-content-main table td,.mch-page-main table td,table.mch-spec td{
  border:1px solid #cbd5e1;padding:8px 12px;color:var(--mch-text);
}
.mch-content-main table tr:nth-child(even) td,.mch-page-main table tr:nth-child(even) td,table.mch-spec tr:nth-child(even) td{
  background:rgba(255,255,255,.03);
}

/* ===== FAQ 裸 details ===== */
.mch-faq{margin:26px 0;}
.mch-faq details{border:1px solid var(--mch-border);border-radius:10px;margin:10px 0;background:var(--mch-bg-2);overflow:hidden;}
.mch-faq details[open]{border-color:var(--mch-gold);}
.mch-faq summary{cursor:pointer;padding:13px 16px;font-weight:600;color:var(--mch-text);list-style:none;display:flex;gap:10px;align-items:flex-start;}
.mch-faq summary::-webkit-details-marker{display:none;}
.mch-faq summary::before{content:"Q";color:var(--mch-gold);font-weight:800;flex:0 0 auto;}
.mch-faq details p{margin:0;padding:0 16px 14px 42px;color:var(--mch-text-2);}

/* ===== 相关阅读 / 相关产品 ===== */
.mch-related{margin:30px 0 6px;border-top:1px solid var(--mch-border);padding-top:20px;}
.mch-related h2{border-left:none;padding-left:0;font-size:20px;}
.mch-related ul{list-style:none;padding:0;display:grid;gap:10px;}
.mch-related li{background:var(--mch-bg-2);border:1px solid var(--mch-border);border-radius:10px;padding:12px 16px;}
.mch-related a{font-weight:600;}
.mch-related span{display:block;color:var(--mch-text-2);font-size:13.5px;margin-top:4px;}

/* ===== 标签 / 摘要块 ===== */
.mch-summary-box{background:linear-gradient(135deg,rgba(224,161,60,.10),rgba(54,197,192,.08));
  border:1px solid var(--mch-border);border-left:3px solid var(--mch-gold);border-radius:10px;padding:16px 18px;margin:0 0 18px;}
.mch-keywords{color:var(--mch-text-2);font-size:14px;margin:0 0 16px;}
.mch-keywords b{color:var(--mch-gold);}
.mch-time{font-size:13px;color:var(--mch-text-2);margin:0 0 12px;}

/* ===== 卡片网格（首页/列表） ===== */
.mch-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;margin:18px 0;}
.mch-card{background:var(--mch-bg-2);border:1px solid var(--mch-border);border-radius:var(--mch-radius);padding:20px;transition:.2s;}
.mch-card:hover{border-color:var(--mch-gold);transform:translateY(-3px);}
.mch-card h3{margin:0 0 8px;font-size:17px;}
.mch-card p{color:var(--mch-text-2);font-size:14px;margin:0 0 10px;}
.mch-card .mch-card-meta{font-size:12.5px;color:var(--mch-teal);}
.mch-list-item{display:block;background:var(--mch-bg-2);border:1px solid var(--mch-border);border-radius:10px;padding:16px 18px;margin:12px 0;}
.mch-list-item:hover{border-color:var(--mch-gold);}
.mch-list-item h3{margin:0 0 6px;font-size:18px;}
.mch-list-item p{color:var(--mch-text-2);font-size:14px;margin:0;}

/* ===== 分类侧栏列表 ===== */
.mch-cat-side .mch-cat-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px;}
.mch-cat-list a{display:block;padding:10px 14px;border-radius:8px;color:var(--mch-text-2);font-size:14.5px;}
.mch-cat-list a:hover,.mch-cat-list .mch-cat-active>a{background:var(--mch-bg-3);color:var(--mch-gold);}

/* ===== 首页 hero ===== */
.mch-hero{background:radial-gradient(1200px 400px at 20% -10%,rgba(224,161,60,.18),transparent),linear-gradient(180deg,var(--mch-bg-2),var(--mch-bg));
  border-bottom:1px solid var(--mch-border);padding:64px 20px 54px;text-align:center;}
.mch-hero-inner{max-width:920px;margin:0 auto;}
.mch-hero h1{font-size:40px;margin:0 0 16px;background:linear-gradient(90deg,var(--mch-gold),var(--mch-teal));-webkit-background-clip:text;background-clip:text;color:transparent;}
.mch-hero p{font-size:18px;color:var(--mch-text-2);margin:0 auto 24px;max-width:720px;}
.mch-hero-cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
.mch-btn{display:inline-block;padding:12px 26px;border-radius:30px;font-weight:700;font-size:15px;}
.mch-btn-gold{background:var(--mch-gold);color:#1a1205;}
.mch-btn-gold:hover{background:var(--mch-gold-2);color:#1a1205;}
.mch-btn-ghost{border:1px solid var(--mch-border);color:var(--mch-text);}
.mch-btn-ghost:hover{border-color:var(--mch-gold);color:var(--mch-gold);}
.mch-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:40px auto 8px;max-width:860px;}
.mch-stat{background:var(--mch-bg-2);border:1px solid var(--mch-border);border-radius:var(--mch-radius);padding:18px;text-align:center;}
.mch-stat b{display:block;font-size:26px;color:var(--mch-gold);}
.mch-stat span{color:var(--mch-text-2);font-size:13.5px;}
.mch-section{margin:42px 0;}
.mch-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:8px;border-bottom:1px solid var(--mch-border);padding-bottom:10px;}
.mch-section-head h2{border:none;padding:0;margin:0;font-size:24px;}
.mch-section-head a{color:var(--mch-teal);font-size:14px;white-space:nowrap;}
.mch-capsules{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0;}
.mch-capsule{background:var(--mch-bg-3);border:1px solid var(--mch-border);border-radius:30px;padding:8px 16px;font-size:14px;color:var(--mch-text-2);}
.mch-capsule b{color:var(--mch-teal);}

/* ===== 悬浮胶囊 ===== */
.mch-float{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:1100;
  display:flex;flex-direction:column;gap:10px;background:linear-gradient(160deg,var(--mch-gold),var(--mch-blue));
  padding:10px 8px;border-radius:34px;box-shadow:0 10px 30px rgba(0,0,0,.45);}
.mch-float-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  width:54px;height:54px;border:none;border-radius:30px;background:rgba(11,15,23,.25);color:#fff;cursor:pointer;font-size:12px;}
.mch-float-btn:hover{background:rgba(11,15,23,.5);}
.mch-float-ico{font-size:18px;line-height:1;}
.mch-float-txt{font-size:11px;}
.mch-card-pop{position:fixed;inset:0;z-index:1200;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;}
.mch-card-pop[hidden]{display:none;}
.mch-card-pop-inner{position:relative;background:#fff;border-radius:12px;padding:10px;box-shadow:0 20px 60px rgba(0,0,0,.5);}
.mch-card-pop-inner img{max-width:90vw;max-height:86vh;border-radius:6px;}
.mch-card-close{position:absolute;top:-14px;right:-14px;width:34px;height:34px;border-radius:50%;border:none;background:var(--mch-gold);color:#1a1205;font-size:22px;cursor:pointer;}

/* ===== 页脚 ===== */
.mch-footer{background:var(--mch-bg-2);border-top:1px solid var(--mch-border);margin-top:40px;}
.mch-footer-inner{max-width:var(--mch-maxw);margin:0 auto;padding:36px 20px;display:grid;grid-template-columns:1.4fr 2fr;gap:30px;}
.mch-footer-logo{font-weight:800;color:var(--mch-gold);font-size:18px;margin-bottom:10px;}
.mch-footer-desc{color:var(--mch-text-2);font-size:14px;margin:0;max-width:360px;}
.mch-footer-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.mch-footer-cols h4{font-size:14px;color:var(--mch-text);margin:0 0 10px;}
.mch-footer-cols a{display:block;color:var(--mch-text-2);font-size:14px;padding:4px 0;}
.mch-footer-cols a:hover{color:var(--mch-gold);}
.mch-footer-bottom{max-width:var(--mch-maxw);margin:0 auto;padding:14px 20px;border-top:1px solid var(--mch-border);color:var(--mch-text-2);font-size:13px;}

/* ===== 404 / 归档 ===== */
.mch-404{text-align:center;padding:80px 20px;}
.mch-archive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin:16px 0;}
.mch-tag{display:inline-block;background:var(--mch-bg-3);border:1px solid var(--mch-border);border-radius:20px;padding:3px 10px;font-size:12.5px;color:var(--mch-text-2);margin:0 6px 6px 0;}

/* ===== 响应式（≤1024 折叠为单列，原生 details 仍可用，禁 display:none 隐藏导航） ===== */
@media (max-width:1024px){
  .mch-detail-layout{grid-template-columns:1fr;}
  .mch-toc-aside{position:static;max-height:none;order:-1;}
  .mch-list-layout{grid-template-columns:1fr;}
  .mch-cat-side{order:-1;}
  .mch-header{z-index:1200;}
  .mch-nav{display:none;}
  .mch-nav-mask{display:none;}
  .mch-nav-mask.mch-nav-mask-on{display:block;position:absolute;top:var(--mch-header-h);left:0;right:0;
    height:100vh;height:100dvh;background:rgba(0,0,0,.45);z-index:0;}
  .mch-nav.mch-nav-open{display:flex;position:absolute;top:var(--mch-header-h);left:0;right:0;z-index:1;
    flex-direction:column;flex-wrap:nowrap;align-items:stretch;margin-left:0;
    background:var(--mch-bg-2);border-bottom:1px solid var(--mch-border);
    padding:10px 10px 22px;gap:4px;max-height:calc(100vh - var(--mch-header-h));
    max-height:calc(100dvh - var(--mch-header-h));overflow-y:auto;-webkit-overflow-scrolling:touch;}
  .mch-nav-item{width:100%;}
  .mch-nav-item>a{display:block;width:100%;}
  .mch-nav-has-sub>.mch-nav-sub{position:static;display:flex;box-shadow:none;border:none;background:transparent;padding-left:14px;}
  .mch-nav-toggle{display:block;}
  .mch-nav-toggle[aria-expanded="true"]{background:var(--mch-gold);color:var(--mch-bg);border-color:var(--mch-gold);}
  body.mch-nav-lock{overflow:hidden;}
  .mch-stats{grid-template-columns:repeat(2,1fr);}
  .mch-footer-inner{grid-template-columns:1fr;}
}
@media (max-width:600px){
  .mch-hero h1{font-size:30px;}
  .mch-float{right:10px;}
  .mch-float-btn{width:48px;height:48px;}
  .mch-page-main{padding:20px 16px;}
}
