/* cable.同轴连接器.中国 —— 独立骨架样式（cbl- 前缀，冷银精密·浅色主题） */
:root{
  --cbl-bg:#F4F8FC;
  --cbl-surface:#FFFFFF;
  --cbl-ink:#0C1A2C;
  --cbl-muted:#5A6B7E;
  --cbl-line:#D8E2EE;
  --cbl-blue:#1657C8;
  --cbl-teal:#12B5A6;
  --cbl-gold:#E0A23B;
  --cbl-radius:10px;
  --cbl-shadow:0 6px 20px rgba(12,26,44,.07);
  --cbl-header-h:64px;
  --cbl-h2-inset:24px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;background:var(--cbl-bg);color:var(--cbl-ink);
  font-family:"Segoe UI","PingFang SC","Microsoft YaHei",system-ui,sans-serif;
  font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased;
}
a{color:var(--cbl-blue);text-decoration:none;}
a:hover{text-decoration:underline;}
img{max-width:100%;}

/* ===== 顶部固定导航 ===== */
.cbl-header{position:fixed;top:0;left:0;right:0;height:var(--cbl-header-h);
  background:rgba(255,255,255,.92);backdrop-filter:blur(8px);
  border-bottom:1px solid var(--cbl-line);z-index:1000;}
.cbl-header-inner{max-width:1240px;margin:0 auto;height:100%;
  display:flex;align-items:center;gap:18px;padding:0 24px;}
.cbl-logo{font-weight:800;font-size:18px;color:var(--cbl-ink);letter-spacing:.3px;white-space:nowrap;}
.cbl-nav{display:flex;align-items:center;gap:6px;margin-left:auto;flex-wrap:nowrap;}
.cbl-nav>a,.cbl-nav summary{padding:10px 14px;color:var(--cbl-ink);font-size:15px;cursor:pointer;border-radius:8px;}
.cbl-nav>a:hover,.cbl-nav summary:hover{background:var(--cbl-bg);text-decoration:none;}
.cbl-nav-item{position:relative;}
.cbl-nav-item>summary{list-style:none;display:flex;align-items:center;}
.cbl-nav-item>summary::-webkit-details-marker{display:none;}
.cbl-nav-item>summary::after{content:"\25BE";margin-left:6px;font-size:11px;color:var(--cbl-muted);}
.cbl-nav-sub{position:absolute;top:100%;left:0;background:var(--cbl-surface);
  border:1px solid var(--cbl-line);border-radius:10px;box-shadow:var(--cbl-shadow);
  min-width:180px;padding:8px;display:none;flex-direction:column;}
.cbl-nav-item[open]>.cbl-nav-sub{display:flex;}
.cbl-nav-sub a{padding:8px 12px;border-radius:6px;color:var(--cbl-ink);}
.cbl-nav-sub a:hover{background:var(--cbl-bg);}
.cbl-nav-toggle{display:none;background:none;border:1px solid var(--cbl-line);
  border-radius:8px;font-size:20px;padding:6px 12px;cursor:pointer;color:var(--cbl-ink);}

/* ===== 布局容器 ===== */
.cbl-container{max-width:1240px;margin:0 auto;padding:calc(var(--cbl-header-h) + 24px) 24px 56px;}
.cbl-breadcrumb{padding:0 0 16px; padding-left:64px;}
.cbl-breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;font-size:13.5px;color:var(--cbl-muted);}
.cbl-breadcrumb li:not(:last-child)::after{content:"\203A";margin-left:8px;color:var(--cbl-line);}
.cbl-breadcrumb a{color:var(--cbl-muted);}
.cbl-breadcrumb [aria-current="page"]{color:var(--cbl-ink);font-weight:600;}

/* ===== 详情页栅格（内容在前，TOC 在后）===== */
.cbl-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:32px;align-items:start;}
/* ===== 页面栅格（正文在前，本页目录在后）===== */
.cbl-page-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:32px;align-items:start;}
.cbl-main{background:var(--cbl-surface);border:1px solid var(--cbl-line);border-radius:var(--cbl-radius);
  padding:36px 40px;box-shadow:var(--cbl-shadow);min-width:0;}
.cbl-main h1{font-size:28px;line-height:1.35;margin:0 0 18px;padding-left:var(--cbl-h2-inset);}
.cbl-main h2{font-size:20px;margin:32px 0 12px;padding-left:var(--cbl-h2-inset);
  border-left:4px solid var(--cbl-blue);color:var(--cbl-ink);}
.cbl-main h3{font-size:17px;margin:22px 0 10px;padding-left:var(--cbl-h2-inset);color:var(--cbl-ink);}
.cbl-main h2::before,.cbl-main h3::before{content:"";}
.cbl-main p{margin:0 0 14px;padding-left:var(--cbl-h2-inset);color:#28384a;}
.cbl-main ul,.cbl-main ol{margin:0 0 14px;padding-left:calc(var(--cbl-h2-inset) + 22px);}
.cbl-main li{margin:6px 0;}
.cbl-main blockquote{margin:14px 0;padding:12px 18px;background:var(--cbl-bg);
  border-left:4px solid var(--cbl-teal);border-radius:8px;color:var(--cbl-muted);
  padding-left:calc(var(--cbl-h2-inset) + 0px);}
.cbl-main blockquote p{padding-left:0;color:var(--cbl-muted);}

/* ===== 表格（覆盖裸 table 与 .cbl-spec）===== */
.cbl-main table,.cbl-page-main table{width:100%;border-collapse:collapse;margin:14px 0 18px;
  padding-left:var(--cbl-h2-inset);font-size:14.5px;}
.cbl-main table.cbl-spec,.cbl-main table,.cbl-page-main table{
  border:1px solid #cbd5e1;}
.cbl-main th,.cbl-main td,.cbl-page-main th,.cbl-page-main td{
  border:1px solid #cbd5e1;padding:9px 12px;text-align:left;padding-left:calc(var(--cbl-h2-inset));}
.cbl-main thead th,.cbl-page-main thead th{background:var(--cbl-blue);color:#fff;font-weight:600;}
.cbl-main tbody tr:nth-child(even),.cbl-page-main tbody tr:nth-child(even){background:#EAF1FA;}

/* ===== 摘要块 / 关键词 ===== */
.cbl-summary{background:linear-gradient(180deg,#EAF1FB,#F4F8FC);border:1px solid var(--cbl-line);
  border-radius:10px;padding:18px 22px;margin:0 0 18px;padding-left:var(--cbl-h2-inset);}
.cbl-summary p{margin:0;padding-left:0;color:#1c2c3e;}
.cbl-kw{font-size:13.5px;color:var(--cbl-muted);margin-bottom:18px;padding-left:var(--cbl-h2-inset);}
.cbl-kw strong{color:var(--cbl-teal);}
.cbl-update{font-size:13px;color:var(--cbl-muted);margin-bottom:14px;padding-left:var(--cbl-h2-inset);}

/* ===== 结论块 ===== */
.cbl-conclusion{background:#FFF7E9;border:1px solid #F0D9A8;border-radius:10px;
  padding:16px 20px;margin:18px 0;padding-left:var(--cbl-h2-inset);}
.cbl-conclusion p{margin:0;padding-left:0;color:#5a4318;}
.cbl-conclusion ol{margin:8px 0 0;padding-left:calc(var(--cbl-h2-inset) + 20px);}
.cbl-conclusion li{margin:6px 0;color:#5a4318;}

/* ===== TOC 面板 ===== */
.cbl-toc-aside{min-width:0;}
.cbl-toc-panel{position:sticky;top:calc(var(--cbl-header-h) + 16px);
  background:var(--cbl-surface);border:1px solid var(--cbl-line);border-radius:10px;
  box-shadow:var(--cbl-shadow);padding:12px 14px;max-height:calc(100vh - 100px);overflow:auto;}
.cbl-toc-panel>summary{font-weight:700;cursor:pointer;color:var(--cbl-ink);font-size:15px;
  list-style:none;display:flex;align-items:center;justify-content:space-between;}
.cbl-toc-panel>summary::-webkit-details-marker{display:none;}
.cbl-toc-panel>summary::after{content:"\25BE";color:var(--cbl-muted);}
.cbl-toc-list{list-style:none;margin:10px 0 0;padding:0;}
.cbl-toc-list li{margin:7px 0;font-size:13.5px;line-height:1.5;}
.cbl-toc-list a{color:var(--cbl-muted);}
.cbl-toc-list a:hover{color:var(--cbl-blue);}

/* ===== FAQ（裸 details）===== */
.cbl-faq{margin:22px 0;padding-left:var(--cbl-h2-inset);}
.cbl-faq details{border:1px solid var(--cbl-line);border-radius:10px;background:var(--cbl-surface);
  margin:10px 0;padding:0 16px;}
.cbl-faq details[open]{box-shadow:var(--cbl-shadow);}
.cbl-faq summary{cursor:pointer;font-weight:600;padding:14px 0;color:var(--cbl-ink);list-style:none;
  display:flex;align-items:center;}
.cbl-faq summary::-webkit-details-marker{display:none;}
.cbl-faq summary::before{content:"Q";color:var(--cbl-blue);font-weight:800;margin-right:10px;
  background:#EAF1FB;border-radius:6px;padding:2px 8px;font-size:13px;}
.cbl-faq details p{margin:0 0 14px;color:#28384a;padding-left:42px;}

/* ===== 相关阅读 / 相关产品 ===== */
.cbl-related{margin:22px 0;padding-left:var(--cbl-h2-inset);}
.cbl-related h2{border-left-color:var(--cbl-teal);}
.cbl-related ul{list-style:none;padding:0;margin:0;display:grid;gap:10px;}
.cbl-related li{background:var(--cbl-surface);border:1px solid var(--cbl-line);border-radius:10px;
  padding:14px 16px;}
.cbl-related a{font-weight:600;}
.cbl-related span{display:block;color:var(--cbl-muted);font-size:13.5px;margin-top:4px;}

/* ===== 列表 / 分类页（侧栏在前）===== */
.cbl-list-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:28px;align-items:start;}
.cbl-cat-side{background:var(--cbl-surface);border:1px solid var(--cbl-line);border-radius:10px;
  padding:14px 16px;box-shadow:var(--cbl-shadow);}
.cbl-cat-panel>summary{font-weight:700;cursor:pointer;list-style:none;display:flex;
  align-items:center;justify-content:space-between;padding:6px 0;}
.cbl-cat-panel>summary::-webkit-details-marker{display:none;}
.cbl-cat-panel>summary::after{content:"\25BE";color:var(--cbl-muted);}
.cbl-cat-list{list-style:none;margin:8px 0 0;padding:0;}
.cbl-cat-list li{margin:4px 0;}
.cbl-cat-list a{display:block;padding:8px 10px;border-radius:8px;color:var(--cbl-ink);font-size:14.5px;}
.cbl-cat-list a:hover,.cbl-cat-list a.active{background:var(--cbl-bg);color:var(--cbl-blue);font-weight:600;}
.cbl-cat-content{background:var(--cbl-surface);border:1px solid var(--cbl-line);border-radius:10px;
  padding:28px 32px;box-shadow:var(--cbl-shadow);min-width:0;}
.cbl-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;}
.cbl-card{background:var(--cbl-surface);border:1px solid var(--cbl-line);border-radius:10px;padding:18px 20px;
  transition:.18s;display:flex;flex-direction:column;gap:8px;}
.cbl-card:hover{box-shadow:var(--cbl-shadow);transform:translateY(-2px);border-color:var(--cbl-blue);}
.cbl-card h3{margin:0;font-size:16px;color:var(--cbl-ink);}
.cbl-card p{margin:0;font-size:13.5px;color:var(--cbl-muted);line-height:1.6;}
.cbl-card .cbl-card-cat{font-size:12px;color:var(--cbl-teal);font-weight:600;}

/* ===== 页面（关于/联系等）===== */
.cbl-page-main{max-width:880px;margin:0 auto;background:var(--cbl-surface);
  border:1px solid var(--cbl-line);border-radius:var(--cbl-radius);padding:40px 44px;
  box-shadow:var(--cbl-shadow);}
.cbl-page-main h1{font-size:28px;margin:0 0 18px;}
.cbl-page-main h2{font-size:20px;margin:28px 0 12px;border-left:4px solid var(--cbl-gold);padding-left:14px;}
.cbl-page-main p{margin:0 0 14px;color:#28384a;}

/* ===== 首页 ===== */
.cbl-home-hero{background:linear-gradient(135deg,#0C1A2C,#1657C8);color:#fff;border-radius:16px;
  padding:56px 48px;margin-bottom:36px;box-shadow:var(--cbl-shadow);}
.cbl-home-hero h1{font-size:38px;margin:0 0 16px;color:#fff;}
.cbl-home-hero p{font-size:17px;color:#d6e3f5;max-width:760px;line-height:1.8;margin:0 0 22px;}
.cbl-home-hero .cbl-cta{display:inline-block;background:var(--cbl-gold);color:#1c1206;font-weight:700;
  padding:13px 26px;border-radius:10px;}
.cbl-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:36px;}
.cbl-stat{background:var(--cbl-surface);border:1px solid var(--cbl-line);border-radius:12px;padding:22px;
  text-align:center;box-shadow:var(--cbl-shadow);}
.cbl-stat b{display:block;font-size:30px;color:var(--cbl-blue);}
.cbl-stat span{font-size:13.5px;color:var(--cbl-muted);}
.cbl-section{margin-bottom:40px;}
.cbl-section-title{font-size:24px;margin:0 0 8px;color:var(--cbl-ink);}
.cbl-section-sub{color:var(--cbl-muted);margin:0 0 20px;}
.cbl-prod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;}
.cbl-prod-card{background:var(--cbl-surface);border:1px solid var(--cbl-line);border-radius:12px;padding:20px;
  box-shadow:var(--cbl-shadow);}
.cbl-prod-card h3{margin:0 0 8px;font-size:17px;}
.cbl-prod-card p{margin:0;font-size:14px;color:var(--cbl-muted);line-height:1.6;}
.cbl-keywords{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:36px;}
.cbl-keywords a{background:var(--cbl-surface);border:1px solid var(--cbl-line);border-radius:20px;
  padding:8px 16px;font-size:14px;color:var(--cbl-ink);}
.cbl-keywords a:hover{border-color:var(--cbl-blue);color:var(--cbl-blue);text-decoration:none;}
.cbl-baseline{background:var(--cbl-surface);border:1px solid var(--cbl-line);border-radius:12px;
  padding:24px 28px;box-shadow:var(--cbl-shadow);margin-bottom:36px;}
.cbl-baseline ul{margin:10px 0 0;padding-left:22px;}
.cbl-baseline li{margin:8px 0;color:#28384a;}
.cbl-scenario-caps{display:flex;flex-wrap:wrap;gap:12px;}
.cbl-scenario-caps span{background:#EAF1FB;border:1px solid #cfe0f5;border-radius:8px;padding:10px 16px;
  font-size:14px;color:var(--cbl-ink);}

/* ===== 悬浮胶囊 ===== */
.cbl-float{position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:1100;
  display:flex;flex-direction:column;gap:12px;}
.cbl-float-btn{width:54px;height:54px;border:none;border-radius:27px;cursor:pointer;
  background:linear-gradient(135deg,var(--cbl-blue),var(--cbl-teal));color:#fff;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  box-shadow:0 6px 18px rgba(12,26,44,.25);font-size:11px;line-height:1.1;}
.cbl-float-btn:hover{filter:brightness(1.08);}
.cbl-float-ico{font-size:18px;}
.cbl-card-pop{position:fixed;inset:0;background:rgba(12,26,44,.55);z-index:1200;display:flex;
  align-items:center;justify-content:center;}
.cbl-card-pop[hidden]{display:none;}
.cbl-card-pop-inner{position:relative;background:#fff;border-radius:12px;padding:8px;box-shadow:var(--cbl-shadow);}
.cbl-card-pop-inner img{display:block;border-radius:8px;}
.cbl-card-close{position:absolute;top:-12px;right:-12px;width:32px;height:32px;border-radius:50%;
  border:none;background:#fff;color:var(--cbl-ink);font-size:20px;cursor:pointer;box-shadow:var(--cbl-shadow);}

/* ===== 归档 / 404 ===== */
.cbl-archive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;}

/* ===== 页脚 ===== */
.cbl-footer{background:#0C1A2C;color:#cdd9e8;margin-top:40px;}
.cbl-footer-inner{max-width:1240px;margin:0 auto;padding:40px 24px;}
.cbl-footer-cols{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:28px;}
.cbl-footer-col h3{color:#fff;font-size:15px;margin:0 0 12px;}
.cbl-footer-col ul{list-style:none;margin:0;padding:0;}
.cbl-footer-col li{margin:7px 0;}
.cbl-footer-col a{color:#cdd9e8;}
.cbl-footer-col a:hover{color:#fff;}
.cbl-footer-col p{color:#9fb1c6;font-size:14px;margin:6px 0;}
.cbl-mail{cursor:pointer;color:var(--cbl-gold)!important;font-weight:600;}
.cbl-copyright{margin:28px 0 0;border-top:1px solid #1d2c40;padding-top:18px;color:#7e90a6;font-size:13.5px;}

/* ===== 响应式：≤1024px 折叠 ===== */
@media (max-width: 1024px){
  .cbl-nav{display:none;position:absolute;top:var(--cbl-header-h);left:0;right:0;
    background:var(--cbl-surface);border-bottom:1px solid var(--cbl-line);flex-direction:column;
    align-items:stretch;padding:10px 16px;gap:2px;}
  .cbl-nav.open{display:flex;}
  .cbl-nav-item{position:static;}
  .cbl-nav-sub{position:static;box-shadow:none;border:none;padding:0 0 0 14px;display:flex;}
  .cbl-nav-toggle{display:block;margin-left:auto;}
  .cbl-layout{grid-template-columns:1fr;}
  .cbl-page-layout{grid-template-columns:1fr;}
  .cbl-toc-aside{order:2;}
  .cbl-list-layout{grid-template-columns:1fr;}
  .cbl-stats{grid-template-columns:repeat(2,1fr);}
  .cbl-footer-cols{grid-template-columns:1fr;}
  .cbl-main{padding:24px 18px;}
  .cbl-breadcrumb{padding-left:18px;}
  .cbl-main h1,.cbl-main h2,.cbl-main h3,.cbl-main p,.cbl-main ul,.cbl-main ol,
  .cbl-main table,.cbl-main blockquote,.cbl-summary,.cbl-kw,.cbl-update,.cbl-conclusion,
  .cbl-faq,.cbl-related{padding-left:0;}
  .cbl-main h2,.cbl-main h3{border-left:none;}
  .cbl-faq details p{padding-left:42px;}
}
@media (max-width:600px){
  .cbl-home-hero{padding:36px 24px;}
  .cbl-home-hero h1{font-size:28px;}
  .cbl-stats{grid-template-columns:1fr 1fr;}
  .cbl-container{padding:calc(var(--cbl-header-h) + 12px) 14px 40px;}
}