/* ===========================================================
   blocks.css — 站头 / Hero / 波形 / 各页区块 / 页脚
   =========================================================== */

/* ================= 站头 ================= */
.site-header{
  position:sticky;top:0;z-index:50;
  background:rgba(255,255,255,.86);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  border-bottom:1px solid var(--hairline);
}
.site-header__row{display:flex;align-items:center;gap:var(--s-8);height:var(--nav-h)}
.brand{display:flex;align-items:center;gap:var(--s-3);font-size:20px;font-weight:800;
  letter-spacing:-.01em;color:var(--text)}
.brand:hover{text-decoration:none}
.brand img{width:32px;height:32px;flex:none}
.nav{display:flex;align-items:center;gap:var(--s-6);margin-left:var(--s-4)}
.nav a{position:relative;padding:6px 2px;font-size:15px;color:var(--text-body);
  transition:color var(--dur-base) var(--ease)}
@media (hover:hover) and (pointer:fine){.nav a:hover{color:var(--text);text-decoration:none}}
/* 当前页用下划线标记：浅色底上「变色」不如「下划线」明确 */
.nav a[aria-current="page"]{color:var(--brand-text);font-weight:600}
.nav a[aria-current="page"]::after{content:"";position:absolute;left:0;right:0;
  bottom:calc(-1 * (var(--nav-h) - 44px) / 2 - 4px);height:2px;background:var(--brand-mark)}
.site-header__cta{margin-left:auto;display:flex;align-items:center;gap:var(--s-3)}
.nav-toggle{display:none;width:44px;height:44px;border-radius:var(--r-sm);
  align-items:center;justify-content:center;color:var(--text-heading)}
@media (hover:hover) and (pointer:fine){.nav-toggle:hover{background:var(--n-100)}}

@media (max-width:1024px){
  .nav{gap:var(--s-4)}
  .nav a{font-size:14px}
}
@media (max-width:860px){
  .nav{display:none}
  .nav-toggle{display:flex}
  .site-header__row{gap:var(--s-4)}
}

/* ---------- 移动抽屉 ----------
   默认态是 hidden 属性（不是 translateX(100%) —— 那违反「零不透明度/位移初始态」纪律） */
.mobile-nav{
  position:fixed;inset:0 0 0 auto;z-index:100;width:min(360px,100% - 48px);
  background:var(--bg);box-shadow:-24px 0 64px rgba(11,18,32,.14);
  padding:var(--s-6);display:flex;flex-direction:column;gap:var(--s-2);
  overflow-y:auto;
}
.mobile-nav__close{width:44px;height:44px;margin-left:auto;margin-bottom:var(--s-4);
  border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;
  color:var(--text-heading)}
.mobile-nav>a{display:flex;align-items:center;min-height:52px;padding:0 var(--s-4);
  border-radius:var(--r-md);font-size:17px;font-weight:600;color:var(--text-heading)}
.mobile-nav>a[aria-current="page"]{background:var(--brand-soft);color:var(--brand-text-on-soft)}
.mobile-nav .btn{margin-top:var(--s-5)}
.mobile-nav .pill--gh{justify-content:center;min-height:44px;margin-top:var(--s-2)}
html.js body.is-nav-open{overflow:hidden}
.nav-scrim{position:fixed;inset:0;z-index:90;background:rgba(11,18,32,.28);border:0}

/* ================= Hero（首页：左文右图） ================= */
.hero{position:relative;padding:var(--s-16) 0 calc(var(--s-16) + 72px)}
.hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:var(--s-12);align-items:center}
.hero__t{min-width:0}
.hero__h{font-family:var(--font-num);font-size:var(--t-hero);line-height:var(--t-hero-lh);
  font-weight:700;letter-spacing:-.03em;color:var(--text);margin-bottom:var(--s-5)}
.hero__lede{margin:0 0 var(--s-6);max-width:36ch}
.hero__trust{margin-bottom:var(--s-6);font-size:var(--t-meta);line-height:var(--t-meta-lh);
  color:var(--text-muted)}
.hero__trust b{color:var(--text-heading);font-weight:600}
.hero__cta{display:flex;justify-content:flex-start;gap:var(--s-3);flex-wrap:wrap}
.hero__icons{display:flex;justify-content:flex-start;align-items:center;gap:var(--s-6);
  margin-top:var(--s-8);color:var(--n-400)}
.hero__icons svg{width:26px;height:26px}

/* ---------- 右侧：四张手机截图重叠成扇形 ----------
   深色截图是浅色页面上唯一的高对比锚点；只允许 圆角 + inset 描边 + 冷色投影。 */
.hero__shots{display:flex;align-items:center;justify-content:center;min-height:400px}
.hero__shot{flex:none;width:190px;border-radius:var(--r-panel);box-shadow:var(--e-media);
  background:var(--n-0)}
.hero__shot+.hero__shot{margin-left:-86px}
.hero__shot:nth-child(1){transform:translateY(18px) rotate(-10deg)}
.hero__shot:nth-child(2){transform:translateY(-6px) rotate(-3.5deg);z-index:2}
.hero__shot:nth-child(3){transform:translateY(-6px) rotate(3.5deg);z-index:3}
.hero__shot:nth-child(4){transform:translateY(18px) rotate(10deg);z-index:4}

/* ---------- 波形收底：内联 SVG，零请求、任意宽度不糊、老内核逐像素一致 ----------
   方角（rx=0）是唯一正确选择：设了圆角后 preserveAspectRatio="none" 会把圆角拉成椭圆。 */
.wave{position:absolute;left:0;right:0;bottom:0;width:100%;height:72px;
  display:block;pointer-events:none}
.wave--m{display:none}
@media (max-width:1024px){
  .hero__grid{grid-template-columns:1fr;gap:var(--s-10)}
}
@media (max-width:640px){
  .hero{padding-bottom:calc(var(--s-16) + 44px)}
  .wave{height:44px}
  .wave--d{display:none}
  .wave--m{display:block}
  .hero__lede{max-width:none}
  .hero__icons{gap:var(--s-5)}
  .hero__icons svg{width:22px;height:22px}
  .hero__cta{flex-direction:column}
  .hero__cta .btn{width:100%}
  /* 移动端：四张图改为两列网格，避免重叠在小屏上互相遮挡 */
  .hero__shots{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-4);min-height:0}
  .hero__shots img:nth-child(n){width:100%;margin-left:0;transform:none}
}

/* ================= 信任条 ================= */
.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-6)}
.trust__i{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}
.trust__i b{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;
  color:var(--text-heading)}
.trust__i span{font-size:var(--t-meta);line-height:var(--t-meta-lh);color:var(--text-muted)}
@media (max-width:640px){
  .trust{grid-template-columns:repeat(2,1fr);gap:var(--s-5)}
  .trust__i b{justify-content:center}
}

/* ================= 痛点对照 ================= */
.pain{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-6)}
.pain__c{border-radius:var(--r-panel);padding:var(--s-8)}
.pain__c--before{background:var(--bg-raise);box-shadow:var(--e-1)}
.pain__c--after{background:var(--brand-soft)}
.pain__c h3{margin-bottom:var(--s-5)}
.pain__c--before h3{color:var(--text-heading)}
.pain__c--after h3{color:var(--brand-text-on-soft)}
@media (max-width:640px){.pain{grid-template-columns:1fr}.pain__c{padding:var(--s-6)}}

/* ================= 价值卡 / 特性卡 ================= */
.vcard{background:var(--card);border-radius:var(--r-card);box-shadow:var(--e-1);
  padding:var(--s-8)}
.vcard h3{margin-bottom:var(--s-3)}
.vcard p{font-size:15px;line-height:27px}
.fcard{background:var(--card);border-radius:var(--r-card);box-shadow:var(--e-1);
  padding:var(--s-6)}
.fcard h3{margin-bottom:6px;font-size:16px}
.fcard p{font-size:var(--t-sm);line-height:var(--t-sm-lh);color:var(--text-muted)}

/* ================= 平台速览薄卡（整卡为链接，无按钮）=================
   判据：目标数 = 1 → 整卡可点；目标数 ≥ 2 → 整卡不可点。 */
.thin{display:flex;flex-direction:column;align-items:flex-start;gap:10px;
  padding:var(--s-5);border-radius:var(--r-card);background:var(--card);
  box-shadow:var(--e-1);color:var(--text-heading);min-width:0;
  transition:box-shadow var(--dur-base) var(--ease),transform var(--dur-micro) var(--ease)}
.thin:hover{text-decoration:none}
.thin:active{transform:scale(.99)}
.thin>svg{flex:none;color:var(--n-400);transition:color var(--dur-base) var(--ease)}
.thin__t{display:flex;flex-direction:column;gap:2px;min-width:0}
.thin__t b{font-size:15px;font-weight:600}
.thin__t span{font-size:12px;line-height:18px;color:var(--text-muted)}
.thin__s{margin-top:auto;padding-top:var(--s-3);font-size:12px;font-weight:600;
  color:var(--text-body);border-top:1px solid var(--hairline);width:100%}
@media (hover:hover) and (pointer:fine){.thin:hover{box-shadow:var(--e-2);transform:translateY(-1px)}}

/* 区块尾部的出口链接 */
.sec-more{margin-top:var(--s-8);font-weight:600}

/* ================= 版本条 ================= */
.rel{display:flex;align-items:center;justify-content:space-between;gap:var(--s-6);
  flex-wrap:wrap;background:var(--card);border-radius:var(--r-panel);box-shadow:var(--e-1);
  padding:var(--s-6) var(--s-8)}
.rel__l{display:flex;align-items:baseline;gap:var(--s-4);flex-wrap:wrap}
.rel__v{font-size:22px;font-weight:700;color:var(--text)}
.rel__l span{font-size:var(--t-meta);color:var(--text-muted)}
.rel__r{display:flex;gap:var(--s-5);flex-wrap:wrap;font-size:14px;font-weight:600}

/* ---------- 更新日志列表（下载页完整版）---------- */
.release{margin-top:var(--s-5)}
.release__l{display:flex;flex-direction:column;gap:var(--s-2);margin-top:var(--s-5)}
.release__i{display:flex;align-items:baseline;gap:var(--s-5);font-size:15px}
.release__i b{min-width:76px;font-family:var(--font-num);font-variant-numeric:tabular-nums;
  font-weight:700;color:var(--text-heading)}
.release__i span{font-size:var(--t-meta);color:var(--text-muted)}
/* 更新日志条目：版本号 + 日期/摘要/要点三段的正文容器 */
.release__i--log{align-items:flex-start}
.release__log{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--s-2)}
.release__log span{font-size:var(--t-meta);color:var(--text-muted)}
.release__log p{margin:0;font-size:15px;line-height:24px;color:var(--text-body)}
.release__log ul{margin:var(--s-1) 0 0;padding-left:var(--s-5);
  display:flex;flex-direction:column;gap:var(--s-1)}
.release__log li{font-size:14px;line-height:22px;color:var(--text-body)}
.release__note{margin-top:var(--s-6)}

/* ---------- 零散小工具 ---------- */
.meta-note{margin-top:var(--s-6);font-size:var(--t-meta);line-height:var(--t-meta-lh);
  color:var(--text-muted)}
.txt-warn{color:var(--warning-ink);font-weight:600}
.txt-ok{color:var(--success-ink);font-weight:600}
.txt-danger{color:var(--danger-ink);font-weight:600}
.link-strong{font-weight:600}
.crow__more{margin-top:var(--s-5);font-weight:600}

/* ================= CTA 带 ================= */
.cta-band{background:var(--brand-soft);border-radius:var(--r-panel);
  padding:var(--s-12);text-align:center}
.cta-band h2{color:var(--brand-text-on-soft);margin-bottom:var(--s-3)}
.cta-band p{margin:0 auto var(--s-8);font-size:15px;
  line-height:27px;color:var(--brand-text-on-soft)}
.cta-band .hero__cta{margin:0}
@media (max-width:640px){.cta-band{padding:var(--s-8) var(--s-6)}}

/* ================= 内页标题区 ================= */
.phero{padding:var(--s-16) 0 var(--s-10)}
.phero .lede{margin-top:var(--s-4)}
.phero__ver{margin-top:var(--s-5);display:flex;gap:var(--s-4);flex-wrap:wrap;
  font-size:var(--t-meta);color:var(--text-muted)}
.phero__ver b{color:var(--text-heading);font-weight:600}

/* ================= 下载页：平台卡 =================
   一行 3 个，五张卡等宽等高。卡内只有四段：图标+名称 / 限制 pill / 兼容说明 /
   版本 / 一个「立即下载」按钮。CTA 用 margin-top:auto 压底，保证同一行的按钮落齐。 */
.plats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-5);min-width:0}
.plat{display:flex;flex-direction:column;gap:var(--s-3);min-width:0;
  background:var(--card);border-radius:var(--r-card);box-shadow:var(--e-1);
  padding:var(--s-6);transition:box-shadow var(--dur-base) var(--ease)}
/* 卡内有两个独立目标（直链 + 加速），整卡上浮会暗示「卡可点」→ 误触，所以只改描边 */
@media (hover:hover) and (pointer:fine){.plat:hover{box-shadow:var(--e-2)}}
@media (max-width:1024px){.plats{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.plats{grid-template-columns:1fr}}

.plat__h{display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap;min-width:0}
.plat__h h3{flex:1;min-width:0;font-size:var(--t-h4)}
.plat>.pill{align-self:flex-start}
.plat__tile{width:44px;height:44px;border-radius:var(--r-md);background:var(--n-100);
  display:flex;align-items:center;justify-content:center;flex:none}
.plat__meta{font-size:var(--t-meta);line-height:var(--t-meta-lh);color:var(--text-muted)}
/* 段 3：版本行（不再有包名与体积） */
.plat__ver{font-size:var(--t-meta);line-height:var(--t-meta-lh);color:var(--text-muted)}
.plat__ver b{color:var(--text-heading);font-weight:600}

/* 段 5：CTA —— margin-top:auto 把按钮压到卡底，同一行的按钮落在同一条水平线上。
   每张卡只有一个按钮，统一文案「立即下载」。 */
.plat__cta{margin-top:auto;padding-top:var(--s-3)}

/* ================= 通用「左文右按钮」条（安装指引 / GitHub 直链 / 法务页）================= */
.band-cta{display:flex;align-items:center;justify-content:space-between;
  gap:var(--s-8);flex-wrap:wrap;background:var(--card);border-radius:var(--r-panel);
  box-shadow:var(--e-1);padding:var(--s-8)}
.band-cta__t h2{margin-bottom:var(--s-3)}
.band-cta__t p{font-size:15px;line-height:27px;color:var(--text-muted);max-width:62ch}
@media (max-width:640px){.band-cta{padding:var(--s-6)}.band-cta .btn{width:100%}}

/* ================= 安装指南：按平台的步骤卡 ================= */
.gstep h3{display:flex;align-items:center;gap:var(--s-3);margin-bottom:var(--s-5);font-size:var(--t-h4)}
.gstep__tile{width:38px;height:38px;border-radius:var(--r-sm)}
.gstep__l{counter-reset:g;display:flex;flex-direction:column;gap:var(--s-3)}
/* 🔴 li 不能用 grid/flex：正文里的 <code> 会变成独立 grid 项，被挤进 22px 那一列。
   用「绝对定位序号 + 正常文本流」。 */
.gstep__l li{counter-increment:g;position:relative;padding-left:34px;
  font-size:15px;line-height:27px}
.gstep__l li::before{content:counter(g);position:absolute;left:0;top:3px;
  display:flex;align-items:center;justify-content:center;
  width:22px;height:22px;border-radius:50%;background:var(--n-100);
  color:var(--brand-text-on-soft);font-family:var(--font-num);font-size:12px;font-weight:700}
.gstep__l code{background:var(--n-100);padding:1px 5px;border-radius:var(--r-xs);font-size:12px}
.gstep__n{margin-top:var(--s-5);padding-top:var(--s-4);border-top:1px solid var(--hairline);
  font-size:var(--t-meta);line-height:22px;color:var(--text-muted)}
.gstep__n code{background:var(--n-100);padding:1px 5px;border-radius:var(--r-xs);font-size:12px}
.gstep code{overflow-wrap:anywhere}

@media (max-width:640px){
  .plat{padding:var(--s-5)}
}

/* ================= 下载页：安装与放行 ================= */
.fix{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-6)}
.fix__c{background:var(--card);border-radius:var(--r-card);box-shadow:var(--e-1);padding:var(--s-6)}
.fix__c h3{display:flex;align-items:center;gap:var(--s-2);margin-bottom:var(--s-3);font-size:15px}
.fix__s{margin-bottom:var(--s-3);font-size:var(--t-meta);line-height:var(--t-meta-lh);
  color:var(--text-muted)}
.fix__d{font-size:var(--t-sm);line-height:25px}
@media (max-width:640px){.fix{grid-template-columns:1fr}}

/* ================= 下载页：命令行安装 ================= */
.cli{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-5) var(--s-6)}
.cli__row{display:flex;flex-direction:column;gap:var(--s-2);min-width:0}
.cli__row>span{font-size:var(--t-meta);font-weight:600;color:var(--text-heading)}
@media (max-width:640px){.cli{grid-template-columns:1fr}}

/* ================= 通用：两卡并排（测试版 / 历史版本）================= */
.pair{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-6)}
.pair__c{display:flex;flex-direction:column;gap:var(--s-4);padding:var(--s-6);
  background:var(--card);border-radius:var(--r-card);box-shadow:var(--e-1)}
.pair__c h3{font-size:16px}
.pair__c p{font-size:var(--t-sm);line-height:25px;color:var(--text-muted)}
.pair__c a{margin-top:auto;font-size:14px;font-weight:600}
@media (max-width:640px){.pair{grid-template-columns:1fr}}

/* ================= 功能页：图文行 ================= */
.crow{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-16);align-items:center}
.crow--flip .crow__t{order:2}
.crow--flip .crow__v{order:1}
.crow__t{min-width:0}
.crow__t h2{font-size:26px;line-height:1.35;margin-bottom:var(--s-4)}
.crow__t .lede{font-size:16px;line-height:29px}
.crow__l{margin-top:var(--s-5)}
.crow__l li{display:flex;gap:var(--s-3);align-items:flex-start;padding:7px 0;font-size:15px;
  line-height:26px}
.crow__l svg{flex:none;margin-top:9px;color:var(--brand-mark)}
.crow__v{display:flex;gap:var(--s-5);justify-content:center;align-items:center;min-width:0}
.crow__v{flex-wrap:wrap}
.crow__v--stack{flex-direction:column}
.crow__v img{width:190px;border-radius:var(--r-panel);box-shadow:var(--e-media)}
.crow__v img.crow__img--md{width:230px}
.crow__v img.crow__img--sm{width:180px}
.crow__v img.crow__shot-wide{width:100%;max-width:560px;border-radius:var(--r-card)}
@media (max-width:1024px){
  .crow{grid-template-columns:1fr;gap:var(--s-8)}
  .crow--flip .crow__t,.crow--flip .crow__v{order:0}
}
@media (max-width:640px){
  /* 两张手机截图并排时，各自按容器宽度收缩，绝不撑破 390px */
  .crow__v{gap:var(--s-4)}
  .crow__v img,
  .crow__v img.crow__img--md,
  .crow__v img.crow__img--sm{width:calc(50% - var(--s-2));max-width:170px;min-width:0}
  .crow__v img:only-child{width:190px}
  .crow__t h2{font-size:22px}
}

/* ================= 功能页：三步机制 ================= */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-6);counter-reset:step}
.steps .vcard{counter-increment:step;padding:var(--s-6)}
.steps .vcard::before{content:counter(step);display:flex;align-items:center;justify-content:center;
  width:36px;height:36px;margin-bottom:var(--s-4);border-radius:var(--r-sm);
  background:var(--n-100);color:var(--brand-text-on-soft);
  font-family:var(--font-num);font-size:16px;font-weight:700}
.steps .vcard h3{font-size:16px;line-height:26px;font-weight:600}
.steps--1{grid-template-columns:1fr}
@media (max-width:640px){.steps{grid-template-columns:1fr}}

/* ================= 关于页 ================= */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-6)}
.stats b{display:block;font-family:var(--font-num);font-variant-numeric:tabular-nums;
  font-size:40px;line-height:1.1;font-weight:700;color:var(--brand-text)}
.stats span{font-size:var(--t-meta);line-height:var(--t-meta-lh);color:var(--text-muted)}
@media (max-width:640px){.stats{grid-template-columns:repeat(2,1fr);gap:var(--s-5)}
  .stats b{font-size:32px}}

.author{display:grid;grid-template-columns:280px 1fr;gap:var(--s-10);align-items:start}
.author__c{background:var(--card);border-radius:var(--r-card);box-shadow:var(--e-1);
  padding:var(--s-8);text-align:center}
.author__av{width:84px;height:84px;margin:0 auto var(--s-4);border-radius:50%;
  background:var(--brand-soft);color:var(--brand-text-on-soft);
  display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;
  font-family:var(--font-num)}
.author__c b{display:block;font-size:17px;color:var(--text-heading)}
.author__c span{font-size:var(--t-meta);color:var(--text-muted)}
.author__t p{font-size:15px;line-height:28px}
@media (max-width:640px){.author{grid-template-columns:1fr;gap:var(--s-6)}}

.lic{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-10);align-items:start}
.lic__c{background:var(--card);border-radius:var(--r-card);box-shadow:var(--e-1);padding:var(--s-6)}
.lic__c h3{margin-bottom:var(--s-4);font-size:15px}
.lic__c h3.y{color:var(--success-ink)}
.lic__c h3.n{color:var(--danger-ink)}
.lic__c li{display:flex;gap:var(--s-2);align-items:flex-start;padding:6px 0;
  font-size:var(--t-sm);line-height:24px}
.lic__c li::before{content:"";flex:none;width:5px;height:5px;margin-top:9px;
  border-radius:50%;background:var(--text-decor)}
.lic__stack{display:grid;gap:var(--s-4)}
@media (max-width:640px){.lic{grid-template-columns:1fr;gap:var(--s-6)}}

.disc{background:var(--bg-sunken);border-radius:var(--r-panel);padding:var(--s-6) var(--s-8);
  font-size:var(--t-meta);line-height:23px;color:var(--text-muted)}
.disc p+p{margin-top:var(--s-3)}
.disc b{color:var(--text-body);font-weight:600}
@media (max-width:640px){.disc{padding:var(--s-5)}}

/* ================= 问答页分组 ================= */
.qa-group{margin-bottom:var(--s-16)}
.qa-group>h2{margin-bottom:var(--s-4);font-size:var(--t-h3);display:flex;align-items:center;gap:10px}
.qa-group>h2::before{content:"";flex:none;width:16px;height:2px;background:var(--brand-mark)}
.qa-group .note{margin-bottom:var(--s-5)}
.qa-exit{margin-top:var(--s-16)}
.qa-exit h2{margin-bottom:var(--s-3)}
.qa-exit .hero__cta{margin-top:var(--s-6);justify-content:flex-start}
@media (max-width:640px){.qa-group{margin-bottom:var(--s-12)}.qa-exit .hero__cta{flex-direction:column}
  .qa-exit .hero__cta .btn{width:100%}}

/* ================= 关于页小标题 ================= */
.sub-h{margin-bottom:var(--s-4);font-size:15px;font-weight:600}
.sub-h--spaced{margin-top:var(--s-8)}

/* ================= 页脚 ================= */
.site-footer{position:relative;overflow:hidden;background:var(--bg-sunken);
  padding:var(--s-16) 0 var(--s-6)}
.foot{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:var(--s-10)}
.foot__brand p{margin-top:var(--s-4);max-width:280px;font-size:var(--t-meta);
  line-height:var(--t-meta-lh);color:var(--text-muted)}
/* GitHub 胶囊从页头搬到了页脚 —— 页头右上角只留「免费下载」这一个 CTA */
.foot__gh{margin-top:var(--s-5)}
.foot__col h2{margin-bottom:var(--s-4);font-size:15px;font-weight:700;color:var(--text-heading)}
.foot__col li{padding:0}
.foot__col a{display:inline-block;padding:5px 0;font-size:14px;line-height:24px;color:var(--text-body)}
@media (hover:hover) and (pointer:fine){.foot__col a:hover{color:var(--brand-text)}}
.foot__tail{margin-top:var(--s-10);padding-top:var(--s-5);border-top:1px solid var(--n-300);
  max-width:1000px;font-size:12px;line-height:21px;color:var(--text-muted)}
.foot__tail p+p{margin-top:6px}
.foot__icp:empty{display:none}
.foot__mark{margin-top:var(--s-8);font-family:var(--font-num);font-weight:700;
  font-size:clamp(80px,14vw,200px);line-height:.8;letter-spacing:-.04em;
  color:var(--n-100);user-select:none;pointer-events:none}
@media (max-width:1024px){.foot{grid-template-columns:1fr 1fr;gap:var(--s-8)}}
@media (max-width:640px){
  .foot{grid-template-columns:1fr;gap:var(--s-6)}
  .foot__col a{padding:8px 0}
  .foot__mark{display:none}
}