@charset "utf-8";
/* ==========================================================================
   国学典藏 · 视觉修订 v2「水墨克制 · 做减法」
   加载顺序：common(.wap).css / detail(.wap).css / guoxue-new.css 之后
   作用：1) 首页目录化  2) 内页统一到同一套语言  3) 桌面 / 平板 / 手机三端
   ========================================================================== */

/* ---------- 0. 基础 ---------- */
/* 中文大写序号（壹贰叁…），供内页分组标题使用 */
@counter-style han-cap {
  system: fixed;
  symbols: 壹 贰 叁 肆 伍 陆 柒 捌 玖 拾;
  suffix: " ";
}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{background:var(--paper);font-feature-settings:"palt" 1}
.section{padding-left:24px;padding-right:24px}
img{max-width:100%}

/* ---------- 1. 顶栏：去掉胶囊感，回归书眉 ---------- */
.topbar-inner{height:72px;gap:28px}
.topnav{gap:0;margin-left:auto}
.nav-chip{
  padding:6px 0;margin:0 15px;border-radius:0;background:none;
  font-size:13.5px;letter-spacing:.16em;color:var(--ink2);position:relative;
}
.nav-chip:first-child{margin-left:0}
.nav-chip:hover{background:none;color:var(--ink)}
.nav-chip.on{color:var(--ink);font-weight:400}
.nav-chip.on::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--vermilion);
}
.top-search{
  border:none;border-bottom:1px solid rgba(38,32,25,.28);border-radius:0;
  background:transparent;height:34px;margin-left:8px;
}
.top-search input{width:130px;height:100%;padding:0 2px;font-size:13px;letter-spacing:.06em}
.top-search input::placeholder{color:var(--ink3);letter-spacing:.12em}
.top-search button{
  background:transparent;color:var(--ink2);padding:0 2px 0 14px;
  font-size:12.5px;letter-spacing:.24em;transition:.2s;
}
.top-search button:hover{background:transparent;color:var(--vermilion)}

/* 移动菜单 */
.burger{display:none;margin-left:auto;color:var(--ink2)}
.mobilemenu.open{display:flex}
.mobilemenu a{padding:14px 6px;font-size:15px}
.mm-search{display:flex;align-items:center;margin-top:10px;border-bottom:1px solid var(--line)}
.mm-search input{
  flex:1;min-width:0;border:none;outline:none;background:transparent;
  padding:12px 2px;font-family:inherit;font-size:16px;color:var(--ink);
}
.mm-search input::placeholder{color:var(--ink3);letter-spacing:.1em}
.mm-search button{
  background:none;border:none;font-family:inherit;color:var(--ink2);
  padding:12px 2px 12px 14px;font-size:13px;letter-spacing:.24em;
}

/* ---------- 2. 首页 Hero ---------- */
/* 竖屏平板 70vh 会撑成整屏，用 clamp 封顶 */
.hero{min-height:clamp(420px,62vh,620px)}
.hero-bg{background-position:center center}
.hero-bg::after{
  background:
    radial-gradient(64% 58% at 50% 44%,
      rgba(247,241,230,.97) 0%,
      rgba(247,241,230,.90) 34%,
      rgba(247,241,230,.52) 62%,
      rgba(247,241,230,.10) 82%,
      rgba(247,241,230,0) 100%),
    linear-gradient(180deg, rgba(247,241,230,.62) 0%, rgba(247,241,230,.14) 42%, var(--paper) 100%);
}
.hero-svg{display:none}
.hero-inner{padding:104px 24px 116px;max-width:900px}
.kicker{font-size:12.5px;letter-spacing:.46em;color:var(--ink2);font-weight:500;display:block}
.kicker::before,.kicker::after{display:none}
.hero h1{
  font-size:clamp(36px,6vw,68px);letter-spacing:.07em;margin:26px 0 0;
  text-wrap:balance;
}
.hero h1 em{color:var(--vermilion)}
.hero-sub{margin-top:20px;font-size:15.5px;letter-spacing:.14em;color:var(--ink2);max-width:none}
/* 搜索只留一条底线 */
.hero-search{
  margin:44px auto 0;max-width:480px;background:rgba(247,241,230,.55);
  border:none;border-bottom:1px solid rgba(38,32,25,.55);border-radius:0;box-shadow:none;
  backdrop-filter:none;
}
.hero-search input{padding:12px 2px;font-size:15px;letter-spacing:.08em;background:transparent}
.hero-search input::placeholder{color:var(--ink2);letter-spacing:.1em;opacity:.75}
.hero-search button{
  background:transparent;color:var(--ink);padding:0 2px 0 18px;
  font-size:13.5px;letter-spacing:.3em;transition:.2s;
}
.hero-search button:hover{background:transparent;color:var(--vermilion)}
/* 快捷入口：一行细字 */
.quick{
  margin-top:34px;gap:0;align-items:center;justify-content:center;
  font-size:14px;letter-spacing:.2em;color:var(--ink2);
}
.quick a{
  padding:0;border:none;background:none;border-radius:0;color:var(--ink2);
  font-size:14px;letter-spacing:.2em;display:inline;transition:.2s;
}
.quick a:hover{color:var(--vermilion);transform:none}
.quick .dot{margin:0 13px;color:var(--ink3);opacity:.7;letter-spacing:0}

/* ---------- 3. 名句 ---------- */
.quote-band{border-top:1px solid var(--line-soft);border-bottom:none}
.quote-band .section{display:block;text-align:center;max-width:860px;padding:56px 24px 54px}
.quote-band blockquote{
  font-family:var(--kai);font-size:clamp(19px,2.3vw,25px);
  letter-spacing:.14em;line-height:2;color:var(--ink);text-wrap:balance;
}
.quote-mark{display:none}
.quote-band cite{
  display:block;margin-top:18px;font-size:12px;color:var(--ink3);
  letter-spacing:.28em;text-indent:.28em;
}
.quote-band cite::before{content:"—— ";margin-right:2px}
/* 窄屏在逗号处断，避免把「灵秀」拆开 */
.q-br{display:none}
@media(max-width:900px){.q-br{display:inline}}

/* ---------- 4. 首页类目：线装书目录 ---------- */
.catalog{padding-top:76px;padding-bottom:20px}
.catalog-head{
  display:flex;align-items:baseline;gap:18px;
  padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:0;
}
.catalog-head h2{font-size:14px;font-weight:600;letter-spacing:.6em;color:var(--ink);text-indent:.6em}
.catalog-head p{font-size:12px;color:var(--ink3);letter-spacing:.22em;margin-left:auto}
.toc-group{
  display:grid;grid-template-columns:196px 1fr;gap:0 56px;
  padding:52px 0 46px;border-bottom:1px solid var(--line-soft);
}
.toc-group:last-child{border-bottom:none}
.toc-head{grid-column:1;align-self:start;position:sticky;top:96px}
.toc-num{font-family:var(--kai);font-size:14px;color:var(--vermilion);letter-spacing:.3em;display:block;text-indent:.3em}
.toc-head h3{font-size:23px;font-weight:900;letter-spacing:.16em;color:var(--ink);margin-top:8px;text-indent:.16em}
.toc-sub{display:block;margin-top:10px;font-size:12px;color:var(--ink3);letter-spacing:.1em;line-height:1.9}
.toc-items{grid-column:2;columns:2;column-gap:56px}
.toc-item{
  display:grid;grid-template-columns:38px 1fr;align-items:baseline;gap:0 14px;
  padding:15px 0 14px;border-bottom:1px solid var(--line-soft);
  transition:background .25s,border-color .25s;
  break-inside:avoid;-webkit-column-break-inside:avoid;
}
.ti-ch{font-family:var(--kai);font-size:28px;line-height:1.15;font-weight:400;color:var(--ink2);transition:color .25s,transform .25s;text-align:center}
.ti-main{display:block;min-width:0}
.ti-main b{display:block;font-size:16px;font-weight:700;letter-spacing:.09em;color:var(--ink);transition:color .25s;line-height:1.5}
.ti-main i{
  display:block;font-style:normal;font-size:13px;color:#6B6152;line-height:1.7;margin-top:4px;
  overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
}
.toc-item:hover{border-bottom-color:var(--line)}
.toc-item:hover .ti-ch{color:var(--vermilion);transform:translateX(-2px)}
.toc-item:hover .ti-main b{color:var(--vermilion)}

/* ==========================================================================
   5. 内页骨架
   ========================================================================== */

/* 次级栏：原 .header 是 80px 高的白条 + 蓝色栏目块 + 蓝色搜索框
   原 guoxue-new.css 用 display:none!important 整条藏掉，导致内页面包屑消失，这里恢复成细导航条
   注意：模板里 .header 排在 .topbar 之前，下面用 flex order 把顶栏提到最前 */
body{
  display:flex;flex-direction:column;min-height:100vh;
}
body>*{order:3}
body>.topbar{order:1}
body>.header{order:2}
body>.footer{order:4;margin-top:auto}
.header{
  display:block!important;
  float:none;width:auto;height:auto;line-height:normal;background:none;
  border-bottom:1px solid var(--line-soft);
}
.header .indexwidth{
  width:auto;max-width:1240px;margin:0 auto;padding:13px 24px;box-sizing:border-box;
  display:flex;align-items:center;gap:18px;flex-wrap:wrap;
  height:auto;line-height:normal;
}
.header .logo{display:none}                     /* 与 .topbar 品牌重复 */
.header .lanmu{
  float:none;margin:0;padding:0;background:none;color:var(--ink);
  height:auto;line-height:normal;border-radius:0;
  font-size:13px;letter-spacing:.22em;text-indent:.22em;flex:none;
  display:flex;align-items:center;
}
.header .lanmu::before{
  content:"";display:inline-block;width:5px;height:5px;background:var(--vermilion);
  margin-right:11px;vertical-align:2px;transform:rotate(45deg);flex:none;
}
.header .sidebar{
  float:none;width:auto;flex:1 1 auto;height:auto;line-height:1.6;margin:0;overflow:visible;
  font-size:12px;color:var(--ink3);
}
.header .sidebar a,.header .sidebar span{color:var(--ink3);font-size:12.5px;padding:0 2px}
.header .sidebar a:hover{color:var(--vermilion)}
.header .sidebar code{margin:0 6px;color:var(--ink3);opacity:.5;font-family:inherit}
.header .nav-toggle{display:none}
.header .search{display:none}                    /* 顶栏已有全站检索，避免重复 */
.header .search .in_search{
  width:auto;min-width:0;height:32px;border:none;border-bottom:1px solid var(--line);
  display:flex;align-items:center;position:static;
}
.header .search .in_search .search_text{
  width:132px;height:32px;line-height:32px;font-size:13px;padding:0 2px;
  background:transparent;border:none;letter-spacing:.06em;
}
.header .search .in_search .search_btn{
  position:static;height:32px;width:auto;background:none;color:var(--ink2);
  font-size:12.5px;letter-spacing:.2em;padding:0 2px 0 12px;border:none;
}
.header .search .in_search .search_btn:hover{color:var(--vermilion)}

/* 主栏：原为 1200px 定宽 + 白卡片 + 10px 圆角 */
.main{
  width:auto;max-width:1200px;margin:0 auto;padding:0 24px;box-sizing:border-box;
  display:flex;flex-wrap:wrap;gap:0 48px;align-items:flex-start;
}
.main::after,.main::before{content:none;display:none}
.main > .main-left{
  float:none;width:auto;flex:1 1 0;min-width:0;box-sizing:border-box;
  background:none;border:none;border-radius:0;box-shadow:none;
  padding:0;margin-top:38px;
}
.main-right{
  float:none;width:auto;flex:0 0 288px;box-sizing:border-box;
  background:none;border:none;border-radius:0;box-shadow:none;
  margin-top:38px;position:static;
}
.position{
  flex:0 0 100%;width:100%;margin:18px 0 0;padding:0;
  background:none;border:none;border-radius:0;box-shadow:none;
  font-size:12px;color:var(--ink3);letter-spacing:.04em;line-height:1.8;
  height:auto;display:block;
}
.position a{color:var(--ink3)}
.position a:hover{color:var(--vermilion)}
.position code{margin:0 7px;color:var(--ink3);opacity:.5;font-family:inherit}

/* ---------- 5.1 列表 / 索引页 ---------- */
.list_title{position:static;font-size:inherit;line-height:inherit;border-bottom:1px solid var(--line);padding-bottom:16px}
.list_title h3{font-size:clamp(24px,3.4vw,38px);font-weight:900;letter-spacing:.12em;color:var(--ink)}
.list_intro{
  margin-top:22px;padding:0;background:none;border:none;border-radius:0;
  box-shadow:none;
}
.list_intro p{
  font-size:14.5px;line-height:2.05;color:var(--ink2);letter-spacing:.02em;
  text-align:justify;max-width:44em;margin-bottom:14px;
}
.list_intro p:last-child{margin-bottom:0}
.list_intro img{float:none;width:100%;max-width:100%;margin:0 0 16px}

.list_wrap{margin-top:32px;counter-reset:lw}
.list_wrap h4{
  counter-increment:lw;
  height:auto;line-height:1.6;position:static;padding:0 0 10px;background:none;border-radius:0;
  border-bottom:1px solid var(--line-soft);margin:34px 0 4px;
  font-size:13.5px;font-weight:600;letter-spacing:.18em;color:var(--ink);
  display:flex;align-items:baseline;gap:12px;
}
.list_wrap h4::before{
  content:counter(lw,han-cap);
  position:static;left:auto;top:auto;float:none;
  width:auto;min-width:22px;height:auto;line-height:1.5;overflow:visible;
  background:none;border-radius:0;box-shadow:none;
  font-family:var(--kai);font-weight:400;color:var(--vermilion);
  font-size:13.5px;letter-spacing:0;flex:none;
}
.tag_item{margin:8px 0 4px;display:flex;flex-wrap:wrap;gap:0 0;align-items:baseline}
.tag_item a{
  display:inline-block;padding:8px 14px 8px 0;margin:0;
  font-size:14.5px;color:var(--ink2);letter-spacing:.04em;
  border:none;background:none;border-radius:0;float:none;
  position:relative;transition:color .18s;
}
.tag_item a:hover{color:var(--vermilion);background:none}
.tag_item .clear{display:none}
/* 列表型条目 */
.list_wrap ul li{
  min-height:0;line-height:1.9;margin-bottom:0;padding:13px 110px 13px 0;
  border-bottom:1px solid var(--line-soft);position:relative;
}
.list_wrap ul li::before,.list_wrap ul li::after{display:none}
.list_wrap ul li a,.list_wrap ul li time{position:static;background:none;padding:0;font-size:14.5px;color:var(--ink2)}
.list_wrap ul li a:hover{color:var(--vermilion)}
.list_wrap ul li time{position:absolute;right:0;top:14px;font-size:12px;color:var(--ink3);letter-spacing:.04em}
.list_wrap ul li:nth-child(5n){margin-bottom:0}

/* ---------- 5.2 右栏 ---------- */
.main-right .right_box{
  float:none;width:auto;background:none;border:none;border-radius:0;box-shadow:none;
  padding:0 0 20px;margin-bottom:24px;
  border-bottom:1px solid var(--line-soft);
}
.main-right .right_box:last-child{border-bottom:none}
.main-right .right_box span{
  float:none;display:block;width:auto;font-size:11.5px;color:var(--ink3);
  letter-spacing:.26em;text-indent:.26em;font-weight:400;margin-bottom:10px;
}
.main-right .right_box ul{display:block;float:none}
.main-right .right_box li{float:none;width:auto;height:auto;line-height:normal;overflow:visible;margin:0}
.main-right .right_box a{
  display:inline-block;float:none;height:auto;line-height:1.6;
  padding:5px 7px 5px 0;font-size:13.5px;color:var(--ink2);letter-spacing:.02em;
  border:none;background:none;border-radius:0;transition:color .18s;
}
.main-right .right_box a:hover{color:var(--vermilion)}
.main-right .right_box li a::before{display:none}
.main-right .right_fixed_list{position:static}

/* 单字格：常用汉字那种 120 个单字，排成均匀字格，避免参差 */
.main-right .right_box.col-6,
.main-right .right_box.col-4{
  display:grid;grid-template-columns:repeat(8,1fr);
  gap:0;align-items:center;
}
.main-right .right_box.col-4{grid-template-columns:repeat(4,1fr)}
.main-right .right_box.col-6>span,
.main-right .right_box.col-4>span{grid-column:1/-1;margin-bottom:8px}
.main-right .right_box.col-6>a,
.main-right .right_box.col-4>a{
  display:flex;align-items:center;justify-content:center;
  width:auto;height:30px;padding:0;font-size:15px;letter-spacing:0;
  color:var(--ink2);
}
.main-right .right_box.col-6>a:hover,
.main-right .right_box.col-4>a:hover{color:var(--vermilion)}

/* ---------- 5.3 详情页 ---------- */
.ar_con{
  padding:0;background:none;border:none;border-radius:0;box-shadow:none;
  font-size:15px;line-height:2;color:var(--ink2);
}
.ar_title{
  text-align:left;margin:0 0 24px;padding-bottom:18px;
  border-bottom:1px solid var(--line);
}
.ar_title h1{
  font-size:clamp(28px,4vw,42px);font-weight:900;letter-spacing:.05em;
  line-height:1.25;color:var(--ink);text-align:left;clear:none;margin:8px 0 0;
}
.ar_title h1 span{font-size:14px;font-weight:400;color:var(--ink3);letter-spacing:.1em;margin-left:14px}
.ar_title .pinyin span{font-size:13.5px;color:var(--ink3);letter-spacing:.16em}
.main-left .ar_intro{
  background:none;border-radius:0;border-left:2px solid var(--line);
  padding:2px 0 2px 18px;margin:0 0 26px;color:var(--ink2);
  font-size:15px;line-height:2;letter-spacing:.02em;
  -webkit-line-clamp:unset;line-clamp:unset;display:block;max-height:none;overflow:visible;
  white-space:normal;word-break:normal;text-overflow:clip;
}
.ar_con .c-999,.main-left .c-999{
  color:var(--ink3);font-size:11.5px;letter-spacing:.14em;
}
/* 详情页内的老式灰块、蓝块统一掉 */
.ar_con .col-flex > .col-flex{border-color:var(--line-soft)}
.ar_con a{color:var(--ink)}
.ar_con a:hover{color:var(--vermilion)}

/* 拼音：汉字上方的小字，做成书里的注音样式 */
.ar_title .pinyin{
  display:block;margin:0 0 2px;padding:0;background:none;border:none;border-radius:0;
  font-size:13px;line-height:1.4;color:var(--vermilion);letter-spacing:.22em;
}
.ar_title .pinyin span{font-size:13px;color:var(--vermilion);letter-spacing:.22em}

/* 基本信息：原来是浮动的 col-flex-4/8，错位严重，改成两栏对齐 */
.ar_con .col-flex.mt20{
  display:grid;grid-template-columns:190px minmax(0,1fr);
  gap:28px 40px;align-items:start;margin:26px 0 0;padding:0;width:100%;
}
.ar_con .col-flex.mt20 > *{padding-left:0;padding-right:0;margin-left:0;margin-right:0}
.ar_con .col-flex.mt20 > .col-flex-4{width:100%;float:none;max-width:none}
.ar_con .col-flex.mt20 > .col-flex-8,
.ar_con .col-flex.mt20 .col-flex-6{
  display:block;width:100%!important;max-width:none!important;float:none;box-sizing:border-box;
}
/* 只针对真正的行，排除 col-flex-3/4/6/8 这些栅格列 */
.ar_con .col-flex.mt20 div.col-flex:not(.col-flex-3):not(.col-flex-4):not(.col-flex-6):not(.col-flex-8){
  display:grid;grid-template-columns:5.8em minmax(0,1fr);gap:0 12px;
  align-items:baseline;float:none;width:auto;
  padding:8px 0;border-bottom:1px solid var(--line-soft);
}
.ar_con .col-flex.mt20 div.col-flex:not(.col-flex-3):not(.col-flex-4):not(.col-flex-6):not(.col-flex-8):last-child{border-bottom:none}
.ar_con .col-flex.mt20 div.col-flex:not(.col-flex-3):not(.col-flex-4):not(.col-flex-6):not(.col-flex-8) > .col-flex-4{
  float:none;width:100%!important;max-width:none;text-align:left;color:var(--ink3);
  font-size:12px;letter-spacing:.04em;white-space:normal;line-height:1.5;
}
.ar_con .col-flex.mt20 div.col-flex:not(.col-flex-3):not(.col-flex-4):not(.col-flex-6):not(.col-flex-8) > .col-flex-8{
  float:none;width:auto;display:block;text-align:left;
  font-size:14.5px;color:var(--ink);word-break:break-word;
}
/* 米字格：去掉外框 */
.zi-grid .svg svg{border:none!important;background:none}
.zi-grid{background:none;border:none;box-shadow:none}

/* 正文小标题：原来 4px 蓝色左边框 + 蓝底，改成细横线 + 朱点 */
.con_article h2{
  border-left:none;padding:0 0 10px;margin:34px 0 12px;
  background:none;border-radius:0;
  border-bottom:1px solid var(--line-soft);
  font-size:13.5px;font-weight:600;letter-spacing:.18em;color:var(--ink);
  display:flex;align-items:center;gap:11px;
}
.con_article h2::before{
  content:"";width:5px;height:5px;background:var(--vermilion);
  display:inline-block;transform:rotate(45deg);flex:none;border:none;
}
.con_article h2:first-child{margin-top:0}
.con_article p{font-size:15px;line-height:2.05;color:var(--ink2);letter-spacing:.02em}
.con_article ol,.con_article ul{padding-left:0;list-style:none}
/* 读音按钮：原来是蓝色圆角胶囊 */
.con_article .open-video{
  display:inline-flex;align-items:center;gap:9px;width:auto;
  background:none;border:1px solid var(--line);border-radius:0;
  padding:7px 16px;color:var(--ink);font-size:14px;letter-spacing:.2em;
  cursor:pointer;transition:.2s;
}
.con_article .open-video:hover{border-color:var(--vermilion);color:var(--vermilion)}
.con_article .open-video::before{
  content:"";width:0;height:0;border-style:solid;
  border-width:5px 0 5px 8px;border-color:transparent transparent transparent currentColor;
}

/* 关联内链：去掉 3px 朱红左边框的卡片 */
.rl-sec{
  background:none;border:none;border-radius:0;box-shadow:none;
  border-top:1px solid var(--line-soft);padding:18px 0 4px;
}
.rl-title{border-bottom:none;padding-bottom:8px;margin-bottom:12px;gap:12px}
.rl-title span{
  font-size:13.5px;font-weight:600;letter-spacing:.18em;color:var(--ink);
}
.rl-title span::before{
  content:"";display:inline-block;width:5px;height:5px;background:var(--vermilion);
  margin-right:10px;vertical-align:2px;transform:rotate(45deg);
}
.rl-title em{font-size:11.5px;color:var(--ink3);letter-spacing:.08em}
.rl-char{
  background:none;border:1px solid var(--line-soft);border-radius:0;
  padding:14px 10px 12px;
}
.rl-char:hover{background:none;border-color:var(--vermilion);transform:none}
.rl-char b{font-size:36px;font-weight:400;color:var(--ink);font-family:var(--kai)}
.rl-char i{color:var(--ink3);font-size:12px;letter-spacing:.08em}
.rl-group h4{
  border-left:none;padding-left:0;font-size:12px;font-weight:400;
  letter-spacing:.2em;color:var(--ink3);margin-bottom:8px;
}
.rl-chips{gap:0}
.rl-chips a{
  background:none;border:none;border-radius:0;padding:6px 14px 6px 0;
  font-size:14px;color:var(--ink2);
}
.rl-chips a:hover{background:none;color:var(--vermilion)}

/* 搜索分组：去掉虚线框与左边条 */
.search-group{
  background:none;border:none;border-left:none;border-radius:0;
  border-bottom:1px solid var(--line-soft);padding:14px 0 10px;margin-bottom:0;
}
.search-group b{font-size:14px;font-weight:600;letter-spacing:.14em;color:var(--ink)}
.search-group span{font-size:12px;color:var(--ink3)}

/* 栏目落地页（cat-hero / entry-list） */
.cat-hero{background:none;border-bottom:1px solid var(--line-soft)}
.cat-hero .section{padding:44px 24px 34px}
.crumbs{font-size:12px;color:var(--ink3);letter-spacing:.04em;margin-bottom:14px}
.entry-list{padding:32px 24px 16px}
.entry-list-head{margin-bottom:18px}
/* 分页 */
.page,.pagination,.pager{font-size:13px;letter-spacing:.06em}
.page a,.pagination a,.pager a{color:var(--ink2);border:1px solid var(--line-soft);background:none;border-radius:0;padding:5px 11px}
.page a:hover,.pagination a:hover,.pager a:hover{border-color:var(--vermilion);color:var(--vermilion);background:none}
.page .on,.pagination .on,.pager .on,.page span.on{background:var(--ink);border-color:var(--ink);color:var(--paper)}

/* ---------- 6. 页脚 ---------- */
.footer{
  background:#211B15;padding:56px 24px 26px;margin-top:0;
  box-sizing:border-box;width:100%;max-width:100%;
  position:relative;z-index:1;
}
.footer-inner{gap:56px;box-sizing:border-box}
/* common.css 遗留 .fl{float:left}，会让分组变收缩浮动盒，多列排布散架 */
.foot-links .fl{float:none}
.foot-brand b{font-size:19px;letter-spacing:.18em}
.foot-brand p{font-size:12px;letter-spacing:.14em;margin-top:10px}
.foot-links{gap:48px}
.foot-links .fl h4{font-size:11.5px;letter-spacing:.3em;color:#948A7C;font-weight:600;margin-bottom:14px}
.foot-links .fl a{font-size:13px;color:#A69B89;padding:4.5px 0;letter-spacing:.06em}
.foot-bottom{margin-top:36px;font-size:11.5px;color:#7E7462;letter-spacing:.06em}
.foot-bottom a{color:#A69B89}

/* ==========================================================================
   7. 三端适配：桌面(≥1025) / 平板(621~1024) / 手机(≤620)
   ========================================================================== */

/* ---------- 平板横屏 / 小笔记本 ---------- */
@media(max-width:1024px){
  .toc-group{grid-template-columns:168px 1fr;gap:0 40px}
  .toc-items{column-gap:40px}
  .toc-head h3{font-size:21px}
  .toc-item{grid-template-columns:34px 1fr;gap:0 12px}
  .ti-ch{font-size:26px}
  .hero-inner{padding:96px 24px 104px}
  .main{gap:0 32px}
  .main-right{flex:0 0 252px}
}

/* ---------- 平板竖屏 ---------- */
@media(max-width:860px){
  /* 只让检索的 auto 外边距生效，否则两个 auto 平分空隙把检索推到居中 */
  .burger{display:flex;align-items:center;justify-content:center;margin-left:16px}
  .topnav{display:none}
  .top-search{margin-left:auto}
  .toc-group{grid-template-columns:1fr;gap:0;padding:38px 0 32px}
  .toc-head{
    position:static;grid-column:1;margin-bottom:18px;
    display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;
  }
  .toc-head h3{margin-top:0;font-size:19px}
  .toc-num{font-size:13px}
  .toc-sub{margin-top:0;flex-basis:100%}
  .toc-items{grid-column:1;column-gap:32px}

  /* 内页：右栏落到正文下方 */
  .main{gap:0;flex-direction:column;align-items:stretch}
  .main-left,.main-right{flex:1 1 auto;width:100%}
  .main-right{margin-top:8px}
  .main-right .right_box{border-bottom:1px solid var(--line-soft)}
  .header .search{display:none}                 /* 检索已进汉堡菜单 */
  .foot-links{display:block;column-count:3;column-gap:28px;margin-left:0;width:100%}
  .foot-links .fl{break-inside:avoid;-webkit-column-break-inside:avoid;margin-bottom:24px}
}

/* ---------- 手机 ---------- */
@media(max-width:700px){
  .section{padding-left:18px;padding-right:18px}
  .topbar-inner{
    height:60px;padding-left:max(18px,env(safe-area-inset-left));
    padding-right:max(18px,env(safe-area-inset-right));
  }
  .brand-name b{font-size:18px;letter-spacing:.1em}
  .brand-name span{font-size:10px;letter-spacing:.18em}
  .seal{width:34px;height:34px;font-size:19px}
  .top-search{display:none}

  .hero{min-height:auto}
  .hero-inner{padding:72px 18px 82px}
  .kicker{font-size:12px;letter-spacing:.4em}
  .hero h1{font-size:clamp(30px,8.6vw,44px);letter-spacing:.05em;margin-top:22px}
  .hero-sub{font-size:13.5px;letter-spacing:.12em;margin-top:18px;line-height:1.9}
  .hero-search{margin-top:32px;max-width:100%}
  .hero-search input{font-size:16px;padding:13px 12px}
  .hero-search button{font-size:13px;letter-spacing:.2em;padding:0 14px}
  .quick{margin-top:26px;font-size:13px;letter-spacing:.14em}
  .quick a{font-size:13px;letter-spacing:.14em}
  .quick .dot{margin:0 8px}

  .quote-band .section{padding:38px 18px}
  .quote-band blockquote{font-size:17px;letter-spacing:.1em;line-height:2}
  .quote-band cite{font-size:11px;letter-spacing:.2em;margin-top:14px}

  .catalog{padding-top:52px}
  .catalog-head{padding-bottom:12px}
  .catalog-head h2{font-size:13px;letter-spacing:.5em;text-indent:.5em}
  .catalog-head p{font-size:11px;letter-spacing:.14em}
  .toc-group{padding:32px 0 28px}
  .toc-head{margin-bottom:14px;gap:10px}
  .toc-head h3{font-size:18px;letter-spacing:.12em}
  .toc-sub{font-size:11.5px;line-height:1.85;margin-top:6px}
  .toc-item{padding:13px 0 12px;grid-template-columns:32px 1fr;gap:0 10px}
  .ti-ch{font-size:25px}
  .ti-main b{font-size:15.5px;letter-spacing:.07em}
  .ti-main i{font-size:12.5px;line-height:1.68}

  /* 内页 */
  .header .indexwidth{padding:11px 18px;gap:10px}
  .header .lanmu{font-size:12px;letter-spacing:.2em}
  .header .sidebar{flex-basis:100%;font-size:11.5px;line-height:1.7}
  .header .sidebar a,.header .sidebar span{font-size:11.5px}
  .main{padding:0 18px}
  .main-left{margin-top:24px}
  .main-right{margin-top:22px}
  .position{margin-top:14px;font-size:11.5px}
  .list_title{padding-bottom:12px}
  .list_title h3{font-size:22px}
  .list_intro p{font-size:14px;line-height:2}
  .list_wrap{margin-top:24px}
  .list_wrap h4{margin-top:26px;font-size:12.5px;letter-spacing:.14em}
  .tag_item a{font-size:14px;padding:7px 12px 7px 0}
  .list_wrap ul li{padding:11px 0;border-bottom:1px solid var(--line-soft)}
  .list_wrap ul li time{position:static;display:block;margin-top:2px}
  .ar_title h1{font-size:30px}
  .main-left .ar_intro{font-size:14px;padding-left:14px;line-height:1.95}
  /* 详情页：米字格与信息表改为上下堆叠，避免值被挤成竖排 */
  .main > .main-left{padding:0}
  .ar_con .col-flex.mt20{grid-template-columns:1fr;gap:18px}
  .ar_con .col-flex.mt20 > .col-flex-4{max-width:140px}
  .zi-grid .svg svg{width:100%;height:auto;max-width:150px}
  .ar_con .col-flex.mt20 div.col-flex:not(.col-flex-3):not(.col-flex-4):not(.col-flex-6):not(.col-flex-8){
    grid-template-columns:5.4em minmax(0,1fr);gap:0 10px;padding:9px 0;
  }
  .ar_con .col-flex.mt20 div.col-flex:not(.col-flex-3):not(.col-flex-4):not(.col-flex-6):not(.col-flex-8) > .col-flex-8{font-size:14px}
  .con_article h2{margin-top:26px;font-size:12.5px}
  .con_article p{font-size:14.5px}
  .rl-char b{font-size:30px}
  .footer{padding:40px 18px calc(22px + env(safe-area-inset-bottom))}
  .footer-inner{gap:30px}
  .foot-links{column-count:2;column-gap:22px;margin-left:0;width:100%}
  .foot-links .fl{margin-bottom:22px}
  .foot-links .fl h4{margin-bottom:8px}
  .foot-links .fl a{padding:9px 0;font-size:13.5px}
  .foot-bottom{display:block;margin-top:26px;font-size:11px;line-height:1.9}
  .foot-bottom .fb-sep{display:none}
}

/* ---------- 小屏手机 ---------- */
@media(max-width:620px){
  .toc-items{columns:1}
  /* 页脚改横排文字链：两列网格会被长短不一的组拉出空洞 */
  .foot-links{display:block;column-count:1;width:100%}
  .foot-links .fl{margin-bottom:18px}
  .foot-links .fl:last-child{margin-bottom:0}
  .foot-links .fl h4{margin-bottom:4px}
  .foot-links .fl a{display:inline;margin-right:14px;padding:6px 0;font-size:13px;white-space:nowrap}
}
@media(max-width:400px){
  .brand-name span{display:none}
  .hero h1{font-size:clamp(28px,8.8vw,38px)}
  .quick{flex-wrap:wrap;row-gap:6px}
}

/* ---------- 手机横屏：一屏看全首屏 ---------- */
@media(max-height:520px) and (orientation:landscape){
  .hero{min-height:auto}
  .hero-inner{padding:32px 24px 38px}
  .kicker{font-size:11px}
  .hero h1{font-size:clamp(26px,4.6vw,38px);margin-top:14px}
  .hero-sub{margin-top:10px;font-size:13px}
  .hero-search{margin-top:18px}
  .hero-search input{padding:10px 12px}
  .quick{margin-top:14px;font-size:12.5px}
  .quick a{font-size:12.5px}
}

/* ---------- 触屏 ---------- */
@media(hover:none){
  .toc-item:hover .ti-ch{transform:none}
  .quick a{padding:8px 4px}
  .nav-chip{padding:10px 0}
}
@media(prefers-reduced-motion:reduce){
  .toc-item,.ti-ch,.toc-item .ti-main b,
  .rl-char,.tag_item a,.main-right .right_box a{transition:none}
}

/* ==========================================================================
   7. 栏目页（column.htm）
   ========================================================================== */
.cat-hero .section{max-width:1240px;margin:0 auto;padding:44px 24px 34px}
.col-title{font-size:clamp(28px,4.2vw,44px);font-weight:900;letter-spacing:.14em;margin:0}
.col-intro{margin-top:14px;font-size:14px;line-height:2;letter-spacing:.06em;color:var(--ink2);max-width:820px}
.col-catalog{padding-top:40px;padding-bottom:64px}
.toc-items--wide{grid-column:auto;columns:2;column-gap:56px}
.toc-item--plain{grid-template-columns:1fr;padding:17px 0 15px}
.toc-item--plain .ti-main b{font-size:16.5px;letter-spacing:.1em}
.toc-item--plain .ti-main i{font-size:12.5px;color:#6B6152;margin-top:5px}
/* 首页分组标题可点进栏目页 */
.toc-head h3 a{color:inherit;transition:color .2s}
.toc-head h3 a:hover{color:var(--vermilion)}
@media(max-width:860px){
  .toc-items--wide{columns:1}
}
@media(max-width:700px){
  .col-title{font-size:25px;letter-spacing:.1em}
  .col-intro{font-size:13px;line-height:1.95}
  .col-catalog{padding-top:30px;padding-bottom:44px}
}