/* ============================================================
   极致中国 SoChina · 全站设计系统 v2
   深墨底 × 鎏金 × 绛红印章 × 青铜绿 · 国家级文化门户 · 零外部依赖
   ============================================================ */
:root{
  --ink:#f4eddd;          /* 主底 · 深墨 */
  --ink-2:#ece2cc;        /* 区块交替底 */
  --ink-3:#e3d7bd;        /* 页脚底 */
  --gold:#a8821f;         /* 鎏金 */
  --gold-lt:#8a6a15;      /* 亮金 */
  --gold-dk:#8f6f1e;      /* 暗金 */
  --red:#9e2b22;          /* 绛红 · 印章 */
  --red-dk:#6d1b14;
  --bronze:#527a6b;       /* 青铜绿 */
  --bronze-dk:#2e443c;
  --text:#352a18;
  --dim:#6a5b3d;
  --faint:#877856;
  --hair:rgba(120,90,25,.35);
  --hair-soft:rgba(120,90,25,.2);
  --serif:"Noto Serif SC","Source Han Serif SC","Songti SC","STZhongsong","SimSun",serif;
  --sans:"Noto Sans SC","Source Han Sans SC","PingFang SC","Microsoft YaHei",system-ui,sans-serif;
  --kai:"Ma Shan Zheng","Kaiti SC","STKaiti","KaiTi",var(--serif);
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}
body{
  font-family:var(--serif);
  background:var(--ink);
  color:var(--text);
  line-height:1.75;
  -webkit-font-smoothing:antialiased;
  overflow-wrap:break-word;
}
a{color:inherit;}
img{max-width:100%;}
::selection{background:rgba(158,43,34,.5);color:#fff;}
::-webkit-scrollbar{width:10px;height:8px;}
::-webkit-scrollbar-track{background:#191307;}
::-webkit-scrollbar-thumb{background:#c9ba95;border-radius:5px;}
::-webkit-scrollbar-thumb:hover{background:#a8955e;}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}

/* ---------- 鎏金标题 ---------- */
.gilt{
  background:linear-gradient(180deg,#f9eec6 0%,#ecd28a 34%,#d4af37 60%,#96741f 100%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
}

/* ---------- 印章（绛红方章） ---------- */
.seal{
  display:inline-flex;align-items:center;justify-content:center;
  width:44px;height:44px;flex:0 0 auto;
  background:linear-gradient(160deg,#a8352a,#7c1f16);
  color:#f5e9d8;font-size:22px;font-weight:bold;line-height:1;
  border-radius:4px;box-shadow:inset 0 0 0 1.5px rgba(245,233,216,.28),0 3px 10px rgba(0,0,0,.45);
}
.seal.sm{width:34px;height:34px;font-size:16px;border-radius:3px;}
.seal.lg{width:56px;height:56px;font-size:28px;border-radius:5px;}

/* ============================================================
   顶部深色通栏导航
   ============================================================ */
header{
  position:sticky;top:0;z-index:999;
  background:rgba(25,19,9,.96);
  border-bottom:1px solid var(--hair-soft);
  box-shadow:0 2px 18px rgba(0,0,0,.5);
}
header::before{
  content:"";display:block;height:3px;
  background:linear-gradient(90deg,var(--red-dk),var(--red) 22%,var(--gold) 50%,var(--bronze) 78%,var(--bronze-dk));
}
.header-wrap{
  max-width:1280px;margin:0 auto;
  display:flex;justify-content:space-between;align-items:center;
  padding:12px 24px;gap:12px;
}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none;flex:none;}
.logo .seal{width:40px;height:40px;font-size:20px;}
.logo-txt{display:flex;flex-direction:column;line-height:1.3;}
.logo-txt b{font-size:21px;font-weight:bold;letter-spacing:5px;color:#f3ead2;}
.logo-txt span{font-size:12px;letter-spacing:2px;color:var(--gold);opacity:.92;}
/* 只作用于页头导航，避免污染 <nav class="pager"> 等其他 nav 元素 */
header nav{display:flex;align-items:center;gap:2px;min-width:0;flex:0 1 auto;justify-content:flex-end;}
header nav a{
  color:#ddd5c0;text-decoration:none;font-size:15px;
  padding:8px 12px;letter-spacing:2px;white-space:nowrap;
  border-bottom:2px solid transparent;transition:.3s;
}
header nav a:hover{color:var(--gold-lt);}
header nav a.cur{color:var(--gold);border-bottom-color:var(--gold);}
header nav a.cooperate{
  background:linear-gradient(180deg,#b03227,#8a231a);
  color:#f5e9d8;font-weight:bold;margin-left:10px;
  padding:8px 18px;border-radius:2px;border:1px solid rgba(245,233,216,.25);
  border-bottom:1px solid rgba(245,233,216,.25);
}
header nav a.cooperate:hover{background:linear-gradient(180deg,#c23c2f,#96281e);color:#fff;}
.menu-btn{
  display:none;cursor:pointer;background:none;border:none;font-family:inherit;line-height:1;
  align-items:center;gap:7px;
  color:var(--gold-lt);font-size:14.5px;letter-spacing:2px;font-weight:600;
  font-family:var(--sans,system-ui);
  border:1.5px solid rgba(240,223,168,.55);border-radius:999px;
  padding:7px 14px;background:rgba(255,252,244,.08);transition:.25s;white-space:nowrap;
}
.menu-btn .mb-ico{font-size:16px;}
.menu-btn:active{background:rgba(240,223,168,.2);}
/* 首次手机访问一次性提示：金色脉冲两下（复用语言按钮关键帧） */
.menu-btn.hint{
  animation:langPulse 1.8s ease-in-out 2;
  border-color:rgba(255,233,176,.95);background:rgba(240,223,168,.26);color:#fff6da;
}
@media (prefers-reduced-motion:reduce){.menu-btn.hint{animation:none;}}
.mobile-nav{
  display:none;flex-direction:column;
  background:#191307;border-top:1px solid #2a2410;
}
.mobile-nav a{
  color:#e5dcc4;padding:15px 26px;text-decoration:none;
  border-bottom:1px solid #221c0c;font-size:17px;letter-spacing:3px;
}
.mobile-nav a.cur{color:var(--gold);}
.mobile-nav a.cooperate{
  background:linear-gradient(180deg,#b03227,#8a231a);color:#f5e9d8;
  font-weight:bold;margin:14px 20px;border-radius:3px;text-align:center;
  border-bottom:1px solid rgba(245,233,216,.25);
}
@media(max-width:960px){
  header nav,html[lang="en"] header nav{display:none;}
  .menu-btn{display:block;}
  .mobile-nav.show{display:flex;}
}

/* ============================================================
   首屏主视觉（视觉稿整幅作背景，题字烧录于图内）
   ============================================================ */
.hero{
  position:relative;
  overflow:hidden;
  aspect-ratio:16/9;
  min-height:min(72vh,620px);
  max-height:92vh;
  width:100%;
  background-position:left top;background-size:cover;background-repeat:no-repeat;
  background-color:#221b0f;
}
.hero::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:26%;
  background:linear-gradient(180deg,rgba(25,19,9,0) 0%,rgba(25,19,9,.52) 62%,rgba(25,19,9,.94) 100%);
  pointer-events:none;
}
/* 首屏底部 · 横向档案目录轨（覆盖于主视觉下沿，与图内题字呼应） */
.hero-track{
  position:absolute;left:0;right:0;bottom:0;z-index:2;
  display:flex;justify-content:center;align-items:stretch;
  background:linear-gradient(180deg,rgba(25,19,9,.10),rgba(25,19,9,.66));
  border-top:1px solid var(--hair-soft);
  overflow-x:auto;-webkit-overflow-scrolling:touch;
}
.hero-track a{
  flex:0 0 auto;display:flex;flex-direction:column;justify-content:center;
  padding:15px 28px;text-decoration:none;text-align:center;
  border-left:1px solid var(--hair-soft);
  transition:.3s;
}
.hero-track a:first-child{border-left:none;}
.hero-track b{
  color:#3a2f1a;font-size:16.5px;font-weight:normal;letter-spacing:3px;
  transition:.3s;
}
.hero-track span{
  color:#9a8f74;font-size:12px;letter-spacing:1px;margin-top:3px;
  transition:.3s;
}
.hero-track a:hover b,.hero-track a:hover span{color:var(--gold-lt);}
.hero-track a:hover{background:rgba(158,43,34,.24);}
@media(max-width:720px){
  .hero{aspect-ratio:auto;height:48vh;min-height:340px;background-position:left top;}
  .hero-track{justify-content:flex-start;}
  .hero-track a{padding:12px 18px;}
  .hero-track b{font-size:14.5px;letter-spacing:2px;}
}

/* ============================================================
   索引条（主视觉之下 · 章节总览 · 纯文字无卡片）
   ============================================================ */
.chapter-index{
  padding:26px 24px;background:var(--ink-3);
  border-bottom:1px solid var(--hair-soft);
}
.chapter-index .ci-wrap{
  max-width:1200px;margin:0 auto;
  display:flex;align-items:baseline;justify-content:center;flex-wrap:wrap;
  column-gap:0;
}
.ci-lab{
  color:var(--red);font-size:14px;letter-spacing:4px;margin-right:26px;
  display:inline-flex;align-items:center;gap:10px;font-weight:bold;
}
.ci-lab::before{content:"";width:8px;height:8px;background:var(--red);transform:rotate(45deg);}
.chapter-index a{
  color:#6a5b3d;text-decoration:none;font-size:15.5px;letter-spacing:2px;
  padding:4px 18px;transition:.3s;white-space:nowrap;
}
.chapter-index a:hover{color:var(--gold-lt);}
.chapter-index a + a{border-left:1px solid var(--hair-soft);}
@media(max-width:720px){
  .ci-lab{width:100%;justify-content:center;margin:0 0 10px;}
  .chapter-index .ci-wrap{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;}
}

/* ============================================================
   内容区块
   ============================================================ */
.sec{padding:84px 24px;}
.sec.alt{background:var(--ink-2);}
.wrap{max-width:1200px;margin:0 auto;}
.sec-head{margin-bottom:10px;}
.sec-no{
  display:flex;align-items:center;gap:16px;
  color:var(--gold);font-size:15px;letter-spacing:6px;margin-bottom:18px;
}
.sec-no::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--hair),transparent);}
.sec-head h1,.sec-head h2{
  font-size:clamp(30px,4vw,40px);font-weight:bold;letter-spacing:8px;
}
.sec-head h1{font-size:clamp(34px,4.6vw,46px);}
.sec-head .en{
  font-size:13px;letter-spacing:4px;color:var(--faint);
  margin-top:8px;text-transform:uppercase;
}
.sec-head .hook{
  color:var(--dim);font-size:16.5px;max-width:780px;
  margin-top:16px;letter-spacing:.5px;
}

/* ---------- 章节头（栏目首页内） ---------- */
.ch-head{display:flex;gap:20px;align-items:flex-start;margin-bottom:6px;}
.ch-head .seal{margin-top:8px;}
.ch-head h2{
  font-size:clamp(24px,3vw,31px);font-weight:bold;letter-spacing:6px;
}
.ch-head .en{display:block;font-size:12.5px;color:var(--faint);letter-spacing:3px;margin-top:6px;font-weight:normal;text-transform:uppercase;}
.ch-head .hook{color:var(--dim);font-size:15.5px;max-width:820px;margin-top:12px;line-height:1.95;}
.grp-sub{
  margin-top:34px;color:var(--bronze);font-size:16px;letter-spacing:4px;font-weight:bold;
  display:flex;align-items:center;gap:14px;
}
.grp-sub small{font-size:12px;color:var(--faint);letter-spacing:2px;font-weight:normal;}
.grp-sub::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--hair),transparent);}

/* ---------- 档案目录（多行网格 · 自动换行） ---------- */
.rail{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
  gap:30px 46px;margin-top:34px;padding:6px 0 6px;
}
.rail-item{
  padding:14px 0 4px;border-top:1px solid var(--hair);
}
.rail-item:first-child{border-top:1px solid var(--hair);padding-left:0;}
.e-name{
  font-size:20.5px;font-weight:bold;letter-spacing:2px;color:#3a2f1a;
  transition:.3s;text-decoration:none;display:inline-block;
}
a.e-name:hover{color:var(--gold-lt);}
.e-tag{font-size:12px;color:var(--bronze);letter-spacing:2px;margin-left:8px;}
.e-hook{color:#6f5f40;font-size:14.5px;margin-top:10px;line-height:1.85;}
.e-meta{
  color:var(--faint);font-size:13px;margin-top:9px;line-height:1.8;
}
.e-meta::before{content:"── ";color:var(--gold-dk);letter-spacing:-2px;}
a.e-more{
  display:inline-block;margin-top:18px;text-decoration:none;
  color:var(--gold);font-size:14px;letter-spacing:2px;
  border-bottom:1px solid var(--hair);padding-bottom:3px;transition:.3s;
}
a.e-more:hover{color:var(--gold-lt);border-bottom-color:var(--gold);}
.rail-hint{color:var(--faint);font-size:12.5px;letter-spacing:3px;margin-top:2px;}
.rail-hint::before{content:"◆ ";color:var(--red);font-size:9px;vertical-align:middle;}
@media(max-width:720px){
  .rail{grid-template-columns:1fr;gap:24px;}
  .rail-item{padding:12px 0 4px;}
}

/* ---------- 时间轴（历史里程碑） ---------- */
.timeline{position:relative;margin-top:44px;}
.timeline::before{
  content:"";position:absolute;left:0;right:0;top:7px;height:1px;
  background:linear-gradient(90deg,var(--red) 0%,var(--gold-dk) 12%,var(--hair) 32%,var(--hair) 70%,transparent);
}
.tl{
  display:flex;overflow-x:auto;padding-top:34px;
  scroll-snap-type:x proximity;
}
.tl-item{
  flex:0 0 auto;width:246px;padding-right:26px;position:relative;
  scroll-snap-align:start;
}
.tl-item::before{
  content:"";position:absolute;top:-34px;left:0;
  width:9px;height:9px;border-radius:50%;
  background:var(--ink);border:2px solid var(--gold);
  transform:translateY(-4px);
}
.tl-item.major::before{background:var(--red);border-color:var(--gold-lt);}
.tl-era{color:var(--bronze);font-size:12.5px;letter-spacing:1px;}
.tl-name{font-size:19px;font-weight:bold;color:#3a2f1a;letter-spacing:2px;margin-top:5px;}
.tl-hook{color:#6a5c40;font-size:13.5px;margin-top:8px;line-height:1.8;}
.tl-hook .m{color:var(--faint);display:block;margin-top:6px;}

/* ---------- 索引条（双栏辞典式） ---------- */
.indexbar{
  margin-top:36px;display:grid;
  grid-template-columns:repeat(auto-fill,minmax(460px,1fr));
  column-gap:64px;
}
.ix-item{
  display:flex;gap:18px;align-items:baseline;
  padding:15px 2px;border-bottom:1px dashed rgba(212,175,55,.18);
}
.ix-no{flex:0 0 auto;font-family:Georgia,serif;color:var(--red);font-size:14px;letter-spacing:1px;}
.ix-name{
  flex:0 0 auto;min-width:5.5em;font-size:17.5px;font-weight:bold;
  color:#ead9a4;letter-spacing:1px;text-decoration:none;transition:.3s;
}
a.ix-name:hover{color:var(--gold-lt);}
.ix-hook{color:#b7ac92;font-size:14px;line-height:1.8;}
@media(max-width:1024px){.indexbar{grid-template-columns:1fr;}}

/* ---------- 地域索引 ---------- */
.region-grid{
  margin-top:40px;display:grid;
  grid-template-columns:repeat(auto-fill,minmax(330px,1fr));
  gap:0 56px;
}
.rg{padding:18px 0;border-bottom:1px solid var(--hair-soft);}
.rg h3{
  font-size:18px;color:var(--gold);letter-spacing:3px;font-weight:bold;
  display:flex;align-items:baseline;gap:10px;
}
.rg h3::before{content:"";width:7px;height:7px;background:var(--red);transform:rotate(45deg);align-self:center;}
.rg h3 small{font-size:12px;color:var(--faint);letter-spacing:2px;font-weight:normal;}
.rg p{color:var(--dim);font-size:14px;margin-top:8px;line-height:2;}

/* ============================================================
   首页 · 六大栏目
   ============================================================ */
.cat{
  display:grid;grid-template-columns:250px 1fr;gap:56px;
  padding:72px 0;border-bottom:1px solid var(--hair-soft);
  align-items:start;
}
.cat:last-of-type{border-bottom:none;}
.cat-side .no{
  display:flex;align-items:center;gap:12px;
  font-size:14px;color:var(--bronze);letter-spacing:5px;
}
.cat-side .no::before{content:"";width:8px;height:8px;background:var(--red);transform:rotate(45deg);}
.cat-side h2{margin-top:14px;font-size:33px;letter-spacing:6px;font-weight:bold;}
.cat-side h2 a{text-decoration:none;transition:.3s;}
.cat-side h2 a:hover{filter:brightness(1.25);}
.cat-side .en{font-size:12.5px;color:var(--faint);letter-spacing:3px;margin-top:6px;text-transform:uppercase;}
.cat-side .hook{color:var(--dim);font-size:14.5px;margin-top:16px;line-height:1.9;}
.cat-side .go{
  display:inline-block;margin-top:22px;text-decoration:none;
  color:var(--gold);font-size:14.5px;letter-spacing:3px;
  border-bottom:1px solid var(--hair);padding-bottom:4px;transition:.3s;
}
.cat-side .go:hover{color:var(--gold-lt);border-bottom-color:var(--gold);}
.cat-body{min-width:0;}
.cat-body .rail{margin-top:8px;}
.cat-body .rail-item{padding-top:12px;}
@media(max-width:920px){
  .cat{grid-template-columns:1fr;gap:26px;padding:54px 0;}
}

/* ---------- 平台定位 / 品牌共生 ---------- */
.manifesto{max-width:880px;margin:0 auto;text-align:center;}
.manifesto p{font-size:17px;color:#6a5b3d;line-height:2.15;letter-spacing:1px;}
.manifesto p strong{color:var(--gold-lt);font-weight:normal;}
.manifesto p strong.gilt{-webkit-text-fill-color:transparent;}
.triad{display:flex;justify-content:center;flex-wrap:wrap;margin-top:44px;}
.triad div{
  padding:6px 38px;text-align:center;
  border-left:1px solid var(--hair);
}
.triad div:first-child{border-left:none;}
.triad b{display:block;font-size:22px;color:var(--gold-lt);letter-spacing:5px;font-weight:bold;}
.triad span{display:block;font-size:13px;color:var(--faint);margin-top:6px;letter-spacing:2px;}
@media(max-width:640px){
  .triad{flex-direction:column;gap:18px;}
  .triad div{border-left:none;padding:0;}
}

/* ============================================================
   卷轴式跨栏目目录
   ============================================================ */
.scrollnav{padding:76px 24px 92px;background:var(--ink-3);}
.scrollnav .st{
  text-align:center;color:var(--gold);letter-spacing:8px;font-size:15px;
  margin-bottom:42px;
}
.scrollnav .st::before,.scrollnav .st::after{content:"◆";font-size:9px;color:var(--bronze);vertical-align:middle;margin:0 18px;opacity:.8;}
.scroll-row{
  display:flex;justify-content:center;flex-wrap:wrap;gap:26px 34px;
  max-width:1080px;margin:0 auto;
}
.scroll-link{
  position:relative;display:flex;flex-direction:column;align-items:center;
  padding:20px 38px;text-decoration:none;transition:.3s;
}
.scroll-link::before,.scroll-link::after{
  content:"";position:absolute;top:4px;bottom:4px;width:7px;border-radius:3px;
  background:linear-gradient(180deg,#a8955e,#c9a233 45%,#8f6f1e);
  transition:.3s;opacity:.85;
}
.scroll-link::before{left:0;}
.scroll-link::after{right:0;}
.scroll-link b{
  font-size:20px;color:#3f3420;font-weight:bold;letter-spacing:4px;transition:.3s;
}
.scroll-link span{font-size:11.5px;color:var(--faint);letter-spacing:2px;margin-top:5px;text-transform:uppercase;transition:.3s;}
.scroll-link:hover{transform:translateY(-3px);}
.scroll-link:hover::before,.scroll-link:hover::after{opacity:1;box-shadow:0 0 12px rgba(212,175,55,.4);}
.scroll-link:hover b{color:var(--gold-lt);}
.scroll-link:hover span{color:var(--bronze);}
@media(max-width:720px){
  .scroll-row{display:grid;grid-template-columns:1fr 1fr;gap:12px 10px;}
  .scroll-link{padding:14px 18px;width:100%;}
  .scroll-link b{font-size:16px;letter-spacing:2px;}
}

/* ============================================================
   页脚
   ============================================================ */
footer{background:var(--ink-3);border-top:1px solid var(--hair-soft);}
footer .foot-rule{height:3px;background:linear-gradient(90deg,var(--bronze-dk),var(--bronze) 30%,var(--gold) 62%,var(--red) 100%);}
.footer-wrap{max-width:1200px;margin:0 auto;padding:54px 24px 30px;}
.footer-top{
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:36px;
  border-bottom:1px solid #2a2410;padding-bottom:36px;margin-bottom:28px;
}
.footer-col h3{color:var(--gold);font-size:17px;margin-bottom:14px;letter-spacing:3px;font-weight:bold;}
.footer-col p,.footer-col a{
  color:var(--dim);font-size:13.5px;text-decoration:none;display:block;margin:7px 0;letter-spacing:1px;
}
.footer-col a:hover{color:var(--gold-lt);}
.footer-col .f-sub{
  color:#9b8f72;font-size:12px;letter-spacing:3px;margin:20px 0 6px;
  padding-top:14px;border-top:1px solid rgba(240,223,168,.16);
}
.copyright{text-align:center;font-size:12.5px;color:#6f6752;letter-spacing:1px;}

/* ============================================================
   进场动画（含无 JS 兜底）
   ============================================================ */
.rv{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease;}
.rv.in{opacity:1;transform:none;}
html.no-js .rv{opacity:1;transform:none;}
@media (prefers-reduced-motion:reduce){
  .rv{opacity:1;transform:none;transition:none;}
}

/* ============================================================
   子页（详情页）：卷首 · 条目正文 · 分组
   ============================================================ */
.subhero{
  position:relative;overflow:hidden;padding:110px 24px 84px;
  background-position:center;background-size:cover;background-repeat:no-repeat;
  background-color:#282113;
}
.subhero::before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(1100px 480px at 15% -10%, rgba(158,43,34,.18), transparent 60%),
    radial-gradient(900px 420px at 88% 10%, rgba(212,175,55,.10), transparent 60%),
    linear-gradient(180deg,rgba(25,19,9,.82),rgba(25,19,9,.72) 55%,rgba(30,24,12,.96));
}
.subhero .wrap{position:relative;z-index:1;}
.wm{
  position:absolute;right:2%;top:-6%;line-height:1;
  font-size:min(340px,42vw);font-weight:bold;
  color:rgba(212,175,55,.05);pointer-events:none;user-select:none;
}
.crumbs{font-size:13px;color:var(--faint);letter-spacing:1px;margin-bottom:30px;}
.crumbs a{color:var(--dim);text-decoration:none;transition:.3s;}
.crumbs a:hover{color:var(--gold-lt);}
.sub-no{color:var(--bronze);letter-spacing:5px;font-size:13.5px;margin-bottom:16px;display:flex;align-items:center;gap:12px;}
.sub-no::before{content:"";width:8px;height:8px;background:var(--red);transform:rotate(45deg);}
.subhero h1{font-size:clamp(32px,4.6vw,50px);letter-spacing:10px;font-weight:bold;}
.subhero .en{font-size:13px;letter-spacing:4px;color:var(--faint);margin-top:10px;text-transform:uppercase;}
.subhero .hook{color:#6a5b3d;font-size:16.5px;max-width:800px;margin-top:16px;}
.sub-index{
  margin-top:30px;border-top:1px solid var(--hair-soft);padding-top:18px;
  font-size:13.5px;color:var(--faint);line-height:2.4;
}
.sub-index .lab{color:var(--gold);letter-spacing:3px;margin-right:14px;}
.sub-index a{color:#6f5f40;text-decoration:none;margin-right:4px;transition:.3s;white-space:nowrap;}
.sub-index a:hover{color:var(--gold-lt);}

.entry{padding:72px 24px 66px;border-top:1px solid var(--hair-soft);}
.entry-head{display:flex;gap:20px;align-items:flex-start;margin-bottom:20px;}
.entry-head .seal{margin-top:4px;}
.entry-head h2{font-size:clamp(24px,3vw,32px);letter-spacing:5px;font-weight:bold;color:#3a2f1a;line-height:1.4;}
.entry-head h2 .en{display:block;font-size:12.5px;color:var(--faint);letter-spacing:2px;margin-top:7px;font-weight:normal;}
.e-hook{font-size:17.5px;color:#6a5b3d;line-height:2;max-width:880px;}
.e-body{font-size:15px;color:#7a6b4a;line-height:2.05;max-width:880px;margin-top:14px;}
.entry .e-meta{margin-top:14px;}
.entry-fig{margin-top:32px;max-width:900px;}
.entry-fig img{
  width:100%;display:block;border:1px solid var(--hair-soft);
  filter:saturate(.86) contrast(1.03) brightness(.94);
}
.entry-fig figcaption{font-size:12.5px;color:var(--faint);letter-spacing:2px;margin-top:10px;}
.entry-fig figcaption::before{content:"◆ ";color:var(--bronze);font-size:9px;}

.grp-sec{padding:60px 24px 6px;border-top:1px solid var(--hair-soft);}
.grp-sec:first-of-type{border-top:none;}
.grp-main{font-size:22px;letter-spacing:5px;margin:0;display:flex;align-items:center;gap:14px;color:#3a2f1a;}
.grp-main::before{content:"";width:9px;height:9px;background:var(--red);transform:rotate(45deg);flex:0 0 auto;}
.grp-main small{font-size:12px;color:var(--faint);letter-spacing:2px;font-weight:normal;}
.grp-hook{color:var(--dim);font-size:15px;margin-top:12px;}
.grp-sec + .entry{border-top:none;}

.tl-entry{padding-top:80px;padding-bottom:56px;}
.tl-entry .tl{padding-bottom:20px;}

/* ---------- 同栏目篇章导览（上一章 / 下一章） ---------- */
.chapter-nav{
  display:flex;justify-content:space-between;gap:20px;
  padding:44px 24px;border-top:1px solid var(--hair-soft);background:var(--ink);
}
.chapter-nav a{
  flex:1;text-decoration:none;padding:18px 22px;transition:.3s;
  border-left:2px solid var(--hair);
}
.chapter-nav a:last-child{text-align:right;border-left:none;border-right:2px solid var(--hair);}
.chapter-nav a:hover{background:rgba(212,175,55,.06);}
.chapter-nav .lab{display:block;font-size:12px;color:var(--faint);letter-spacing:3px;}
.chapter-nav b{display:block;font-size:18px;color:#3f3420;letter-spacing:3px;margin-top:6px;font-weight:bold;transition:.3s;}
.chapter-nav a:hover b{color:var(--gold-lt);}
.chapter-nav .ph{visibility:hidden;}
@media(max-width:720px){
  .entry{padding:54px 20px 48px;}
  .entry-head{gap:14px;}
  .subhero{padding:84px 20px 60px;}
  .wm{opacity:.6;}
  .chapter-nav{flex-direction:column;}
  .chapter-nav a:last-child{text-align:left;border-right:none;border-left:2px solid var(--hair);}
  .chapter-nav .ph{display:none;}
}

/* ============================================================
   条目详情页（图书馆级）：卷首引语 · 元信息条 · 分节正文
   ============================================================ */
.kai{font-family:var(--kai);}
.d-quote{
  font-family:var(--kai);
  color:var(--gold-lt);font-size:clamp(19px,2.4vw,25px);
  letter-spacing:3px;margin-top:26px;line-height:1.6;
}
.d-quote::before{content:"「";color:var(--red);margin-right:2px;}
.d-quote::after{content:"」";color:var(--red);margin-left:2px;}

.meta-strip{
  display:grid;grid-template-columns:repeat(4,1fr);
  border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);
  max-width:1200px;margin:56px auto 0;
}
.meta-strip .cell{
  padding:22px 26px;border-left:1px solid var(--hair-soft);
}
.meta-strip .cell:first-child{border-left:none;}
.meta-strip .k{
  color:var(--bronze);font-size:12.5px;letter-spacing:4px;margin-bottom:9px;
}
.meta-strip .v{
  color:#43371f;font-size:15.5px;letter-spacing:.5px;line-height:1.7;
}
.meta-strip .v small{
  display:block;color:var(--faint);font-size:11.5px;letter-spacing:1px;
  margin-top:4px;text-transform:uppercase;
}
@media(max-width:900px){
  .meta-strip{grid-template-columns:1fr 1fr;}
  .meta-strip .cell:nth-child(3){border-left:none;}
  .meta-strip .cell{border-top:1px solid var(--hair-soft);}
  .meta-strip .cell:nth-child(-n+2){border-top:none;}
}

.d-article{max-width:860px;margin:0 auto;padding:64px 24px 20px;}
.d-intro{
  font-size:17.5px;color:#5a4c30;line-height:2.15;letter-spacing:.5px;
  text-indent:2em;
}
.d-intro::first-letter{
  font-size:1.7em;color:var(--gold-lt);font-family:var(--kai);
}

.part{padding:44px 0 6px;border-top:1px solid var(--hair-soft);}
.d-article .part:first-of-type{border-top:none;padding-top:8px;}
.part-title{
  font-size:clamp(20px,2.4vw,25px);letter-spacing:3px;font-weight:bold;
  color:#3a2f1a;display:flex;align-items:baseline;gap:14px;
}
.part-title::before{content:"◆";color:var(--red);font-size:11px;transform:translateY(-2px);}
.part-title .en-t{
  font-size:11.5px;color:var(--faint);letter-spacing:2px;font-weight:normal;
  text-transform:uppercase;
}
.part p.zh{
  font-size:15.5px;color:#6f6144;line-height:2.15;
  margin-top:18px;text-align:justify;
}
.part p.zh::first-letter{color:#8a6a15;}

.quote-block{
  margin:36px 0 10px;padding:6px 0 6px 26px;border-left:2px solid var(--gold-dk);
}
.quote-block .q-zh{
  font-family:var(--kai);font-size:19px;color:var(--gold-lt);
  letter-spacing:2px;line-height:1.9;
}
.quote-block .q-src{
  font-size:12.5px;color:var(--faint);letter-spacing:2px;margin-top:8px;
}

.figures{max-width:1080px;margin:10px auto 0;padding:0 24px;}
.figures figure{margin:0;}
.figures img{
  width:100%;display:block;border:1px solid var(--hair-soft);
  filter:saturate(.94) contrast(1.03) brightness(.96);
}
.figures figcaption{
  font-size:12.5px;color:var(--faint);letter-spacing:2px;margin-top:10px;
  text-align:center;
}
.figures figcaption::before{content:"◆ ";color:var(--bronze);font-size:9px;}

.seal-sign{max-width:860px;margin:44px auto 0;padding:0 24px;display:flex;justify-content:center;}
.seal-sign .stamp{
  width:64px;height:64px;background:linear-gradient(160deg,#a8352a,#7c1f16);
  color:#f5e9d8;font-family:var(--kai);font-size:22px;line-height:1.25;
  display:flex;align-items:center;justify-content:center;text-align:center;
  border-radius:4px;box-shadow:inset 0 0 0 2px rgba(245,233,216,.3),0 4px 14px rgba(0,0,0,.5);
  transform:rotate(-3deg);
}

/* 旧版 pager 样式已废弃（现为 .pg-card 卡片版），仅保留窄屏 .d-article 间距 */
@media(max-width:720px){
  .d-article{padding:48px 20px 10px;}
}

/* ============================================================
   首页 v3 · 轮播大图 / 文明引力 / 文明年轮 / 六大体系
   ============================================================ */
.hero-slide{
  position:absolute;inset:0;z-index:0;
  background-size:cover;background-position:center;background-repeat:no-repeat;
  opacity:0;transition:opacity 1.5s ease;will-change:transform,opacity;
}
.hero-slide.on{opacity:1;z-index:1;}
.hero-slide.on.kb-a{animation:kbA 12s ease-out both;}
.hero-slide.on.kb-b{animation:kbB 12s ease-out both;}
@keyframes kbA{from{transform:scale(1) translate(0,0);}to{transform:scale(1.1) translate(-1.8%,-1%);}}
@keyframes kbB{from{transform:scale(1.1) translate(1.6%,1%);}to{transform:scale(1) translate(0,0);}}
@media (prefers-reduced-motion:reduce){.hero-slide.on{animation:none;}}
.hero-tint{
  position:absolute;inset:0;z-index:2;pointer-events:none;
  background:
    linear-gradient(90deg,rgba(10,7,3,.62),rgba(10,7,3,.30) 42%,rgba(10,7,3,0) 72%),
    linear-gradient(180deg,rgba(10,7,3,.48),rgba(10,7,3,.06) 42%,rgba(10,7,3,0) 62%);
}
.hero-inner{
  position:absolute;left:0;right:0;bottom:118px;z-index:3;
  max-width:1160px;margin:0 auto;padding:0 28px;
}
.hero-inner .hb-no{color:#cdbd93;font-size:12.5px;letter-spacing:7px;}
.hero-inner h1{
  font-size:clamp(44px,6.4vw,84px);letter-spacing:14px;line-height:1.15;
  margin:10px 0 6px;text-shadow:0 4px 26px rgba(0,0,0,.45);
}
.hero-inner .hb-slogan{color:#8a6a15;font-size:clamp(15px,1.8vw,21px);letter-spacing:9px;text-shadow:0 2px 12px rgba(0,0,0,.5);}
.hero-inner .hb-sub{color:#cfc4a9;font-size:14px;line-height:2;max-width:620px;margin-top:16px;text-shadow:0 2px 10px rgba(0,0,0,.55);}
.hero-cap{
  position:absolute;right:28px;bottom:128px;z-index:3;text-align:right;max-width:340px;
  opacity:.94;transition:opacity .8s ease;
}
.hero-cap.fade{opacity:0;}
.hero-cap b{display:block;color:#8a6a15;font-size:20px;letter-spacing:5px;text-shadow:0 2px 12px rgba(0,0,0,.65);}
.hero-cap span{display:block;color:#b6ab8e;font-size:12px;letter-spacing:1.5px;margin-top:6px;line-height:1.8;text-shadow:0 1px 8px rgba(0,0,0,.6);}
.hero-dots{
  position:absolute;left:0;right:0;bottom:96px;z-index:3;
  display:flex;justify-content:center;gap:12px;
}
.hero-dots button{
  width:30px;height:3px;border:none;border-radius:2px;padding:0;cursor:pointer;
  background:rgba(240,223,168,.30);transition:.3s;
}
.hero-dots button:hover{background:rgba(240,223,168,.6);}
.hero-dots button.on{background:var(--gold-lt);box-shadow:0 0 8px rgba(240,223,168,.5);}
@media(max-width:960px){.hero-cap{display:none;}}
@media(max-width:720px){
  .hero-inner{bottom:96px;padding:0 20px;}
  .hero-inner h1{letter-spacing:8px;}
  .hero-inner .hb-no{font-size:11px;letter-spacing:4px;white-space:nowrap;}
  .hero-inner .hb-sub{display:none;}
  .hero-dots{bottom:78px;}
}

/* ---------- 文明引力 ---------- */
.wm-big{font-size:clamp(26px,3.4vw,42px);letter-spacing:4px;}
.wm-lead{max-width:980px;margin-top:26px;}
.wm-lead p{color:var(--dim);font-size:16px;line-height:2.15;text-align:justify;}
.wm-lead p + p{margin-top:18px;}
.wm-lead strong{color:var(--gold-lt);font-weight:bold;}
.stats{
  margin-top:52px;display:grid;grid-template-columns:repeat(3,1fr);
  border:1px solid var(--hair-soft);
}
.stat{
  padding:30px 26px;border-left:1px solid var(--hair-soft);border-top:1px solid var(--hair-soft);
  background:rgba(212,175,55,.028);transition:background .35s;
}
.stat:hover{background:rgba(158,43,34,.09);}
.stat:nth-child(3n+1){border-left:none;}
.stat:nth-child(-n+3){border-top:none;}
.stat:nth-child(even){background:rgba(82,122,107,.05);}
.stat:nth-child(even):hover{background:rgba(158,43,34,.09);}
.st-num{font-size:clamp(30px,3.2vw,42px);font-weight:bold;letter-spacing:1px;line-height:1.2;}
.st-num small{font-size:.42em;color:var(--dim);margin-left:6px;letter-spacing:2px;-webkit-text-fill-color:var(--dim);}
.st-lab{color:var(--dim);font-size:13px;letter-spacing:1.5px;margin-top:10px;line-height:1.8;}
@media(max-width:860px){
  .stats{grid-template-columns:repeat(2,1fr);}
  .stat:nth-child(3n+1){border-left:1px solid var(--hair-soft);}
  .stat:nth-child(-n+3){border-top:1px solid var(--hair-soft);}
  .stat:nth-child(2n+1){border-left:none;}
  .stat:nth-child(-n+2){border-top:none;}
  .stat:nth-child(even){background:rgba(212,175,55,.028);}
  .stat:nth-child(even):hover{background:rgba(158,43,34,.09);}
}

/* ---------- 文明年轮 ---------- */
.annals{
  display:flex;gap:16px;overflow-x:auto;padding:4px 2px 20px;
  -webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;
}
.annal{
  flex:0 0 248px;scroll-snap-align:start;position:relative;display:block;text-decoration:none;
  border:1px solid var(--hair-soft);background:rgba(212,175,55,.025);
  padding:22px 20px 24px;transition:.35s;
}
.annal::before{
  content:"";position:absolute;top:-1px;left:18px;right:18px;height:2px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:0;transition:.35s;
}
.annal:hover{border-color:rgba(212,175,55,.4);transform:translateY(-5px);background:rgba(158,43,34,.08);}
.annal:hover::before{opacity:1;}
.a-era{color:var(--gold);font-size:12px;letter-spacing:2.5px;}
.annal b{display:block;color:#3a2f1a;font-size:20px;letter-spacing:3px;margin:10px 0;}
.annal p{color:var(--dim);font-size:13.5px;line-height:1.95;}
.annal::after{content:"→";position:absolute;right:16px;bottom:12px;color:var(--faint);transition:.35s;}
.annal:hover::after{color:var(--gold-lt);right:12px;}

/* ---------- 六大体系 ---------- */
.sys-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.sys{
  position:relative;display:flex;flex-direction:column;text-decoration:none;overflow:hidden;
  border:1px solid var(--hair-soft);background:rgba(212,175,55,.025);
  padding:26px 24px 22px;transition:.35s;
}
.sys::after{
  content:"";position:absolute;right:-40px;bottom:-60px;width:190px;height:190px;border-radius:50%;
  background:radial-gradient(closest-side,rgba(158,43,34,.18),transparent);
  opacity:0;transition:.4s;
}
.sys:hover{border-color:rgba(212,175,55,.4);transform:translateY(-5px);background:rgba(212,175,55,.05);}
.sys:hover::after{opacity:1;}
.s-no{font-family:var(--kai);color:#c8574a;font-size:16px;letter-spacing:2px;}
.sys b{color:#8a6a15;font-size:23px;letter-spacing:5px;margin:10px 0 4px;}
.sys .s-en{color:var(--faint);font-size:11.5px;letter-spacing:3px;text-transform:uppercase;}
.sys p{color:var(--dim);font-size:13.5px;line-height:1.95;margin:14px 0 16px;flex:1;}
.s-go{color:var(--gold);font-size:13px;letter-spacing:2px;align-self:flex-start;transition:.3s;}
.sys:hover .s-go{color:var(--gold-lt);}
@media(max-width:900px){.sys-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.sys-grid{grid-template-columns:1fr;}}

/* ---------- 鱼灯屏：右置缩小构图 ---------- */
.hero-slide.kb-side{
  background-color:#2b0f08;
  background-size:auto 112%;
  background-position:right center;
}

/* ============================================================
   浅色主题适配：影像卷首区（深色照片上）保持浅色文字
   ============================================================ */
.crumbs{color:#c9bda0;}
.crumbs a{color:#d8cdb0;}
.crumbs a:hover{color:#f0dfa8;}
.sub-no{color:#c9a86a;}
.subhero .en{color:#bfb298;}
.subhero .hook{color:#d9ceae;}
.subhero .d-quote{color:#e8d5a0;}
.subhero .d-quote::before,.subhero .d-quote::after{color:#e06a5c;}
.sub-index{color:#c9bda0;}
.sub-index a{color:#d0c4a6;}
.sub-index a:hover{color:#f0dfa8;}
.hero-track b{color:#efe6cb;}
.hero-track span{color:#9a8f74;}
.hero-track a:hover b,.hero-track a:hover span{color:#f0dfa8;}
.hero-cap b{color:#f0dfa8;}
.hero-cap span{color:#c3b897;}
.mobile-nav{background:#221b0f;border-top:1px solid #3a3020;}
.mobile-nav a{color:#e5dcc4;border-bottom:1px solid #2a2210;}
.mobile-nav a.cur{color:#d4af37;}
.mobile-nav a.cooperate{color:#f5e9d8;}
/* 鎏金标题在浅底上加深对比 */
.gilt{
  background:linear-gradient(180deg,#b8912a 0%,#8a6a15 45%,#6e5210 100%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:transparent;
}

/* ============================================================
   详情页 v4 · 钩子提问 / 金句详解 / 章节分隔符 / 节气网格 / 醒目翻页
   ============================================================ */
.part-divider{
  display:flex;align-items:center;gap:16px;
  margin:52px 0 -30px;
}
.part-divider .ln{
  flex:1;height:1px;
  background:linear-gradient(90deg,transparent,var(--gold-dk) 50%,transparent);
  opacity:.55;
}
.part-divider .orn{
  color:var(--gold-lt);font-size:13px;letter-spacing:8px;
}
.part-divider .orn::before{content:"✦";font-size:9px;opacity:.7;margin-right:8px;}
.part-divider .orn::after{content:"✦";font-size:9px;opacity:.7;margin-left:8px;}

.hook-q{
  display:flex;align-items:flex-start;gap:12px;
  margin:22px 0 4px;padding:14px 18px;
  background:linear-gradient(90deg,rgba(168,130,31,.10),rgba(168,130,31,0));
  border-left:3px solid var(--gold-dk);
}
.hook-q .q-mark{
  flex:none;width:26px;height:26px;border-radius:50%;
  background:linear-gradient(160deg,#a8352a,#7c1f16);
  color:#f5e9d8;font-family:var(--kai);font-size:14px;
  display:flex;align-items:center;justify-content:center;
  box-shadow:inset 0 0 0 1px rgba(245,233,216,.35);
  transform:translateY(2px);
}
.hook-q .q-txt{
  font-family:var(--kai);font-size:16.5px;color:#7a5a10;
  letter-spacing:1px;line-height:1.8;
}
.hook-q .q-txt::after{content:"";}

.aphorism{
  display:flex;gap:16px;align-items:flex-start;
  margin:30px 0 12px;padding:22px 24px;
  background:linear-gradient(135deg,rgba(168,130,31,.12),rgba(168,130,31,.04));
  border:1px solid var(--hair-soft);
  position:relative;
}
.aphorism::before,.aphorism::after{
  content:"";position:absolute;width:10px;height:10px;
  border-color:var(--gold-dk);border-style:solid;
}
.aphorism::before{top:-1px;left:-1px;border-width:2px 0 0 2px;}
.aphorism::after{bottom:-1px;right:-1px;border-width:0 2px 2px 0;}
.aphorism .a-mark{
  flex:none;width:34px;height:34px;
  background:linear-gradient(160deg,#a8352a,#7c1f16);
  color:#f5e9d8;font-family:var(--kai);font-size:17px;
  display:flex;align-items:center;justify-content:center;border-radius:3px;
  box-shadow:inset 0 0 0 1px rgba(245,233,216,.3);
  transform:rotate(-4deg);
}
.aphorism .a-quote{
  font-size:18px;color:#8a5a00;letter-spacing:2px;line-height:1.85;
}
.aphorism .a-quote::before{content:"「";color:var(--red);}
.aphorism .a-quote::after{content:"」";color:var(--red);}
.aphorism .a-expl{
  margin-top:10px;font-size:14px;color:#6f6144;line-height:2;
  letter-spacing:.5px;
}
.aphorism .a-expl::before{
  content:"释 ";color:var(--red);font-family:var(--kai);
  border:1px solid var(--red);padding:0 3px;margin-right:8px;font-size:12px;
}

.d-grid-sec{margin:44px 0 6px;}
.d-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));
  gap:16px;margin-top:26px;
}
.g-cell{
  padding:16px 16px 14px;border:1px solid var(--hair-soft);
  background:rgba(255,252,244,.6);
  display:flex;flex-direction:column;gap:8px;
  transition:.3s;position:relative;
}
.g-cell::before{
  content:"";position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,var(--gold-dk),transparent 70%);
  opacity:.6;
}
.g-cell:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(90,60,10,.12);}
.g-name{
  font-family:var(--kai);font-size:19px;color:#3a2f1a;letter-spacing:2px;
  display:flex;align-items:baseline;justify-content:space-between;
}
.g-name::before{content:"◆";font-size:9px;color:var(--red);margin-right:6px;}
.g-date{font-size:11px;color:var(--faint);letter-spacing:1px;}
.g-mean{font-size:13px;color:#8a5a00;line-height:1.75;letter-spacing:.3px;}
.g-sci{font-size:12.5px;color:#6f6144;line-height:1.8;}

.pager{max-width:1080px;margin:56px auto 0;padding:0 24px;display:flex;gap:22px;}
/* 保险：抵消任何全局 nav 规则对 <nav class="pager"> 的影响 */
nav.pager{flex:0 1 auto;flex-wrap:nowrap;justify-content:flex-start;}
.pager .pg-card{
  flex:1;display:flex;align-items:center;gap:18px;text-decoration:none;
  padding:24px 26px;border:1px solid var(--hair-soft);
  background:linear-gradient(135deg,rgba(168,130,31,.07),rgba(168,130,31,.02));
  transition:.3s;position:relative;overflow:hidden;
}
.pager .pg-card::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg,var(--gold-dk),var(--red));
  opacity:.75;
}
.pager .pg-card:hover{
  transform:translateY(-4px);
  box-shadow:0 12px 28px rgba(90,60,10,.16);
  background:linear-gradient(135deg,rgba(168,130,31,.14),rgba(168,130,31,.05));
}
.pager .pg-card.next{justify-content:flex-end;text-align:right;}
.pager .pg-card.next::before{left:auto;right:0;}
.pager .pg-ico{
  flex:none;width:52px;height:52px;border-radius:50%;
  border:1px solid var(--gold-dk);color:var(--gold-lt);
  font-size:24px;display:flex;align-items:center;justify-content:center;
  background:rgba(255,252,244,.7);transition:.3s;
}
.pager .pg-card:hover .pg-ico{
  background:linear-gradient(160deg,#a8352a,#7c1f16);
  color:#f5e9d8;border-color:transparent;
  box-shadow:0 4px 12px rgba(124,31,22,.35);
}
.pager .pg-txt .k{
  display:block;font-size:11.5px;color:var(--faint);letter-spacing:3px;
}
.pager .pg-txt .t{
  display:block;font-size:20px;font-weight:bold;color:#3a2f1a;
  letter-spacing:2px;margin-top:6px;transition:.3s;font-family:var(--kai);
}
.pager .pg-txt .e{
  display:block;font-size:11.5px;color:var(--faint);letter-spacing:1.5px;
  text-transform:uppercase;margin-top:3px;
}
.pager .pg-card:hover .t{color:var(--gold-lt);}
@media(max-width:720px){
  .pager{flex-direction:column;}
  .d-grid{grid-template-columns:1fr;}
  .aphorism{padding:16px 14px;}
}

/* ============================================================
   新栏目 v1 · 姓氏溯源 / 中国天宫 / 中国神话
   ============================================================ */
/* 首页「文明新卷」三卡 */
.extra-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.ex-card{
  display:flex;flex-direction:column;gap:12px;text-decoration:none;
  padding:30px 28px 26px;border:1px solid var(--hair-soft);
  background:linear-gradient(160deg,rgba(168,130,31,.09),rgba(168,130,31,.02));
  position:relative;overflow:hidden;transition:.35s;
}
.ex-card::after{
  content:"";position:absolute;right:-40px;bottom:-40px;width:150px;height:150px;
  border:1px solid var(--hair-soft);border-radius:50%;opacity:.55;
}
.ex-card:hover{transform:translateY(-6px);box-shadow:0 16px 34px rgba(90,60,10,.16);}
.ex-no{font-family:var(--serif);font-size:12px;letter-spacing:3px;color:var(--faint);}
.ex-card b{font-family:var(--kai);font-size:27px;letter-spacing:4px;color:#3a2f1a;}
.ex-card .ex-en{font-size:11px;letter-spacing:2px;color:var(--gold-lt);text-transform:uppercase;}
.ex-card p{font-size:14px;line-height:1.95;color:#6f6144;}
.ex-card .ex-go{font-size:12.5px;letter-spacing:2px;color:var(--gold-lt);margin-top:6px;}
.ex-card:hover .ex-go{color:var(--red);}
@media(max-width:820px){.extra-grid{grid-template-columns:1fr;}}

/* 姓氏索引 */
.sn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px;}
.sn-card{
  display:flex;align-items:center;gap:16px;text-decoration:none;padding:18px 18px;
  border:1px solid var(--hair-soft);background:rgba(255,252,244,.62);
  position:relative;transition:.3s;
}
.sn-card:hover{transform:translateY(-4px);box-shadow:0 10px 24px rgba(90,60,10,.14);border-color:var(--gold-dk);}
.sn-no{position:absolute;top:8px;right:10px;font-size:11px;color:var(--faint);letter-spacing:1px;}
.sn-char{
  flex:none;width:62px;height:62px;display:flex;align-items:center;justify-content:center;
  font-size:36px;color:#7c1f16;border:1px solid var(--red);border-radius:4px;
  background:rgba(158,43,34,.05);box-shadow:inset 0 0 0 3px rgba(255,252,244,.7);
}
.sn-body{display:flex;flex-direction:column;gap:5px;min-width:0;}
.sn-body b{font-size:15.5px;color:#3a2f1a;letter-spacing:1px;line-height:1.5;}
.sn-tags{font-size:11px;color:var(--gold-lt);letter-spacing:1px;}
.sn-hall{font-size:11.5px;color:var(--faint);letter-spacing:1px;}
.sn-note{margin-top:26px;font-size:12.5px;color:var(--faint);letter-spacing:.5px;line-height:1.9;}
.sn-tagbar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px;}
.sn-tag{
  font-size:12px;letter-spacing:1px;color:#7c1f16;padding:4px 12px;
  border:1px solid rgba(158,43,34,.35);background:rgba(158,43,34,.05);
}
.sym-table{margin-top:20px;border-top:1px solid var(--hair-soft);}
.sym-row{display:flex;gap:20px;padding:13px 4px;border-bottom:1px solid var(--hair-soft);}
.sym-k{flex:none;width:96px;font-size:13px;color:var(--gold-lt);letter-spacing:2px;}
.sym-v{font-size:14.5px;color:#5a4c30;line-height:1.9;}

/* 天宫影像 */
.tg-videos{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;margin-top:8px;}
.tg-video{margin:0;border:1px solid var(--hair-soft);background:#1a1611;overflow:hidden;}
.tg-video video{width:100%;display:block;aspect-ratio:16/9;object-fit:cover;background:#000;}
.tg-video figcaption{padding:12px 14px;display:flex;flex-direction:column;gap:3px;}
.tg-video figcaption b{font-size:14.5px;color:#f4eddd;letter-spacing:2px;font-weight:normal;}
.tg-video figcaption span{font-size:11px;color:rgba(244,237,221,.55);letter-spacing:1.5px;text-transform:uppercase;}

/* 神话索引 */
.my-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;}
.my-card{
  display:flex;flex-direction:column;gap:8px;text-decoration:none;padding:24px 22px;
  border:1px solid var(--hair-soft);background:rgba(255,252,244,.6);
  position:relative;transition:.32s;
}
.my-card:hover{transform:translateY(-5px);box-shadow:0 12px 28px rgba(90,60,10,.15);border-color:var(--gold-dk);}
.my-no{position:absolute;top:14px;right:16px;font-size:11px;color:var(--faint);letter-spacing:2px;}
.my-card b{font-family:var(--kai);font-size:24px;letter-spacing:3px;color:#3a2f1a;}
.my-en{font-size:10.5px;letter-spacing:1.5px;color:var(--gold-lt);text-transform:uppercase;}
.my-card p{
  font-family:var(--kai);font-size:13.5px;color:#877856;line-height:1.85;margin-top:4px;
  border-top:1px solid var(--hair-soft);padding-top:10px;
}
.my-slogan{
  font-family:var(--kai);font-size:12.5px;color:var(--gold-lt);letter-spacing:.6px;  font-style:italic;
}
.my-slogan::before{content:"— ";}
/* 详情页：一句话简介 + Slogan 带 */
.my-brief{max-width:860px;margin:26px auto 0;padding:0 24px;text-align:center;}
.my-brief .b-sum{
  font-family:var(--kai);font-size:17px;color:#5a4c30;line-height:1.9;letter-spacing:.5px;
}
.my-brief .b-slogan{
  margin-top:10px;font-family:var(--kai);font-size:15px;letter-spacing:1px;
  color:var(--gold-dk);font-style:italic;
}
.my-brief .b-slogan::before{content:"✦ ";font-style:normal;font-size:11px;color:var(--bronze);}
.my-brief .b-slogan::after{content:" ✦";font-style:normal;font-size:11px;color:var(--bronze);}

/* ============================================================
   天宫 v2 · 东西对读表 / 双语标语带
   ============================================================ */
.vs-wrap{margin:40px 0 10px;}
.vs-cap{
  font-size:11.5px;letter-spacing:3px;color:var(--faint);
  margin-bottom:14px;text-transform:uppercase;
}
.vs-table{border-top:1px solid var(--gold-dk);}
.vs-head,.vs-row{display:grid;grid-template-columns:126px 1fr 1fr;}
.vs-head{
  padding:13px 10px;border-bottom:1px solid var(--hair-soft);
  background:rgba(168,130,31,.08);
}
.vs-head span{
  font-family:var(--kai);font-size:14.5px;letter-spacing:2px;color:#6f6144;
}
.vs-head span:nth-child(2){color:#6f6144;}
.vs-head span:nth-child(3){color:#7c1f16;}
.vs-row{border-bottom:1px solid var(--hair-soft);}
.vs-row>div{padding:14px 10px;font-size:14px;line-height:1.85;}
.vs-k{font-size:12.5px;color:var(--faint);letter-spacing:1.5px;}
.vs-a{color:#6f6144;}
.vs-b{
  color:#33290f;border-left:1px solid var(--hair-soft);
  background:linear-gradient(90deg,rgba(168,130,31,.06),rgba(168,130,31,0));
  letter-spacing:.5px;
}
.vs-row:hover .vs-b{background:linear-gradient(90deg,rgba(168,130,31,.13),rgba(168,130,31,.02));}

.slogan-band{
  margin-top:70px;padding:72px 26px 66px;text-align:center;
  background:linear-gradient(165deg,#150f06,#2c2110 48%,#170f07);
  border-top:1px solid rgba(200,160,60,.28);
  border-bottom:1px solid rgba(200,160,60,.22);
  position:relative;overflow:hidden;
}
.slogan-band::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(ellipse at 50% -10%,rgba(210,168,70,.22),transparent 62%);
  pointer-events:none;
}
.slogan-band .sb-zh{
  position:relative;font-family:var(--kai);
  font-size:clamp(24px,3.6vw,40px);letter-spacing:10px;
  color:#f0e2bd;text-shadow:0 0 26px rgba(220,180,90,.28);
}
.slogan-band .sb-en{
  position:relative;margin-top:20px;
  font-size:12.5px;letter-spacing:3.2px;color:rgba(240,226,189,.62);
  text-transform:uppercase;line-height:2;
}
.slogan-band .sb-line{
  position:relative;width:62px;height:1px;margin:26px auto 0;
  background:linear-gradient(90deg,transparent,rgba(210,168,70,.75),transparent);
}
.slogan-band .sb-note{
  position:relative;margin-top:18px;
  font-size:12px;letter-spacing:2px;color:rgba(240,226,189,.4);
}
@media(max-width:720px){
  .vs-head,.vs-row{grid-template-columns:80px 1fr 1fr;}
  .vs-head span{font-size:12.5px;letter-spacing:1px;}
  .vs-row>div{font-size:12.5px;padding:11px 7px;}
  .slogan-band{padding:52px 18px 48px;}
  .slogan-band .sb-zh{letter-spacing:4px;}
}

/* ============================================================
   语言切换（右上角下拉；移动端入汉堡菜单）
   ============================================================ */
.lang-switch{position:relative;margin-left:16px;padding-left:16px;flex:none;
  border-left:1px solid rgba(240,223,168,.22);}
.lang-btn{
  display:flex;align-items:center;gap:7px;
  background:rgba(255,252,244,.14);border:1px solid rgba(240,223,168,.55);
  color:#ffe9b0;font-size:13px;font-weight:600;letter-spacing:.6px;
  padding:7px 13px;cursor:pointer;
  font-family:var(--sans);
  transition:.25s;white-space:nowrap;
}
.lang-btn:hover{background:#f0dfa8;border-color:#f0dfa8;color:#3a2b0c;}
/* 首次访问一次性提示：金色呼吸两下 + 描边加亮 */
.lang-switch.hint .lang-btn{
  animation:langPulse 1.8s ease-in-out 2;
  border-color:rgba(255,233,176,.95);
  background:rgba(240,223,168,.26);
  color:#fff6da;
}
@keyframes langPulse{
  0%,100%{box-shadow:0 0 0 0 rgba(240,223,168,.55);}
  50%{box-shadow:0 0 0 8px rgba(240,223,168,0);}
}
@media (prefers-reduced-motion:reduce){
  .lang-switch.hint .lang-btn{animation:none;}
}
.lang-btn .globe{font-size:13px;opacity:.9;}
.lang-btn .caret{font-size:9px;opacity:.7;transition:.25s;}
.lang-switch.open .caret{transform:rotate(180deg);}
.lang-menu{
  position:absolute;top:calc(100% + 10px);right:0;min-width:172px;
  background:#fffdf6;border:1px solid #a8821f;
  box-shadow:0 16px 34px rgba(60,40,10,.2);
  display:none;z-index:80;padding:4px 0;
}
.lang-switch.open .lang-menu{display:block;}
.lang-menu a{
  display:block;padding:9px 16px;font-size:13px;color:#3a2f1a;
  text-decoration:none;letter-spacing:.4px;
}
.lang-menu a:hover{background:rgba(168,130,31,.13);}
.lang-menu a.on{color:#7c1f16;font-weight:bold;}
.lang-menu a.on::after{content:" ✓";float:right;color:#a8352a;}
.m-langs{display:none;}
@media(max-width:960px){
  .lang-switch{display:none;}
  /* 语言行：置顶胶囊按钮组（用户反馈原样式不显眼） */
  .mobile-nav .m-langs{
    display:flex;align-items:center;flex-wrap:wrap;gap:10px;
    padding:16px 22px;border-bottom:1px solid rgba(240,223,168,.18);
    background:rgba(240,223,168,.05);
  }
  .mobile-nav .m-langs .m-lab{
    color:rgba(240,223,168,.6);font-size:13px;letter-spacing:2px;margin-right:2px;
  }
  .mobile-nav .m-langs a{
    color:#e5dcc4;font-size:14px;text-decoration:none;letter-spacing:1.5px;
    padding:7px 18px;border:1px solid rgba(240,223,168,.4);border-radius:999px;
    transition:.25s;
  }
  .mobile-nav .m-langs a.on{
    color:#1d1608;font-weight:bold;background:linear-gradient(180deg,#e8cf8e,#c9a86a);
    border-color:#e8cf8e;
  }
  .mobile-nav .m-langs a:not(.on):active{background:rgba(240,223,168,.15);}
}

/* ============================================================
   英文版头部适配：英文栏目名较长（Roots of Civilization 等），
   单个栏目限宽 104px 且允许折行，并收紧字距 —— 保证 8 个导航项
   永远给语言切换留出位置，任何时候都不会把下拉菜单挤出屏幕。
   ============================================================ */
html[lang="en"] .header-wrap{gap:10px;padding-left:20px;padding-right:20px;}
html[lang="en"] .logo-txt b{font-size:20px;letter-spacing:2px;}
html[lang="en"] .logo-txt span{font-size:10.5px;letter-spacing:.4px;}
html[lang="en"] header nav{flex:1 1 auto;flex-wrap:wrap;gap:0;row-gap:2px;}
html[lang="en"] header nav a{
  display:block;text-align:center;line-height:1.22;
  white-space:normal;max-width:104px;
  font-size:12.5px;letter-spacing:.2px;padding:7px 8px;
}
html[lang="en"] nav a.cooperate{
  max-width:none;white-space:nowrap;
  margin-left:8px;padding:7px 13px;align-self:center;
}
html[lang="en"] .lang-switch{margin-left:10px;}
html[lang="en"] .lang-btn{font-size:12px;padding:5px 9px;letter-spacing:.4px;}
html[lang="en"] .mobile-nav a{letter-spacing:.3px;font-size:16px;}

/* 窄屏（961~1120px）：英文再收一档，避免导航折成两行 */
@media(min-width:961px) and (max-width:1120px){
  html[lang="en"] .header-wrap{padding-left:14px;padding-right:14px;gap:8px;}
  html[lang="en"] .logo-txt span{display:none;}
  html[lang="en"] nav a{font-size:11.5px;padding:6px 6px;max-width:96px;letter-spacing:.1px;}
  html[lang="en"] nav a.cooperate{padding:6px 10px;}
}

/* ============================================================
   地理中国（栏目页 / 详情页 / 省情卡 / SVG 示意图）
   ============================================================ */
.geo-fig{max-width:920px;margin:28px auto 10px;}
.geo-fig svg{display:block;width:100%;height:auto;}
.geo-table{
  overflow-x:auto;margin:14px 0 8px;border:1px solid var(--hair);border-radius:12px;
  background:#fffdf6;box-shadow:0 10px 26px rgba(90,60,10,.08);
}
.geo-table table{border-collapse:collapse;min-width:900px;width:100%;font-size:13.5px;}
.geo-table th{
  background:#f3ead2;color:#5a4a26;font-family:var(--kai);font-weight:bold;
  padding:10px 12px;letter-spacing:1px;white-space:nowrap;border-bottom:1px solid var(--hair);
  text-align:left;
}
.geo-table td{padding:8px 12px;border-bottom:1px solid var(--hair-soft);color:#4a3d22;white-space:nowrap;}
.geo-table td.w{white-space:normal;min-width:170px;font-family:var(--kai);}
.geo-table tbody tr:nth-child(even) td{background:rgba(240,223,168,.09);}
.geo-table tbody tr:hover td{background:rgba(240,223,168,.18);}
.geo-note{font-size:12.5px;color:#877856;margin:10px 0 4px;letter-spacing:.5px;}

/* ============================================================
   地理栏目 · 官方地图 / 省情卡 v2 / 栏目外链卡
   ============================================================ */
.geo-maps{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
  gap:26px;margin-top:26px;
}
.geo-map-card{
  margin:0;background:#fffdf6;border:1px solid var(--hair);border-radius:14px;
  overflow:hidden;box-shadow:0 14px 34px rgba(90,60,10,.10);
  display:flex;flex-direction:column;
}
.geo-map-card img{display:block;width:100%;height:auto;transition:transform .5s;}
.geo-map-card a{display:block;overflow:hidden;}
.geo-map-card a:hover img{transform:scale(1.03);}
.geo-map-card figcaption{
  padding:14px 18px 16px;border-top:1px solid var(--hair-soft);
  display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:#877856;letter-spacing:.4px;
}
.geo-map-card figcaption b{font-family:var(--kai);font-size:16px;color:#3a2f1a;letter-spacing:1px;}
.geo-map-card .dl{
  color:#a8821f;font-weight:bold;text-decoration:none;margin-top:2px;
  border:1px solid rgba(168,130,31,.45);border-radius:999px;padding:5px 14px;
  align-self:flex-start;transition:.25s;
}
.geo-map-card .dl:hover{background:#a8821f;color:#fff8e8;border-color:#a8821f;}

/* 省情卡 v2：分区分组 + 三行卡片 */
.gp-region{
  display:flex;align-items:center;gap:12px;margin:34px 0 14px;
  font-family:var(--kai);
}
.gp-region b{font-size:21px;color:#3a2f1a;letter-spacing:3px;}
.gp-region::after{content:"";flex:1;height:1px;background:var(--hair-soft);}
.gp-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:16px;
}
.gp-card{
  background:#fffdf6;border:1px solid var(--hair);border-radius:12px;
  padding:16px 18px 14px;box-shadow:0 8px 22px rgba(90,60,10,.07);
  display:flex;flex-direction:column;gap:8px;transition:.25s;
}
.gp-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(90,60,10,.13);}
.gp-head{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;}
.gp-ab{
  font-family:var(--kai);font-size:14px;color:#fff8e8;background:#a8821f;
  border-radius:6px;padding:2px 8px;flex:none;
}
.gp-head b{font-size:17.5px;color:#3a2f1a;letter-spacing:1px;}
.gp-terrain{font-size:12px;color:#877856;letter-spacing:.4px;}
.gp-meta{font-size:12.5px;color:#6a5b3d;letter-spacing:.3px;}
.gp-intro{
  margin:0;font-family:var(--kai);font-size:14px;line-height:1.85;color:#4a3d22;
  border-top:1px solid var(--hair-soft);padding-top:9px;
}
.gp-marks{margin:0;font-size:12.5px;line-height:1.8;color:#877856;letter-spacing:.3px;}
.gp-marks .lab{
  display:inline-block;font-family:var(--kai);color:#a8821f;font-weight:bold;
  margin-right:8px;letter-spacing:1px;
}

/* 栏目页外链卡（姓氏溯源 / 神话与传说 / 天与天宫）：方框装饰卡 */
.rail:has(> .ext-card){grid-template-columns:repeat(auto-fill,minmax(320px,1fr));}
.rail-item.ext-card{
  display:block;position:relative;
  padding:26px 28px 24px;border:1px solid #ddcfae;border-top:1px solid #ddcfae;
  border-radius:4px;text-decoration:none;
  background:linear-gradient(180deg,#fdfaf3,#f7f1e2);
  box-shadow:0 1px 0 #fff inset,0 2px 10px rgba(122,98,52,.05);
  transition:.3s;overflow:hidden;
}
/* 左侧朱红细条 + 右上角回纹角饰 */
.rail-item.ext-card::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg,#b03227,#8a231a);opacity:.85;
}
.rail-item.ext-card::after{
  content:"";position:absolute;right:12px;top:12px;width:16px;height:16px;
  border-top:1.5px solid #c9b487;border-right:1.5px solid #c9b487;
  border-radius:0 3px 0 0;transition:.3s;
}
.rail-item.ext-card .e-name{
  color:#8a6a15;font-size:21px;letter-spacing:3px;
  display:flex;align-items:center;justify-content:space-between;gap:10px;
}
.rail-item.ext-card .e-name .x-go{
  font-size:15px;letter-spacing:0;color:#b03227;
  transition:transform .3s;
}
.rail-item.ext-card .e-hook{
  color:#6f5f40;font-size:14.5px;margin-top:12px;line-height:1.9;
  border-top:1px dashed #e0d3b4;padding-top:12px;
}
.rail-item.ext-card:hover{
  border-color:#c9a86a;background:linear-gradient(180deg,#fffdf7,#faf3e4);
  box-shadow:0 6px 20px rgba(122,98,52,.13);transform:translateY(-2px);
}
.rail-item.ext-card:hover .e-name{color:#6e5210;}
.rail-item.ext-card:hover .x-go{transform:translateX(4px);}
.rail-item.ext-card:hover::after{border-color:#b03227;}

/* 省情卡 v3：七大分区色块，消除全白疲劳感 */
.gp-block{
  border-radius:16px;padding:22px 20px 24px;margin:20px 0;
  border:1px solid var(--hair-soft);border-left-width:4px;
}
.gp-block .gp-region{margin:2px 0 14px;}
.gp-region small{margin-left:auto;font-size:11.5px;color:var(--faint);letter-spacing:1.5px;}
.gp-block.rb0{background:#f8efe9;border-left-color:#a8352a;}
.gp-block.rb1{background:#eef3ea;border-left-color:#2f6d4f;}
.gp-block.rb2{background:#f8f3e3;border-left-color:#a8821f;}
.gp-block.rb3{background:#f7f0e6;border-left-color:#b06a2a;}
.gp-block.rb4{background:#eaf1f4;border-left-color:#1f6a8a;}
.gp-block.rb5{background:#f2edf4;border-left-color:#6a4a8a;}
.gp-block.rb6{background:#f5f0e4;border-left-color:#8a6a3a;}
.gp-block .gp-card{background:rgba(255,253,246,.85);}
.gp-ab{transition:.2s;}
.gp-block.rb0 .gp-ab{background:#a8352a;}
.gp-block.rb1 .gp-ab{background:#2f6d4f;}
.gp-block.rb2 .gp-ab{background:#a8821f;}
.gp-block.rb3 .gp-ab{background:#b06a2a;}
.gp-block.rb4 .gp-ab{background:#1f6a8a;}
.gp-block.rb5 .gp-ab{background:#6a4a8a;}
.gp-block.rb6 .gp-ab{background:#8a6a3a;}
.gp-block .gp-region b{color:#3a2f1a;}
.gp-block.rb0 .gp-region .seal{background:#a8352a;border-color:#a8352a;}
.gp-block.rb1 .gp-region .seal{background:#2f6d4f;border-color:#2f6d4f;}
.gp-block.rb2 .gp-region .seal{background:#a8821f;border-color:#a8821f;}
.gp-block.rb3 .gp-region .seal{background:#b06a2a;border-color:#b06a2a;}
.gp-block.rb4 .gp-region .seal{background:#1f6a8a;border-color:#1f6a8a;}
.gp-block.rb5 .gp-region .seal{background:#6a4a8a;border-color:#6a4a8a;}
.gp-block.rb6 .gp-region .seal{background:#8a6a3a;border-color:#8a6a3a;}
@media(max-width:720px){.gp-block{padding:16px 12px 18px;}}

/* ============================================================
   地理中国 · 亮色题图（首页纯图无叠字；详情页减淡遮罩）
   ============================================================ */
.geo-hero{
  position:relative;overflow:hidden;
  aspect-ratio:16/9;min-height:min(72vh,620px);max-height:92vh;
  background-position:center;background-size:cover;background-repeat:no-repeat;
  background-color:#3a3428;
}
.subhero.geo-hero{aspect-ratio:auto;min-height:0;padding:110px 24px 84px;}
.subhero.geo-hero::before{
  background:
    linear-gradient(90deg,rgba(25,19,9,.55),rgba(25,19,9,.22) 46%,rgba(25,19,9,0) 72%),
    linear-gradient(180deg,rgba(25,19,9,.30),rgba(25,19,9,.14) 55%,rgba(30,24,12,.55));
}
.subhero.geo-hero h1.gilt{
  background:none;-webkit-text-fill-color:#f5ecd7;color:#f5ecd7;
}
.subhero.geo-hero .crumbs,
.subhero.geo-hero h1,
.subhero.geo-hero .en,
.subhero.geo-hero .hook,
.subhero.geo-hero .d-quote{
  text-shadow:0 1px 3px rgba(20,14,4,.72),0 2px 14px rgba(20,14,4,.55);
}
/* 地理首页题图：与其它栏目一致，走 .hero 默认比例（满幅显示，不做压扁） */

/* ============================================================
   冷知识 · 传统纹样分隔 + 双栏组件（左主题列表 / 右内容）
   ============================================================ */
.tv-sep{
  padding:8px 0 0;margin:6px 0 -10px;
}
.tv-orn{
  display:block;width:100%;max-width:820px;height:74px;margin:0 auto;
}
.tv-sec{padding-top:26px;}
.tv-head .tv-meta{
  margin-top:12px;font-family:var(--sans,sans-serif);
  font-size:12.5px;letter-spacing:1.2px;color:rgba(122,100,50,.7);
}
.tv-head .tv-meta::before{content:"";display:inline-block;width:26px;height:1px;
  background:rgba(168,130,31,.55);vertical-align:middle;margin-right:10px;}

.tv-widget{
  position:relative;overflow:hidden;
  display:grid;grid-template-columns:340px 1fr;
  border:1px solid rgba(168,130,31,.35);border-radius:14px;
  background:linear-gradient(180deg,#fdf9ee,#f7efdb);
  box-shadow:0 8px 24px rgba(60,40,10,.08);
}
.tv-widget::after{                 /* 右下祥云 */
  content:"";position:absolute;right:10px;bottom:8px;
  width:150px;height:76px;pointer-events:none;
  background:url('../img/xiangyun.svg') no-repeat center/contain;
}
.tv-list{
  max-height:740px;overflow-y:auto;         /* 可视 10 条，超过即出滚动条 */
  border-right:1px dashed rgba(168,130,31,.4);
  background:rgba(168,130,31,.05);
  scrollbar-width:thin;scrollbar-color:rgba(168,130,31,.55) transparent;
}
.tv-list::-webkit-scrollbar{width:7px;}
.tv-list::-webkit-scrollbar-thumb{background:rgba(168,130,31,.5);border-radius:4px;}
.tv-list::-webkit-scrollbar-track{background:transparent;}
.tv-item{
  display:flex;align-items:flex-start;gap:10px;box-sizing:border-box;
  height:74px;padding:11px 16px 10px 12px;
  border-left:3px solid transparent;cursor:pointer;
  text-decoration:none;color:#6a5a3a;
  transition:background .18s,border-color .18s;
}
.tv-item + .tv-item{border-top:1px solid rgba(168,130,31,.14);}
.tv-no{
  flex:0 0 auto;min-width:23px;padding-top:1px;
  font-style:normal;font-family:var(--serif,serif);font-weight:700;
  font-size:12.5px;letter-spacing:.5px;color:rgba(168,130,31,.72);
}
.tv-tx{min-width:0;flex:1 1 auto;}
.tv-item b{
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  overflow:hidden;font-size:14px;line-height:1.55;font-weight:600;
}
.tv-item small{
  display:block;margin-top:2px;font-size:11.5px;letter-spacing:1px;
  color:rgba(122,100,50,.6);font-family:var(--sans, sans-serif);
}
.tv-item:hover{background:rgba(255,248,230,.9);}
.tv-item.on{
  background:#fff8e6;border-left-color:#a8352a;color:#3a2f18;
}
.tv-item.on .tv-no{color:#a8352a;}
.tv-item.on b{font-weight:700;}
.tv-pane{
  padding:28px 36px 32px;min-height:320px;max-height:740px;overflow-y:auto;
  scrollbar-width:thin;scrollbar-color:rgba(168,130,31,.45) transparent;
}
.tv-pane::-webkit-scrollbar{width:7px;}
.tv-pane::-webkit-scrollbar-thumb{background:rgba(168,130,31,.42);border-radius:4px;}
.tv-topic{display:none;position:relative;}
.tv-topic.on{display:block;animation:tvFade .35s ease;}
.tv-topic-no{
  position:absolute;right:0;top:-14px;
  font-family:var(--serif,serif);font-weight:700;font-size:52px;line-height:1;
  color:rgba(168,130,31,.13);letter-spacing:2px;pointer-events:none;
}
.tv-topic h4{
  margin:0 0 14px;font-family:var(--serif, serif);
  font-size:21px;color:#3a2f18;line-height:1.6;
  padding-bottom:12px;border-bottom:1px solid rgba(168,130,31,.28);
}
.tv-topic p{
  margin:10px 0 0;color:#5a4d33;font-size:15.5px;line-height:2.0;
  text-align:justify;
}
@keyframes tvFade{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}
@media(max-width:860px){
  .tv-orn{height:52px;}
  .tv-widget{grid-template-columns:1fr;}
  .tv-list{
    max-height:296px;border-right:none;      /* 手机可视 4 条 */
    border-bottom:1px dashed rgba(168,130,31,.4);
  }
  .tv-item{height:74px;padding:10px 14px 9px 10px;}
  .tv-pane{padding:20px 20px 24px;min-height:0;max-height:none;}
  .tv-topic h4{font-size:18px;}
  .tv-topic-no{font-size:40px;top:-8px;}
}

/* ============================================================
   首页 · 创始人的信
   ============================================================ */
.letter{
  max-width:880px;margin:34px auto 0;padding:52px 56px 44px;
  background:linear-gradient(175deg,#fbf6e9,#f4ecd8 70%,#efe5cd);
  border:1px solid rgba(168,130,31,.35);
  box-shadow:0 22px 54px rgba(90,66,20,.14);
  position:relative;
}
.letter::before{
  content:"";position:absolute;inset:10px;pointer-events:none;
  border:1px solid rgba(168,130,31,.22);
}
.letter .l-to{
  font-family:var(--kai);font-size:24px;letter-spacing:3px;color:#6d1b14;
  margin-bottom:26px;
}
.letter p{
  margin:0 0 20px;color:#3f3420;
  font-size:17.5px;line-height:2.1;text-align:justify;
  text-indent:2em;position:relative;
}
.letter .l-close{
  text-indent:0 !important;font-family:var(--kai);
  color:#8a6a15;font-size:19px;margin-top:8px;
}
.letter .l-sign{
  margin-top:26px;display:flex;align-items:center;gap:16px;justify-content:flex-end;
  color:#6a5b3d;font-size:15px;letter-spacing:2.5px;position:relative;
}
.letter .l-stamp{
  flex:none;width:52px;height:52px;border-radius:6px;
  background:var(--red);color:#f0dfa8;
  display:flex;align-items:center;justify-content:center;text-align:center;
  font-size:13px;line-height:1.25;letter-spacing:1px;
  transform:rotate(6deg);box-shadow:0 4px 12px rgba(109,27,20,.3);
  font-family:var(--serif);font-weight:600;white-space:pre-line;
}
@media(max-width:720px){
  .letter{padding:34px 22px 30px;margin-top:22px;}
  .letter p{font-size:15.5px;line-height:1.95;}
  .letter .l-to{font-size:20px;}
  .letter .l-close{font-size:16.5px;}
}

/* ============================================================
   十二生肖 · 卡片网格
   ============================================================ */
.zz-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
  gap:18px;margin-top:8px;
}
.zz-card{
  display:flex;gap:14px;align-items:flex-start;
  padding:18px 18px 16px;
  background:#f8f1de;border:1px solid rgba(168,130,31,.3);
  border-top:3px solid var(--gold);
  box-shadow:0 6px 18px rgba(90,66,20,.08);
  scroll-margin-top:120px;
}
.zz-card:hover{border-color:var(--red);border-top-color:var(--red);}
.zz-card .zz-no{
  flex:none;font-size:12px;color:var(--gold-lt);letter-spacing:1px;
  border:1px solid rgba(168,130,31,.45);padding:2px 6px;margin-top:4px;
}
.zz-card .zz-char{
  flex:none;font-size:46px;line-height:1;color:var(--red);
  margin-top:-2px;
}
.zz-card .zz-body{flex:1;min-width:0;}
.zz-card .zz-body b{
  display:block;font-size:17px;color:#3a2f18;letter-spacing:1px;margin-bottom:7px;
}
.zz-card .zz-years{
  display:block;font-size:12.5px;color:var(--faint);letter-spacing:.5px;margin-bottom:7px;
}
.zz-card .zz-kw{
  display:block;font-size:14px;color:#527a6b;letter-spacing:1px;margin-bottom:7px;
}
.zz-card .zz-proverb{
  display:block;font-family:var(--kai);font-size:15.5px;color:#8a6a15;letter-spacing:1px;
}
@media(max-width:720px){
  .zz-grid{grid-template-columns:1fr 1fr;gap:12px;}
  .zz-card{flex-direction:column;gap:8px;padding:14px;}
  .zz-card .zz-char{font-size:36px;}
}
@media(max-width:520px){
  .zz-grid{grid-template-columns:1fr;}
}

/* ============================================================
   详情页 · 多图画廊（十二经络图等）
   ============================================================ */
.figures.fig-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
  gap:18px;max-width:1180px;
}
.fig-grid .fig-cell{
  margin:0;background:#f8f1de;border:1px solid rgba(168,130,31,.3);
  padding:12px 12px 10px;box-shadow:0 6px 18px rgba(90,66,20,.08);
  display:flex;flex-direction:column;
}
.fig-grid .fig-cell:hover{border-color:var(--red);}
.fig-grid .fig-cell img{
  width:100%;height:auto;display:block;
  border:1px solid rgba(168,130,31,.18);
}
.fig-grid .fig-cell figcaption{
  margin-top:9px;text-align:center;justify-content:center;
  color:#5a4a2a;font-size:14.5px;letter-spacing:1px;
}
@media(max-width:720px){
  .figures.fig-grid{grid-template-columns:1fr 1fr;gap:10px;padding:0 16px;}
  .fig-grid .fig-cell{padding:8px 8px 7px;}
  .fig-grid .fig-cell figcaption{font-size:12.5px;}
}
@media(max-width:460px){
  .figures.fig-grid{grid-template-columns:1fr;}
}

/* ============================================================
   冷知识 · 分页版（试用：地理中国中文版）
   一页十条，顶部页码翻页，无主题栏
   ============================================================ */
.tv-pages{max-width:980px;margin:0 auto;}
/* 页码在内容框下方：扁圆形（胶囊）按钮，小巧省地 */
.tv-pager{
  display:flex;justify-content:center;align-items:center;gap:10px;
  flex-wrap:wrap;margin:16px 0 0;padding-top:14px;
  border-top:1px solid rgba(168,130,31,.28);
}
.tv-pg{
  min-width:38px;height:32px;padding:0 14px;border-radius:999px;
  border:1.5px solid rgba(168,130,31,.5);background:#f8f1de;
  color:#5a4a2a;font-size:14.5px;font-weight:700;letter-spacing:.5px;cursor:pointer;
  font-family:var(--serif);transition:all .2s ease;
  box-shadow:0 2px 8px rgba(90,66,20,.12);
  line-height:1;
}
.tv-pg:hover{border-color:var(--red);color:var(--red);transform:translateY(-1px);}
.tv-pg.on{background:var(--red);border-color:var(--red);color:#f0dfa8;transform:none;}
/* 固定高度内容框：超出部分在框内滚动，页面不再被拉长 */
.tv-box{
  position:relative;
  height:min(72vh,660px);
  border:1px solid rgba(168,130,31,.3);
  background:#fbf6e8;
  box-shadow:0 10px 30px rgba(90,66,20,.07),inset 0 0 0 5px rgba(248,241,222,.55);
}
.tv-track{
  height:100%;overflow-y:auto;overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  padding:8px 20px;
  scrollbar-width:thin;scrollbar-color:rgba(168,130,31,.42) transparent;
}
.tv-track::-webkit-scrollbar{width:9px;}
.tv-track::-webkit-scrollbar-track{background:rgba(168,130,31,.06);}
.tv-track::-webkit-scrollbar-thumb{
  background:rgba(168,130,31,.36);border-radius:6px;
  border:2px solid transparent;background-clip:padding-box;
}
.tv-track:hover::-webkit-scrollbar-thumb{background:rgba(168,130,31,.55);background-clip:padding-box;}
.tv-fade{
  position:absolute;left:1px;right:10px;bottom:1px;height:54px;z-index:2;
  background:linear-gradient(to top,#fbf6e8 18%,rgba(251,246,232,0));
  pointer-events:none;opacity:0;transition:opacity .25s ease;
}
.tv-box.has-more .tv-fade{opacity:1;}
.tv-scrolltip{
  position:absolute;right:20px;bottom:12px;z-index:4;
  padding:6px 14px;border-radius:999px;
  background:var(--red);color:#f7e8b5;
  font-family:var(--sans);font-size:12px;letter-spacing:1.5px;
  box-shadow:0 4px 14px rgba(140,30,20,.35);
  pointer-events:none;opacity:0;transform:translateY(4px);
  transition:opacity .25s ease,transform .25s ease;
}
.tv-box.has-more .tv-scrolltip{opacity:1;transform:none;}
.tv-page{display:none;}
.tv-page.on{display:block;animation:tvFade .35s ease;}
.tv-row{
  display:flex;gap:20px;padding:20px 6px;
  border-bottom:1px solid rgba(168,130,31,.16);
}
.tv-row:last-child{border-bottom:none;}
.tv-row-no{
  flex:none;width:104px;padding-top:3px;
  font-family:var(--kai);color:#8a6a15;font-size:16.5px;letter-spacing:1px;
  white-space:nowrap;
}
.tv-row-no small{display:block;color:var(--faint);font-size:11.5px;margin-top:6px;letter-spacing:.5px;font-family:var(--sans);}
.tv-row-bd{flex:1;min-width:0;}
.tv-row-bd h4{
  margin:0 0 10px;font-size:17.5px;color:#3a2f18;letter-spacing:.5px;
  font-weight:700;
}
.tv-row-bd p{
  margin:0 0 10px;font-size:15.5px;line-height:1.95;color:#4a3f28;
  text-align:justify;
}
.tv-row-bd p:last-child{margin-bottom:0;}
@media(max-width:720px){
  .tv-pager{margin-top:14px;padding-top:12px;gap:7px;}
  .tv-pg{min-width:33px;height:31px;padding:0 11px;font-size:13.5px;letter-spacing:0;}
  /* 手机：一屏内看完整个框 */
  .tv-box{
    height:calc(100vh - 216px);height:calc(100dvh - 216px);
    min-height:330px;max-height:600px;
  }
  .tv-track{padding:4px 12px 4px 6px;}
  .tv-row{flex-direction:column;gap:8px;padding:16px 2px;}
  .tv-row-no{width:auto;display:flex;align-items:baseline;gap:10px;font-size:15.5px;}
  .tv-row-no small{margin-top:0;}
  .tv-row-bd h4{font-size:16px;margin-bottom:8px;}
  .tv-row-bd p{font-size:14.5px;line-height:1.9;margin-bottom:8px;}
  .tv-scrolltip{right:12px;bottom:10px;font-size:11.5px;padding:5px 11px;}
  .tv-fade{height:46px;right:6px;}
}

/* ============================================================
   名篇选读 · 诗笺卡片（唐诗 / 宋词详情页）
   ============================================================ */
.poems-sec{margin-top:38px;}
.poem-grid{
  display:grid;grid-template-columns:repeat(2,1fr);gap:22px;
  max-width:1180px;
}
.poem-card{
  position:relative;background:#fbf5e6;
  border:1px solid rgba(168,130,31,.32);
  box-shadow:0 6px 20px rgba(90,66,20,.08);
  padding:24px 26px 20px;margin:0;
  display:flex;flex-direction:column;
}
.poem-card::before{
  content:'❖';position:absolute;top:10px;right:14px;
  color:rgba(168,130,31,.4);font-size:12px;
}
.poem-card:hover{border-color:var(--red);}
.poem-head{
  display:flex;justify-content:space-between;align-items:baseline;gap:12px;
  border-bottom:1px dashed rgba(168,130,31,.35);
  padding-bottom:10px;margin-bottom:14px;
}
.poem-head h4{
  margin:0;font-size:19px;color:#3a2f18;font-weight:700;
  letter-spacing:1px;
}
.p-author{
  flex:none;font-size:13.5px;color:#8a6a15;letter-spacing:1px;
  font-family:var(--kai);
}
.poem-body{
  text-align:center;font-size:17px;line-height:2.1;color:#43371f;
  letter-spacing:.5px;
}
.poem-body .pl{display:block;}
.p-en{
  margin-top:12px;padding-top:10px;
  border-top:1px dashed rgba(168,130,31,.22);
  font-style:italic;font-size:13.5px;color:#7a6a4a;line-height:1.75;
  text-align:center;
}
.p-en .pl-en{display:block;}
.poem-note{
  margin:14px 0 0;padding-top:12px;
  border-top:1px dashed rgba(168,130,31,.25);
  font-size:14.5px;line-height:1.9;color:#6a5b3d;text-align:justify;
}
@media(max-width:900px){
  .poem-grid{grid-template-columns:1fr;gap:16px;padding:0 4px;}
}
@media(max-width:520px){
  .poem-card{padding:18px 16px 15px;}
  .poem-head h4{font-size:17px;}
  .poem-body{font-size:15.5px;line-height:2.05;}
  .poem-note{font-size:14px;}
}

/* ============================================================ 页脚语言切换 + 免责声明 */
.footer-lang{
  display:flex;justify-content:center;align-items:center;gap:14px;
  margin-top:26px;padding-top:18px;
  border-top:1px solid rgba(168,130,31,.18);
  font-size:14px;letter-spacing:1px;
}
.footer-lang .fl-globe{opacity:.55;font-size:13px;}
.footer-lang a{
  color:#9a7c22;text-decoration:none;
  padding:6px 18px;border:1px solid rgba(168,130,31,.4);border-radius:999px;
  transition:all .2s ease;
}
.footer-lang a:hover{border-color:var(--red);color:var(--red);}
.disclaimer-sec{padding:34px 0 10px;}
.disclaimer-box{
  max-width:980px;margin:0 auto;
  border:1px solid rgba(168,130,31,.35);background:#faf3e0;
  padding:22px 28px;
}
.disclaimer-box .sec-no{margin-bottom:10px;}
.disclaimer-box p{margin:0;font-size:14.5px;line-height:2;color:#6a5b3d;text-align:justify;}
@media(max-width:720px){
  .footer-lang{flex-wrap:wrap;gap:10px;margin-top:20px;padding-top:14px;}
  .disclaimer-box{padding:16px 16px;}
  .disclaimer-box p{font-size:13.5px;line-height:1.9;}
}

/* 英文版：楷体区块回退为衬线正体，保证可读性 */
html[lang="en"] .gp-intro,
html[lang="en"] .d-quote,
html[lang="en"] .a-quote,
html[lang="en"] .l-to,
html[lang="en"] .l-close{font-family:var(--serif);font-style:italic;}

/* ============================================================
   站内搜索（search.html）
   ============================================================ */
.nav-search{
  display:inline-flex;align-items:center;gap:6px;
  color:#ddd5c0;text-decoration:none;font-size:14.5px;letter-spacing:1px;
  padding:8px 10px;margin-left:4px;white-space:nowrap;
  border-bottom:2px solid transparent;transition:.3s;flex:none;
}
.nav-search:hover{color:var(--gold-lt);}
.nav-search span{font-size:14px;}
.mobile-nav a.m-search{color:var(--gold-lt);}
.mobile-nav a.m-search:hover{color:var(--gold);}

.search-hero{
  padding:72px 0 30px;text-align:center;
  background:linear-gradient(180deg,rgba(158,43,34,.05),transparent);
}
.search-hero .sec-no{margin-bottom:14px;}
.search-hero h1{font-size:40px;margin:0 0 26px;}
.search-box{
  max-width:640px;margin:0 auto;display:flex;align-items:center;gap:10px;
  background:#fffdf6;border:1.5px solid var(--hair);
  border-radius:999px;padding:6px 10px 6px 22px;
  box-shadow:0 8px 30px rgba(90,60,20,.10);
  transition:border-color .25s, box-shadow .25s;
}
.search-box:focus-within{
  border-color:var(--gold);
  box-shadow:0 10px 34px rgba(168,130,31,.22);
}
.search-box .s-ico{display:inline-flex;color:var(--bronze);flex:none;}
.search-box input{
  flex:1;min-width:0;border:none;outline:none;background:transparent;
  font-family:inherit;font-size:17px;color:#3a2f1a;padding:12px 0;
}
.search-box input::placeholder{color:#a3946f;}
.search-box input::-webkit-search-cancel-button,
.search-box input::-webkit-search-decoration{-webkit-appearance:none;display:none;}
.search-box .s-clr{
  flex:none;width:32px;height:32px;border-radius:50%;
  border:none;background:#efe6cd;color:#6a5b3d;cursor:pointer;
  font-size:14px;line-height:1;transition:.2s;
}
.search-box .s-clr:hover{background:#e2d3ab;}
.s-meta{
  margin:16px 0 0;font-size:13.5px;color:#8a7a58;letter-spacing:1px;
}
.s-results{max-width:760px;margin:0 auto;text-align:left;}
.s-none{
  text-align:center;color:#8a7a58;padding:36px 0;font-size:15.5px;
}
.s-item{
  display:block;padding:20px 22px;margin-bottom:14px;
  background:#fffdf6;border:1px solid var(--hair-soft);border-left:3px solid var(--hair);
  border-radius:4px;text-decoration:none;transition:.25s;
}
.s-item:hover{
  border-left-color:var(--red);border-color:var(--gold);
  box-shadow:0 8px 22px rgba(90,60,20,.10);transform:translateY(-1px);
}
.s-item .s-sec{
  display:inline-block;font-size:11.5px;letter-spacing:2px;
  color:var(--red);background:rgba(158,43,34,.08);
  border:1px solid rgba(158,43,34,.18);border-radius:999px;
  padding:2px 10px;margin-bottom:8px;
}
.s-item b{
  display:block;font-size:17.5px;color:#3a2f1a;margin-bottom:6px;
  font-family:var(--serif);
}
.s-item:hover b{color:var(--red);}
.s-item p{
  margin:0;font-size:14px;line-height:1.75;color:#6a5b3d;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.s-item mark,.s-none mark{
  background:linear-gradient(180deg,transparent 55%,rgba(212,175,55,.55) 55%);
  color:inherit;padding:0 1px;border-radius:2px;
}

@media(max-width:640px){
  .search-hero{padding:48px 0 20px;}
  .search-hero h1{font-size:30px;}
  .search-box{margin:0 4px;}
  .search-box input{font-size:16px;}
  .s-item{padding:16px 16px;}
}
/* 桌面端搜索入口：窄屏时只留图标 */
@media(max-width:1180px){
  .nav-search span{display:none;}
  .nav-search{padding:8px 8px;}
}