/* base.css · 重置 + 排版 + 布局 */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{
  font-family:var(--font-body);
  background:var(--bg-pearl);
  color:var(--text-body);
  font-size:16px;line-height:1.7;
  position:relative;overflow-x:hidden;
  font-feature-settings:"ss01","cv11";
}
img{max-width:100%;display:block;}
a{color:var(--accent);text-decoration:none;}
ul,ol{list-style:none;}
button{font-family:inherit;cursor:pointer;border:none;background:none;}
::selection{background:rgba(37,99,235,0.18);}

/* 容器 */
.container{width:min(1280px,92%);margin:0 auto;}
.container-wide{width:min(1440px,94%);margin:0 auto;}

/* 区块 */
.section{padding:var(--sec-pad) 0;position:relative;}
.section-tight{padding:72px 0;}
.section-mist{background:var(--bg-mist);}
.section-sky{background:var(--bg-sky);}

/* 标题阶梯 */
.display{font-family:var(--font-en);font-weight:700;font-size:96px;line-height:1.05;letter-spacing:-0.03em;color:var(--text-primary);}
h1,.h1{font-family:var(--font-en);font-weight:600;font-size:64px;line-height:1.15;letter-spacing:-0.02em;color:var(--text-primary);}
h2,.h2{font-family:var(--font-en);font-weight:600;font-size:48px;line-height:1.2;letter-spacing:-0.015em;color:var(--text-primary);}
h3,.h3{font-family:var(--font-en);font-weight:600;font-size:32px;line-height:1.3;letter-spacing:-0.01em;color:var(--text-primary);}
h4,.h4{font-family:var(--font-en);font-weight:600;font-size:24px;line-height:1.4;color:var(--text-primary);}
.lead{font-size:20px;line-height:1.55;color:var(--text-body);}
.small{font-size:14px;line-height:1.6;color:var(--text-secondary);}
.overline{
  display:inline-block;font-family:var(--font-mono);font-size:12px;font-weight:600;
  letter-spacing:0.16em;text-transform:uppercase;color:var(--text-secondary);
  padding:6px 16px;border-radius:var(--r-btn);
  background:var(--glass);backdrop-filter:blur(16px);
  border:1px solid var(--card-line);margin-bottom:18px;
}
.grad-text{background:var(--grad-sky);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;}

/* 区块头 */
.sec-head{margin-bottom:56px;max-width:760px;}
.sec-head.center{margin-left:auto;margin-right:auto;text-align:center;}
.sec-head h2{margin-bottom:14px;}
.sec-head p{color:var(--text-secondary);font-size:17px;}

/* 网格工具 */
.grid{display:grid;gap:var(--gap);}
.g2{grid-template-columns:repeat(2,1fr);}
.g3{grid-template-columns:repeat(3,1fr);}
.g4{grid-template-columns:repeat(4,1fr);}

/* 分隔线 */
.hr-grad{height:1px;border:none;background:var(--grad-metal);opacity:0.6;}

/* 跳转链接（无障碍） */
.skip-link{position:absolute;left:-9999px;top:0;background:var(--accent);color:#fff;padding:10px 18px;border-radius:0 0 8px 0;z-index:999;}
.skip-link:focus{left:0;}