/* 落地页共用样式 —— 首页 / 定价页 / 安装页 / 更新日志 都用这一份
 *
 * 变量全部映射到 theme/tokens.css，不另造一套色。
 * 页面里只写结构和页面特有的部分，导航、按钮、卡片、页脚都在这里。
 */

:root{
  --accent:var(--px-accent);
  --accent-h:var(--px-accent-h);
  --accent-w:var(--px-accent-w);
  --ink:var(--px-ink-900);
  --ink-2:var(--px-ink-700);
  --ink-3:var(--px-ink-300);
  --ink-4:var(--px-ink-200);
  --line:var(--px-line-100);
  --line-2:var(--px-line-200);
  --panel:var(--px-line-100);
  --r-xl:24px;
  --r-l:16px;
  --r-m:8px;
  --ease:var(--px-ease);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{overflow-x:hidden}
body{
  margin:0; background:var(--px-surface); color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",Arial,sans-serif;
  -webkit-font-smoothing:antialiased; line-height:1.6;
}
a{color:inherit; text-decoration:none}
button,input,select{font-family:inherit}

/* ---------- 顶部导航 ---------- */
.nav{
  position:sticky; top:0; z-index:50; height:64px; display:flex; align-items:center; gap:32px;
  padding:0 max(24px, calc((100vw - 1200px) / 2));
  background:rgba(255,255,255,.86); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(233,230,225,.6);
}
.nav .logo{display:flex; align-items:center; gap:8px; font-size:16px; font-weight:700; letter-spacing:-.01em}
.nav .logo i{width:22px; height:22px; border-radius:6px; background:var(--accent); display:grid;
  place-items:center; color:var(--px-on-accent); font-size:12px; font-style:normal; font-weight:600}
.nav nav{display:flex; gap:26px}
.nav nav a{font-size:14px; color:#333; padding:4px 0; border-bottom:2px solid transparent}
.nav nav a.on{font-weight:600; border-bottom-color:var(--accent)}
.nav .right{margin-left:auto; display:flex; align-items:center; gap:14px}
.nav .login{font-size:13.5px; color:var(--ink-2); padding:8px 12px; border-radius:8px;
  transition:background .2s var(--ease), color .2s var(--ease)}
.nav .login:hover{background:var(--line); color:var(--ink)}
.nav .dl{height:38px; padding:0 18px; border:0; border-radius:9px; background:var(--ink);
  color:#fff; font-size:13.5px; font-weight:600; cursor:pointer; transition:all .3s var(--ease)}
.nav .dl:hover{background:#333; transform:translateY(-2px)}

.wrap{max-width:1120px; margin:0 auto; padding:0 24px}

/* ---------- 按钮 ---------- */
.btn-main{height:54px; padding:0 34px; border:0; border-radius:10px; background:var(--ink); color:#fff;
  font-size:16.5px; font-weight:600; cursor:pointer; transition:all .3s var(--ease);
  display:inline-flex; align-items:center; gap:9px}
.btn-main:hover{background:#333; transform:translateY(-2px); box-shadow:0 12px 28px rgba(0,0,0,.16)}
.btn-ghost{height:54px; padding:0 24px; border:1px solid var(--line-2); border-radius:10px; background:#fff;
  color:var(--ink); font-size:15px; font-weight:500; cursor:pointer; display:inline-flex;
  align-items:center; gap:8px; transition:all .3s var(--ease)}
.btn-ghost:hover{border-color:var(--ink-4); transform:translateY(-2px)}

/* ---------- 页脚 ---------- */
.site-foot{margin-top:64px; padding:34px 0 46px; border-top:1px solid var(--line);
  font-size:12.5px; color:var(--ink-3)}
.site-foot .in{max-width:1120px; margin:0 auto; padding:0 24px; display:flex; gap:22px;
  flex-wrap:wrap; align-items:center}
.site-foot .links{display:flex; gap:20px; margin-left:auto}
.site-foot a:hover{color:var(--ink)}

/* ---------- 手机 ---------- */
@media (max-width:600px){
  .nav{height:56px; gap:14px; padding:0 16px}
  .nav nav{display:none}
  .nav .login{display:none}
  .nav .dl{height:34px; padding:0 14px; font-size:13px}
  .btn-main,.btn-ghost{width:100%; justify-content:center; height:50px; font-size:15.5px}
  .site-foot .in{flex-direction:column; align-items:flex-start; gap:12px}
  .site-foot .links{margin-left:0}
}