/* gen-style.css —— general.同轴连接器.中国 主题（深空夜蓝 + 信号青绿 + 琥珀金） */
:root{
  --gen-bg:#0C1322;
  --gen-surface:#131C2E;
  --gen-surface-2:#18233A;
  --gen-line:#2A3A52;
  --gen-line-soft:#22324A;
  --gen-text:#E5ECF5;
  --gen-muted:#9FB0C7;
  --gen-teal:#5EEAD4;
  --gen-teal-deep:#2BB8A3;
  --gen-amber:#FBBF24;
  --gen-amber-deep:#D99413;
  --gen-radius:14px;
  --gen-radius-sm:9px;
  --gen-container:1200px;
  --gen-h2-inset:16px;
  --gen-shadow:0 18px 48px rgba(0,0,0,.38);
  --gen-header-h:64px;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  background:
    radial-gradient(1200px 600px at 80% -10%, rgba(94,234,212,.08), transparent 60%),
    radial-gradient(900px 500px at -10% 10%, rgba(251,191,36,.06), transparent 55%),
    var(--gen-bg);
  color:var(--gen-text);
  font-family:"Segoe UI","PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;
  font-size:16px;
  line-height:1.75;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--gen-teal);text-decoration:none;}
a:hover{color:var(--gen-amber);}
img{max-width:100%;height:auto;}
h1,h2,h3,h4{line-height:1.3;font-weight:700;}

/* 布局容器 */
.gen-container{max-width:var(--gen-container);margin:0 auto;padding:0 24px;}
.gen-main{display:block;min-height:60vh;padding:32px 0 64px;}

/* 头部导航 */
.gen-header{
  position:sticky;top:0;z-index:50;
  background:rgba(12,19,34,.86);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--gen-line);
}
.gen-header-inner{display:flex;align-items:center;justify-content:space-between;height:var(--gen-header-h);}
.gen-logo{font-size:20px;font-weight:800;letter-spacing:.5px;color:var(--gen-text);}
.gen-logo:hover{color:var(--gen-teal);}
.gen-nav{display:flex;align-items:center;gap:4px;}
.gen-nav-item{position:relative;}
.gen-nav-item>a{
  display:block;padding:10px 14px;color:var(--gen-muted);border-radius:8px;font-size:15px;
}
.gen-nav-item>a:hover{color:var(--gen-text);background:var(--gen-surface-2);}
.gen-nav-has-sub>.gen-nav-sub{
  position:absolute;top:100%;left:0;min-width:180px;
  background:var(--gen-surface);border:1px solid var(--gen-line);border-radius:10px;
  box-shadow:var(--gen-shadow);padding:8px;display:none;
}
.gen-nav-has-sub:hover>.gen-nav-sub{display:block;}
.gen-nav-sub a{display:block;padding:8px 12px;color:var(--gen-muted);border-radius:6px;font-size:14px;}
.gen-nav-sub a:hover{background:var(--gen-surface-2);color:var(--gen-teal);}
.gen-nav-toggle{display:none;background:none;border:1px solid var(--gen-line);color:var(--gen-text);font-size:22px;border-radius:8px;padding:4px 10px;cursor:pointer;}

/* 面包屑 */
.gen-breadcrumb{margin:0 0 18px;padding-left:var(--gen-h2-inset);}
.gen-breadcrumb-ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0;font-size:13px;color:var(--gen-muted);}
.gen-breadcrumb-li{display:flex;align-items:center;}
.gen-breadcrumb-li:not(:last-child)::after{content:"›";margin-left:8px;color:var(--gen-line);}
.gen-breadcrumb-li a{color:var(--gen-muted);}
.gen-breadcrumb-li a:hover{color:var(--gen-teal);}
.gen-breadcrumb-li span[aria-current]{color:var(--gen-text);}

/* 详情页栅格（内容在前，目录在后） */
.gen-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:40px;align-items:start;}
.gen-content-main{min-width:0;background:var(--gen-surface);border:1px solid var(--gen-line);border-radius:var(--gen-radius);padding:32px 36px;}
.gen-h1{font-size:30px;margin:6px 0 18px;padding-left:var(--gen-h2-inset);color:#fff;}
.gen-content-main h2{
  font-size:22px;margin:34px 0 14px;padding-left:var(--gen-h2-inset);
  color:var(--gen-teal);border-left:3px solid var(--gen-amber);scroll-margin-top:80px;
}
.gen-content-main h3{font-size:18px;margin:24px 0 10px;padding-left:var(--gen-h2-inset);color:var(--gen-text);}
.gen-content-main p{margin:0 0 16px;padding-left:var(--gen-h2-inset);color:var(--gen-text);}
.gen-content-main ul,.gen-content-main ol{margin:0 0 16px;padding-left:calc(var(--gen-h2-inset) + 22px);}
.gen-content-main li{margin:6px 0;}
.gen-content-main blockquote{
  margin:18px 0;padding:14px 18px;padding-left:calc(var(--gen-h2-inset) + 18px);
  background:var(--gen-surface-2);border-left:3px solid var(--gen-teal);border-radius:8px;color:var(--gen-muted);
}
.gen-summary{margin:0 0 14px;padding:16px 20px;background:var(--gen-surface-2);border:1px solid var(--gen-line);border-radius:10px;color:var(--gen-text);}
.gen-keywords{margin:0 0 14px;padding-left:var(--gen-h2-inset);display:flex;flex-wrap:wrap;gap:8px;}
.gen-tag{display:inline-block;padding:3px 10px;background:rgba(94,234,212,.12);color:var(--gen-teal);border:1px solid rgba(94,234,212,.3);border-radius:999px;font-size:13px;}
.gen-updated{margin:0 0 18px;padding-left:var(--gen-h2-inset);color:var(--gen-muted);font-size:13px;}

/* 表格（含 Markdown 裸 table，统一边框） */
.gen-content-main table,table.gen-spec{
  width:100%;border-collapse:collapse;margin:18px 0 22px;background:var(--gen-surface-2);
  border:1px solid var(--gen-line);border-radius:10px;overflow:hidden;font-size:14.5px;
}
.gen-content-main table th,.gen-content-main table td,table.gen-spec th,table.gen-spec td{
  border:1px solid var(--gen-line);padding:10px 14px;text-align:left;
}
.gen-content-main table th,table.gen-spec th{
  background:linear-gradient(180deg,var(--gen-teal-deep),#1f8f7e);color:#06231f;font-weight:700;
}
.gen-content-main table tr:nth-child(even) td,table.gen-spec tr:nth-child(even) td{background:rgba(255,255,255,.03);}

/* 结论块 */
.gen-content-main blockquote.gen-conclusion{border-left-color:var(--gen-amber);}

/* FAQ（裸 details） */
.gen-faq{margin:30px 0 10px;padding-left:var(--gen-h2-inset);}
.gen-faq-item{margin:0 0 10px;border:1px solid var(--gen-line);border-radius:10px;background:var(--gen-surface-2);overflow:hidden;}
.gen-faq-q{font-weight:600;color:var(--gen-text);padding:13px 16px;cursor:pointer;list-style:none;display:flex;align-items:center;gap:10px;}
.gen-faq-q::before{content:"Q";color:var(--gen-amber);font-weight:800;flex:0 0 auto;}
.gen-faq-item[open] .gen-faq-q::after{content:"−";margin-left:auto;color:var(--gen-teal);}
.gen-faq-q::after{content:"+";margin-left:auto;color:var(--gen-teal);font-size:18px;}
.gen-faq-a{padding:4px 16px 14px;color:var(--gen-muted);}

/* 相关阅读 / 相关产品 */
.gen-related{margin:26px 0 0;padding:20px;background:var(--gen-surface-2);border:1px solid var(--gen-line);border-radius:12px;}
.gen-related h2{color:var(--gen-amber)!important;border-left-color:var(--gen-teal)!important;}
.gen-related ul{list-style:none;padding-left:0;}
.gen-related li{margin:10px 0;padding-left:18px;position:relative;}
.gen-related li::before{content:"→";position:absolute;left:0;color:var(--gen-teal);}
.gen-related-desc{display:block;color:var(--gen-muted);font-size:13.5px;margin-top:2px;}

/* 目录面板（右侧，原生 details） */
.gen-toc-aside{position:sticky;top:calc(var(--gen-header-h) + 16px);max-height:calc(100vh - 96px);overflow:auto;}
.gen-toc-panel{border:1px solid var(--gen-line);border-radius:12px;background:var(--gen-surface);padding:6px 4px;}
.gen-toc-summary{cursor:pointer;padding:12px 14px;font-weight:700;color:var(--gen-teal);list-style:none;display:flex;align-items:center;}
.gen-toc-summary::after{content:"▾";margin-left:auto;transition:transform .2s;}
.gen-toc-panel:not([open]) .gen-toc-summary::after{transform:rotate(-90deg);}
.gen-toc-ol{list-style:none;margin:6px 0 10px;padding:0 14px;}
.gen-toc-li{margin:7px 0;font-size:14px;}
.gen-toc-li a{color:var(--gen-muted);}
.gen-toc-li a:hover{color:var(--gen-teal);}
.gen-toc-lv3{padding-left:14px;font-size:13px;}

/* 列表 / 分类页栅格（侧栏在前，内容在后） */
.gen-list-grid.gen-list-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:36px;align-items:start;}
.gen-cat-side{position:sticky;top:calc(var(--gen-header-h) + 16px);}
.gen-cat-panel{border:1px solid var(--gen-line);border-radius:12px;background:var(--gen-surface);padding:6px 4px;}
.gen-cat-summary{cursor:pointer;padding:12px 14px;font-weight:700;color:var(--gen-teal);list-style:none;display:flex;align-items:center;}
.gen-cat-summary::after{content:"▾";margin-left:auto;transition:transform .2s;}
.gen-cat-panel:not([open]) .gen-cat-summary::after{transform:rotate(-90deg);}
.gen-category-list{list-style:none;margin:6px 0 10px;padding:0 8px;}
.gen-category-li{margin:2px 0;}
.gen-category-li a{display:block;padding:9px 12px;border-radius:8px;color:var(--gen-muted);font-size:14.5px;}
.gen-category-li a:hover{background:var(--gen-surface-2);color:var(--gen-teal);}
.gen-category-li.active a{background:rgba(94,234,212,.14);color:var(--gen-teal);font-weight:600;}
.gen-cat-content{min-width:0;}
.gen-list-intro{color:var(--gen-muted);margin:0 0 22px;padding-left:var(--gen-h2-inset);}
.gen-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;}
.gen-card{display:block;background:var(--gen-surface);border:1px solid var(--gen-line);border-radius:14px;padding:20px;transition:.18s;}
.gen-card:hover{border-color:var(--gen-teal);transform:translateY(-3px);box-shadow:var(--gen-shadow);}
.gen-card-title{font-size:18px;margin:0 0 8px;color:#fff;}
.gen-card-desc{color:var(--gen-muted);font-size:14px;margin:0 0 12px;line-height:1.6;}
.gen-card-cat{display:inline-block;font-size:12px;color:var(--gen-amber);border:1px solid rgba(251,191,36,.35);border-radius:999px;padding:2px 10px;}

/* 分页 */
.gen-pagination{display:flex;align-items:center;gap:14px;margin:28px 0 0;padding-left:var(--gen-h2-inset);}
.gen-page-link{padding:8px 16px;border:1px solid var(--gen-line);border-radius:8px;color:var(--gen-text);background:var(--gen-surface);}
.gen-page-link:hover{border-color:var(--gen-teal);color:var(--gen-teal);}
.gen-page-disabled{opacity:.4;}
.gen-page-cur{color:var(--gen-muted);}

/* 首页 */
.gen-hero{display:grid;grid-template-columns:1.4fr 1fr;gap:36px;align-items:center;background:linear-gradient(135deg,var(--gen-surface),var(--gen-surface-2));border:1px solid var(--gen-line);border-radius:20px;padding:48px 44px;margin-bottom:46px;}
.gen-hero-title{font-size:42px;margin:0 0 14px;color:#fff;}
.gen-hero-sub{font-size:17px;color:var(--gen-muted);margin:0 0 24px;max-width:560px;}
.gen-hero-cta{display:flex;gap:14px;flex-wrap:wrap;}
.gen-btn{display:inline-block;padding:12px 26px;border-radius:10px;font-weight:600;font-size:15px;cursor:pointer;border:1px solid transparent;}
.gen-btn-primary{background:linear-gradient(135deg,var(--gen-teal),var(--gen-teal-deep));color:#06231f;}
.gen-btn-primary:hover{color:#06231f;filter:brightness(1.06);}
.gen-btn-ghost{border-color:var(--gen-line);color:var(--gen-text);background:transparent;}
.gen-btn-ghost:hover{border-color:var(--gen-amber);color:var(--gen-amber);}
.gen-hero-stats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.gen-hero-stats li{background:var(--gen-surface-2);border:1px solid var(--gen-line);border-radius:14px;padding:18px;text-align:center;}
.gen-stat-num{display:block;font-size:30px;font-weight:800;color:var(--gen-amber);}
.gen-stat-label{display:block;font-size:13px;color:var(--gen-muted);margin-top:4px;}

.gen-section{margin-bottom:46px;}
.gen-section-title{font-size:26px;margin:0 0 22px;color:#fff;padding-left:var(--gen-h2-inset);border-left:3px solid var(--gen-teal);}
.gen-prod-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;}
.gen-prod-card{display:block;background:var(--gen-surface);border:1px solid var(--gen-line);border-radius:16px;padding:24px;transition:.18s;}
.gen-prod-card:hover{border-color:var(--gen-teal);transform:translateY(-3px);box-shadow:var(--gen-shadow);}
.gen-prod-card-title{font-size:20px;margin:0 0 10px;color:#fff;}
.gen-prod-card-desc{color:var(--gen-muted);font-size:14px;margin:0 0 14px;line-height:1.6;}
.gen-prod-card-go{color:var(--gen-amber);font-size:14px;font-weight:600;}
.gen-view-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;}
.gen-view-card{display:block;background:var(--gen-surface-2);border:1px solid var(--gen-line);border-radius:14px;padding:20px;transition:.18s;}
.gen-view-card:hover{border-color:var(--gen-amber);}
.gen-view-card-title{font-size:18px;margin:0 0 8px;color:var(--gen-teal);}
.gen-view-card-desc{color:var(--gen-muted);font-size:13.5px;margin:0;line-height:1.6;}
.gen-scenario-caps{display:flex;flex-wrap:wrap;gap:12px;}
.gen-cap{display:inline-block;padding:9px 18px;background:rgba(94,234,212,.1);border:1px solid rgba(94,234,212,.28);border-radius:999px;color:var(--gen-text);font-size:14.5px;}
.gen-cta-section{text-align:center;background:linear-gradient(135deg,rgba(251,191,36,.1),rgba(94,234,212,.08));border:1px solid var(--gen-line);border-radius:18px;padding:40px 30px;}
.gen-cta-text{color:var(--gen-muted);max-width:640px;margin:0 auto 22px;}

/* 单页（about/contact 等） */
.gen-page-main{background:var(--gen-surface);border:1px solid var(--gen-line);border-radius:var(--gen-radius);padding:40px 44px;}
.gen-page-main h2{font-size:22px;margin:30px 0 12px;color:var(--gen-teal);border-left:3px solid var(--gen-amber);padding-left:16px;}
.gen-page-main h3{font-size:18px;margin:22px 0 8px;color:var(--gen-text);}
.gen-page-main p{margin:0 0 16px;color:var(--gen-text);}
.gen-page-main ul,.gen-page-main ol{margin:0 0 16px;padding-left:38px;}

/* 归档 */
.gen-archive-h{font-size:24px;margin:30px 0 14px;color:#fff;}
.gen-archive-cat{font-size:17px;margin:18px 0 8px;color:var(--gen-amber);}
.gen-archive-list{list-style:none;margin:0 0 10px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px 24px;}
.gen-archive-list li a{color:var(--gen-muted);display:block;padding:6px 0;border-bottom:1px solid var(--gen-line-soft);}
.gen-archive-list li a:hover{color:var(--gen-teal);}
.gen-404{text-align:center;}
.gen-404-text{color:var(--gen-muted);margin:0 0 22px;}

/* 页脚 */
.gen-footer{border-top:1px solid var(--gen-line);background:rgba(10,16,28,.7);padding:46px 0 26px;margin-top:30px;}
.gen-footer-cols{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:30px;}
.gen-footer-h{font-size:16px;margin:0 0 14px;color:#fff;}
.gen-footer-col p{color:var(--gen-muted);font-size:14px;line-height:1.7;}
.gen-footer-col ul{list-style:none;margin:0;padding:0;}
.gen-footer-col li{margin:8px 0;}
.gen-footer-col li a{color:var(--gen-muted);font-size:14px;}
.gen-footer-col li a:hover{color:var(--gen-teal);}
.gen-footer-bottom{border-top:1px solid var(--gen-line);margin-top:30px;padding-top:18px;text-align:center;}
.gen-footer-bottom p{color:var(--gen-muted);font-size:13px;margin:0;}

/* 悬浮胶囊 */
.gen-float{position:fixed;right:22px;top:50%;transform:translateY(-50%);z-index:60;display:flex;flex-direction:column;gap:12px;}
.gen-float-btn{width:54px;height:54px;border:none;border-radius:28px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#06231f;background:linear-gradient(135deg,var(--gen-teal),var(--gen-teal-deep));box-shadow:var(--gen-shadow);transition:.16s;}
.gen-float-btn:hover{transform:scale(1.06);}
.gen-float-btn[data-act="card"]{background:linear-gradient(135deg,var(--gen-amber),var(--gen-amber-deep));}
.gen-float-btn[data-act="mail"]{background:linear-gradient(135deg,#7CC4FF,#3B82F6);color:#04203f;}
.gen-float-ico{font-size:18px;line-height:1;}
.gen-float-txt{font-size:11px;font-weight:600;}
.gen-card-pop{position:fixed;inset:0;z-index:70;display:flex;align-items:center;justify-content:center;background:rgba(6,10,18,.7);}
.gen-card-pop[hidden]{display:none;}
.gen-card-pop-inner{position:relative;background:#0b1220;border:1px solid var(--gen-line);border-radius:12px;padding:10px;}
.gen-card-img{display:block;width:auto;height:auto;max-height:86vh;border-radius:8px;}
.gen-card-close{position:absolute;top:-14px;right:-14px;width:34px;height:34px;border-radius:50%;border:none;background:var(--gen-amber);color:#06231f;font-size:20px;cursor:pointer;}

/* 响应式：1024 折叠断点（与 skeleton_contract 一致） */
@media (max-width:1024px){
  .gen-nav{display:none;position:absolute;top:var(--gen-header-h);left:0;right:0;flex-direction:column;background:var(--gen-surface);border-bottom:1px solid var(--gen-line);padding:10px;}
  .gen-nav.gen-nav-open{display:flex;}
  .gen-nav-has-sub>.gen-nav-sub{position:static;display:block;box-shadow:none;border:none;background:transparent;padding:0 0 0 12px;}
  .gen-nav-toggle{display:block;}
  .gen-detail-grid{grid-template-columns:1fr;}
  .gen-toc-aside{position:static;max-height:none;margin-top:18px;}
  .gen-list-grid.gen-list-layout{grid-template-columns:1fr;}
  .gen-cat-side{position:static;margin-bottom:18px;}
  .gen-hero{grid-template-columns:1fr;padding:36px 28px;}
  .gen-footer-cols{grid-template-columns:1fr 1fr;}
  .gen-content-main,.gen-page-main{padding:24px 20px;}
  .gen-breadcrumb{padding-left:0;}
  .gen-h1,.gen-content-main h2,.gen-content-main h3,.gen-content-main p,.gen-content-main ul,.gen-keywords,.gen-updated,.gen-faq,.gen-list-intro,.gen-section-title,.gen-page-main h2{padding-left:0;}
}
@media (max-width:600px){
  .gen-hero-title{font-size:32px;}
  .gen-hero-stats{grid-template-columns:1fr;}
  .gen-footer-cols{grid-template-columns:1fr;}
  .gen-float{right:12px;gap:10px;}
  .gen-float-btn{width:48px;height:48px;}
}