/* ==========================================================
   灵狐造价 · 站点共享样式（2026-10-21 新建）
   ----------------------------------------------------------
   目的：把官网首页（浅色 + 深蓝）的风格统一到所有展示页。
   用法：在页面 <head> 里、页面自己的 <style> **之后**引入，
        这样本文件的 body 背景能覆盖各页面原有的紫色渐变。

     <link rel="stylesheet" href="/static/site.css">
     <script src="/static/site.js" defer></script>

   本文件只定义：
     · 设计令牌（颜色/圆角/阴影）
     · 基础排版与背景
     · 站点导航 .site-nav（含「返回首页」）
     · 页脚 .site-foot
     · 回到顶部 .to-top
   ⚠️ 不定义 .card / .btn / .container 这类通用类名，
      避免和各个页面自己的样式打架。
   ========================================================== */

:root{
  --brand:#2f6fed;
  --brand-2:#1f5fd8;
  --brand-soft:#eef4ff;
  --ink:#1b2a3d;
  --ink-2:#3d5570;
  --ink-3:#7a8a9d;
  --line:#e3ebf5;
  --radius:16px;
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}

body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif;
  color:var(--ink);
  background:linear-gradient(170deg,#f7faff 0%,#eef4ff 40%,#f9fbfe 100%) !important;
  background-attachment:fixed;
  min-height:100vh;
  line-height:1.75;
  -webkit-font-smoothing:antialiased;
}

a{color:inherit}

/* ---------- 站点导航（吸顶） ---------- */
.site-nav{
  position:sticky;top:0;z-index:60;
  background:rgba(255,255,255,.88);
  -webkit-backdrop-filter:saturate(1.6) blur(10px);
  backdrop-filter:saturate(1.6) blur(10px);
  border-bottom:1px solid var(--line);
}
.site-nav .inner{
  max-width:1080px;margin:0 auto;padding:0 22px;
  height:60px;display:flex;align-items:center;gap:14px;
}
.site-nav .brand{
  display:flex;align-items:center;gap:10px;
  font-weight:700;font-size:16px;letter-spacing:.3px;
  text-decoration:none;color:var(--ink);white-space:nowrap;
}
.site-nav .brand img{width:29px;height:29px;border-radius:8px;background:#fff}
.site-nav .links{
  display:flex;gap:20px;margin-left:auto;font-size:14px;color:var(--ink-2);
}
.site-nav .links a{text-decoration:none;transition:color .15s}
.site-nav .links a:hover{color:var(--brand)}
.site-nav .back{
  margin-left:8px;text-decoration:none;font-size:13.5px;font-weight:600;color:#fff;
  background:linear-gradient(135deg,var(--brand),var(--brand-2));
  padding:8px 17px;border-radius:9px;
  box-shadow:0 4px 14px rgba(47,111,237,.24);
  white-space:nowrap;
}
.site-nav .back:hover{filter:brightness(1.07)}

/* ---------- 页脚 ---------- */
.site-foot{
  margin-top:56px;padding:30px 0 34px;
  border-top:1px solid var(--line);
  text-align:center;font-size:12.5px;line-height:2.1;color:var(--ink-3);
}
.site-foot .inner{max-width:1080px;margin:0 auto;padding:0 22px}
.site-foot a{color:var(--ink-3);text-decoration:none}
.site-foot a:hover{color:var(--brand)}
.site-foot .fnav{
  display:flex;gap:18px;justify-content:center;flex-wrap:wrap;
  margin-bottom:10px;font-size:13px;
}

/* ---------- 回到顶部 ---------- */
.to-top{
  position:fixed;right:22px;bottom:26px;z-index:80;
  width:44px;height:44px;border-radius:13px;
  display:flex;align-items:center;justify-content:center;
  font-size:19px;line-height:1;text-decoration:none;
  color:var(--brand);background:#fff;
  border:1px solid var(--line);
  box-shadow:0 6px 20px rgba(30,60,110,.14);
  opacity:0;visibility:hidden;transform:translateY(8px);
  transition:opacity .2s ease,transform .2s ease,visibility .2s;
}
.to-top.show{opacity:1;visibility:visible;transform:translateY(0)}
.to-top:hover{color:#fff;background:var(--brand);border-color:var(--brand)}

/* ---------- 子页面通用标题区 ---------- */
.page-head{text-align:center;margin:0 0 26px}
.page-head h1{
  font-size:30px;font-weight:800;letter-spacing:.5px;color:var(--ink);
}
.page-head p{margin-top:10px;font-size:14px;color:var(--ink-3);line-height:1.9}

/* ---------- 窄屏 ---------- */
@media (max-width:860px){
  .site-nav .links{display:none}
  .site-nav .inner{height:56px}
  .page-head h1{font-size:23px}
  .to-top{right:14px;bottom:18px;width:40px;height:40px}
}