/* ============================================================
   ChinaTwelve · base.css —— 全站公共层(tokens/重置/导航/按钮/工具类)
   页面各自的版式样式留在各页 <style> 里;改这里=改全站。
   ============================================================ */
:root{
  --paper:#f4f1e7;--paper-2:#ece8d9;--paper-3:#e4e0cf;--white:#fbfaf4;
  --ink:#221f18;--ink-2:#3a362c;--mut:#6f6a5a;--line:#cdc7b2;
  --seal:#a83c2c;--seal-2:#c04a37;
  --dark:#26241d;--dark-mut:#b5b0a0;
  --serif:'Fraunces',Georgia,serif;
  --sans:'Inter',-apple-system,'Segoe UI',sans-serif;
  --zh:'Noto Serif SC',serif;
  --ease:cubic-bezier(.25,.7,.3,1);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:clip}
body{background:var(--paper);color:var(--ink);font:300 16.5px/1.75 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:clip}
::selection{background:var(--seal);color:var(--paper)}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}
h1,h2,h3,h4{font-family:var(--serif);font-weight:400;line-height:1.14}
:focus-visible{outline:1.5px solid var(--seal);outline-offset:3px}
button,a{cursor:pointer}

/* 纸纤维颗粒(全站) */
body::after{content:"";position:fixed;inset:0;z-index:6;pointer-events:none;opacity:.035;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}

/* 工具类 */
.wrap{max-width:1180px;margin:0 auto;padding:0 clamp(22px,4.5vw,52px)}
.kick{font:500 11px/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--mut);display:inline-flex;align-items:center;gap:12px}
.kick .zh{font-family:var(--zh);font-weight:900;font-size:13px;color:var(--seal);letter-spacing:.2em}

/* ============ 导航(inc/nav.php 的样式) ============ */
nav{position:fixed;inset:0 0 auto;z-index:60;background:rgba(244,241,231,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);transition:border-color .3s var(--ease)}
nav.sc{border-color:var(--line)}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:74px}
.logo{display:flex;align-items:center;gap:12px}
.logo .stamp{width:30px;height:30px;background:var(--seal);display:grid;place-items:center;color:var(--paper);font-family:var(--zh);font-weight:900;font-size:12px;line-height:1}
.logo .wm{font-family:var(--serif);font-size:19px}
.logo .wm i{font-style:italic}
.nlinks{display:flex;gap:38px;font:400 13px/1 var(--sans);letter-spacing:.04em;color:var(--mut)}
.nlinks a{padding:6px 0;border-bottom:1px solid transparent;transition:.25s var(--ease)}
.nlinks a:hover{color:var(--ink);border-color:var(--ink)}
.ncta{font:400 13px/1 var(--sans);letter-spacing:.04em;border:1px solid var(--ink);padding:13px 24px;transition:.25s var(--ease)}
.ncta:hover{background:var(--ink);color:var(--paper)}
@media(max-width:900px){.nlinks{display:none}}
@media(max-width:480px){.nav-in{height:62px}.logo .wm{font-size:16.5px}.logo .stamp{width:26px;height:26px;font-size:10px}.ncta{padding:10px 15px;font-size:12px}}

/* ============ 按钮(浅色语境默认;深色区块在各页覆盖) ============ */
.btn{display:inline-flex;align-items:center;gap:10px;font:400 13.5px/1 var(--sans);letter-spacing:.05em;padding:17px 30px;border:1px solid var(--ink);transition:.25s var(--ease)}
.btn.fill{background:var(--ink);color:var(--paper)}
.btn.fill:hover{background:var(--seal);border-color:var(--seal);color:var(--paper)}
.btn.line:hover,.btn:hover{background:var(--ink);color:var(--paper)}