/* 莫问行处 · 纸感版式
   羊皮纸底 + 宋楷搭配 + 朱红方印。只改这一份样式，全站跟着变。 */

:root{
  --paper:#f8f0dd;
  --ink:#33291d;
  --ink-soft:#504434;
  --mute:#75654e;
  --line:#cbb896;
  --line-soft:#ded0b3;
  --accent:#7d3226;
  --song:"Songti SC","Noto Serif CJK SC","Source Han Serif SC","SimSun",Georgia,serif;
  --kai:"Kaiti SC","STKaiti","KaiTi","Noto Serif CJK SC",serif;
  --fs-h1:30px; --fs-h2:21px; --fs-h3:19px;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
img{max-width:100%;height:auto}
html,body{overflow-x:clip}

body{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:var(--song);font-size:18px;line-height:1.98;
  font-feature-settings:"kern" 1;-webkit-font-smoothing:antialiased;
}
/* 纸纹：极淡噪点，2KB SVG，不外链 */
body::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.72' numOctaves='4' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/><feComponentTransfer><feFuncA type='linear' slope='0.5' intercept='0'/></feComponentTransfer></filter><rect width='180' height='180' filter='url(%23n)' opacity='0.055'/></svg>");
  background-size:180px 180px;
}
/* 四周做旧暗边 */
body::after{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(120% 90% at 50% 40%,rgba(120,90,40,0) 55%,rgba(120,90,40,.10) 100%);
}

a{color:inherit;text-decoration:none}
a:hover{color:var(--accent)}
p{margin:0}

/* ── 内容区：同一张纸上更亮的一段 ── */
.wrap{
  position:relative;z-index:1;
  width:min(100% - 28px,860px);margin:26px auto 0;
  padding:38px clamp(20px,4vw,42px) 20px;
  background:linear-gradient(180deg,rgba(255,251,242,.70),rgba(252,246,232,.56));
  box-shadow:0 0 0 1px rgba(186,163,124,.55),
             0 0 60px rgba(74,52,20,.07),
             0 30px 70px -46px rgba(74,52,20,.55),
             inset 0 1px 0 rgba(255,255,255,.55);
}

/* ── 刊头 ── */
.masthead{
  position:relative;z-index:1;
  width:min(100% - 28px,860px);margin:0 auto;
  padding:64px clamp(20px,4vw,42px) 0;text-align:center;
}
.brandline{display:flex;justify-content:center;align-items:center;gap:15px}
.brand{
  font-family:var(--kai);font-size:33px;font-weight:600;
  letter-spacing:.16em;padding-left:.16em;color:var(--ink);
}
/* 朱红方印：2×2，横读即站名 */
.seal{
  display:inline-grid;grid-template-columns:repeat(2,1fr);
  width:50px;height:50px;padding:5px;flex:0 0 auto;
  background:var(--accent);color:#f8f0dd;transform:rotate(-3deg);
  box-shadow:inset 0 0 0 1px rgba(248,240,221,.55);
  font-family:var(--kai);font-size:14px;line-height:1;
  place-items:center;
}
.tagline{
  margin:16px 0 0;font-family:var(--kai);font-size:13.5px;
  letter-spacing:.14em;color:var(--mute);
}
.tagline::before{content:"";display:block;width:18px;height:1px;
  background:var(--line);margin:0 auto 12px}

/* ── 右上工具区：搜索 + 菜单（<details>，无 JS 也能展开）── */
.tools{display:flex;justify-content:flex-end;align-items:center;gap:18px;
  margin:34px 0 0;position:relative}
.tool{display:inline-flex;align-items:center;justify-content:center;
  width:30px;height:30px;padding:0;color:var(--mute);background:none;border:0;cursor:pointer}
.tool:hover{color:var(--accent)}
.menu{position:relative}
.menu summary{list-style:none;position:relative;overflow:hidden}
.menu summary::-webkit-details-marker{display:none}
/* 图标：未展开三条横线，展开转成叉，交叉淡变 */
.menu .ico{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  transition:opacity .16s ease,transform .24s cubic-bezier(.2,.7,.2,1)}
.menu .ico-x{opacity:0;transform:rotate(-55deg) scale(.55)}
.menu[open] summary{color:var(--accent)}
.menu[open] .ico-menu{opacity:0;transform:rotate(55deg) scale(.55)}
.menu[open] .ico-x{opacity:1;transform:none}

/* 面板：展开淡入 + 轻微上浮；菜单项依次浮入 */
.menu-panel{position:absolute;right:0;top:calc(100% + 10px);min-width:168px;
  background:var(--paper);border:1px solid var(--line);padding:8px 0;
  box-shadow:0 8px 24px rgba(74,52,20,.12);z-index:6;text-align:left;
  transform-origin:100% 0;opacity:0;transform:translateY(-8px) scale(.982)}
.menu[open] .menu-panel{animation:menu-in .24s cubic-bezier(.2,.7,.2,1) forwards}
.menu.is-closing .menu-panel{animation:menu-out .15s ease forwards}
@keyframes menu-in{from{opacity:0;transform:translateY(-8px) scale(.982)}
  to{opacity:1;transform:none}}
@keyframes menu-out{from{opacity:1;transform:none}
  to{opacity:0;transform:translateY(-6px) scale(.99)}}
.menu[open] .menu-panel a,.menu[open] .menu-fs{animation:item-in .26s both}
.menu[open] .menu-panel a:nth-of-type(1){animation-delay:.03s}
.menu[open] .menu-panel a:nth-of-type(2){animation-delay:.06s}
.menu[open] .menu-panel a:nth-of-type(3){animation-delay:.09s}
.menu[open] .menu-panel a:nth-of-type(4){animation-delay:.12s}
.menu[open] .menu-fs{animation-delay:.15s}
@keyframes item-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:none}}
.menu-panel a{display:block;padding:8px 18px;font-size:14px;letter-spacing:.1em;color:var(--ink-soft)}
.menu-panel a:hover{color:var(--accent)}
.menu-sep{height:1px;background:var(--line-soft);margin:8px 0}
.menu-fs{display:flex;gap:8px;padding:4px 18px 2px}
.fsbtn{font:inherit;font-size:12px;color:var(--mute);background:none;
  border:1px solid var(--line);border-radius:3px;padding:1px 8px;cursor:pointer;line-height:1.6}
.fsbtn:hover{border-color:var(--accent);color:var(--accent)}
.fsbtn:disabled{opacity:.35;cursor:default}

.rule{height:6px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);
  margin:26px 0 0;opacity:.72}

/* ── 列表 ── */
.item{padding:34px 0 32px;border-bottom:1px solid var(--line-soft)}
.item:last-of-type{border-bottom:0}
.meta-row{display:flex;align-items:center;gap:14px;margin:0 0 15px;
  font-size:12.5px;letter-spacing:.14em;color:var(--mute)}
.meta-row .cat{color:var(--ink-soft)}
.meta-row .hair{flex:1;height:1px;background:var(--line);min-width:20px}
.meta-row time{font-variant-numeric:tabular-nums lining-nums;white-space:nowrap}
.item-title{font-size:var(--fs-h2);line-height:1.55;font-weight:600;margin:0 0 10px}
.item-excerpt{margin:0;font-size:15.5px;line-height:1.85;color:var(--ink-soft)}
.item-more{margin:14px 0 0;font-size:13px;letter-spacing:.1em;color:var(--mute)}
.item-more a::before{content:"—— ";letter-spacing:0;color:var(--line)}

/* 首篇更重 */
.item.is-lead{padding:30px 0 50px;border-bottom:1px solid var(--line)}
.item.is-lead .meta-row{margin-bottom:16px}
.item.is-lead .item-title{font-size:35px;line-height:1.42;margin:0 0 16px}
.item.is-lead .item-excerpt{font-size:17px;line-height:1.9;max-width:32em}

/* 全站唯一一处微交互：标题下划线极缓生长 */
.item-title a{
  background-image:linear-gradient(var(--accent),var(--accent));
  background-size:0% 1px;background-repeat:no-repeat;background-position:0 100%;
  transition:background-size .55s cubic-bezier(.2,.7,.2,1),color .4s ease;
}
.item-title a:hover{background-size:100% 1px;color:var(--accent)}

.pager{display:flex;justify-content:space-between;align-items:center;
  margin:34px 0 6px;font-size:13px;letter-spacing:.1em;color:var(--mute)}
.empty{margin:40px 0;color:var(--mute)}

/* ── 页头（归档/标签/分类） ── */
.pagehead{margin:6px 0 4px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.pagehead h1{font-family:var(--kai);font-size:25px;font-weight:600;
  letter-spacing:.14em;margin:0 0 8px}
.pagehead p{margin:0;font-size:13px;letter-spacing:.08em;color:var(--mute)}

.year{display:flex;align-items:center;gap:16px;margin:52px 0 0;
  font-size:12.5px;letter-spacing:.3em;color:var(--mute)}
.year::after{content:"";flex:1;height:1px;background:var(--line)}
.arow{display:flex;align-items:baseline;gap:16px;padding:12px 0;
  border-bottom:1px solid var(--line-soft)}
.arow .date{flex:0 0 106px;font-size:12.5px;letter-spacing:.06em;color:var(--mute);
  font-variant-numeric:tabular-nums lining-nums}
.arow .t{font-size:16.5px}

.taglist{display:flex;flex-wrap:wrap;gap:14px 26px;padding:38px 0 20px;
  font-size:17px;align-items:baseline}
.taglist a{border-bottom:1px solid var(--line)}
.taglist a:hover{border-bottom-color:var(--accent)}
.taglist .n{font-size:12px;color:var(--mute);margin-left:4px}

/* ── 文章 ── */
.post-title{font-size:var(--fs-h1);line-height:1.45;font-weight:600;margin:14px 0 12px}
.byline{font-size:13px;letter-spacing:.1em;color:var(--mute);
  font-variant-numeric:tabular-nums lining-nums;margin:0 0 34px;
  padding-bottom:18px;border-bottom:1px solid var(--line-soft)}

.body{font-size:calc(18px * var(--read,1));line-height:1.8;letter-spacing:.5px;counter-reset:sec}
.body p{margin:1.2em 0}
.body>p:first-of-type::first-letter{
  float:left;font-family:var(--kai);font-size:3.35em;line-height:.86;
  padding:.07em .1em 0 0;color:var(--accent);font-weight:600;
}
.body h2{font-size:var(--fs-h3);line-height:1.6;font-weight:600;margin:2.1em 0 .7em;
  counter-increment:sec}
.body h2::before{content:counter(sec,cjk-ideographic) "、";color:var(--mute);font-weight:400}
.body h3{font-size:17.5px;font-weight:600;margin:1.8em 0 .6em}
.body blockquote{margin:1.7em 0;padding:.35em .8em .35em 1.5em;font-family:var(--kai);
  border-left:2px solid var(--line-soft);color:#5c5140;font-size:18px;line-height:1.9}
.body ul,.body ol{margin:1.2em 0;padding-left:1.5em}
.body li{margin:.45em 0}
.body li b{font-weight:600;color:var(--ink)}
.body code{font-family:ui-monospace,Consolas,monospace;font-size:.88em;
  background:rgba(125,50,38,.06);padding:.1em .35em;border-radius:2px}
.body pre{overflow-x:auto;background:#2e2a25;color:#f3ede0;
  padding:18px;font-size:14px;line-height:1.72}
.body pre code{background:none;padding:0;color:inherit}
.body hr{border:0;height:12px;margin:2em 0;background:none;
  background-image:radial-gradient(circle,var(--line) 1.2px,transparent 1.2px);
  background-size:14px 14px;background-position:center;background-repeat:repeat}
.body a{color:var(--accent);text-decoration:underline;
  text-decoration-color:rgba(125,50,38,.38);text-underline-offset:5px;
  transition:text-decoration-color .15s ease}
.body a:hover{text-decoration-color:transparent}
.body table{border-collapse:collapse;width:100%;font-size:15px}
.body th,.body td{border-bottom:1px solid var(--line);padding:9px 10px;text-align:left}

/* 文末 */
.post-cat{margin:56px 0 24px;font-size:13px;letter-spacing:.12em;color:var(--mute)}
.chip{display:inline-block;margin-left:10px;padding:3px 13px;background:var(--accent);
  color:var(--paper);font-size:12.5px;letter-spacing:.1em;border-radius:2px}
.chip:hover{background:#67291f;color:var(--paper)}
.foot-rule{height:2px;background:var(--ink);opacity:.82;margin:0}
.author{padding:26px 0 24px}
.author .aname{margin:0 0 9px;font-family:var(--kai);font-size:21px;
  letter-spacing:.06em;font-weight:600}
.author .ameta{margin:0;font-size:13px;letter-spacing:.06em;color:var(--mute)}
.author .ameta a{color:var(--ink-soft);border-bottom:1px solid var(--line)}
.postnav{margin:0;padding:20px 0 0;display:flex;align-items:center;gap:20px;
  font-size:14px;letter-spacing:.04em;color:var(--mute)}
.postnav a{max-width:44%}
.postnav .right{text-align:right;margin-left:auto}

/* ── 页脚 ── */
.foot{position:relative;z-index:1;width:min(100% - 28px,860px);margin:0 auto;
  padding:30px clamp(20px,4vw,42px) 64px;text-align:center;
  font-size:12.5px;letter-spacing:.08em;color:var(--mute)}
.ficons{margin:0 0 14px;display:flex;justify-content:center;gap:24px;font-size:17px}
.ficons a{color:var(--mute)}
.fcopy{margin:0;line-height:1.95}
.fbeian{margin:4px 0 0;display:flex;justify-content:center;gap:18px;flex-wrap:wrap;
  font-size:12px;color:var(--mute)}
.fbeian a:hover{color:var(--accent);border-bottom:1px solid rgba(125,50,38,.35)}

/* ── 窄屏 ── */
@media(max-width:768px){
  .wrap,.masthead,.foot{width:calc(100% - 16px)}
  .wrap{padding:28px 15px 16px}
  .masthead{padding:44px 15px 0}
  .foot{padding:24px 15px 52px}
  .tools{margin-top:26px;justify-content:flex-end}
  .brand{font-size:27px}
  .seal{display:none}
  .rule{margin-top:22px}
  .item{padding:28px 0 26px}
  .item.is-lead{padding:22px 0 38px}
  .item.is-lead .item-title{font-size:27px}
  .post-title{font-size:25px}
  .body{font-size:calc(17px * var(--read,1));line-height:1.78}
  .body>p:first-of-type::first-letter{font-size:2.9em}
  .arow{flex-wrap:wrap;gap:6px}
  .arow .date{flex:0 0 auto}
  .postnav{flex-wrap:wrap}
  .postnav a{max-width:100%}
  .totop{right:14px;bottom:16px;width:38px;height:38px}
  .cookiebar{padding:12px 16px;gap:10px;font-size:12.5px}
  .has-cookiebar .totop{bottom:112px}
}

/* ── 回顶：固定右下角，滚过一屏才淡入 ── */
.totop{position:fixed;right:26px;bottom:28px;z-index:8;
  width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;
  background:var(--paper);border:1px solid var(--line);color:var(--mute);
  opacity:0;transform:translateY(10px);pointer-events:none;
  transition:opacity .28s ease,transform .28s ease,color .18s ease,border-color .18s ease;
  box-shadow:0 2px 10px rgba(74,52,20,.10)}
.totop.is-visible{opacity:1;transform:none;pointer-events:auto}
.totop:hover{color:var(--accent);border-color:var(--accent)}
.totop svg{display:block}

/* ── Cookie 提示条：贴底一条，不弹窗、不遮正文 ── */
.cookiebar{position:fixed;left:0;right:0;bottom:0;z-index:9;
  display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;
  padding:13px 22px;background:rgba(248,240,221,.97);
  border-top:1px solid var(--line);box-shadow:0 -4px 18px rgba(74,52,20,.07);
  font-size:13px;line-height:1.7;color:var(--ink-soft)}
.cookiebar[hidden]{display:none}
.cookiebar p{margin:0}
.cookiebar a{color:var(--accent);border-bottom:1px solid rgba(125,50,38,.35)}
.cookieok{font:inherit;font-size:12.5px;letter-spacing:.1em;padding:4px 14px;
  background:none;border:1px solid var(--line);color:var(--ink);cursor:pointer;border-radius:2px}
.cookieok:hover{border-color:var(--accent);color:var(--accent)}
.has-cookiebar .totop{bottom:96px}
.has-cookiebar .foot{padding-bottom:130px}

/* ── 首页底部的说明摘要 ── */
.note{margin:46px 0 0;padding:26px 0 0;border-top:1px solid var(--line)}
.note-h{margin:0 0 14px;font-family:var(--kai);font-size:15px;letter-spacing:.3em;color:var(--ink-soft)}
.note ol{margin:0;padding:0;list-style:none;counter-reset:n}
.note li{position:relative;padding-left:20px;margin:0 0 9px;
  font-size:13.5px;line-height:1.85;color:var(--mute);letter-spacing:.03em}
.note li::before{counter-increment:n;content:counter(n) ".";position:absolute;left:0;
  font-size:12px;color:var(--line);font-variant-numeric:tabular-nums}
.note-more{margin:16px 0 0;font-size:12.5px;letter-spacing:.1em}
.note-more a{color:var(--ink-soft);border-bottom:1px solid var(--line)}
.note-more a:hover{color:var(--accent);border-bottom-color:var(--accent)}

/* ── 搜索浮层 ── */
.search-layer{position:fixed;inset:0;z-index:10;background:rgba(248,240,221,.97);
  display:flex;align-items:flex-start;justify-content:center;padding:12vh 20px 0;
  overflow-y:auto}
.search-layer[hidden]{display:none}
.searchbox{width:min(100%,560px)}
.searchbox input{width:100%;font:inherit;font-size:16px;color:var(--ink);
  background:#f4e9d2;border:1px solid var(--line);padding:10px 14px;border-radius:2px}
.searchbox input:focus{outline:none;border-color:var(--accent)}
.shint{margin:14px 0 0;font-size:12.5px;letter-spacing:.1em;color:var(--mute)}
.sempty{margin:30px 0;font-size:15px;color:var(--mute)}
.sresults{margin:6px 0 0}
.sresults a{display:block;padding:14px 2px;border-bottom:1px solid var(--line-soft)}
.sresults a:hover{color:var(--accent)}
.sresults .s-t{font-size:17px;line-height:1.6}
.sresults .s-d{margin:4px 0 0;font-size:13.5px;line-height:1.8;color:var(--mute)}
.sresults mark{background:none;color:var(--accent);font-weight:600}
.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}

@media(prefers-reduced-motion:reduce){
  .item-title a{transition:none}
  a{transition:none}
  html{scroll-behavior:auto}
  .menu .ico,.totop{transition:none}
  .menu[open] .menu-panel{animation:none;opacity:1;transform:none}
  .menu.is-closing .menu-panel{animation:none}
  .menu[open] .menu-panel a,.menu[open] .menu-fs{animation:none}
}

@media print{
  body::before,body::after{display:none}
  body{background:#fff}
  .tools,.postnav,.post-cat,.author,.totop,.cookiebar,.search-layer,.foot{display:none}
}

/* ── 评论：Artalk 覆盖层，只改调色板与几处结构，不动它的骨架 ── */
.artalk, .atk-layer-wrap{
  --at-color-font:#33291d;      --at-color-deep:#33291d;
  --at-color-sub:#5c5140;       --at-color-grey:#75654e;
  --at-color-meta:#8b7a5d;      --at-color-border:#ded0b3;
  --at-color-light:#7d3226;
  --at-color-bg:#fbf5e6;
  --at-color-bg-transl:rgba(251,245,230,.97);
  --at-color-bg-grey:#f3e8cf;
  --at-color-bg-grey-transl:rgba(243,232,207,.85);
  --at-color-bg-light:rgba(125,50,38,.07);
  --at-color-main:#7d3226;
}

.comments{margin-top:44px;padding-top:26px;border-top:1px solid var(--line)}
.c-h{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.c-h .c-t{font-family:var(--kai);font-size:17px;letter-spacing:.18em;color:var(--ink)}
.c-h .hair{width:26px;height:1px;background:var(--line);flex:0 0 auto}
.c-h .c-note{font-size:12.5px;color:var(--mute);letter-spacing:.06em}

.artalk{font-family:var(--song);font-size:16px;line-height:1.85;color:var(--ink)}
.artalk .atk-main-editor{background:transparent;border:1px solid var(--line);
  border-radius:2px;padding:4px 0 2px}
.artalk .atk-main-editor > .atk-textarea-wrap > .atk-textarea{
  background:transparent;font-family:var(--song);font-size:16px;line-height:1.85;
  min-height:96px;padding:8px 16px}
.artalk .atk-main-editor > .atk-textarea-wrap > .atk-textarea:focus{border-color:transparent}
.artalk .atk-header input{background:transparent;border:0;border-bottom:1px solid var(--line);
  border-radius:0;padding:3px 2px;font-family:var(--song);font-size:13px;color:var(--ink)}
.artalk .atk-header input:focus{border-bottom-color:var(--accent);outline:none}
.artalk .atk-send-btn{background:var(--accent);color:var(--paper);border-radius:2px;
  letter-spacing:.16em;font-size:13px;height:32px;min-width:6.4em}
.artalk .atk-send-btn:hover{background:#67291f}

/* 头像：本地字母圆牌，不请求外网 */
.artalk .atk-avatar{display:flex !important;align-items:center !important;justify-content:center !important;
  width:34px;height:34px;flex:0 0 34px;float:none;border-radius:50%;overflow:hidden;
  background:#8a6a3f;color:#fbf5e6;font-family:var(--kai);font-size:15px;line-height:1;
  letter-spacing:0;user-select:none}
.artalk .atk-avatar img{display:none}
.artalk .atk-main{margin-left:12px}

.artalk .atk-list-header{padding:16px 0 6px;border-top:1px solid var(--line-soft);margin-top:6px}
.artalk .atk-plug-btn{color:var(--mute);border-radius:2px}
.artalk .atk-plug-btn:hover{color:var(--accent);background:rgba(125,50,38,.06)}
.artalk .atk-error-layer{font-size:14px}
/* 右上角「通知中心/控制中心」：站长走 /talk/，页面上不留入口 */
.artalk .atk-right-action > [data-action="open-sidebar"]{display:none}
/* 底部「Powered By Artalk」 */
.artalk .atk-list-footer{display:none}
/* 评论不支持插图与 Markdown，去掉左下角工具行 */
.artalk .atk-plug-btn-wrap{display:none}