/* ══════════════════════════════════════════════════════════
   萨古鲁智慧中文 · 全新样式表
   2026-09-18 从零编写。不继承旧站任何规则。
   令牌与「关中栖心」官网同源。
   ══════════════════════════════════════════════════════════ */

:root{
  /* 底色与面板 */
  --bg:#08080d;        --bg-2:#0e0e16;     --panel:#12121c;   --panel-2:#171724;
  /* 线 */
  --line:rgba(255,255,255,.08);            --line-2:rgba(255,255,255,.14);
  /* 文字 */
  --txt:#d7d8e0;       --txt-2:#c3c5cf;    --dim:#9597ab;     --head:#f4f1e8;
  /* 品牌色 */
  --gold:#d4af37;      --gold-2:#e9d9a4;   --cin:#c0392b;     --cin-2:#a92f22;
  /* 形状 */
  --r:14px;            --r-s:8px;          --r-pill:999px;
  /* 字体 */
  --serif:"Noto Serif SC","Songti SC",STSong,"Source Han Serif SC",serif;
  --sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB",
         "Noto Sans SC","Microsoft YaHei",sans-serif;
  /* 版心 */
  --wrap:760px;
  /* 装饰(来自官网) */
  --deco-line:url('/assets/images/deco/gold-divider.png');
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--bg);color:var(--txt);
  font:16px/1.85 var(--sans);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;              /* ⛔ 兜底:任何元素都不许把页面撑宽 */
}
img{max-width:100%;height:auto;display:block}   /* ⛔ 全局图片上限,防止撑宽 */
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-family:var(--serif);color:var(--head);font-weight:700;margin:0;line-height:1.35}
p{margin:0 0 1em}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}

/* ── 版心 ───────────────────────────────────────── */
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}
.wide{max-width:1080px;margin:0 auto;padding:0 20px}

/* ── 刊头 ───────────────────────────────────────── */
.masthead{
  position:sticky;top:0;z-index:50;
  background:rgba(8,8,13,.9);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
}
.masthead .in{display:flex;align-items:center;justify-content:space-between;
  height:58px;gap:12px}
.logo{font-family:var(--serif);font-size:16px;letter-spacing:.14em;color:var(--head);
  white-space:nowrap;flex:0 0 auto}
.logo em{font-style:normal;color:var(--gold)}

/* 导航:桌面横排 / 手机抽屉 —— 两套逻辑,互不干扰 */
.nav{display:flex;align-items:center;gap:2px;flex:1 1 auto;justify-content:center}
.nav a{padding:8px 12px;border-radius:var(--r-s);font-size:14px;color:var(--txt-2);
  white-space:nowrap}                                   /* ⛔ nowrap:永不竖排 */
.nav a:hover{color:var(--gold-2);background:rgba(255,255,255,.04)}
.nav a.on{color:var(--gold)}

.burger{display:none;width:40px;height:40px;border:1px solid var(--line);
  border-radius:11px;align-items:center;justify-content:center;
  color:var(--gold);font-size:16px;flex:0 0 auto}

/* 手机:抽屉 */
@media (max-width:820px){
  .burger{display:flex}
  .nav{
    position:fixed;inset:58px 0 0 0;
    display:block;                             /* ⛔ 不是 flex/grid,避免挤压 */
    background:var(--bg);
    padding:14px 20px 60px;
    overflow-y:auto;-webkit-overflow-scrolling:touch;
    transform:translateX(-100%);
    transition:transform .26s ease;
  }
  .nav.open{transform:translateX(0)}
  .nav a{
    display:block;                             /* 一行一项 */
    padding:14px 4px;
    font-size:16.5px;
    border-bottom:1px solid var(--line);
    white-space:nowrap;                        /* ⛔ 明文:永不换行 */
    letter-spacing:.02em;
  }
  .nav a.on{color:var(--gold)}
}

/* ── 栏头(全站统一:中文大字 + 英文紧贴 + 花纹)───── */
.sechead{text-align:center;padding-bottom:10px;margin:0 0 22px}
.sechead h2{font-size:29px;letter-spacing:.03em}
.sechead .en{display:block;margin-top:7px;font-size:10.5px;letter-spacing:.26em;
  color:var(--gold);text-transform:uppercase}
.sechead .deco{height:24px;margin:12px auto 0;background:var(--deco-line) center/contain no-repeat;
  opacity:.85;max-width:420px}

/* ── 区块 ───────────────────────────────────────── */
.sec{padding:44px 0 8px;position:relative}

/* ── 卡片 ───────────────────────────────────────── */
.cards{display:grid;gap:16px}
.card{display:block;background:var(--panel);border:1px solid var(--line);
  border-radius:var(--r);overflow:hidden;transition:border-color .2s,transform .2s}
.card:hover{border-color:var(--line-2);transform:translateY(-2px)}
.card img{width:100%;aspect-ratio:16/10;object-fit:cover;background:var(--panel-2)}
.card .ct{display:block;padding:13px 15px 16px;font-size:15.5px;line-height:1.6;color:#e2e3ea}
.card .meta{display:block;font-size:11.5px;color:var(--dim);margin-top:6px}

/* ── 页脚 ───────────────────────────────────────── */
.foot{margin-top:56px;border-top:1px solid var(--line);padding:28px 0 40px}
.foot .orn{width:120px;margin:0 auto 20px;opacity:.5}
.foot .links{display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:center;margin-bottom:16px}
.foot .links a{font-size:13.5px;color:var(--txt-2)}
.foot .links a:hover{color:var(--gold)}
.foot .cp{text-align:center;font-size:11.5px;color:#6e7080;letter-spacing:.06em;line-height:1.9}

/* ── 通用工具类 ─────────────────────────────────── */
.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:var(--r-pill);
  background:linear-gradient(135deg,#d4af37,#c9a02e);color:#1a1508;font-weight:700;font-size:15px}
.pull{margin:22px 0;padding:18px 0 18px 20px;border-left:2px solid var(--gold)}
.pull q{font-family:var(--serif);font-size:20px;line-height:1.75;color:var(--gold-2);display:block}
.muted{color:var(--dim);font-size:13px}
.center{text-align:center}

/* ── 响应式 ─────────────────────────────────────── */
@media (min-width:700px){
  .cards.cols-2{grid-template-columns:1fr 1fr}
  .cards.cols-3{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:699px){
  .sechead h2{font-size:24px}
  .sec{padding:34px 0 6px}
}