/* antr- 独立骨架样式 · 天线与阵列设计 · 高端科技风 */
:root{
  --h2-inset: 24px;            /* 面包屑与正文 H2 左缘对齐基准（文章/列表/产品） */
  --page-inset: 48px;           /* 页面卡片内文左缘 */
  --nav-h: 64px;
  --ink: #0a1628;
  --ink-2: #11233b;
  --panel: #0e1f38;
  --line: #213a5c;
  --line-soft: #1a3050;
  --text: #e8eef7;
  --text-dim: #9fb3cc;
  --cyan: #29e0d6;
  --cyan-deep: #16b3ac;
  --amber: #f5a623;
  --violet: #7c8cf8;
  --bg: #07111f;
  --bg-2: #0a1726;
  --radius: 14px;
  --maxw: 1280px;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:"PingFang SC","Microsoft YaHei",-apple-system,system-ui,sans-serif;
  color:var(--text);
  background:
    radial-gradient(1200px 600px at 80% -10%, rgba(41,224,214,.10), transparent 60%),
    radial-gradient(900px 500px at -10% 10%, rgba(124,140,248,.10), transparent 55%),
    var(--bg);
  line-height:1.75;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--cyan);text-decoration:none;}
a:hover{text-decoration:underline;}
img{max-width:100%;}

/* ===== 顶部导航 ===== */
.antr-header{
  position:sticky;top:0;z-index:50;
  height:var(--nav-h);
  background:rgba(7,17,31,.86);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}
.antr-header-inner{
  max-width:var(--maxw);margin:0 auto;height:100%;
  display:flex;align-items:center;gap:18px;padding:0 24px;
}
.antr-brand{display:flex;align-items:center;gap:10px;color:var(--text);font-weight:700;}
.antr-brand:hover{text-decoration:none;}
.antr-brand-mark{
  width:26px;height:26px;border-radius:7px;
  background:linear-gradient(135deg,var(--cyan),var(--violet));
  box-shadow:0 0 14px rgba(41,224,214,.5);
  position:relative;
}
.antr-brand-mark::after{
  content:"";position:absolute;inset:7px;border:2px solid rgba(7,17,31,.85);border-radius:50%;
}
.antr-brand-text{font-size:17px;letter-spacing:.3px;}
.antr-nav{display:flex;align-items:center;gap:6px;margin-left:auto;}
.antr-nav>a,.antr-nav-item>a{
  color:var(--text-dim);padding:10px 12px;border-radius:8px;font-size:15px;white-space:nowrap;
}
.antr-nav>a:hover,.antr-nav-item>a:hover{color:var(--text);background:rgba(41,224,214,.08);text-decoration:none;}
.antr-nav-item{position:relative;}
.antr-nav-sub{
  position:absolute;top:100%;left:0;min-width:180px;
  background:var(--ink-2);border:1px solid var(--line);border-radius:10px;
  padding:8px;display:none;flex-direction:column;gap:2px;box-shadow:0 16px 40px rgba(0,0,0,.45);
}
.antr-nav-item:hover .antr-nav-sub,.antr-nav-item:focus-within .antr-nav-sub{display:flex;}
.antr-nav-sub a{padding:8px 10px;border-radius:7px;font-size:14px;color:var(--text-dim);}
.antr-nav-sub a:hover{color:var(--text);background:rgba(41,224,214,.10);}
.antr-nav-toggle{display:none;margin-left:auto;background:transparent;border:1px solid var(--line);color:var(--text);font-size:20px;border-radius:8px;padding:4px 10px;cursor:pointer;}

/* ===== 主体容器 ===== */
.antr-main{max-width:var(--maxw);margin:0 auto;padding:22px 24px 60px;}

/* 面包屑 */
.antr-crumb{padding-left:var(--h2-inset);margin:6px 0 18px;}
.antr-crumb-list{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0;font-size:13.5px;color:var(--text-dim);}
.antr-crumb-list a{color:var(--text-dim);}
.antr-crumb-list a:hover{color:var(--cyan);}
.antr-crumb-sep{opacity:.55;}

/* ===== 详情页栅格 ===== */
.antr-detail-grid{
  display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:36px;align-items:start;
}
.antr-content-main{background:var(--bg-2);border:1px solid var(--line-soft);border-radius:var(--radius);padding:34px 34px 40px;min-width:0;}
.antr-toc-aside{position:sticky;top:calc(var(--nav-h) + 16px);max-height:calc(100vh - var(--nav-h) - 32px);overflow:auto;}

/* 折叠面板（原生 details） */
.antr-toc-panel,.antr-cat-panel{
  background:var(--bg-2);border:1px solid var(--line-soft);border-radius:12px;padding:0;overflow:hidden;
}
.antr-toc-panel summary,.antr-cat-panel summary{
  cursor:pointer;padding:14px 16px;font-weight:600;color:var(--text);
  list-style:none;display:flex;align-items:center;justify-content:space-between;
  border-bottom:1px solid transparent;
}
.antr-toc-panel summary::after,.antr-cat-panel summary::after{content:"▾";color:var(--cyan);transition:transform .2s;}
.antr-toc-panel[open]>summary,.antr-cat-panel[open]>summary{border-bottom-color:var(--line-soft);}
.antr-toc-panel[open]>summary::after,.antr-cat-panel[open]>summary::after{transform:rotate(180deg);}
.antr-toc-body{padding:8px 16px 16px;}
.antr-toc-body ol{margin:0;padding-left:4px;list-style:none;font-size:13.5px;color:var(--text-dim);counter-reset:none;}
.antr-toc-body li{margin:6px 0;}
.antr-toc-body a{color:var(--text-dim);}
.antr-toc-body a:hover{color:var(--cyan);}

/* ===== 列表/分类页栅格 ===== */
.antr-list-grid{display:grid;grid-template-columns: 240px minmax(0, 1fr);gap:32px;align-items:start;}
.antr-cat-side{position:sticky;top:calc(var(--nav-h) + 16px);}
.antr-category-list{list-style:none;margin:0;padding:8px 16px 16px;}
.antr-category-list li{margin:2px 0;}
.antr-category-list a{display:block;padding:9px 12px;border-radius:8px;color:var(--text-dim);font-size:14.5px;}
.antr-category-list a:hover{background:rgba(41,224,214,.10);color:var(--text);text-decoration:none;}
.antr-category-list li.active>a{background:rgba(41,224,214,.16);color:var(--text);font-weight:600;}
.antr-cat-content{min-width:0;}

/* ===== 页面卡片 ===== */
.antr-page-wrap{
  background:var(--bg-2);border:1px solid var(--line-soft);border-radius:var(--radius);
  padding:var(--page-inset);max-width:920px;margin:0 auto;
}
.antr-page-wrap h1{font-size:30px;margin:0 0 18px;}
.antr-page-wrap h2{font-size:22px;margin:30px 0 12px;padding-left:0;}
.antr-page-wrap p{margin:12px 0;}

/* ===== 正文排版 ===== */
.antr-content-main h1{font-size:30px;line-height:1.35;margin:0 0 6px;}
.antr-content-main h2{
  font-size:22px;margin:34px 0 12px;padding-bottom:8px;
  border-left:4px solid var(--cyan);padding-left:12px;scroll-margin-top:calc(var(--nav-h) + 16px);
}
.antr-content-main h3{font-size:18px;margin:22px 0 10px;color:#cfe6ff;}
.antr-content-main p{margin:12px 0;}
.antr-content-main ul,.antr-content-main ol{margin:12px 0;padding-left:22px;}
.antr-content-main li{margin:6px 0;}
.antr-content-main blockquote{
  margin:16px 0;padding:14px 18px;background:rgba(41,224,214,.08);
  border-left:4px solid var(--cyan-deep);border-radius:0 10px 10px 0;color:#d7f6f3;
}
.antr-content-main .antr-summary{
  background:linear-gradient(135deg,rgba(124,140,248,.12),rgba(41,224,214,.08));
  border:1px solid var(--line);border-radius:12px;padding:16px 20px;margin:18px 0;font-size:15.5px;
}
.antr-content-main .antr-keywords{color:var(--text-dim);font-size:14px;margin:10px 0 0;}
.antr-content-main .antr-keywords b{color:var(--amber);font-weight:600;}
.antr-content-main time{display:inline-block;color:var(--text-dim);font-size:13.5px;margin:4px 0 8px;}
.antr-content-main .antr-conclusion{
  background:rgba(245,166,35,.08);border:1px solid rgba(245,166,35,.35);border-radius:12px;padding:14px 20px;margin:18px 0;
}
.antr-content-main .antr-conclusion li{margin:8px 0;}
.antr-content-main .antr-case{
  background:rgba(124,140,248,.10);border:1px solid rgba(124,140,248,.4);border-radius:12px;padding:14px 20px;margin:18px 0;
}
.antr-content-main .antr-case b{color:var(--violet);}

/* 标签 */
.antr-tag{display:inline-block;background:rgba(41,224,214,.12);color:var(--cyan);border-radius:999px;padding:3px 12px;font-size:13px;margin:0 6px 6px 0;}

/* 表格（覆盖全部正文表格，含 Markdown 裸 table） */
.antr-content-main table,.antr-page-wrap table,table.antr-spec{
  border-collapse:collapse;width:100%;margin:16px 0;font-size:14.5px;
  border:1px solid #cbd5e1;
}
.antr-content-main table th,.antr-content-main table td,
.antr-page-wrap table th,.antr-page-wrap table td,
table.antr-spec th,table.antr-spec td{
  border:1px solid #cbd5e1;padding:9px 12px;text-align:left;
}
.antr-content-main table th,.antr-page-wrap table th,table.antr-spec th{
  background:var(--ink);color:var(--text);font-weight:600;
}
.antr-content-main table tr:nth-child(even) td,.antr-page-wrap table tr:nth-child(even) td,
table.antr-spec tr:nth-child(even) td{background:rgba(255,255,255,.03);}

/* FAQ 裸 details */
.antr-content-main details.faq-item,.antr-page-wrap details.faq-item{
  border:1px solid var(--line);border-radius:10px;margin:10px 0;background:var(--bg);
}
.antr-content-main details.faq-item summary,.antr-page-wrap details.faq-item summary{
  cursor:pointer;padding:13px 16px;font-weight:600;list-style:none;display:flex;justify-content:space-between;align-items:center;
}
.antr-content-main details.faq-item summary::after,.antr-page-wrap details.faq-item summary::after{content:"+";color:var(--cyan);font-size:18px;}
.antr-content-main details.faq-item[open]>summary::after,.antr-page-wrap details.faq-item[open]>summary::after{content:"−";}
.antr-content-main details.faq-item .faq-a,.antr-page-wrap details.faq-item .faq-a{padding:0 16px 14px;color:var(--text-dim);}

/* 相关阅读 / 相关产品 */
.antr-rel{margin:26px 0 0;border-top:1px solid var(--line-soft);padding-top:18px;}
.antr-rel h2{border-left-color:var(--amber);}
.antr-rel ul{list-style:none;padding:0;margin:10px 0;}
.antr-rel li{margin:8px 0;padding-left:0;}
.antr-rel a{color:var(--cyan);}

/* 卡片网格（首页/列表条目） */
.antr-card-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;margin:18px 0;}
.antr-card{
  background:var(--bg-2);border:1px solid var(--line-soft);border-radius:12px;padding:18px;transition:.2s;
}
.antr-card:hover{border-color:var(--cyan);transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,.35);}
.antr-card h3{margin:0 0 8px;font-size:17px;}
.antr-card h3 a{color:var(--text);}
.antr-card p{color:var(--text-dim);font-size:13.5px;margin:6px 0 0;}
.antr-card .antr-cat-tag{color:var(--amber);font-size:12.5px;}

/* ===== 首页 ===== */
.antr-hero{
  background:linear-gradient(135deg,rgba(41,224,214,.12),rgba(124,140,248,.12));
  border:1px solid var(--line);border-radius:20px;padding:48px 40px;margin:8px 0 30px;
}
.antr-hero h1{font-size:40px;margin:0 0 14px;line-height:1.25;}
.antr-hero p{font-size:17px;color:var(--text-dim);max-width:760px;}
.antr-hero .antr-hero-cta{margin-top:22px;display:flex;gap:14px;flex-wrap:wrap;}
.antr-btn{display:inline-block;padding:12px 22px;border-radius:10px;font-weight:600;}
.antr-btn-primary{background:linear-gradient(135deg,var(--cyan),var(--cyan-deep));color:#04221f;}
.antr-btn-ghost{border:1px solid var(--line);color:var(--text);}
.antr-section{margin:36px 0;}
.antr-section h2{font-size:26px;margin:0 0 6px;}
.antr-section .antr-section-sub{color:var(--text-dim);margin:0 0 14px;}
.antr-stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:18px 0;}
.antr-stat{background:var(--bg-2);border:1px solid var(--line-soft);border-radius:14px;padding:20px;}
.antr-stat .num{font-size:30px;font-weight:700;color:var(--cyan);}
.antr-stat .lbl{color:var(--text-dim);font-size:14px;margin-top:4px;}
.antr-capsule-row{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0;}
.antr-capsule{display:inline-block;background:rgba(124,140,248,.12);border:1px solid rgba(124,140,248,.4);color:#dfe6ff;border-radius:999px;padding:7px 16px;font-size:14px;}

/* ===== 页脚 ===== */
.antr-footer{background:var(--ink);border-top:1px solid var(--line);margin-top:40px;}
.antr-footer-inner{max-width:var(--maxw);margin:0 auto;padding:36px 24px;display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:24px;}
.antr-foot-title{font-weight:700;margin-bottom:10px;color:var(--text);}
.antr-foot-col a{display:block;color:var(--text-dim);font-size:14px;margin:6px 0;}
.antr-foot-col a:hover{color:var(--cyan);}
.antr-foot-col p{color:var(--text-dim);font-size:14px;}
.antr-footer-bottom{border-top:1px solid var(--line);padding:16px 24px;text-align:center;color:var(--text-dim);font-size:13.5px;}

/* ===== 悬浮胶囊 ===== */
.antr-float{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:60;display:flex;flex-direction:column;gap:10px;}
.antr-float-btn{
  width:52px;height:52px;border-radius:26px;border:none;cursor:pointer;
  background:linear-gradient(135deg,var(--cyan),var(--violet));color:#04221f;
  font-size:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;
  box-shadow:0 8px 22px rgba(0,0,0,.4);font-weight:700;line-height:1;
}
.antr-float-btn span{font-size:10px;margin-top:2px;font-weight:600;}
.antr-float-btn:hover{filter:brightness(1.08);}

/* 名片弹层 */
.antr-card-modal{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;}
.antr-card-modal[hidden]{display:none;}
.antr-card-backdrop{position:absolute;inset:0;background:rgba(3,8,15,.7);}
.antr-card-box{position:relative;z-index:1;background:#fff;border-radius:12px;padding:8px;max-height:92vh;overflow:auto;}
.antr-card-img{display:block;max-height:84vh;width:auto;height:auto;border-radius:6px;}
.antr-card-close{position:absolute;top:-14px;right:-14px;width:34px;height:34px;border-radius:50%;border:none;background:#04221f;color:#fff;font-size:20px;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.5);}

/* 404 / 归档 */
.antr-404{padding:60px 0;text-align:center;}
.antr-archive-list{columns:2;column-gap:32px;}
.antr-archive-list li{break-inside:avoid;margin:6px 0;}

/* ===== 响应式（断点 1024） ===== */
@media (max-width:1024px){
  .antr-nav{display:none;position:absolute;top:var(--nav-h);left:0;right:0;flex-direction:column;background:var(--ink-2);padding:10px;border-bottom:1px solid var(--line);}
  .antr-nav.open{display:flex;}
  .antr-nav-item{position:static;}
  .antr-nav-sub{position:static;display:flex;box-shadow:none;background:transparent;border:none;padding-left:14px;}
  .antr-nav-toggle{display:block;}
  .antr-detail-grid{grid-template-columns:1fr;}
  .antr-toc-aside{position:static;max-height:none;}
  .antr-list-grid{grid-template-columns:1fr;}
  .antr-cat-side{position:static;}
  .antr-content-main{padding:24px 18px 30px;}
  .antr-page-wrap{padding:28px 20px;}
  .antr-hero{padding:32px 22px;}
  .antr-hero h1{font-size:30px;}
  .antr-footer-inner{grid-template-columns:1fr;}
  .antr-archive-list{columns:1;}
}
