/* ============================================================
   行止官网 · base.css
   Design tokens + reset + 全局排版（所有页面共用）
   ============================================================ */

:root{
  --cream:#F8F6F2;
  --white:#FFFFFF;
  --sage:#6BA8A0;
  --sage-deep:#56938B;
  --sage-line:#E8EDEB;
  --sage-tint:#EAF2F0;
  --sage-border:#9CC4BE;
  --amber:#D4A574;
  --dark:#1A1A1A;
  --gray:#5C5C5C;
  --gray-strong:#3D3D3D;
  --panel:#FAF8F4;
  --shell:#FBFAF7;
  --shell-stroke:#E2DED6;
  --deep:#2B4642;
  --on-dark:#F8F6F2;
  --on-dark-muted:#AFC4C0;
  --footnote:#A9A49B;

  --sh-btn:0 8px 18px -4px rgba(107,168,160,.35);
  --sh-cta:0 10px 24px -6px rgba(107,168,160,.40);
  --sh-phone:0 24px 48px -12px rgba(43,70,66,.14);
  --sh-phone-main:0 32px 60px -14px rgba(43,70,66,.20);
  --sh-card:0 8px 24px -8px rgba(107,168,160,.10);
  --sh-card-sm:0 6px 20px -6px rgba(107,168,160,.10);
  --sh-card-xs:0 4px 14px -4px rgba(107,168,160,.08);
  --sh-cal:0 3px 10px -2px rgba(107,168,160,.12);

  --font-sc:"Noto Sans SC","PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;
  --font-num:"Inter","Outfit","Helvetica Neue",Arial,sans-serif;

  --gutter:80px;
  --maxw:1440px;

  /* 手机 mockup 整体缩放因子 */
  --k:1;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:112px}
body{
  margin:0;
  background:var(--cream);
  color:var(--dark);
  font-family:var(--font-sc);
  font-weight:400;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  overflow-x:hidden;
}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
h1,h2,h3,p{margin:0}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}

.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}

:focus-visible{outline:2px solid var(--sage-deep);outline-offset:3px;border-radius:8px}

.skip-link{
  position:absolute;top:12px;left:-200px;z-index:100;
  padding:10px 18px;border-radius:20px;
  background:var(--white);color:var(--sage-deep);
  font-size:14px;box-shadow:var(--sh-card-sm);
  transition:left .2s ease;
}
.skip-link:focus{left:12px}

::selection{background:var(--sage-tint);color:var(--deep)}