/* ================= 统一刊头 + 页面过场(2026-10-17) =================
   全站(首页、电子书/有声书区、站内搜索、以马忤斯论坛、我的书房、订阅)共用这一条刊头和手机底部导航,
   同一高度、同一位置、同一配色,换页时刊头看起来是「不动的」;正文用 View Transitions 淡入淡出,
   不支持的浏览器退化成一个短淡入。颜色沿用金秋那组令牌,没有令牌的页面用后面的备用值。 */
.top{position:relative;background:var(--deep,#2A211A);color:#F6F0E4;border-bottom:1px solid rgba(255,255,255,.08);
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22640%22%20height%3D%22110%22%20viewBox%3D%220%200%20640%20110%22%3E%3Cpath%20transform%3D%22translate%28221%2024%29%20rotate%28-48%29%20scale%281.36%29%22%20d%3D%22M0-11l1.7%203.9%203.4-1.3-.9%203.9%203.9.4-2.6%203%203%201.7-3.9%201.3.9%203.2-3.4-1.3L0%2011l-2.1-5.6-3.4%201.3.9-3.2-3.9-1.3%203-1.7-2.6-3%203.9-.4-.9-3.9%203.4%201.3z%22%20fill%3D%22%23a8432a%22%20fill-opacity%3D%220.31%22%2F%3E%3Cpath%20transform%3D%22translate%28566%2030%29%20rotate%28-31%29%20scale%281.03%29%22%20d%3D%22M0-11l1.7%203.9%203.4-1.3-.9%203.9%203.9.4-2.6%203%203%201.7-3.9%201.3.9%203.2-3.4-1.3L0%2011l-2.1-5.6-3.4%201.3.9-3.2-3.9-1.3%203-1.7-2.6-3%203.9-.4-.9-3.9%203.4%201.3z%22%20fill%3D%22%23c06a2e%22%20fill-opacity%3D%220.42%22%2F%3E%3Cpath%20transform%3D%22translate%2864%2060%29%20rotate%2853%29%20scale%281.20%29%22%20d%3D%22M0-11l1.7%203.9%203.4-1.3-.9%203.9%203.9.4-2.6%203%203%201.7-3.9%201.3.9%203.2-3.4-1.3L0%2011l-2.1-5.6-3.4%201.3.9-3.2-3.9-1.3%203-1.7-2.6-3%203.9-.4-.9-3.9%203.4%201.3z%22%20fill%3D%22%23c9a03a%22%20fill-opacity%3D%220.25%22%2F%3E%3Cpath%20transform%3D%22translate%28264%2095%29%20rotate%28-25%29%20scale%281.39%29%22%20d%3D%22M0-11l1.7%203.9%203.4-1.3-.9%203.9%203.9.4-2.6%203%203%201.7-3.9%201.3.9%203.2-3.4-1.3L0%2011l-2.1-5.6-3.4%201.3.9-3.2-3.9-1.3%203-1.7-2.6-3%203.9-.4-.9-3.9%203.4%201.3z%22%20fill%3D%22%23b5532a%22%20fill-opacity%3D%220.25%22%2F%3E%3Cpath%20transform%3D%22translate%2899%2038%29%20rotate%2816%29%20scale%281.17%29%22%20d%3D%22M0-11l1.7%203.9%203.4-1.3-.9%203.9%203.9.4-2.6%203%203%201.7-3.9%201.3.9%203.2-3.4-1.3L0%2011l-2.1-5.6-3.4%201.3.9-3.2-3.9-1.3%203-1.7-2.6-3%203.9-.4-.9-3.9%203.4%201.3z%22%20fill%3D%22%23a8432a%22%20fill-opacity%3D%220.23%22%2F%3E%3Cpath%20transform%3D%22translate%28353%2017%29%20rotate%2821%29%20scale%280.86%29%22%20d%3D%22M0-11l1.7%203.9%203.4-1.3-.9%203.9%203.9.4-2.6%203%203%201.7-3.9%201.3.9%203.2-3.4-1.3L0%2011l-2.1-5.6-3.4%201.3.9-3.2-3.9-1.3%203-1.7-2.6-3%203.9-.4-.9-3.9%203.4%201.3z%22%20fill%3D%22%23b5532a%22%20fill-opacity%3D%220.32%22%2F%3E%3Cpath%20transform%3D%22translate%28215%2062%29%20rotate%2835%29%20scale%280.94%29%22%20d%3D%22M0-10c2%201%201%203%203%203s2%202%201%203%202%202%201%203.5-1%201-1%202.5S2%209%200%2010c-2-1-1-2.5-3-3s-1-2-2-3.5%202-1.5%201-3-1-2%201-3S-2-9%200-10zM0%2010v3%22%20fill%3D%22%238a5a2b%22%20fill-opacity%3D%220.32%22%2F%3E%3Cpath%20transform%3D%22translate%28174%2061%29%20rotate%28-25%29%20scale%281.28%29%22%20d%3D%22M0-10c2%201%201%203%203%203s2%202%201%203%202%202%201%203.5-1%201-1%202.5S2%209%200%2010c-2-1-1-2.5-3-3s-1-2-2-3.5%202-1.5%201-3-1-2%201-3S-2-9%200-10zM0%2010v3%22%20fill%3D%22%238a5a2b%22%20fill-opacity%3D%220.35%22%2F%3E%3Cpath%20transform%3D%22translate%2899%2047%29%20rotate%28-9%29%20scale%281.45%29%22%20d%3D%22M0%209V2M-8-4c2-5%2014-5%2016%200-2%203.5-5%205.5-8%206.5-3-1-6-3-8-6.5z%22%20fill%3D%22%23c08a2e%22%20fill-opacity%3D%220.31%22%20stroke%3D%22%23c08a2e%22%20stroke-width%3D%221.1%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20transform%3D%22translate%2875%2059%29%20rotate%2811%29%20scale%281.26%29%22%20d%3D%22M0%209V2M-8-4c2-5%2014-5%2016%200-2%203.5-5%205.5-8%206.5-3-1-6-3-8-6.5z%22%20fill%3D%22%238a5a2b%22%20fill-opacity%3D%220.25%22%20stroke%3D%22%238a5a2b%22%20stroke-width%3D%221.1%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20transform%3D%22translate%28299%2084%29%20rotate%28-52%29%20scale%281.26%29%22%20d%3D%22M0%209V2M-8-4c2-5%2014-5%2016%200-2%203.5-5%205.5-8%206.5-3-1-6-3-8-6.5z%22%20fill%3D%22%23c06a2e%22%20fill-opacity%3D%220.36%22%20stroke%3D%22%23c06a2e%22%20stroke-width%3D%221.1%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20transform%3D%22translate%28212%2061%29%20rotate%2846%29%20scale%281.27%29%22%20d%3D%22M0-10c2%201%201%203%203%203s2%202%201%203%202%202%201%203.5-1%201-1%202.5S2%209%200%2010c-2-1-1-2.5-3-3s-1-2-2-3.5%202-1.5%201-3-1-2%201-3S-2-9%200-10zM0%2010v3%22%20fill%3D%22%238a5a2b%22%20fill-opacity%3D%220.27%22%2F%3E%3Cpath%20transform%3D%22translate%28584%2042%29%20rotate%2832%29%20scale%280.75%29%22%20d%3D%22M0-11l1.7%203.9%203.4-1.3-.9%203.9%203.9.4-2.6%203%203%201.7-3.9%201.3.9%203.2-3.4-1.3L0%2011l-2.1-5.6-3.4%201.3.9-3.2-3.9-1.3%203-1.7-2.6-3%203.9-.4-.9-3.9%203.4%201.3z%22%20fill%3D%22%23c06a2e%22%20fill-opacity%3D%220.33%22%2F%3E%3Cpath%20transform%3D%22translate%28176%2045%29%20rotate%28-11%29%20scale%280.83%29%22%20d%3D%22M0-10c2%201%201%203%203%203s2%202%201%203%202%202%201%203.5-1%201-1%202.5S2%209%200%2010c-2-1-1-2.5-3-3s-1-2-2-3.5%202-1.5%201-3-1-2%201-3S-2-9%200-10zM0%2010v3%22%20fill%3D%22%23a8432a%22%20fill-opacity%3D%220.24%22%2F%3E%3Cpath%20transform%3D%22translate%28110%2049%29%20rotate%28-16%29%20scale%281.03%29%22%20d%3D%22M0%209V2M-8-4c2-5%2014-5%2016%200-2%203.5-5%205.5-8%206.5-3-1-6-3-8-6.5z%22%20fill%3D%22%23c9a03a%22%20fill-opacity%3D%220.31%22%20stroke%3D%22%23c9a03a%22%20stroke-width%3D%221.1%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20transform%3D%22translate%28595%2024%29%20rotate%28-31%29%20scale%280.89%29%22%20d%3D%22M0-11l1.7%203.9%203.4-1.3-.9%203.9%203.9.4-2.6%203%203%201.7-3.9%201.3.9%203.2-3.4-1.3L0%2011l-2.1-5.6-3.4%201.3.9-3.2-3.9-1.3%203-1.7-2.6-3%203.9-.4-.9-3.9%203.4%201.3z%22%20fill%3D%22%23c08a2e%22%20fill-opacity%3D%220.42%22%2F%3E%3Cpath%20transform%3D%22translate%28377%2034%29%20rotate%28-15%29%20scale%281.04%29%22%20d%3D%22M0-11l1.7%203.9%203.4-1.3-.9%203.9%203.9.4-2.6%203%203%201.7-3.9%201.3.9%203.2-3.4-1.3L0%2011l-2.1-5.6-3.4%201.3.9-3.2-3.9-1.3%203-1.7-2.6-3%203.9-.4-.9-3.9%203.4%201.3z%22%20fill%3D%22%23c08a2e%22%20fill-opacity%3D%220.36%22%2F%3E%3Cpath%20transform%3D%22translate%28592%2071%29%20rotate%2833%29%20scale%281.42%29%22%20d%3D%22M0-11l1.7%203.9%203.4-1.3-.9%203.9%203.9.4-2.6%203%203%201.7-3.9%201.3.9%203.2-3.4-1.3L0%2011l-2.1-5.6-3.4%201.3.9-3.2-3.9-1.3%203-1.7-2.6-3%203.9-.4-.9-3.9%203.4%201.3z%22%20fill%3D%22%23c06a2e%22%20fill-opacity%3D%220.5%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:right max(8px, calc(50% - 640px)) top 0;background-size:640px 110px}
.top.band{border-bottom:0}
.top.band::after{content:"";display:block;height:3px;background:linear-gradient(90deg,#9A4A24 0 22%,#C08A2E 22% 48%,#8A5A2B 48% 66%,#C08A2E 66% 84%,#9A4A24 84%)}
.top .top-in{height:66px;display:flex;align-items:center;gap:22px;position:relative;max-width:1200px}   /* 刊头统一按首页的宽度排,不跟各页正文宽度(1080)走,否则有声书页登录后挤不下 */
.top .brand{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;color:#F6F0E4;font-family:"Noto Serif SC","Songti SC","STSong","SimSun",serif;font-size:20px;font-weight:700;letter-spacing:2px;white-space:nowrap;line-height:1.15}   /* 英文写在中文下面,省横向空间(2026-10-17 用户定) */
.top .brand:hover{text-decoration:none;color:#fff}
.top .brand .bn{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}   /* 屏幕实在窄时站名先让,右边「我的书房」永远完整 */
.top .brand small{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;font-size:10px;letter-spacing:1.6px;color:#9E8D78;font-weight:400;line-height:1}
.top .topnav{display:flex;align-items:center;gap:22px;margin-left:8px;flex:none}
.top .topnav a{display:inline-flex;align-items:center;gap:6px;color:#CDBFAE;padding:4px 0;border-bottom:2px solid transparent;font-size:15px;font-weight:500;white-space:nowrap;line-height:1.4}
.top .topnav a svg{width:17px;height:17px}
.top .topnav a:hover{color:#fff;text-decoration:none}
.top .topnav a.on{color:#fff;border-bottom-color:var(--gold,#C8A24A)}
.top .topr{margin-left:auto;display:flex;align-items:center;gap:14px;flex:none}
.top .who{font-size:13.5px;color:#CDBFAE;white-space:nowrap;max-width:170px;overflow:hidden;text-overflow:ellipsis}
.top .who b{color:#fff;font-weight:600}
.top .zh-seg{display:inline-flex;border:1px solid rgba(255,255,255,.25);border-radius:3px;overflow:hidden;background:transparent}
.top .zh-seg button{border:0;background:none;height:34px;padding:0 11px;color:#CDBFAE;font-size:13.5px;white-space:nowrap;cursor:pointer;font-family:inherit}
.top .zh-seg button + button{border-left:1px solid rgba(255,255,255,.15)}
.top .zh-seg button.active{background:var(--paper,#F6F0E4);color:var(--ink,#1D2733)}
.top .mybooks{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px;border-radius:4px;background:var(--gold,#C8A24A);border:1px solid var(--gold,#C8A24A);color:var(--ink,#1D2733);font-weight:700;font-size:15px;white-space:nowrap;line-height:1}
.top .mybooks svg{width:18px;height:18px}
.top .mybooks:hover{background:#D4B05C;border-color:#D4B05C;text-decoration:none}
.top .mybooks .cnt{background:var(--ink,#1D2733);color:var(--gold,#C8A24A);border-radius:10px;padding:0 7px;font-size:12.5px;line-height:19px;min-width:20px;text-align:center}
.top .tbtn{height:42px;padding:0 14px;border:1px solid rgba(255,255,255,.3);border-radius:4px;background:transparent;color:#EADFD0;font-size:14px;cursor:pointer;font-family:inherit}
.top .tbtn:hover{background:rgba(255,255,255,.1);border-color:#fff;color:#fff}
.bottom{display:none}
@media (max-width:1280px){
  .top .top-in{gap:16px}
  .top .topnav{gap:16px}
}
@media (max-width:1100px){
  .top .who{display:none}
}
@media (max-width:860px){
  .top .top-in{height:58px;gap:10px}
  .top .brand{font-size:17px;letter-spacing:1.5px;gap:2px}
  .top .brand small{font-size:8.5px;letter-spacing:1.2px}
  .top .topnav,.top .who{display:none}
  .top .topr{gap:8px}
  .top .zh-seg button{height:30px;padding:0 9px;font-size:12.5px}
  .top .mybooks{height:36px;padding:0 11px;font-size:13.5px;gap:6px}
  .top .mybooks svg{width:16px;height:16px}
  .top .tbtn{height:36px;padding:0 10px;font-size:13px}
  body:has(nav.bottom){padding-bottom:calc(72px + env(safe-area-inset-bottom))}   /* 只有带手机底栏的页面才留这块;阅读器没有底栏 */
  .bottom{display:flex;position:fixed;left:0;right:0;bottom:0;height:72px;background:var(--deep,#2A211A);border-top:1px solid rgba(255,255,255,.1);z-index:50;padding-bottom:env(safe-area-inset-bottom)}
  .bottom a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#9E8D78;font-size:11.5px;line-height:1}
  .bottom a svg{width:22px;height:22px}
  .bottom a:hover{text-decoration:none}
  .bottom a.on{color:var(--gold,#C8A24A)}
}
@media (max-width:420px){
  .top .top-in{gap:8px;padding-inline:14px}
  .top .brand{font-size:16px;letter-spacing:1px}
  .top .brand small{display:none}
  .top .topr{gap:6px}
  .top .zh-seg button{height:28px;padding:0 6px;font-size:12px}
  .top .mybooks{height:34px;padding:0 8px;font-size:12.5px;gap:4px}
  .top .mybooks svg{width:15px;height:15px}
  .top .mybooks .cnt{padding:0 6px;font-size:11.5px;line-height:17px;min-width:17px}
  .top .tbtn{padding:0 8px}
}
/* ---- 换页过场:刊头和底栏「钉住」,正文淡入淡出 ---- */
@view-transition{navigation:auto}
.top{view-transition-name:afc-top}
.bottom{view-transition-name:afc-bottom}
::view-transition-old(root),::view-transition-new(root){animation-duration:.24s;animation-timing-function:ease}
::view-transition-old(afc-top),::view-transition-new(afc-top),::view-transition-old(afc-bottom),::view-transition-new(afc-bottom){animation:none}
/* 不支持 View Transitions 的浏览器就直接切页;不另做「正文从透明淡入」—— 那种做法万一动画没跑起来,整页会一直是空白 */
@media (prefers-reduced-motion:reduce){
  @view-transition{navigation:none}
}
/* ================= 统一刊头 结束 ================= */