/* 积微官网 · 全站共用
   比例：字号与间距都按黄金比 φ≈1.618 递进（半级为 √φ≈1.272）；两栏按 38.2 : 61.8 分
   字体：标题用思源黑体，品牌字“积微”用思源宋体（都只截取用到的字），正文用系统黑体 */
@import url("fonts/fonts.css?v=5");
:root{
  --night:#071312;
  --deep:#0c1f1d;
  --lift:#122a27;
  --moon:#ece8de;
  --mute:rgba(236,232,222,.66);
  --faint:rgba(236,232,222,.42);
  --rule:rgba(236,232,222,.09);
  --jade:#1f6f69;
  --jade-lt:#9ad3c8;
  --paper:#fbfcfb;

  --display:"Jiwei Sans",-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei UI","Noto Sans SC",sans-serif;
  --brand:"Jiwei Serif","Noto Serif SC","Source Han Serif SC","Songti SC",serif;
  --body:-apple-system,BlinkMacSystemFont,"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei UI","Microsoft YaHei","Noto Sans SC",sans-serif;
  --num:"Jiwei Sans",-apple-system,BlinkMacSystemFont,sans-serif;

  /* 字号：16 × φ^(n/2) */
  --t-s:13px;      /* 16 ÷ √φ */
  --t-0:16px;
  --t-1:20px;      /* × √φ */
  --t-2:26px;      /* × φ */
  --t-3:clamp(30px,3.2vw,42px);   /* × φ² */
  --t-4:clamp(40px,5.2vw,68px);   /* × φ³ */
  --t-5:clamp(64px,8.4vw,110px);  /* × φ⁴ */

  /* 间距：8 × φ^n */
  --s-1:8px; --s-2:13px; --s-3:21px; --s-4:34px; --s-5:55px; --s-6:89px; --s-7:144px; --s-8:233px;

  --wide:1236px;   /* 764 × φ */
  --gut:clamp(16px,4vw,55px);
  color-scheme:dark;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{background:var(--night);color:var(--moon);font-family:var(--body);font-size:var(--t-0);line-height:1.8;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"palt" 0;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--jade-lt);outline-offset:4px;border-radius:4px}
h1,h2,h3{font-family:var(--display);font-weight:600;text-wrap:balance;letter-spacing:.01em}
.wrap{max-width:var(--wide);margin:0 auto;padding-inline:var(--gut)}
/* 小标题：不再用金色细字，改成清楚的中灰小号字 */
.kicker{font-size:var(--t-s);color:var(--faint);letter-spacing:.08em}

/* 导航 */
.nav{position:fixed;inset:0 0 auto;z-index:30;padding-top:env(safe-area-inset-top,0px);transition:background .4s,box-shadow .4s}
.nav .in{display:flex;align-items:center;gap:var(--s-5);height:var(--s-6);padding-inline:var(--gut)}
.nav .mark{display:flex;align-items:center;gap:var(--s-2);font-family:var(--brand);font-weight:600;font-size:var(--t-1);letter-spacing:.16em}
.nav .mark img{width:28px;height:28px}
.nav .links{display:flex;gap:var(--s-4);margin-left:auto;font-size:15px;color:var(--mute)}
.nav .links a{transition:color .3s}
.nav .links a:hover,.nav .links a[aria-current="page"]{color:var(--moon)}
.nav .cta{font-size:14px;padding:var(--s-1) var(--s-3);border-radius:99px;background:rgba(236,232,222,.08);transition:background .3s,color .3s}
.nav .cta:hover{background:var(--moon);color:var(--night)}
.nav.solid{background:rgba(7,19,18,.84);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.nav .menu{display:none;margin-left:auto;width:40px;height:40px;position:relative}
.nav .menu i{position:absolute;left:10px;right:10px;height:1.5px;border-radius:2px;background:var(--moon);transition:transform .3s}
.nav .menu i:first-child{top:16px}.nav .menu i:last-child{top:23px}
.nav.open .menu i:first-child{transform:translateY(3.5px) rotate(45deg)}
.nav.open .menu i:last-child{transform:translateY(-3.5px) rotate(-45deg)}

/* 按钮 */
.btn{display:inline-flex;align-items:center;gap:var(--s-2);height:55px;padding:0 var(--s-4);border-radius:99px;background:var(--moon);color:var(--night);font-size:var(--t-0);font-weight:600;letter-spacing:.04em;transition:background .3s,transform .4s cubic-bezier(.2,.8,.2,1)}
.btn:hover{background:#fff;transform:translateY(-2px)}
.btn svg{width:17px;height:17px}
.link{color:var(--mute);transition:color .3s}
.link::after{content:" →"}
.link:hover{color:var(--moon)}

/* 二级页抬头：高度与留白按 φ */
.head{padding-block:calc(var(--s-6) + var(--s-7)) var(--s-6);position:relative}
.head::before{content:"";position:absolute;inset:0;background:radial-gradient(760px 470px at 76% 0%,rgba(31,111,105,.26),transparent 70%);pointer-events:none}
.head .wrap{position:relative}
.head h1{font-size:var(--t-5);line-height:1.15;margin-bottom:var(--s-4)}
.head p{color:var(--mute);font-size:var(--t-1);line-height:1.7;max-width:26em}

/* 截图外框 */
.shot{border-radius:13px;overflow:hidden;background:var(--paper);box-shadow:0 0 0 1px rgba(255,255,255,.06),0 34px 89px -34px rgba(0,0,0,.85)}
.shot img{width:100%;height:auto}

/* 页脚 */
.foot{padding:var(--s-5) var(--gut) calc(var(--s-4) + env(safe-area-inset-bottom,0px));font-size:var(--t-s);color:var(--faint)}
.foot .row{max-width:var(--wide);margin:0 auto;display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-4);align-items:center;padding-top:var(--s-4);border-top:1px solid var(--rule)}
.foot .mk{font-family:var(--brand);font-weight:600;color:var(--moon);font-size:var(--t-0);letter-spacing:.16em;margin-right:auto}
.foot a:hover{color:var(--moon)}
/* 公安备案：图标与文字同一行 */
.ga{display:inline-flex;align-items:center;gap:6px}
.ga img{width:14px;height:auto;flex:none}

@media (max-width:860px){
  .nav .links,.nav .cta{display:none}
  .nav .menu{display:block}
  .nav.open{background:rgba(7,19,18,.97)}
  .nav.open .links{display:flex;position:absolute;top:var(--s-6);left:0;right:0;flex-direction:column;gap:0;padding:0 var(--gut) var(--s-4);background:rgba(7,19,18,.97);font-size:var(--t-1)}
  .nav.open .links a{padding:var(--s-2) 0}
  .head{padding-block:calc(var(--s-6) + var(--s-5)) var(--s-5)}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}