/* =============================================================================
 * base.css — 设计变量 / 重置 / 公共元素
 * ========================================================================== */

:root {
  --bg:       #ffffff;
  --bg-soft:  #f5f5f7;
  --bg-dark:  #0a0a0a;
  --ink:      #1d1d1f;
  --ink-2:    #5e5e62;
  --ink-3:    #999;
  --line:     rgba(0,0,0,.08);

  /* ColorOS 16 真实首页暖色光波 */
  --hero-orange: #ff8a1f;
  --hero-pink:   #ff2d55;
  --hero-purple: #7b4397;
  --hero-warm: linear-gradient(135deg, #ff8a1f 0%, #ff2d55 55%, #7b4397 100%);

  /* 通用紫/蓝渐变（用于新闻卡片等） */
  --aurora: linear-gradient(120deg, #2de2c4 0%, #18c8ff 50%, #6a5cff 100%);

  --r-sm: 12px;
  --r:    20px;
  --r-lg: 24px;
  --r-pill: 999px;

  --sh-sm: 0 6px 20px rgba(0,0,0,.08);
  --sh:    0 20px 50px rgba(0,0,0,.15);

  --maxw: 1200px;
  --nav-h: 60px;

  --font: "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", -apple-system,
          BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body { font-family: var(--font); color: var(--ink); background: var(--bg); line-height: 1.6; overflow-x: hidden; -webkit-font-smoothing: antialiased; }
a { color: inherit; text-decoration: none; }
ul { list-style: none; }
button { font-family: inherit; cursor: pointer; border: none; background: none; color: inherit; }

.scroll-progress {
  position: fixed; top: 0; left: 0; right: 0; height: 3px;
  background: var(--hero-warm); transform: scaleX(0); transform-origin: left;
  z-index: 200; will-change: transform;
}

.nav__logo-mark {
  width: 24px; height: 24px; border-radius: 7px;
  background: var(--hero-warm); flex: none; position: relative;
}
.nav__logo-mark::after {
  content: ""; position: absolute; inset: 5px; border-radius: 3px;
  background: rgba(255,255,255,.92);
  -webkit-mask: radial-gradient(circle at 50% 50%, #000 38%, transparent 40%);
          mask: radial-gradient(circle at 50% 50%, #000 38%, transparent 40%);
}
.nav__logo-text { font-size: 20px; font-weight: 700; letter-spacing: .2px; color: #fff; }
.nav .nav__logo-text, .nav .nav__link { color: #fff; }
.nav.is-scrolled .nav__logo-text, .nav.is-scrolled .nav__link { color: var(--ink); }

.reveal { opacity: 0; transform: translateY(28px); transition: opacity .65s ease, transform .65s ease; will-change: opacity, transform; }
.reveal.in-view { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
  .reveal { opacity: 1 !important; transform: none !important; transition: none !important; }
  * { scroll-behavior: auto !important; }
}