/* =========================================================
 * 向阳学术 · 共享基础层 (tokens / reset / 通用组件)
 * 所有页面第一件事就是引它, 页面自己的样式只写"这一页独有的东西"。
 * 规范见 ../design-system/DESIGN-SPEC.md 第 2、3、4 章。
 * 本文件必须排在页面样式之前引入。
 * ========================================================= */

/* ---------- 1. 设计令牌 ---------- */
:root{
  --green-deep:#1A7D7D;
  --green-mid:#2BA8A0;
  --green-bright:#3DB8B0;
  --green-light-bg:#F0F7F7;
  --green-subtle:#E4F0EF;
  --dark-bg:#0C1316;
  --text-primary:#1C2226;
  --text-secondary:#5E6A72;
  --text-white:#F0F4F6;
  --serif:"Noto Serif SC",serif;
  --sans:"Noto Sans SC",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

/* ---------- 2. 重置 ---------- */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:var(--sans);
  color:var(--text-primary);
  background:#fff;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  line-height:1.6;
}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
ul,ol{list-style:none}
strong{font-weight:700}
em{font-style:normal}

/* ---------- 3. 滚动显现 ---------- */
.anr{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}
.anr.visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.anr{opacity:1;transform:none;transition:none}}

/* ---------- 4. 导航 (所有页面共用) ---------- */
.nav{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  display:flex;align-items:center;
  padding:20px clamp(20px,5vw,72px);
  color:var(--green-deep);
  transition:background .5s cubic-bezier(.16,1,.3,1),padding .5s cubic-bezier(.16,1,.3,1),box-shadow .5s,color .5s;
}
.nav-logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px;letter-spacing:.5px}
.nav-spacer{flex:1}
.nav-right{display:flex;align-items:center;gap:18px}
.nav-home{font-size:14px;opacity:.85;transition:opacity .2s}
.nav-home:hover{opacity:1}
.nav-cta{
  padding:9px 22px;border:1.5px solid currentColor;border-radius:100px;
  font-size:14px;font-weight:600;cursor:pointer;transition:all .25s;
}
.nav-cta:hover{background:var(--green-deep);border-color:var(--green-deep);color:#fff}
.nav.scrolled{
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(20px) saturate(1.6);
  -webkit-backdrop-filter:blur(20px) saturate(1.6);
  color:var(--text-primary);
  padding:13px clamp(20px,5vw,72px);
  /* 只留一层极淡的光影, 不用分割横线 */
  box-shadow:0 1px 18px rgba(12,52,52,.07);
}
.nav.scrolled .nav-cta{border-color:currentColor;color:inherit}
.nav.scrolled .nav-cta:hover{background:var(--green-deep);color:#fff}

/* 手机端导航: 只留 logo + 右侧胶囊按钮, 保证 320 宽不折行。
   只动 logo 与间距各 1 档(视觉几乎无差), 不改胶囊按钮的既有样式。 */
@media (max-width:768px){
  .nav{padding:18px}
  .nav-logo{font-size:17px;letter-spacing:0}
  .nav-logo-svg{width:30px;height:30px}
  .nav-right{gap:12px}