/* rigid.低损耗电缆.中国 —— 独立视觉系统（rig- 前缀，铜琥珀 + 科技青） */
:root{
  --bg:#0B0F14; --surface:#121925; --surface2:#1A2230; --line:#2A3548;
  --text:#E6ECF5; --muted:#93A1B5;
  --accent:#E0913C;   /* 铜琥珀，呼应铜导体 */
  --accent2:#3FB8C4;  /* 科技青 */
  --signal:#F2C14E;
  --radius:14px; --shadow:0 10px 30px rgba(0,0,0,.35);
  --h2-inset:0px;     /* 面包屑与 H2 左缘对齐基准 */
  --maxw:1200px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background:var(--bg); color:var(--text);
  font-family:"Segoe UI","PingFang SC","Microsoft YaHei",system-ui,sans-serif;
  line-height:1.75; font-size:16px; -webkit-font-smoothing:antialiased;
}
a{color:var(--accent2); text-decoration:none}
a:hover{color:var(--accent)}
img{max-width:100%}
.container{max-width:var(--maxw); margin:0 auto; padding:0 24px; width:100%}

/* ── 顶部固定导航 ── */
.rig-header{position:fixed; top:0; left:0; right:0; height:64px; z-index:60;
  background:rgba(11,15,20,.86); backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);}
.rig-header .container{display:flex; align-items:center; height:100%; gap:18px}
.rig-logo{font-weight:800; letter-spacing:.5px; color:var(--text); font-size:18px; white-space:nowrap}
.rig-logo b{color:var(--accent)}
.rig-nav{display:flex; align-items:center; gap:4px; margin-left:auto}
.rig-nav>a{color:var(--muted); padding:8px 14px; border-radius:10px; font-size:15px}
.rig-nav>a:hover,.rig-nav>a.active{color:var(--text); background:var(--surface2)}
.rig-nav .rig-nav-group{position:relative}
.rig-nav .rig-nav-group>summary{list-style:none; cursor:pointer; color:var(--muted);
  padding:8px 14px; border-radius:10px; font-size:15px; display:flex; align-items:center; gap:6px}
.rig-nav .rig-nav-group>summary::-webkit-details-marker{display:none}
.rig-nav .rig-nav-group>summary::after{content:"▾"; font-size:11px; opacity:.7}
.rig-nav .rig-nav-group>ul{position:absolute; top:48px; right:0; min-width:200px; margin:0;
  background:var(--surface); border:1px solid var(--line); border-radius:12px; padding:8px; box-shadow:var(--shadow)}
.rig-nav .rig-nav-group>ul li{list-style:none}
.rig-nav .rig-nav-group>ul a{display:block; padding:8px 12px; border-radius:8px; color:var(--muted)}
.rig-nav .rig-nav-group>ul a:hover{background:var(--surface2); color:var(--text)}
.rig-burger{display:none; margin-left:auto; background:none; border:1px solid var(--line);
  color:var(--text); width:42px; height:38px; border-radius:10px; font-size:18px; cursor:pointer}

/* ── 面包屑（位于容器内，左缘与 H2 对齐）── */
.rig-breadcrumb{padding:84px 0 6px; font-size:13.5px; color:var(--muted)}
.rig-breadcrumb ol{list-style:none; display:flex; flex-wrap:wrap; gap:8px; margin:0; padding:0; padding-left:var(--h2-inset)}
.rig-breadcrumb li::after{content:"›"; margin-left:8px; color:var(--line)}
.rig-breadcrumb li:last-child::after{content:""}
.rig-breadcrumb a{color:var(--muted)}
.rig-breadcrumb a:hover{color:var(--accent2)}
.rig-breadcrumb span{color:var(--text)}

/* ── 布局栅格（详情页：内容在前，TOC 在后）── */
.rig-layout{display:grid; grid-template-columns:minmax(0,1fr) 240px; gap:36px;
  padding:8px 0 60px; align-items:start}
.rig-content-main{min-width:0}
.rig-content-main h1{font-size:30px; line-height:1.3; margin:6px 0 18px; color:#fff}
.rig-content-main h2{font-size:22px; margin:34px 0 12px; padding-left:12px;
  border-left:4px solid var(--accent); color:#fff}
.rig-content-main h3{font-size:18px; margin:22px 0 10px; color:var(--accent2)}
.rig-content-main p{margin:0 0 16px}
.rig-content-main ul{margin:0 0 16px; padding-left:22px}
.rig-content-main li{margin:6px 0}
.rig-content-main blockquote{margin:18px 0; padding:14px 18px; background:var(--surface);
  border-left:4px solid var(--accent2); border-radius:10px; color:var(--muted)}
.rig-content-main .rig-summary{background:linear-gradient(135deg,var(--surface),var(--surface2));
  border:1px solid var(--line); border-radius:var(--radius); padding:18px 20px; margin:0 0 18px}
.rig-content-main .rig-keywords{font-size:14px; color:var(--muted); margin:0 0 14px}
.rig-content-main .rig-keywords b{color:var(--accent)}
.rig-content-main time{display:inline-block; font-size:13px; color:var(--muted);
  border:1px solid var(--line); border-radius:20px; padding:3px 12px; margin:0 0 18px}
.rig-content-main .rig-concl{border:1px solid var(--accent); background:rgba(224,145,60,.08);
  border-radius:12px; padding:14px 18px; margin:22px 0}

/* 表格（覆盖正文全部 table，含 Markdown 裸 table） */
.rig-content-main table, table.rig-spec{width:100%; border-collapse:collapse; margin:16px 0;
  font-size:14.5px; background:var(--surface); border:1px solid #cbd5e1; border-radius:10px; overflow:hidden}
.rig-content-main table th, table.rig-spec th{background:#16324a; color:#fff; text-align:left;
  padding:10px 12px; border:1px solid #cbd5e1; font-weight:600}
.rig-content-main table td, table.rig-spec td{padding:9px 12px; border:1px solid #cbd5e1; color:var(--text)}
.rig-content-main table tr:nth-child(even) td, table.rig-spec tr:nth-child(even) td{background:rgba(255,255,255,.03)}

/* ── 详情页目录（sticky，原生 details）── */
.rig-toc-aside{position:sticky; top:84px; max-height:calc(100vh - 104px); overflow:auto}
.rig-toc-panel{background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:14px 16px}
.rig-toc-panel>summary{cursor:pointer; font-weight:700; color:#fff; list-style:none;
  display:flex; align-items:center; justify-content:space-between}
.rig-toc-panel>summary::-webkit-details-marker{display:none}
.rig-toc-panel>summary::after{content:"▾"; color:var(--accent); transition:transform .2s}
.rig-toc-panel[open]>summary::after{transform:rotate(180deg)}
.rig-toc-list{list-style:none; margin:12px 0 0; padding:0}
.rig-toc-list li{margin:8px 0; font-size:14px; border-left:2px solid var(--line); padding-left:10px}
.rig-toc-list li a{color:var(--muted)}
.rig-toc-list li a:hover{color:var(--accent)}

/* ── 列表 / 分类页（侧栏在前，240px minmax(0,1fr)）── */
.rig-list-layout{display:grid; grid-template-columns:240px minmax(0,1fr); gap:36px;
  padding:8px 0 60px; align-items:start}
.rig-cat-side{position:sticky; top:84px}
.rig-cat-panel{background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:14px 16px}
.rig-cat-panel>summary{cursor:pointer; font-weight:700; color:#fff; list-style:none;
  display:flex; align-items:center; justify-content:space-between}
.rig-cat-panel>summary::-webkit-details-marker{display:none}
.rig-cat-panel>summary::after{content:"▾"; color:var(--accent); transition:transform .2s}
.rig-cat-panel[open]>summary::after{transform:rotate(180deg)}
.rig-cat-list{list-style:none; margin:12px 0 0; padding:0}
.rig-cat-list li{margin:4px 0}
.rig-cat-list a{display:block; padding:9px 12px; border-radius:9px; color:var(--muted); font-size:14.5px}
.rig-cat-list a:hover,.rig-cat-list a.active{background:var(--surface2); color:var(--text)}
.rig-cat-content h1{font-size:28px; margin:0 0 18px; color:#fff}
.rig-list-items{list-style:none; margin:0; padding:0}
.rig-list-item{background:var(--surface); border:1px solid var(--line); border-radius:var(--radius);
  padding:18px 20px; margin:0 0 16px; transition:border-color .2s,transform .2s}
.rig-list-item:hover{border-color:var(--accent); transform:translateY(-2px)}
.rig-list-item h3{margin:0 0 8px; font-size:19px}
.rig-list-item h3 a{color:#fff}
.rig-list-item p{margin:0; color:var(--muted); font-size:14.5px}

/* ── FAQ ── */
.rig-faq{margin:26px 0}
.rig-faq-item{background:var(--surface); border:1px solid var(--line); border-radius:12px; margin:0 0 12px; overflow:hidden}
.rig-faq-item>summary{cursor:pointer; padding:14px 18px; font-weight:600; color:#fff; list-style:none;
  display:flex; align-items:center; justify-content:space-between}
.rig-faq-item>summary::-webkit-details-marker{display:none}
.rig-faq-item>summary::after{content:"+"; color:var(--accent); font-size:20px}
.rig-faq-item[open]>summary::after{content:"−"}
.rig-faq-a{padding:0 18px 14px; color:var(--muted)}

/* ── 相关阅读 / 产品 ── */
.rig-related{margin:30px 0}
.rig-related h2{font-size:20px; color:#fff; border-left:4px solid var(--accent2); padding-left:12px}
.rig-related ul{list-style:none; margin:12px 0 0; padding:0; display:grid; gap:10px}
.rig-related li{background:var(--surface); border:1px solid var(--line); border-radius:10px; padding:12px 16px}
.rig-related a{color:var(--accent2); font-weight:600}
.rig-related span{display:block; color:var(--muted); font-size:13.5px; margin-top:4px}

/* ── 首页 ── */
.rig-hero{padding:120px 0 60px; text-align:center;
  background:radial-gradient(1200px 400px at 50% -10%,rgba(224,145,60,.18),transparent)}
.rig-hero h1{font-size:44px; margin:0 0 18px; color:#fff; line-height:1.2}
.rig-hero h1 b{color:var(--accent)}
.rig-hero p{font-size:18px; color:var(--muted); max-width:760px; margin:0 auto 26px}
.rig-hero .rig-cta{display:inline-flex; gap:14px; flex-wrap:wrap; justify-content:center}
.rig-btn{display:inline-block; padding:12px 26px; border-radius:30px; font-weight:700; border:1px solid var(--accent)}
.rig-btn.primary{background:var(--accent); color:#0B0F14}
.rig-btn.ghost{color:var(--text); border-color:var(--line)}
.rig-section{padding:46px 0}
.rig-section h2{font-size:26px; color:#fff; margin:0 0 22px; text-align:center}
.rig-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:18px}
.rig-card{background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:22px; transition:border-color .2s,transform .2s}
.rig-card:hover{border-color:var(--accent); transform:translateY(-3px)}
.rig-card h3{margin:0 0 10px; color:#fff; font-size:19px}
.rig-card p{margin:0; color:var(--muted); font-size:14.5px}
.rig-tags{display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin-top:10px}
.rig-tags span{background:var(--surface2); border:1px solid var(--line); color:var(--accent2);
  border-radius:20px; padding:6px 14px; font-size:13.5px}
.rig-baseline{background:var(--surface); border:1px solid var(--line); border-radius:var(--radius);
  padding:24px; font-size:15.5px; color:var(--muted); line-height:1.9}
.rig-baseline b{color:var(--accent)}
.rig-scenes{display:grid; grid-template-columns:repeat(5,1fr); gap:14px}
.rig-scene{background:var(--surface); border:1px solid var(--line); border-radius:12px; padding:18px; text-align:center; color:var(--text)}
.rig-scene b{color:var(--accent2)}

/* ── 页面（about/contact/...）── */
.rig-page{padding:8px 0 60px}
.rig-page-main{max-width:880px; margin:0 auto}
.rig-page-main h1{font-size:32px; color:#fff; margin:6px 0 20px}
.rig-page-main h2{font-size:22px; color:#fff; margin:30px 0 12px; padding-left:12px; border-left:4px solid var(--accent)}
.rig-page-main p{margin:0 0 16px}
.rig-page-main ul{margin:0 0 16px; padding-left:22px}
.rig-page-box{background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); padding:22px; margin:0 0 18px}

/* ── 悬浮胶囊（图标+文字常显）── */
.rig-float{position:fixed; right:22px; top:50%; transform:translateY(-50%); z-index:70;
  display:flex; flex-direction:column; gap:12px}
.rig-float button,.rig-float a{height:44px; border-radius:22px; border:none; cursor:pointer;
  background:linear-gradient(135deg,var(--accent),var(--accent2)); color:#0B0F14;
  display:flex; align-items:center; gap:8px; padding:0 16px 0 13px; font-size:13.5px; font-weight:600;
  box-shadow:var(--shadow); text-decoration:none; white-space:nowrap}
.rig-float button:hover,.rig-float a:hover{filter:brightness(1.08)}
.rig-float .rig-float-ico{font-size:17px; line-height:1}
.rig-float .rig-float-label{font-size:13.5px}

/* 名片弹层 */
.rig-card-modal{position:fixed; inset:0; background:rgba(0,0,0,.7); display:none;
  align-items:center; justify-content:center; z-index:90; padding:20px}
.rig-card-modal.open{display:flex}
.rig-card-modal img{max-width:100%; max-height:90vh; border-radius:10px; box-shadow:var(--shadow)}
.rig-card-modal .rig-card-close{position:absolute; top:18px; right:24px; font-size:30px; color:#fff; cursor:pointer; background:none; border:none}

/* ── 页脚 ── */
.rig-footer{border-top:1px solid var(--line); background:var(--surface); padding:34px 0; margin-top:30px}
.rig-footer .container{display:grid; grid-template-columns:1.6fr 1fr 1fr; gap:24px}
.rig-footer h4{color:#fff; margin:0 0 12px; font-size:15px}
.rig-footer p,.rig-footer a{color:var(--muted); font-size:14px; margin:6px 0}
.rig-footer .rig-cols{display:contents}
.rig-footer .rig-fcopy{grid-column:1/-1; border-top:1px solid var(--line); margin-top:10px; padding-top:14px; color:var(--muted); font-size:13px}

/* ── 响应式（V7.0：折叠面板，禁止 display:none 隐藏目录）── */
@media (max-width:1024px){
  .rig-nav{display:none}
  .rig-burger{display:block}
  .rig-nav.rig-nav-open{display:flex; position:absolute; top:64px; left:0; right:0;
    flex-direction:column; align-items:stretch; background:var(--surface); border-bottom:1px solid var(--line); padding:10px}
  .rig-nav.rig-nav-open .rig-nav-group>ul{position:static; box-shadow:none; border:none; background:transparent}
  .rig-layout{grid-template-columns:1fr}
  .rig-toc-aside{position:static; max-height:none}
  .rig-list-layout{grid-template-columns:1fr}
  .rig-cat-side{position:static}
  .rig-grid{grid-template-columns:repeat(2,1fr)}
  .rig-scenes{grid-template-columns:repeat(2,1fr)}
  .rig-footer .container{grid-template-columns:1fr 1fr}
  .rig-hero h1{font-size:32px}
}
@media (max-width:560px){
  .rig-grid,.rig-scenes,.rig-footer .container{grid-template-columns:1fr}
  .rig-float{right:12px}
}