:root{
  --mw-bg:#ffffff;
  --mw-bg-alt:#f4f9fd;
  --mw-ink:#10263f;
  --mw-muted:#65768a;
  --mw-line:#e2e8f0;
  --mw-accent:#0968eb;
  --mw-accent-2:#06b6d4;
  --mw-accent-deep:#0b3a8a;
  --mw-h2-inset:16px;     /* 面包屑与正文 H2 左缘对齐基准 */
  --mw-page-inset:48px;   /* 页面卡片内 H2 左缘对齐基准 */
  --mw-radius:14px;
  --mw-maxw:1200px;
  --mw-header-h:64px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;font-family:"PingFang SC","Microsoft YaHei",system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  color:var(--mw-ink);background:var(--mw-bg);line-height:1.8;font-size:16px;
}
a{color:var(--mw-accent);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%}
h1,h2,h3{line-height:1.3;font-weight:700}
.mw-container{max-width:var(--mw-maxw);margin:0 auto;padding:0 24px}

/* ---------- 顶部固定导航 ---------- */
.mw-header{position:fixed;top:0;left:0;right:0;height:var(--mw-header-h);
  background:rgba(255,255,255,.92);backdrop-filter:saturate(160%) blur(8px);
  border-bottom:1px solid var(--mw-line);z-index:60}
.mw-header-inner{max-width:var(--mw-maxw);margin:0 auto;height:100%;
  display:flex;align-items:center;gap:24px;padding:0 24px}
.mw-logo{font-weight:700;font-size:18px;color:var(--mw-ink);white-space:nowrap}
.mw-nav{display:flex;gap:22px;margin-left:auto}
.mw-nav a{color:var(--mw-ink);font-size:15px}
.mw-nav a:hover{color:var(--mw-accent);text-decoration:none}
.mw-nav-toggle{display:none;margin-left:auto;border:1px solid var(--mw-line);
  background:#fff;border-radius:8px;padding:8px 14px;font-size:14px;cursor:pointer}
.mw-mobile-nav{display:none;border-top:1px solid var(--mw-line);background:#fff;padding:8px 24px 16px}
.mw-mobile-nav a{display:block;padding:10px 0;color:var(--mw-ink);border-bottom:1px solid var(--mw-bg-alt)}
.mw-mnav-cat>summary{cursor:pointer;padding:10px 0;font-weight:600;list-style:none}
.mw-mnav-cat>summary::-webkit-details-marker{display:none}
.mw-mnav-cat a{display:block;padding:8px 0 8px 16px;color:var(--mw-muted);border-bottom:1px solid var(--mw-bg-alt)}

/* ---------- 首屏 ---------- */
.mw-hero{margin-top:var(--mw-header-h);padding:72px 0 56px;
  background:radial-gradient(1200px 480px at 80% -10%,rgba(9,104,235,.12),transparent),
             linear-gradient(180deg,#f4f9fd,#ffffff)}
.mw-hero-inner{max-width:var(--mw-maxw);margin:0 auto;padding:0 24px}
.mw-hero-kicker{color:var(--mw-accent);font-weight:600;letter-spacing:.04em;margin:0 0 12px}
.mw-hero-title{font-size:clamp(30px,4.4vw,52px);margin:0 0 18px;max-width:18em}
.mw-hero-lead{color:var(--mw-muted);font-size:18px;max-width:42em;margin:0 0 26px}
.mw-hero-cta{display:flex;gap:14px;flex-wrap:wrap}
.mw-btn{display:inline-block;padding:12px 22px;border-radius:10px;font-weight:600;font-size:15px}
.mw-btn-primary{background:var(--mw-accent);color:#fff}
.mw-btn-primary:hover{background:var(--mw-accent-deep);text-decoration:none}
.mw-btn-ghost{border:1px solid var(--mw-accent);color:var(--mw-accent)}
.mw-btn-ghost:hover{background:rgba(9,104,235,.06);text-decoration:none}

/* ---------- 区块 ---------- */
.mw-section{padding:56px 0}
.mw-section-alt{background:var(--mw-bg-alt)}
.mw-section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:24px}
.mw-section-title{font-size:clamp(24px,3vw,34px);margin:0 0 18px}
.mw-more{color:var(--mw-accent);font-size:14px;white-space:nowrap}
.mw-card-grid{list-style:none;margin:0;padding:0;display:grid;gap:20px;
  grid-template-columns:repeat(2,minmax(0,1fr))}
.mw-card-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.mw-card{background:#fff;border:1px solid var(--mw-line);border-radius:var(--mw-radius);
  transition:transform .25s ease,box-shadow .25s ease, border-color .25s ease}
.mw-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(16,38,63,.10);border-color:#cfe0f5}
.mw-card-link{display:block;padding:22px 24px;height:100%}
.mw-card-cat{display:inline-block;font-size:12px;color:var(--mw-accent);
  background:rgba(9,104,235,.08);border-radius:999px;padding:3px 10px;margin-bottom:10px}
.mw-card-title{font-size:18px;margin:0 0 8px;color:var(--mw-ink)}
.mw-card-desc{color:var(--mw-muted);font-size:14px;margin:0;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* 场景 */
.mw-scenario-grid{list-style:none;margin:0;padding:0;display:grid;gap:18px;
  grid-template-columns:repeat(3,minmax(0,1fr))}
.mw-scenario{background:#fff;border:1px solid var(--mw-line);border-radius:var(--mw-radius);padding:22px}
.mw-scenario h3{margin:0 0 8px;font-size:17px}
.mw-scenario p{margin:0;color:var(--mw-muted);font-size:14px}

/* CTA */
.mw-cta{background:linear-gradient(120deg,var(--mw-accent-deep),var(--mw-accent));color:#fff}
.mw-cta .mw-section-title{color:#fff;margin-bottom:10px}
.mw-cta-inner{text-align:center}
.mw-cta-tx{color:rgba(255,255,255,.85);max-width:40em;margin:0 auto 22px}
.mw-cta .mw-btn-primary{background:#fff;color:var(--mw-accent)}

/* ---------- 列表 / 分类页（[M27] 240px 侧栏 + 1fr 内容） ---------- */
.mw-list-header{margin:calc(var(--mw-header-h) + 32px) 0 24px}
.mw-list-header .mw-h1{font-size:clamp(26px,3.4vw,38px);margin:0 0 8px}
.mw-list-sub{color:var(--mw-muted);margin:0}
.mw-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:start}
.mw-layout.list-layout,
.list-layout .layout-grid{
  display:grid;
  grid-template-columns:240px minmax(0,1fr);
  gap:32px;align-items:start;
}
.mw-cat-side{position:sticky;top:calc(var(--mw-header-h) + 16px)}
.mw-cat-panel{border:1px solid var(--mw-line);border-radius:var(--mw-radius);background:#fff;padding:6px 14px}
.mw-cat-panel>summary{cursor:pointer;font-weight:600;padding:10px 0;list-style:none}
.mw-cat-panel>summary::-webkit-details-marker{display:none}
.mw-cat-panel>summary::after{content:"▾";float:right;color:var(--mw-muted)}
.mw-category-list{list-style:none;margin:0;padding:0 0 8px}
.mw-category-list li{padding:6px 0}
.mw-category-list a{color:var(--mw-muted)}
.mw-category-list li.active a,.mw-category-list a:hover{color:var(--mw-accent);font-weight:600}
.mw-cat-content .mw-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}

/* ---------- 详情页（内容 1fr + 右 TOC 240px） ---------- */
.mw-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:32px;align-items:start;margin-top:calc(var(--mw-header-h) + 24px)}
.mw-content-main{min-width:0}
.mw-content-main .mw-h1{font-size:clamp(26px,3.4vw,38px);margin:0 0 18px;
  padding-left:var(--mw-h2-inset)}
.mw-content-main h2{padding-left:var(--mw-h2-inset);margin:34px 0 14px;font-size:24px;
  border-left:4px solid var(--mw-accent);scroll-margin-top:calc(var(--mw-header-h) + 16px)}
.mw-content-main h3{padding-left:var(--mw-h2-inset);margin:24px 0 10px;font-size:19px}
.mw-content-main p,.mw-content-main ul,.mw-content-main ol,.mw-content-main blockquote{
  padding-left:var(--mw-h2-inset);margin:0 0 14px}
.mw-content-main blockquote{background:var(--mw-bg-alt);border-left:4px solid var(--mw-accent-2);
  padding:12px 16px;color:var(--mw-ink);border-radius:0 8px 8px 0}
.mw-toc-aside{position:sticky;top:calc(var(--mw-header-h) + 16px);
  max-height:calc(100vh - 100px);overflow-y:auto}
.mw-toc-panel{border:1px solid var(--mw-line);border-radius:var(--mw-radius);background:#fff;padding:10px 14px}
.mw-toc-panel>summary{cursor:pointer;font-weight:600;list-style:none;padding:6px 0}
.mw-toc-panel>summary::-webkit-details-marker{display:none}
.mw-toc-panel>summary::after{content:"▾";float:right;color:var(--mw-muted)}
.mw-toc-list{list-style:none;margin:8px 0 0;padding:0}
.mw-toc-list li{padding:4px 0}
.mw-toc-h2 a{color:var(--mw-ink);font-size:14px}
.mw-toc-h3{padding-left:14px}
.mw-toc-h3 a{color:var(--mw-muted);font-size:13px}

/* 摘要/关键词/更新时间（正文内） */
.mw-summary{background:linear-gradient(180deg,#f4f9fd,#fff);border:1px solid var(--mw-line);
  border-radius:var(--mw-radius);padding:16px 20px;margin:0 0 18px;color:var(--mw-ink)}
.mw-keywords{color:var(--mw-muted);font-size:14px}
.mw-keywords b{color:var(--mw-accent)}
.mw-update-time{color:var(--mw-muted);font-size:13px;display:block;margin:6px 0 18px}

/* 表格（[M26] 覆盖全部正文 table，含 Markdown 裸 table） */
.mw-content-main table,table.spec{border-collapse:collapse;width:100%;margin:14px 0 18px;
  font-size:14px;background:#fff}
.mw-content-main table th,table.spec th{background:var(--mw-accent);color:#fff;text-align:left;
  padding:10px 12px;border:1px solid #cbd5e1}
.mw-content-main table td,table.spec td{border:1px solid #cbd5e1;padding:9px 12px}
.mw-content-main table tbody tr:nth-child(even),table.spec tbody tr:nth-child(even){background:var(--mw-bg-alt)}

/* FAQ */
.mw-faq-block,.mw-related-block{max-width:var(--mw-maxw);margin:40px auto 0;padding:0 24px}
.mw-block-title{font-size:24px;margin:0 0 16px}
.mw-faq-item{border:1px solid var(--mw-line);border-radius:10px;margin-bottom:10px;background:#fff}
.mw-faq-item>summary{cursor:pointer;padding:14px 18px;font-weight:600;list-style:none}
.mw-faq-item>summary::-webkit-details-marker{display:none}
.mw-faq-item>summary::after{content:"+";float:right;color:var(--mw-accent);font-size:18px}
.mw-faq-item[open]>summary::after{content:"−"}
.mw-faq-a{padding:0 18px 14px;color:var(--mw-muted)}
.mw-related-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.mw-related-list a{color:var(--mw-accent)}

/* 页面卡片（[M18c++] 页面卡片左缘 48px） */
.mw-page-wrap{max-width:880px;margin:calc(var(--mw-header-h) + 32px) auto 0;padding:0 24px}
.mw-page-main h2{padding-left:var(--mw-page-inset);margin:28px 0 12px;font-size:24px;
  border-left:4px solid var(--mw-accent)}
.mw-page-main p,.mw-page-main ul{padding-left:var(--mw-page-inset);margin:0 0 14px}

/* 面包屑（[M18c++] 与正文 H2 左缘对齐） */
.mw-breadcrumb{margin-top:calc(var(--mw-header-h) + 18px);padding-left:0}
.mw-crumb-list{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:4px;
  margin:0;padding:0;font-size:13px;color:var(--mw-muted)}
.mw-crumb-list li{display:inline-flex;align-items:center}
.mw-crumb-list a{color:var(--mw-muted)}
.mw-crumb-list a:hover{color:var(--mw-accent)}
.mw-crumb-sep{margin:0 6px;color:#cbd5e1}
.mw-breadcrumb[aria-label] .mw-crumb-list{ } /* 与 .mw-content-main h2 同容器内、同左缘 */

/* 归档 / 404 */
.mw-archive-list{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:8px}
.mw-archive-list a{color:var(--mw-ink)}
.mw-404{text-align:center;padding:120px 24px}
.mw-404-tx{color:var(--mw-muted);margin:0 0 20px}

/* ---------- 悬浮胶囊 ---------- */
.mw-capsule{position:fixed;right:18px;top:50%;transform:translateY(-50%);
  display:flex;flex-direction:column;gap:8px;z-index:50;
  background:linear-gradient(160deg,var(--mw-accent),var(--mw-accent-2));
  padding:10px 8px;border-radius:999px;box-shadow:0 10px 30px rgba(9,104,235,.35)}
.mw-capsule-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;
  width:52px;height:52px;border:none;background:transparent;color:#fff;cursor:pointer;
  border-radius:999px;font-size:11px;gap:2px}
.mw-capsule-btn:hover{background:rgba(255,255,255,.18);text-decoration:none}
.mw-cap-ico{font-size:18px;line-height:1}
.mw-cap-tx{line-height:1.1}

/* 名片弹层 */
.mw-card-modal{position:fixed;inset:0;background:rgba(16,38,63,.55);
  display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}
.mw-card-modal[hidden]{display:none}
.mw-card-box{position:relative;background:#fff;border-radius:14px;padding:10px;
  width:300px;max-width:92vw}
.mw-card-img{display:block;width:100%;height:auto}
.mw-card-close{position:absolute;top:-14px;right:-14px;width:34px;height:34px;border-radius:999px;
  border:none;background:#10263f;color:#fff;font-size:20px;cursor:pointer;line-height:1}

/* ---------- 页脚 ---------- */
.mw-footer{background:#0b1f38;color:#cdd9e8;margin-top:64px;padding:48px 0 24px}
.mw-footer-inner{max-width:var(--mw-maxw);margin:0 auto;padding:0 24px;
  display:grid;gap:28px;grid-template-columns:repeat(4,minmax(0,1fr))}
.mw-footer-h{font-size:15px;color:#fff;margin:0 0 12px}
.mw-footer-col ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.mw-footer-col a{color:#cdd9e8;font-size:14px}
.mw-footer-col a:hover{color:#fff}
.mw-footer-tx{font-size:14px;color:#9fb1c6}
.mw-footer-bar{max-width:var(--mw-maxw);margin:32px auto 0;padding:16px 24px 0;
  border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;
  font-size:13px;color:#9fb1c6}

/* ---------- 响应式折叠（[M25] 断点 1024） ---------- */
@media (max-width:1024px){
  .mw-nav{display:none}
  .mw-nav-toggle{display:block}
  .mw-mobile-nav[hidden]{display:none}
  .mw-mobile-nav:not([hidden]){display:block}
  .mw-detail-layout{grid-template-columns:1fr}
  .mw-toc-aside{position:static;max-height:none;margin-top:8px}
  .mw-layout.list-layout,.list-layout .layout-grid{grid-template-columns:1fr}
  .mw-cat-side{position:static}
  .mw-cat-content .mw-card-grid,.mw-card-grid{grid-template-columns:1fr}
  .mw-card-grid-3{grid-template-columns:1fr}
  .mw-scenario-grid{grid-template-columns:1fr}
  .mw-footer-inner{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .mw-card{transition:none}
}
