/* ========================================================================
   基础样式
   元素重置、页面底色、链接与焦点样式、通用排版（小标签、大标题、段落）。
   ======================================================================== */

/* ---- 重置 & 页面 ---- */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
p{text-wrap:pretty}
body{margin:0;background:var(--night);color:var(--ink);font-family:var(--f-sans);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:clip}
a{color:inherit}
:focus-visible{outline:2px solid var(--rose);outline-offset:3px;border-radius:6px}
[hidden]{display:none!important}
.wrap{width:100%;max-width:1240px;margin-inline:auto;padding-inline:var(--gutter)}
section[id]{scroll-margin-top:84px}

/* ---- 只给读屏软件看的文字（画面上隐藏） ---- */
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}

/* ---- 通用排版：区块间距 / 小标签（eyebrow）/ 大标题 / 引言 / 内文 / 渐变字 ---- */
.section{position:relative;padding-block:clamp(88px,12vw,168px)}
.eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0;font:500 12.5px/1 var(--f-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--rose)}
.eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor}
.h2{margin:18px 0 0;font-weight:300;font-size:clamp(34px,4.8vw,68px);line-height:1.13;text-wrap:balance}
.lead{margin:0;font-size:clamp(17px,1.5vw,20px);line-height:1.8;max-width:34em}
.body{margin:0;color:var(--mute);max-width:36em;line-height:1.85}
.grad{background:linear-gradient(100deg,var(--rose),var(--peach) 55%,var(--lilac));-webkit-background-clip:text;background-clip:text;color:transparent}