/* ============================================================
landing.css —— 公开页面共用样式：落地页四页（首页 / 功能 / 数据安全 / 常见问题）、
登录页（login.html）、隐私 / 条款 / 联系我们三页。
颜色、字体、按钮形状与 app 一致（UI_SPEC Part F、Part 0）；公开页是阅读型页面，
正文按阅读密度取 16px，手机（≤ 699px）各档再放大一级。全站最小 12px。
字体走自托管 css/fonts.css；首图为静态截图 ![]()
（CSP frame-ancestors 'none' 禁 iframe 真 app）。
============================================================ */
:root {
/* 颜色：与 css/style.css 的 app token 同值 */
--bg: #FFFFFF;
--tint: #F3F4F6; /* = --bg-warm */
--card: #FFFFFF;
--card-2: #F7F8FA;
--line: #E5E7EB; /* = --border-1 */
--line-strong: #D1D5DB; /* = --border-2 */
--ink: #111827; /* = --text-1 */
--ink-2: #4B5563; /* = --text-2 */
--ink-3: #6B7280; /* = --text-3（小字也须够深，不用 #9CA3AF） */
--ink-mute: #9CA3AF; /* = --text-mute，仅用于分隔点等非文字 */
--accent: #2B57D4;
--accent-deep: #1E41A8;
--accent-soft: #E9EDF8; /* = --accent-lt */
--accent-soft-line: #DCE3F4;
--fill-2: rgba(118, 118, 128, 0.12); /* 次按钮 / 分段轨道底（同 app） */
--fill-2-hover: rgba(118, 118, 128, 0.2);
--ok: #3C8B5A;
--ok-bg: #EAF5EE;
--danger: #D44156;
--danger-bg: #FAEAEA;
--warn-deep: #8A4715;
--warn-bg: #FEF6E4;
/* 市场编码色（品牌标志） */
--m-us: #2B57D4;
--m-cn: #D9483B;
--m-hk: #149A80;
--m-of: #8A93A5;
--m-cr: #E78A3B;
/* 产品截图外壳 */
--app-bg: #F3F4F6;
--app-card: #FFFFFF;
--app-line: #E5E7EB;
--app-tint: #F5F6F7;
/* 圆角：卡片 16（同 app 卡片），大面板 24，表单字段与小框 8；可点控件为胶囊 */
--r: 16px;
--r-sm: 8px;
--r-lg: 24px;
--shadow: 0 1px 2px rgba(12, 20, 34, .05), 0 12px 30px -20px rgba(12, 20, 34, .20);
--shadow-window: 0 1px 3px rgba(12, 20, 34, .06), 0 24px 56px -30px rgba(12, 20, 34, .30);
--shadow-card: 0 1px 2px rgba(12, 20, 34, .05);
/* 字体：与 app 同一套（正文 Inter + 思源黑体，数字 IBM Plex Mono） */
--font-body: "Inter", "Noto Sans SC", "PingFang SC", "Helvetica Neue", -apple-system, system-ui, sans-serif;
--font-num: "IBM Plex Mono", "SF Mono", ui-monospace, monospace;
--sans: var(--font-body);
/* 字号阶梯（电脑 / iPad）。手机在文件末尾整体上调一级。 */
--fs-meta: 13px; /* 脚注、标签、徽标 */
--fs-small: 14px; /* 卡片正文、链接、导航 */
--fs-body: 16px; /* 页面正文 */
--fs-lead: 17px; /* 首屏 / 页头导语 */
--fs-h4: 16px; /* 卡片标题 */
--fs-h3: 20px; /* 面板标题 */
--fs-h2: 32px; /* 区块标题 */
--fs-h1: 44px; /* 页面主标题 */
/* 控件高度（Part F.3）：电脑 36，触控 44；首屏大按钮 48 */
--ctl-h: 36px;
--ctl-h-lg: 48px;
--gutter: 32px;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body { background: var(--bg); color: var(--ink); font-family: var(--font-body); font-size: var(--fs-body); line-height: 1.7; text-wrap: pretty; }
a { color: inherit; }
h1, h2, h3, h4, h5 { text-wrap: balance; }
.container { max-width: 1280px; margin: 0 auto; padding: 0 var(--gutter); }
.num { font-family: var(--font-num); font-variant-numeric: tabular-nums; letter-spacing: -.01em; }
.nowrap { white-space: nowrap; }
/* ---- 顶栏 ---- */
.nav { position: sticky; top: 0; z-index: 50; background: color-mix(in srgb, var(--bg) 88%, transparent); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border-bottom: 1px solid var(--line); }
.nav-inner { display: flex; align-items: center; gap: 32px; height: 64px; }
.brand { display: flex; align-items: center; gap: 10px; text-decoration: none; font-weight: 700; }
.brand-mark { display: inline-flex; }
.brand-name { font-size: 17px; letter-spacing: -.01em; white-space: nowrap; }
.nav-links { display: flex; gap: 24px; margin-left: 8px; }
.nav-links a { font-size: 15px; font-weight: 500; color: var(--ink-2); text-decoration: none; white-space: nowrap; }
.nav-links a:hover, .nav-links a.on { color: var(--ink); }
.nav-cta { margin-left: auto; display: flex; gap: 8px; }
/* 桌面用横排 .nav-links；窄屏改用独立的原生