/* ===================================================================== tokens.css —— Reset + 基础排版 设计变量由 js/design-tokens.js 在运行时注入为 的 CSS 自定义属性。 本文件不定义任何颜色/圆角/阴影值，只消费 var(--xxx)。 ===================================================================== */ *, *::before, *::after { box-sizing: border-box; } * { margin: 0; padding: 0; } [hidden] { display: none !important; } html { -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; } body { font-family: var(--font-sans); font-size: 16px; line-height: 1.5; color: var(--text); background: var(--bg); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; min-height: 100dvh; overflow-x: hidden; } img, svg, video, canvas { display: block; max-width: 100%; } a { color: inherit; text-decoration: none; } button, input, textarea, select { font: inherit; color: inherit; } button { cursor: pointer; background: none; border: 0; text-align: inherit; } ul, ol { list-style: none; } h1, h2, h3, h4 { font-weight: 700; line-height: 1.25; letter-spacing: -0.011em; } h1 { font-size: 1.75rem; } h2 { font-size: 1.375rem; } h3 { font-size: 1.0625rem; } ::selection { background: var(--primary-soft); } :focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; border-radius: 8px; } /* 滚动条：极简 */ ::-webkit-scrollbar { width: 10px; height: 10px; } ::-webkit-scrollbar-thumb { background: var(--border-strong); border-radius: 999px; border: 3px solid transparent; background-clip: content-box; } ::-webkit-scrollbar-thumb:hover { background: var(--muted); background-clip: content-box; } ::-webkit-scrollbar-track { background: transparent; } /* ---------------- 通用工具类 ---------------- */ .muted { color: var(--muted); font-size: 0.875rem; } .center { text-align: center; } .row { display: flex; align-items: center; gap: 10px; } .hero-actions { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; } .spacer { flex: 1; } .hr { height: 1px; background: var(--border); margin: 20px 0; border: 0; } .nowrap { white-space: nowrap; } .clamp-1 { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } /* 页面区块标题：克制的编辑排版 */ .section-title { display: flex; align-items: baseline; gap: 10px; margin: 34px 0 16px; font-size: 1.25rem; font-weight: 700; letter-spacing: -0.02em; color: var(--text); } .section-title .sub { font-size: 0.8125rem; font-weight: 500; color: var(--muted); } .section-title a.sub { color: var(--primary); } .section-title .spacer { flex: 1; } .section-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin: 34px 2px 16px; } .section-head h2 { font-size: 1.25rem; font-weight: 700; letter-spacing: -0.02em; } .section-head .sub { font-size: 0.8125rem; color: var(--muted); } .section-head .more { font-size: 0.875rem; font-weight: 500; color: var(--primary); }