:root{
  --bg:#0A0F1E;
  --surface:#121A2E;
  --surface-2:#16203A;
  --line:#243049;
  --primary:#2FB8FF;
  --accent:#16E0BD;
  --cta:#FF8A3D;
  --text:#E6ECF5;
  --muted:#9AA7BD;
  --h2-inset:16px;
  --h2-inset-page:48px;
  --maxw:1180px;
  --header-h:64px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--bg);color:var(--text);
  font-family:"PingFang SC","Microsoft YaHei","Segoe UI",system-ui,sans-serif;
  font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased;
}
a{color:var(--primary);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%}
h1,h2,h3,h4{line-height:1.3;font-weight:700;color:#fff}
p{margin:0 0 1em}

/* ===== Header / Nav ===== */
.ata-header{position:sticky;top:0;z-index:50;background:rgba(10,15,30,.92);
  backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.ata-header-inner{max-width:var(--maxw);margin:0 auto;height:var(--header-h);
  display:flex;align-items:center;gap:24px;padding:0 20px}
.ata-logo{display:flex;align-items:center;gap:10px;color:#fff;font-weight:700;font-size:18px}
.ata-logo:hover{text-decoration:none}
.ata-logo-mark{width:22px;height:22px;border-radius:6px;
  background:linear-gradient(135deg,var(--primary),var(--accent));
  box-shadow:0 0 12px rgba(47,184,255,.5)}
.ata-nav-toggle{display:none;background:none;border:1px solid var(--line);color:var(--text);
  font-size:20px;border-radius:8px;width:40px;height:36px;cursor:pointer}
.ata-nav-list{list-style:none;display:flex;gap:4px;margin:0;padding:0;align-items:center}
.ata-nav-item{position:relative}
.ata-nav-list>li>a{display:block;padding:10px 14px;color:var(--text);border-radius:8px;font-size:15px}
.ata-nav-list>li>a:hover{background:var(--surface);text-decoration:none;color:#fff}
.ata-nav-bridge{display:none}
.ata-nav-sub{position:absolute;top:100%;left:0;min-width:180px;background:var(--surface);
  border:1px solid var(--line);border-radius:10px;padding:6px;list-style:none;margin:0;
  box-shadow:0 16px 40px rgba(0,0,0,.4);opacity:0;visibility:hidden;transform:translateY(6px);
  transition:.18s}
.ata-nav-item:hover .ata-nav-sub,.ata-nav-item:focus-within .ata-nav-sub{opacity:1;visibility:visible;transform:none}
.ata-nav-sub li a{display:block;padding:8px 12px;border-radius:8px;color:var(--muted);font-size:14px}
.ata-nav-sub li a:hover{background:var(--surface-2);color:#fff}

/* ===== Breadcrumb ===== */
.ata-crumb{padding:18px 0 6px var(--h2-inset)}
.ata-crumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;font-size:13px;color:var(--muted)}
.ata-crumb a{color:var(--muted)}
.ata-crumb a:hover{color:var(--primary)}
.ata-crumb-sep{color:var(--line);margin:0 2px}

/* ===== Article / Product layout ===== */
.ata-article-layout{max-width:var(--maxw);margin:0 auto;padding:8px 20px 60px;
  display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:36px;align-items:start}
.ata-article-main{min-width:0}
.ata-content-main{padding-left:var(--h2-inset);max-width:820px}
.ata-h1{font-size:30px;margin:6px 0 18px;padding-left:0}
.ata-content-main h2{font-size:22px;margin:34px 0 12px;padding-bottom:8px;
  border-left:4px solid var(--primary);padding-left:12px}
.ata-content-main h3{font-size:18px;margin:22px 0 10px;color:var(--accent)}
.ata-content-main p{color:#d4dcec}
.ata-content-main ul,.ata-content-main ol{padding-left:22px;margin:0 0 1em;color:#d4dcec}
.ata-content-main li{margin:.35em 0}
.ata-summary-block,.ata-content-main blockquote{background:var(--surface);border:1px solid var(--line);
  border-left:4px solid var(--accent);border-radius:10px;padding:14px 18px;margin:0 0 22px;color:var(--muted)}
.ata-conclusion{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;
  padding:14px 18px;margin:18px 0}
.ata-conclusion strong{color:var(--accent)}

/* tables: 覆盖全部正文表格（含 Markdown 裸 table）[M26] */
.ata-content-main table,table.ata-spec{border-collapse:collapse;width:100%;margin:16px 0;
  font-size:14px;border:1px solid #cbd5e1}
.ata-content-main table th,.ata-content-main table td,table.ata-spec th,table.ata-spec td{
  border:1px solid #cbd5e1;padding:9px 12px;text-align:left}
.ata-content-main table th,table.ata-spec th{background:var(--primary);color:#04121f;font-weight:700}
.ata-content-main table tr:nth-child(even) td,table.ata-spec tr:nth-child(even) td{background:rgba(255,255,255,.04)}

/* FAQ (bare details) */
.ata-faq{margin:26px 0}
.ata-faq-title{font-size:22px;margin:0 0 12px;padding-left:12px;border-left:4px solid var(--primary)}
.ata-faq-item{border:1px solid var(--line);border-radius:10px;margin:8px 0;background:var(--surface);overflow:hidden}
.ata-faq-item summary{cursor:pointer;padding:12px 16px;font-weight:600;color:#fff;list-style:none}
.ata-faq-item summary::-webkit-details-marker{display:none}
.ata-faq-item summary::before{content:"+";color:var(--primary);margin-right:10px;font-weight:700}
.ata-faq-item[open] summary::before{content:"−"}
.ata-faq-a{padding:0 16px 14px;color:#d4dcec}

/* related */
.ata-related{margin:26px 0;border-top:1px solid var(--line);padding-top:16px}
.ata-related h2{font-size:20px;margin:0 0 10px}
.ata-related ul{padding-left:20px}
.ata-related li{margin:.4em 0;color:var(--muted)}

/* TOC aside */
.ata-toc-aside{position:sticky;top:calc(var(--header-h) + 16px);max-height:calc(100vh - 100px);overflow:auto}
.ata-toc-panel{border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:10px 12px}
.ata-toc-panel summary{cursor:pointer;font-weight:700;color:#fff;padding:4px 6px;list-style:none}
.ata-toc-panel summary::-webkit-details-marker{display:none}
.ata-toc-list{margin:8px 0 4px;padding-left:18px}
.ata-toc-list a{color:var(--muted);font-size:13px}
.ata-toc-list a:hover{color:var(--primary)}

/* ===== List / Category layout ===== */
.ata-list-layout{max-width:var(--maxw);margin:0 auto;padding:8px 20px 60px;
  display:grid;grid-template-columns:240px minmax(0,1fr);gap:36px;align-items:start}
.ata-cat-side{min-width:0}
/* 列表栅格列序：侧栏在前 240px，内容 1fr [M27] */
.ata-list-layout .ata-layout-grid{grid-template-columns:240px minmax(0,1fr)}
.ata-cat-panel{border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:10px 12px;margin-bottom:16px}
.ata-cat-panel summary{cursor:pointer;font-weight:700;color:#fff;padding:4px 6px;list-style:none}
.ata-cat-panel summary::-webkit-details-marker{display:none}
.ata-cat-list{list-style:none;margin:8px 0 4px;padding:0}
.ata-cat-list li{margin:2px 0}
.ata-cat-list a{display:block;padding:8px 10px;border-radius:8px;color:var(--muted);font-size:14px}
.ata-cat-list a:hover{background:var(--surface-2);color:#fff;text-decoration:none}
.ata-cat-list li.active a{background:var(--surface-2);color:var(--primary);font-weight:600}
.ata-list-main{min-width:0}
.ata-list-content{padding-left:var(--h2-inset)}
.ata-list-desc{color:var(--muted);margin:0 0 18px}
.ata-list-items{list-style:none;margin:0;padding:0}
.ata-list-item{border-bottom:1px solid var(--line);padding:16px 0}
.ata-list-link{font-size:18px;font-weight:600;color:#fff}
.ata-list-link:hover{color:var(--primary);text-decoration:none}
.ata-list-summary{color:var(--muted);margin:6px 0 0;font-size:14px}

/* ===== Page (about/contact/...) ===== */
.ata-page-wrap{max-width:920px;margin:0 auto;padding:8px 20px 60px}
.ata-page-content{padding-left:var(--h2-inset-page);max-width:820px}
.ata-page-content h2{font-size:22px;margin:30px 0 12px;padding-left:12px;border-left:4px solid var(--primary)}
.ata-page-content h3{font-size:18px;margin:20px 0 8px;color:var(--accent)}

/* ===== Footer ===== */
.ata-footer{border-top:1px solid var(--line);background:var(--surface);margin-top:40px}
.ata-footer-inner{max-width:var(--maxw);margin:0 auto;padding:40px 20px 18px}
.ata-footer-cols{display:grid;grid-template-columns:2.2fr 1fr 1fr;gap:24px}
.ata-foot-title{font-size:16px;color:#fff;margin:0 0 10px}
.ata-foot-text{color:var(--muted);font-size:14px}
.ata-footer-cols ul{list-style:none;margin:0;padding:0}
.ata-footer-cols li{margin:6px 0}
.ata-footer-cols a{color:var(--muted);font-size:14px}
.ata-footer-bottom{border-top:1px solid var(--line);margin-top:24px;padding-top:14px;color:var(--muted);font-size:13px}

/* ===== Float capsule ===== */
.ata-float{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:60;
  display:flex;flex-direction:column;gap:10px}
.ata-float-btn{width:auto;min-width:46px;height:46px;border-radius:24px;border:1px solid var(--line);
  background:linear-gradient(135deg,var(--primary),var(--accent));color:#04121f;font-weight:700;
  cursor:pointer;display:flex;align-items:center;gap:8px;padding:0 14px;box-shadow:0 8px 24px rgba(47,184,255,.35)}
.ata-float-btn:hover{text-decoration:none;filter:brightness(1.08)}
.ata-float-label{font-size:13px}
.ata-card-mask{position:fixed;inset:0;background:rgba(4,8,16,.78);z-index:70;display:flex;
  align-items:center;justify-content:center;padding:20px}
.ata-card-mask[hidden]{display:none}
.ata-card-pop{position:relative;background:#fff;border-radius:12px;padding:10px}
.ata-card-close{position:absolute;top:-14px;right:-14px;width:34px;height:34px;border-radius:50%;
  border:none;background:var(--cta);color:#fff;font-size:20px;cursor:pointer;line-height:1}
.ata-card-img{display:block;max-height:80vh;width:auto;border-radius:8px}

/* ===== Home ===== */
.ata-hero{position:relative;overflow:hidden;background:
  radial-gradient(1200px 400px at 80% -10%,rgba(22,224,189,.18),transparent),
  radial-gradient(900px 360px at 10% 10%,rgba(47,184,255,.18),transparent),var(--surface)}
.ata-hero-wave{position:absolute;inset:0;opacity:.5;
  background:repeating-radial-gradient(circle at 75% 20%,rgba(47,184,255,.12) 0 2px,transparent 2px 26px)}
.ata-hero-inner{position:relative;max-width:var(--maxw);margin:0 auto;padding:70px 20px 64px}
.ata-hero-eyebrow{color:var(--accent);font-weight:600;letter-spacing:.04em;margin:0 0 10px}
.ata-hero-title{font-size:38px;margin:0 0 16px;max-width:760px}
.ata-hero-sub{color:var(--muted);font-size:17px;max-width:680px;margin:0 0 24px}
.ata-hero-cta{display:flex;gap:14px;flex-wrap:wrap}
.ata-btn{display:inline-block;padding:12px 22px;border-radius:10px;font-weight:600;cursor:pointer}
.ata-btn-primary{background:linear-gradient(135deg,var(--primary),var(--accent));color:#04121f}
.ata-btn-primary:hover{text-decoration:none;filter:brightness(1.06)}
.ata-btn-ghost{border:1px solid var(--line);color:#fff}
.ata-btn-ghost:hover{text-decoration:none;background:var(--surface-2)}

.ata-section{max-width:var(--maxw);margin:0 auto;padding:46px 20px}
.ata-section-head{margin-bottom:22px}
.ata-section-title{font-size:26px;margin:0 0 6px}
.ata-section-sub{color:var(--muted);margin:0}
.ata-core-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ata-core-card{display:flex;flex-direction:column;gap:10px;justify-content:space-between;
  background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:20px;
  transition:.2s;min-height:120px}
.ata-core-card:hover{border-color:var(--primary);transform:translateY(-3px);text-decoration:none}
.ata-core-name{font-size:18px;font-weight:700;color:#fff}
.ata-core-go{color:var(--accent);font-size:14px}
.ata-chip-row{display:flex;flex-wrap:wrap;gap:10px}
.ata-chip{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:8px 16px;color:var(--text);font-size:14px}
.ata-baseline-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.ata-baseline-list li{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:14px 16px;color:#d4dcec}
.ata-scene-caps{display:flex;flex-wrap:wrap;gap:10px}
.ata-scene-cap{background:linear-gradient(135deg,rgba(47,184,255,.14),rgba(22,224,189,.14));
  border:1px solid var(--line);border-radius:20px;padding:8px 16px;color:var(--text);font-size:14px}
.ata-latest-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.ata-latest-h{font-size:18px;color:var(--accent);margin:0 0 10px}
.ata-latest-col ul{list-style:none;margin:0;padding:0}
.ata-latest-col li{border-bottom:1px solid var(--line);padding:10px 0}
.ata-latest-col a{color:#fff;font-size:15px}
.ata-latest-col a:hover{color:var(--primary);text-decoration:none}
.ata-cta-band{text-align:center;background:var(--surface);border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);padding:48px 20px;margin-top:20px}
.ata-cta-title{font-size:26px;margin:0 0 10px}
.ata-cta-sub{color:var(--muted);margin:0 0 20px}

/* ===== Responsive (breakpoint 1024) [M25] ===== */
@media (max-width:1024px){
  .ata-hero-title{font-size:30px}
  .ata-article-layout,.ata-list-layout{grid-template-columns:1fr;gap:18px}
  .ata-toc-aside{position:static;max-height:none;order:-1}
  /* 折叠面板在手机端保持可点击入口，禁止 display:none */
  .ata-core-grid{grid-template-columns:repeat(2,1fr)}
  .ata-baseline-list,.ata-latest-grid{grid-template-columns:1fr}
  .ata-header-inner{flex-wrap:wrap}
  .ata-nav-toggle{display:block;margin-left:auto}
  .ata-nav{display:none;width:100%}
  .ata-nav.open{display:block}
  .ata-nav-list{flex-direction:column;gap:0;padding:8px 0}
  .ata-nav-item{width:100%}
  .ata-nav-sub{position:static;opacity:1;visibility:visible;transform:none;
    box-shadow:none;border:none;background:transparent;padding-left:14px}
  .ata-nav-sub li a{color:var(--muted)}
}
@media (max-width:560px){
  .ata-core-grid{grid-template-columns:1fr}
  .ata-footer-cols{grid-template-columns:1fr}
  .ata-float-label{display:none}
}