:root{
  /* ── A.品牌渐变与 VI 冻结色（10） ─────────────────────────── */
  --g1:#00A0F0;                    /* 品牌蓝，渐变 0% 停点 */
  --g2:#00C2C7;                    /* 品牌青，渐变 52% 停点 */
  --g3:#8CC63F;                    /* 品牌绿，渐变 100% 停点 */
  --gold:#C8A078;                  /* 金色，仅短分隔线，全站 ≤3 条 */
  --grad-brand:linear-gradient(135deg,#00A0F0 0%,#00C2C7 52%,#8CC63F 100%); /* 主渐变：Hero/价值条/色带/分享卡 */
  --grad-brand-v:linear-gradient(180deg,#00A0F0 0%,#00C2C7 52%,#8CC63F 100%); /* 竖向备用：仅分享卡色带 */
  --grad-cta:linear-gradient(135deg,#0068A8 0%,#00797E 52%,#4E7A1C 100%);    /* 主按钮渐变，白字 5.09–5.92:1 */
  --grad-cta-hover:linear-gradient(135deg,#00568C 0%,#00666B 52%,#426818 100%); /* 主按钮 hover，白字 6.51–7.75:1 */
  --grad-gold:linear-gradient(90deg,#C8A078,rgba(200,160,120,0));             /* 金色短细线渐隐 */
  --grad-strip:linear-gradient(var(--veil-strip),var(--veil-strip)),linear-gradient(135deg,#00A0F0 0%,#00C2C7 52%,#8CC63F 100%); /* #contact 价值条成品底 */

  /* ── B.蒙层与导航底（7） ─────────────────────────────────── */
  --veil-hero:linear-gradient(90deg,rgba(10,42,67,.78) 0%,rgba(10,42,67,.62) 58%,rgba(10,42,67,0) 100%); /* Hero 桌面：左暗右亮分割 */
  --veil-hero-sm:rgba(10,42,67,.62);   /* Hero 移动：均匀全屏蒙层 */
  --veil-strip:rgba(10,42,67,.58);     /* 渐变价值条蒙层，白字 ≥6.09:1 */
  --nav-bg:rgba(10,42,67,.55);         /* 导航首屏态：保证 LOGO 与白字可读，不做纯透明 */
  --nav-bg-scrolled:rgba(10,42,67,.88);/* 导航滚动后，白字 11.72:1 */
  --glow-1:rgba(255,255,255,.10);      /* 圆形光斑 A（右上），名片背面原值 */
  --glow-2:rgba(255,255,255,.08);      /* 圆形光斑 B（左下），名片背面原值 */

  /* ── C.深阶品牌色 / 白字载体（7） ────────────────────────── */
  --brand-blue-700:#0068A8;        /* CTA 渐变起点 */
  --brand-teal-700:#00797E;        /* CTA 渐变中点 */
  --brand-green-700:#4E7A1C;       /* CTA 渐变终点 */
  --brand-blue-800:#00568C;        /* CTA hover 起点 */
  --brand-teal-800:#00666B;        /* CTA hover 中点 */
  --brand-green-800:#426818;       /* CTA hover 终点 */
  --brand-link:#00608F;            /* chip 文字 / 文字链，对白 6.84:1 */

  /* ── D.序号色与五板块取样色（8） ─────────────────────────── */
  --no1:#00A0F0;   /* 价值卡一 序号块/圆点/淡渐变卡头 */
  --no2:#00A0C7;   /* 价值卡二 */
  --no3:#6FA82E;   /* 价值卡三 */
  --f1:#00A0F0;    /* 板块 01 卡头 4px 色带 */
  --f2:#00B0DC;    /* 板块 02 */
  --f3:#00C2C7;    /* 板块 03 */
  --f4:#46C483;    /* 板块 04 */
  --f5:#6FA82E;    /* 板块 05 */

  /* ── E.中性色阶（12） ───────────────────────────────────── */
  --ink:#0A2A43;         /* 深墨：标题 / 页脚底 / LOGO 底衬 */
  --ink-2:#123C5C;       /* 深墨次级 */
  --ink-3:#33475A;       /* 卡片列表正文 */
  --ink-4:#3B5566;       /* 功能条目 chip 文字 */
  --grey:#5F7484;        /* 次要文字：引导句 / 机制句 / 图注 */
  --grey-light:#9AAAB6;  /* 页脚辅助字，仅深墨实底可用 */
  --line:#E3EAF0;        /* 卡片 1px 装饰边线（不承载信息） */
  --line-strong:#7590A4; /* 承担信息的分隔线 / 焦点框 / 次按钮边线，3.34:1 */
  --paper:#F5F8FA;       /* 页面底 / 功能条底 / 截图卡底 */
  --surface:#FFFFFF;     /* 卡片 / chip / 二维码卡底 */
  --text-on-dark:#FFFFFF;      /* 深底正文，14.74:1 */
  --text-on-dark-fine:#E3EAF0; /* 深底辅助文字，深墨 12.13:1 / 蒙层 5.02:1 */

  /* ── F.玻璃态（深底专用，2） ─────────────────────────────── */
  --glass-bg:rgba(255,255,255,.12);     /* 深底 chip / 次按钮底 */
  --glass-border:rgba(255,255,255,.28); /* 深底 chip / 次按钮 1px 边线 */

  /* ── G.语义色（8，首发不渲染，仅留令牌） ─────────────────── */
  --success-text:#1F6B33; --success-bg:#E7F4EA;
  --warning-text:#7A5200; --warning-bg:#FFF3DC;
  --danger-text:#962626;  --danger-bg:#FCEAEA;
  --info-text:#005A82;    --info-bg:#E6F3FB;

  /* ── H.字体与字重（10） ─────────────────────────────────── */
  --font-sans:"Noto Sans SC","PingFang SC","Microsoft YaHei","Hiragino Sans GB",sans-serif; /* 系统栈，不引 CDN */
  --fw-400:400;   /* 正文 */
  --fw-500:500;   /* 事实条 / 竖排价值词 */
  --fw-700:700;   /* H3/H4 / 按钮 / chip / 序号 */
  --fw-900:900;   /* H1 / H2 / 价值条大字 */
  --ls-h1:-0.5px;      /* H1 桌面字距 */
  --ls-h1-sm:-0.3px;   /* H1 移动字距 */
  --ls-h2:-0.3px;      /* H2 字距 */
  --ls-vertical:4px;   /* 首屏竖排价值词字距 */
  --ls-eyebrow:1px;    /* eyebrow 字距 */

  /* ── I.字号阶梯 · 桌面（11） ────────────────────────────── */
  --fs-h1:52px;      /* 全页唯一 H1 */
  --fs-h2:36px;      /* 区块标题 */
  --fs-h3:22px;      /* 卡片 / 板块标题 */
  --fs-h4:18px;      /* 截图卡标题 / 页脚小标题 */
  --fs-lead:18px;    /* 首屏副文案 / 导语 */
  --fs-body:16px;    /* 默认正文，全站不缩放 */
  --fs-aux:14px;     /* 辅助 / 图注 / 页脚，全站最小字号 */
  --fs-tag:14px;     /* chip / 序号 / 标签 */
  --fs-strip:32px;   /* #contact 大字标语 */
  --fs-vertical:18px;/* 首屏右侧竖排价值词 */
  --fs-eyebrow:14px; /* 首屏 eyebrow */

  /* ── J.字号阶梯 · 移动（7） ─────────────────────────────── */
  --fs-h1-sm:34px; --fs-h1-xs:30px; /* ≤768 / ≤320 */
  --fs-h2-sm:26px; --fs-h3-sm:19px; --fs-h4-sm:17px;
  --fs-lead-sm:16px; --fs-strip-sm:24px;

  /* ── K.行高（8） ───────────────────────────────────────── */
  --lh-tight:1.14;   /* H1 */
  --lh-h2:1.25;      /* H2 */
  --lh-h3:1.35;      /* H3 */
  --lh-h4:1.45;      /* H4 */
  --lh-body:1.75;    /* 正文 / 导语 */
  --lh-aux:1.6;      /* 辅助 / 图注 */
  --lh-tag:1.5;      /* chip / 标签 */
  --lh-vertical:1.05;/* 竖排价值词 */

  /* ── L.间距刻度（10） ──────────────────────────────────── */
  --sp-1:4px;  --sp-2:8px;  --sp-3:12px; --sp-4:16px; --sp-6:24px;
  --sp-8:32px; --sp-12:48px; --sp-16:64px; --sp-24:96px; --sp-32:128px;

  /* ── M.布局（18） ──────────────────────────────────────── */
  --container:1200px;    /* 内容最大宽度，≥1280 档封顶不拉伸 */
  --gutter:24px;         /* 桌面栅格 gutter */
  --gutter-sm:16px;      /* 移动栅格 gutter */
  --pad-x:32px;          /* 桌面左右安全边距 */
  --pad-x-sm:20px;       /* 移动左右安全边距 */
  --pad-x-xs:16px;       /* ≤320 档左右安全边距 */
  --section-y:96px;      /* 桌面区块上下 padding */
  --section-y-sm:56px;   /* 移动区块上下 padding */
  --section-y-xxl:112px; /* ≥1920 档区块上下 padding */
  --nav-h:72px;          /* 桌面导航高度 */
  --nav-h-sm:60px;       /* 移动导航高度 */
  --scroll-offset:88px;  /* 桌面 section scroll-margin-top */
  --scroll-offset-sm:76px;/* 移动 section scroll-margin-top */
  --card-pad:24px;       /* 桌面卡片内边距 */
  --card-pad-sm:20px;    /* 移动卡片内边距 */
  --hero-min-h:720px;    /* 桌面首屏最小高度 */
  --hero-min-h-sm:640px; /* 移动首屏最小高度 */
  --bottom-cta-h:64px;   /* 移动吸底 CTA 高度 */

  /* ── N.圆角（6） ───────────────────────────────────────── */
  --radius-card:10px;   /* 卡片 / 按钮 / 价值条（VI 基调） */
  --radius-btn:10px;    /* 按钮 */
  --radius-chip:6px;    /* chip / 二维码卡 */
  --radius-sm:4px;      /* 序号色块 / 小标签 */
  --radius-phone:18px;  /* 9:19.5 手机截图容器 */
  --radius-pill:999px;  /* 备用：吸底电话圆钮 */

  /* ── O.阴影（4，以 1px 边线为主，禁止重投影） ───────────── */
  --shadow-card:0 2px 12px rgba(10,42,67,.05);
  --shadow-card-hover:0 10px 28px rgba(10,42,67,.10);
  --shadow-nav:0 4px 20px rgba(10,42,67,.18);
  --shadow-btn:0 6px 18px rgba(6,104,168,.28);

  /* ── P.层级（7） ───────────────────────────────────────── */
  --z-base:0; --z-deco:1;      /* 渐变 / 光斑 */
  --z-content:2;               /* 文字与卡片 */
  --z-nav:100;                 /* 固定导航 */
  --z-drawer:110;              /* 移动菜单面板 */
  --z-bottom-cta:120;          /* 移动吸底 CTA */
  --z-focus:200;               /* 焦点环 / 跳转链接 */

  /* ── Q.动效（3） ───────────────────────────────────────── */
  --ease:cubic-bezier(.22,.61,.36,1);
  --dur-fast:160ms;  /* hover / 焦点 */
  --dur:240ms;       /* 菜单展开 / 卡片位移 */

  /* ── R.焦点态（3） ─────────────────────────────────────── */
  --focus-dark:#FFD24D;  /* 深墨 / 渐变区焦点环，10.23:1 */
  --focus-light:#0A2A43; /* 浅色区焦点环，14.74:1 */
  --focus-width:3px;     /* outline 宽度，offset 3px */

  /* ── S.断点（6，仅文档锚点；@media 请写数值） ───────────── */
  --bp-xs:320px; --bp-sm:375px; --bp-md:768px;
  --bp-lg:1024px; --bp-xl:1280px; --bp-xxl:1920px;
}

/* ── 实现别名：以下取值逐字来自 design-spec 正文，未自造任何色值 ──
   §6.9/§6.11 深底分隔线、§6.10 菜单项下边线、§6.3 浅底标签、
   §6.4 三张价值卡的淡渐变卡头、§6.2 主按钮 hover/active 阴影。
   集中命名是为了让 :root 之外不出现任何字面色值。 */
:root{
  --divider-on-dark:rgba(255,255,255,.16);
  --divider-menu:rgba(255,255,255,.12);
  --tag-bg:#EAF6FD;
  --tag-text:#0077BE;
  --head-1:linear-gradient(135deg,rgba(0,160,240,.10) 0%,rgba(0,160,240,.03) 100%);
  --head-2:linear-gradient(135deg,rgba(0,194,199,.10) 0%,rgba(0,194,199,.03) 100%);
  --head-3:linear-gradient(135deg,rgba(140,198,63,.12) 0%,rgba(140,198,63,.03) 100%);
  --shadow-btn-hover:0 8px 22px rgba(6,104,168,.34);
  --shadow-btn-active:0 2px 8px rgba(6,104,168,.24);
}

/* ── 基础 ─────────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:var(--font-sans);
  font-size:var(--fs-body);
  font-weight:var(--fw-400);
  line-height:var(--lh-body);
  color:var(--ink-3);
  background:var(--surface);
  overflow-x:hidden;
  -webkit-text-size-adjust:100%;
}
img{max-width:100%;height:auto;display:block;}
a{color:inherit;}
p,ul,h1,h2,h3,figure,address{margin:0;}
ul{padding:0;list-style:none;}
section,#footer{scroll-margin-top:var(--scroll-offset);}
.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--pad-x);}
.section{padding-block:var(--section-y);}
.section-paper{background:var(--paper);}
.section-white{background:var(--surface);}
.skip-link{
  position:fixed;top:var(--sp-2);left:var(--sp-2);z-index:var(--z-focus);
  padding:var(--sp-2) var(--sp-4);background:var(--ink);color:var(--text-on-dark);
  border-radius:var(--radius-sm);font-size:var(--fs-aux);text-decoration:none;
  transform:translateY(-200%);
}
.skip-link:focus{transform:none;}

/* ── 焦点态：浅底深墨环 / 深底黄色环 ─────────────────────── */
a:focus-visible,button:focus-visible,[tabindex]:focus-visible{
  outline:var(--focus-width) solid var(--focus-light);outline-offset:3px;
}
.site-header a:focus-visible,.site-header button:focus-visible,
.hero a:focus-visible,.contact-strip a:focus-visible,
.mobile-menu a:focus-visible,.site-footer a:focus-visible,
.bottom-cta a:focus-visible,.skip-link:focus-visible{outline-color:var(--focus-dark);}
.btn:focus-visible{box-shadow:0 0 0 1px var(--text-on-dark);}

/* ── 固定导航 ─────────────────────────────────────────────── */
.site-header{
  position:fixed;inset:0 0 auto;height:var(--nav-h);
  background:var(--nav-bg);z-index:var(--z-nav);
  transition:background var(--dur) var(--ease),box-shadow var(--dur) var(--ease);
}
.site-header.is-scrolled{
  background:var(--nav-bg-scrolled);backdrop-filter:blur(12px);
  box-shadow:var(--shadow-nav);
}
.nav{height:100%;display:flex;align-items:center;gap:var(--sp-8);}
.nav-brand{
  display:inline-flex;align-items:center;gap:var(--sp-2);min-height:48px;
  color:var(--text-on-dark);font-size:var(--fs-body);font-weight:var(--fw-700);
  text-decoration:none;white-space:nowrap;
}
.nav-brand img{height:32px;width:auto;}
.nav-links{display:flex;align-items:center;gap:var(--sp-8);margin-left:auto;}
.nav-link{
  position:relative;display:inline-flex;align-items:center;min-height:48px;
  padding-inline:var(--sp-1);color:var(--text-on-dark);font-size:var(--fs-aux);
  font-weight:var(--fw-500);text-decoration:none;white-space:nowrap;
}
.nav-link::after{
  content:"";position:absolute;left:0;right:0;bottom:8px;height:1px;
  background:var(--text-on-dark-fine);opacity:0;
  transition:opacity var(--dur-fast) var(--ease);
}
.nav-link:hover::after{opacity:1;}
.nav-link[aria-current="location"]{font-weight:var(--fw-700);}
.nav-link[aria-current="location"]::after{height:2px;background:var(--grad-brand);opacity:1;}
.nav-toggle{display:none;}

/* ── 按钮（四态） ─────────────────────────────────────────── */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);
  min-height:48px;min-width:168px;padding:var(--sp-2) var(--sp-6);
  border:0;border-radius:var(--radius-btn);font-family:inherit;
  font-size:var(--fs-body);font-weight:var(--fw-700);line-height:var(--lh-tag);
  text-align:center;text-decoration:none;cursor:pointer;
  transition:background var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),
             border-color var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease);
}
.btn-primary{background:var(--grad-cta);color:var(--text-on-dark);box-shadow:var(--shadow-btn);}
.btn-primary:hover{background:var(--grad-cta-hover);box-shadow:var(--shadow-btn-hover);transform:translateY(-1px);}
.btn-primary:active{transform:translateY(1px);box-shadow:var(--shadow-btn-active);}
.btn-ghost{background:var(--glass-bg);color:var(--text-on-dark);border:1px solid var(--glass-border);}
.btn-ghost:hover{border-color:var(--text-on-dark);transform:translateY(-1px);}
.btn-ghost:active{transform:translateY(1px);}
.nav-cta{min-width:0;flex:0 0 auto;}
.phone-icon{flex:0 0 16px;}

/* ── 移动菜单（全屏下拉面板） ─────────────────────────────── */
.mobile-menu{
  display:none;position:fixed;top:var(--nav-h-sm);left:0;right:0;bottom:0;
  background:var(--ink);z-index:var(--z-drawer);
  padding:var(--sp-6) var(--pad-x-sm) calc(var(--sp-8) + env(safe-area-inset-bottom));
  flex-direction:column;visibility:hidden;opacity:0;pointer-events:none;
  transform:translateY(-8px);
  transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease),
             visibility var(--dur) var(--ease);
}
.mobile-menu.is-open{visibility:visible;opacity:1;pointer-events:auto;transform:none;}
.mobile-menu-links{display:flex;flex-direction:column;}
.mobile-menu-links a{
  display:flex;align-items:center;min-height:56px;
  color:var(--text-on-dark);font-size:var(--fs-body);font-weight:var(--fw-500);
  text-decoration:none;border-bottom:1px solid var(--divider-menu);
}
.mobile-menu-links a[aria-current="location"]{font-weight:var(--fw-700);}
.mobile-menu-cta{margin-top:auto;width:100%;}

/* ── #hero 纯渐变 + 蒙层 + 光斑，零位图 ───────────────────── */
.hero{
  position:relative;overflow:hidden;background:var(--grad-brand);
  min-height:var(--hero-min-h);padding-top:calc(var(--nav-h) + var(--scroll-offset));
  padding-bottom:var(--sp-24);display:flex;align-items:center;
}
.hero-veil{position:absolute;inset:0;background:var(--veil-hero);z-index:var(--z-base);pointer-events:none;}
.glow{position:absolute;border-radius:50%;z-index:var(--z-deco);pointer-events:none;}
.glow-a{width:640px;height:640px;right:-160px;top:-220px;background:var(--glow-1);}
.glow-b{width:520px;height:520px;left:-180px;bottom:-240px;background:var(--glow-2);}
.hero-inner{position:relative;z-index:var(--z-content);display:flex;align-items:center;gap:var(--sp-12);}
.hero-content{flex:0 1 58%;min-width:0;}
.hero-eyebrow{
  color:var(--text-on-dark-fine);font-size:var(--fs-eyebrow);font-weight:var(--fw-500);
  letter-spacing:var(--ls-eyebrow);line-height:var(--lh-aux);margin-bottom:var(--sp-6);
}
.hero-title{
  color:var(--text-on-dark);font-size:var(--fs-h1);font-weight:var(--fw-900);
  letter-spacing:var(--ls-h1);line-height:var(--lh-tight);margin-bottom:var(--sp-6);
}
.hero-lead{color:var(--text-on-dark);font-size:var(--fs-lead);line-height:var(--lh-body);margin-bottom:var(--sp-2);}
.gold-line{display:block;width:60px;height:2px;background:var(--grad-gold);margin-block:var(--sp-8) var(--sp-6);}
.hero-position{
  color:var(--text-on-dark-fine);font-size:var(--fs-aux);font-weight:var(--fw-500);
  line-height:var(--lh-aux);margin-bottom:var(--sp-4);
}
.hero-chips{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-bottom:var(--sp-8);}
.chip{
  background:var(--surface);color:var(--brand-link);
  font-size:var(--fs-tag);font-weight:var(--fw-700);line-height:var(--lh-tag);
  letter-spacing:0.2px;padding:var(--sp-2) 14px;border-radius:var(--radius-chip);
}
.hero-facts{
  color:var(--text-on-dark-fine);font-size:var(--fs-aux);font-weight:var(--fw-500);
  line-height:1.7;margin-bottom:var(--sp-8);overflow-wrap:anywhere;
}
.hero-note{
  color:var(--text-on-dark-fine);font-size:var(--fs-aux);line-height:var(--lh-aux);
  margin-bottom:var(--sp-8);max-width:700px;
}
.hero-note p+p{margin-top:var(--sp-2);}
.hero-note-title{color:var(--text-on-dark);font-size:var(--fs-body);font-weight:var(--fw-700);}
.hero-actions{display:flex;flex-wrap:wrap;gap:var(--sp-4);}
.hero-vertical{flex:1 1 42%;display:flex;justify-content:center;gap:var(--sp-12);}
.hero-vertical span{
  writing-mode:vertical-rl;color:var(--ink);font-size:var(--fs-vertical);
  font-weight:var(--fw-500);letter-spacing:var(--ls-vertical);line-height:var(--lh-vertical);
}

/* ── 区块标题与通用文字链 ─────────────────────────────────── */
.section-head{margin-bottom:var(--sp-12);}
.section-title{
  color:var(--ink);font-size:var(--fs-h2);font-weight:var(--fw-900);
  letter-spacing:var(--ls-h2);line-height:var(--lh-h2);margin-bottom:var(--sp-4);
}
.section-lead{color:var(--grey);font-size:var(--fs-body);line-height:var(--lh-body);max-width:900px;}
.section-link-wrap{text-align:center;margin-top:var(--sp-8);}
.text-link{
  display:inline-flex;align-items:center;min-height:44px;
  color:var(--brand-link);font-size:var(--fs-body);font-weight:var(--fw-700);
  text-decoration:underline;text-underline-offset:3px;
}
.text-link:hover{color:var(--ink-2);}

/* ── #value 三张价值卡 ────────────────────────────────────── */
.value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-6);}
.value-card{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);
  box-shadow:var(--shadow-card);min-width:0;overflow:hidden;
  display:flex;flex-direction:column;
  transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease);
}
.value-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover);}
.value-card-head{padding:var(--card-pad);border-bottom:1px solid var(--line);}
.value-card-1 .value-card-head{background:var(--head-1);}
.value-card-2 .value-card-head{background:var(--head-2);}
.value-card-3 .value-card-head{background:var(--head-3);}
.value-no{
  display:inline-block;padding:var(--sp-1) var(--sp-2);border-radius:var(--radius-sm);
  color:var(--ink);font-size:var(--fs-tag);font-weight:var(--fw-700);
  line-height:var(--lh-tag);letter-spacing:0.2px;margin-bottom:var(--sp-3);
}
.value-card-1 .value-no{background:var(--no1);}
.value-card-2 .value-no{background:var(--no2);}
.value-card-3 .value-no{background:var(--no3);}
.value-card h3{color:var(--ink);font-size:var(--fs-h3);font-weight:var(--fw-700);line-height:var(--lh-h3);}
.value-card-body{padding:var(--card-pad);flex:1 1 auto;}
.value-mechanism{color:var(--grey);font-size:var(--fs-body);line-height:var(--lh-body);margin-bottom:var(--sp-6);}
.value-list{display:grid;gap:var(--sp-3);}
.value-list li{
  position:relative;padding-left:14px;color:var(--ink-3);
  font-size:var(--fs-body);line-height:var(--lh-aux);overflow-wrap:anywhere;
}
.value-list li::before{
  content:"";position:absolute;left:0;top:0.65em;width:6px;height:6px;
  border-radius:50%;background:var(--no1);
}
.value-card-2 .value-list li::before{background:var(--no2);}
.value-card-3 .value-list li::before{background:var(--no3);}

/* ── #features 五张板块卡（纯 HTML/CSS 重绘，零图片） ─────── */
.feature-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--sp-6);}
.feature-card{
  background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--f1);
  border-radius:var(--radius-card);box-shadow:var(--shadow-card);
  padding:var(--card-pad);min-width:0;display:flex;flex-direction:column;
  transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease);
}
.feature-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover);}
.feature-card-1{border-top-color:var(--f1);}
.feature-card-2{border-top-color:var(--f2);}
.feature-card-3{border-top-color:var(--f3);}
.feature-card-4{border-top-color:var(--f4);}
.feature-card-5{border-top-color:var(--f5);}
.feature-no{color:var(--ink);font-size:48px;font-weight:var(--fw-900);line-height:1;margin-bottom:var(--sp-6);}
.feature-card h3{color:var(--ink);font-size:var(--fs-h3);font-weight:var(--fw-700);line-height:var(--lh-h3);margin-bottom:var(--sp-3);}
.feature-chips{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-bottom:var(--sp-4);}
.feature-chip{
  background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-sm);
  color:var(--ink-4);font-size:var(--fs-aux);line-height:var(--lh-tag);
  padding:var(--sp-1) 10px;overflow-wrap:anywhere;min-width:0;
}
.feature-desc{color:var(--grey);font-size:var(--fs-aux);line-height:var(--lh-aux);margin-top:auto;}
.version-note{color:var(--grey);font-size:var(--fs-aux);line-height:var(--lh-aux);margin-top:var(--sp-8);}

/* ── #showcase 四张截图 ───────────────────────────────────── */
.shot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-6);}
.shot-card{
  margin:0;background:var(--surface);border:1px solid var(--line);
  border-radius:var(--radius-card);box-shadow:var(--shadow-card);
  padding:var(--sp-2);min-width:0;display:flex;flex-direction:column;gap:var(--sp-4);
}
.shot-phone{
  width:100%;aspect-ratio:322 / 580;border-radius:var(--radius-phone);
  overflow:hidden;background:var(--paper);border:1px solid var(--line);
}
.shot-phone img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;}
.shot-copy{padding:var(--sp-2) var(--sp-2) var(--sp-4);min-width:0;}
.shot-copy h3{color:var(--ink);font-size:var(--fs-h3);font-weight:var(--fw-700);line-height:var(--lh-h4);margin-bottom:var(--sp-2);}
.shot-copy p{color:var(--grey);font-size:var(--fs-body);line-height:var(--lh-aux);margin-bottom:var(--sp-3);}
.shot-tag{
  display:inline-block;background:var(--tag-bg);color:var(--tag-text);
  border-radius:var(--radius-sm);padding:6px var(--sp-3);
  font-size:var(--fs-aux);font-weight:var(--fw-700);line-height:var(--lh-tag);
}
.demo-note{color:var(--grey);font-size:var(--fs-aux);line-height:var(--lh-aux);margin-top:var(--sp-6);}

/* ── #about 文字为主，零图片 ──────────────────────────────── */
#about .gold-line{margin:var(--sp-6) 0 0;}
.about-prose{max-width:800px;margin-top:var(--sp-6);display:grid;gap:var(--sp-6);}
.about-prose p{color:var(--ink-3);font-size:var(--fs-body);line-height:var(--lh-body);}
.about-note{
  max-width:800px;margin-top:var(--sp-8);padding:var(--sp-4) var(--sp-6);
  background:var(--paper);border:1px solid var(--line);border-left:3px solid var(--g1);
  border-radius:var(--radius-card);color:var(--ink-3);font-size:var(--fs-aux);line-height:var(--lh-aux);
}
.about-address{margin-top:var(--sp-6);color:var(--grey);font-size:var(--fs-aux);line-height:var(--lh-aux);overflow-wrap:anywhere;}

/* ── #contact 渐变价值条 + 二维码 ─────────────────────────── */
.contact{padding-block:var(--section-y);}
.contact-strip{
  background:var(--grad-strip);border-radius:var(--radius-card);padding:var(--sp-12);
  display:grid;grid-template-columns:62fr 38fr;gap:var(--sp-8);align-items:center;
}
.contact-slogan{
  color:var(--text-on-dark);font-size:var(--fs-strip);font-weight:var(--fw-900);
  line-height:1.3;margin-bottom:var(--sp-6);
}
#contact-title{
  color:var(--text-on-dark);font-size:var(--fs-h3);font-weight:var(--fw-700);
  line-height:var(--lh-h3);margin-bottom:var(--sp-4);
}
.contact-body{color:var(--text-on-dark);font-size:var(--fs-body);line-height:var(--lh-body);margin-bottom:var(--sp-6);}
.contact-actions{display:flex;flex-wrap:wrap;gap:var(--sp-4);margin-bottom:var(--sp-4);}
.contact-foot{color:var(--text-on-dark-fine);font-size:var(--fs-aux);line-height:var(--lh-aux);}
.qr-card{
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-chip);
  padding:12px;width:fit-content;margin-inline:auto;text-align:center;
  transition:box-shadow var(--dur) var(--ease);
}
.qr-img{width:180px;height:180px;border-radius:0;display:block;margin-inline:auto;}
.qr-caption{color:var(--grey);font-size:var(--fs-aux);line-height:var(--lh-aux);margin-top:var(--sp-2);}
.qr-card.is-highlight{box-shadow:0 0 0 3px var(--focus-dark);}

/* ── #footer 深墨实底 ─────────────────────────────────────── */
.site-footer{background:var(--ink);color:var(--text-on-dark-fine);padding-top:var(--sp-16);padding-bottom:var(--sp-8);}
.footer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-8);}
.footer-logo{height:56px;width:auto;margin-bottom:var(--sp-4);}
.footer-brand-name{color:var(--text-on-dark);font-size:var(--fs-body);font-weight:var(--fw-700);line-height:var(--lh-body);}
.footer-tagline{color:var(--grey-light);font-size:var(--fs-aux);line-height:var(--lh-aux);margin-top:var(--sp-2);}
.site-footer .gold-line{margin-top:var(--sp-6);}
.footer-h{color:var(--text-on-dark);font-size:var(--fs-h4);font-weight:var(--fw-700);line-height:var(--lh-h4);margin-bottom:var(--sp-4);}
.footer-list{font-style:normal;font-size:var(--fs-aux);line-height:1.7;color:var(--text-on-dark-fine);}
.footer-list p{margin-bottom:var(--sp-1);overflow-wrap:anywhere;}
.footer-list a{
  color:var(--text-on-dark-fine);text-decoration:none;
  display:inline-flex;align-items:center;min-height:44px;
}
.footer-list a:hover{color:var(--text-on-dark);text-decoration:underline;}
.footer-nav .footer-list{display:flex;flex-direction:column;align-items:flex-start;}
.footer-bottom{
  margin-top:var(--sp-12);padding-top:var(--sp-6);border-top:1px solid var(--divider-on-dark);
  display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-8);
  color:var(--grey-light);font-size:var(--fs-aux);line-height:var(--lh-aux);
}
.footer-bottom a{color:var(--grey-light);text-decoration:none;display:inline-flex;align-items:center;min-height:44px;}
.footer-bottom a:hover{color:var(--text-on-dark);text-decoration:underline;}

/* ── 吸底 CTA（≤767，滚过首屏出现） ───────────────────────── */
.bottom-cta{
  display:none;position:fixed;left:0;right:0;bottom:0;
  min-height:var(--bottom-cta-h);background:var(--ink);
  border-top:1px solid var(--divider-on-dark);
  z-index:var(--z-bottom-cta);padding-bottom:env(safe-area-inset-bottom);
  opacity:0;visibility:hidden;transform:translateY(100%);
  transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease),visibility var(--dur) var(--ease);
}
.bottom-cta.is-visible{opacity:1;visibility:visible;transform:none;}
.bottom-cta-inner{min-height:var(--bottom-cta-h);display:flex;align-items:center;}
.bottom-cta .btn{width:100%;}

/* ── 769–1023 小桌面：压缩导航间距，避免固定顶栏被撑出视口 ── */
@media (min-width:769px) and (max-width:1023px){
  .nav{gap:var(--sp-3);}
  .nav-links{gap:var(--sp-3);}
  .nav-cta{padding-inline:var(--sp-4);}
}

/* ── ≥1280 容器封顶 / ≥1920 间距提升 ──────────────────────── */
@media (min-width:1280px){
  .container{max-width:var(--container);}
  .hero-vertical{gap:var(--sp-16);}
}
@media (min-width:1920px){
  .section,.contact{padding-block:var(--section-y-xxl);}
}

/* ── =768 平板临界：汉堡导航 + 3 列 / 3+2 / 2 列 ──────────── */
@media (min-width:768px) and (max-width:768px){
  .container{padding-inline:var(--pad-x-sm);}
  .section-title{font-size:var(--fs-h2-sm);line-height:1.3;}
  .value-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-4);}
  .value-card-head,.value-card-body{padding:var(--sp-4);}
  .value-card h3{font-size:var(--fs-h3-sm);}
  .feature-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--sp-4);}
  .feature-card:nth-child(-n+3){grid-column:span 2;}
  .feature-card:nth-child(n+4){grid-column:span 3;}
  .feature-card{padding:var(--sp-4);}
  .shot-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .contact-strip{padding:var(--sp-8);}
}

/* ── ≤768 导航切汉堡（60px 顶栏） ─────────────────────────── */
@media (max-width:768px){
  .site-header{height:var(--nav-h-sm);}
  .nav{gap:var(--sp-4);}
  .nav-links,.nav-cta{display:none;}
  .nav-toggle{
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    gap:5px;width:48px;height:48px;margin-left:auto;padding:0;
    background:var(--glass-bg);border:1px solid var(--glass-border);
    border-radius:var(--radius-sm);cursor:pointer;
  }
  .nav-toggle-bar{display:block;width:20px;height:2px;background:var(--text-on-dark);}
  .mobile-menu{display:flex;}
  section,#footer{scroll-margin-top:var(--scroll-offset-sm);}
  .hero{padding-top:calc(var(--nav-h-sm) + var(--sp-12));}
}

/* ── ≤767 手机：卡片单列 / 截图横排紧凑卡 / 满宽按钮 / 吸底 ── */
@media (max-width:767px){
  .container{padding-inline:var(--pad-x-sm);}
  .section,.contact{padding-block:var(--section-y-sm);}
  .section-head{margin-bottom:var(--sp-8);}
  .section-title{font-size:var(--fs-h2-sm);letter-spacing:-0.2px;line-height:1.3;}
  .section-lead{font-size:var(--fs-lead-sm);}
  .value-grid,.feature-grid,.shot-grid{grid-template-columns:minmax(0,1fr);gap:var(--sp-4);}
  .value-card-head,.value-card-body,.feature-card{padding:var(--card-pad-sm);}
  .value-card h3,.feature-card h3{font-size:var(--fs-h3-sm);}
  .feature-no{font-size:40px;margin-bottom:var(--sp-4);}
  .hero{min-height:var(--hero-min-h-sm);padding-bottom:var(--sp-16);align-items:flex-start;}
  .hero-veil{background:var(--veil-hero-sm);}
  .hero-inner{flex-direction:column;align-items:stretch;gap:0;}
  .hero-content{flex:1 1 auto;width:100%;}
  .hero-vertical{display:none;}
  .hero-title{font-size:var(--fs-h1-sm);letter-spacing:var(--ls-h1-sm);line-height:1.2;}
  .hero-lead{font-size:var(--fs-lead-sm);}
  .glow-a{width:360px;height:360px;right:-120px;top:-140px;}
  .glow-b{width:300px;height:300px;left:-120px;bottom:-160px;}
  .hero-actions,.contact-actions{flex-direction:column;}
  .hero-actions .btn,.contact-actions .btn{width:100%;min-width:0;}
  .shot-card{flex-direction:row;align-items:center;gap:var(--sp-4);padding:var(--sp-3);}
  .shot-phone{width:108px;flex:0 0 108px;}
  .shot-copy{padding:0;flex:1 1 auto;min-width:0;}
  .shot-copy h3{font-size:var(--fs-h3-sm);}
  .shot-copy p{font-size:var(--fs-aux);}
  .contact-strip{grid-template-columns:minmax(0,1fr);padding:var(--sp-8) var(--sp-6);gap:var(--sp-8);}
  .contact-slogan{font-size:var(--fs-strip-sm);}
  .qr-card{margin-inline:auto;}
  .footer-grid{grid-template-columns:minmax(0,1fr);gap:var(--sp-8);}
  .site-footer{padding-top:var(--sp-12);padding-bottom:calc(var(--sp-8) + var(--bottom-cta-h));}
  .footer-bottom{flex-direction:column;gap:var(--sp-1);}
  .bottom-cta{display:flex;}
  .bottom-cta-inner{padding-inline:var(--pad-x-sm);}
}

/* ── ≤320 窄屏兜底 ────────────────────────────────────────── */
@media (max-width:320px){
  .container{padding-inline:var(--pad-x-xs);}
  .hero-title{font-size:var(--fs-h1-xs);}
  .glow-a{width:300px;height:300px;right:-120px;top:-120px;}
  .glow-b{width:240px;height:240px;left:-100px;bottom:-120px;}
  .shot-phone{width:96px;flex-basis:96px;}
  .qr-img{width:160px;height:160px;}
  .contact-strip{padding:var(--sp-6) var(--sp-4);}
  .chip{padding:var(--sp-2) var(--sp-3);}
}

/* ── 降低动效偏好 ─────────────────────────────────────────── */
@media (prefers-reduced-motion:reduce){
  :root{--dur:0ms;--dur-fast:0ms;}
  html{scroll-behavior:auto;}
  *,*::before,*::after{transition:none;animation:none;scroll-behavior:auto;}
  .value-card:hover,.feature-card:hover,.btn:hover,.btn:active{transform:none;}
}