/* ============================================================
   AICOR 官网 · 页面：文章详情 Article
   ------------------------------------------------------------
   article.html 文章正文排版（窄容器 960px + 简化导航）
   依赖：tokens.css、base.css、utilities.css、components/*
   ============================================================ */

.art-body { padding-bottom:70px }
.art-body a { color:var(--accent);border-bottom:1px solid rgba(79,140,255,.35) }
.art-body blockquote { margin:26px 0;padding:18px 26px;background:var(--panel);border-left:3px solid var(--accent-2);border-radius:0 12px 12px 0;color:var(--text-2) }
.art-body code { background:rgba(79,140,255,.14);padding:2px 7px;border-radius:5px;font-size:.9em;color:var(--accent-2) }
.art-body h2 { font-family:var(--serif);font-size:24px;color:var(--text-1);margin:46px 0 18px;padding-left:16px;border-left:3px solid var(--accent) }
.art-body h3 { font-family:var(--serif);font-size:19px;color:var(--text-1);margin:34px 0 14px }
.art-body h4 { font-size:17px;color:var(--text-1);margin:28px 0 12px }
.art-body hr { border:none;height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent);margin:38px 0 }
.art-body img { display:block;margin:28px auto;border-radius:12px;border:1px solid var(--line-soft) }
.art-body li { margin:8px 0;line-height:1.9 }
.art-body ol { padding-left:26px;color:var(--text-2);margin:16px 0 }
.art-body p { color:var(--text-2);margin:18px 0;line-height:2 }
.art-body strong { color:var(--text-1) }
.art-body table { width:100%;border-collapse:collapse;margin:26px 0;font-size:14px }
.art-body td { padding:10px 14px;border:1px solid var(--line-soft);color:var(--text-2) }
.art-body th { background:rgba(79,140,255,.12);color:var(--text-1);text-align:left;padding:11px 14px;border:1px solid var(--line) }
.art-body ul { padding-left:26px;color:var(--text-2);margin:16px 0 }
.art-hero { padding:150px 0 54px }
.art-meta { display:flex;flex-wrap:wrap;gap:18px;font-size:13px;color:var(--text-3);padding-bottom:26px;border-bottom:1px solid var(--line-soft);margin-bottom:14px }
.art-meta b { color:var(--text-2);font-weight:500 }
.art-notice { margin:0 0 36px;padding:18px 22px;border:1px dashed rgba(255,255,255,.18);border-radius:12px;background:rgba(255,255,255,.03);font-size:12.5px;color:var(--text-3);line-height:2 }
.art-notice b { color:var(--text-2);font-weight:500 }
.art-summary { margin:26px 0;padding:20px 24px;background:var(--panel);border-left:3px solid var(--accent);border-radius:0 12px 12px 0;color:var(--text-2);font-size:15px;line-height:1.9 }
.back-link { display:inline-flex;align-items:center;gap:8px;margin:0 0 60px;padding:11px 26px;border:1px solid rgba(255,255,255,.22);border-radius:100px;font-size:13px;letter-spacing:2px;color:var(--text-1);transition:all .25s }
.back-link:hover { border-color:transparent;background:var(--grad);box-shadow:0 4px 24px rgba(79,140,255,.35) }
.cat-tag { display:inline-flex;align-items:center;gap:10px;font-size:12px;letter-spacing:4px;text-transform:uppercase;color:var(--accent-2);font-weight:600;margin-bottom:18px }
.cat-tag::before { content:"";width:28px;height:1px;background:var(--accent-2) }
.container { max-width:960px;margin:0 auto;padding:0 28px }
.cover { display:block;width:100%;border-radius:14px;border:1px solid var(--line-soft);margin:26px 0 8px }
.foot-info { font-size:12px;color:var(--text-3);line-height:1.8;text-align:right }
.foot-logo { display:flex;align-items:center;gap:12px;font-size:13px;color:var(--text-3) }
.foot-logo img { height:20px }
.foot-wrap { display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px }
.nav-logo { display:flex;align-items:center;gap:14px }
.nav-logo img { height:26px }
.nav-logo span { font-size:13px;color:var(--text-3);letter-spacing:2px;border-left:1px solid var(--line);padding-left:14px }
.nav-wrap { display:flex;align-items:center;justify-content:space-between }
footer { padding:34px 0;border-top:1px solid var(--line-soft) }
h1.art-title { font-family:var(--serif);font-size:clamp(26px,4vw,40px);line-height:1.35;font-weight:700;margin-bottom:22px }
header { position:fixed;top:0;left:0;right:0;z-index:100;padding:20px 0;background:rgba(4,6,12,.88);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--line-soft) }
nav { display:flex;gap:30px;align-items:center }
nav a { font-size:14px;color:var(--text-2);letter-spacing:1px;transition:color .2s }
nav a.active { color:var(--text-1);font-weight:600 }
nav a:hover { color:var(--text-1) }
@media (max-width:700px) {
  .foot-info { text-align:left }
}
@media (max-width:900px) {
  nav { display:none }
}