/* ============ 墨白极简单栏主题 · 样式 ============ */
:root {
  --bg:#ffffff; --fg:#0c0c0c; --muted:#8c8c8c; --faint:#b9b9b9;
  --line:#eaeaea; --line-strong:#111111; --hover:#000000; --code:#f4f4f4;
  --maxw:680px;
  --serif:Georgia,"Times New Roman","Songti SC","Noto Serif SC",serif;
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
}
[data-theme="dark"]{
  --bg:#0b0b0b; --fg:#f4f4f4; --muted:#8a8a8a; --faint:#5a5a5a;
  --line:#232323; --line-strong:#f4f4f4; --hover:#ffffff; --code:#1a1a1a;
}
* { margin:0; padding:0; box-sizing:border-box; }
html { -webkit-text-size-adjust:100%; }
body {
  background:var(--bg); color:var(--fg); font-family:var(--sans); font-size:16px; line-height:1.75;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
  transition:background .35s ease, color .35s ease;
}
a { color:inherit; text-decoration:none; }
::selection { background:var(--fg); color:var(--bg); }
img { max-width:100%; }

/* 顶部黑线签名 */
.topbar { height:3px; background:var(--line-strong); }

.wrap { max-width:var(--maxw); margin:0 auto; padding:0 24px; }

/* 刊头 */
.site-head { display:flex; align-items:baseline; justify-content:space-between; gap:24px; padding:38px 0 26px; border-bottom:1px solid var(--line); }
.brand { display:flex; align-items:baseline; gap:14px; flex-shrink:0; flex-wrap:nowrap; white-space:nowrap; }
.mark { width:11px; height:11px; background:var(--line-strong); flex:0 0 auto; transform:translateY(1px); }
.wordmark { font-family:var(--serif); font-size:24px; font-weight:700; letter-spacing:.01em; }
.tagline { font-size:11px; letter-spacing:.28em; text-transform:uppercase; color:var(--muted); white-space:nowrap; }
.nav { display:flex; gap:16px; align-items:baseline; flex-wrap:wrap; }
.nav > a { font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:var(--muted);
  padding-bottom:2px; border-bottom:1px solid transparent; transition:color .2s, border-color .2s; }
.nav > a:hover { color:var(--hover); border-color:var(--line-strong); }
.search { display:inline-flex; align-items:baseline; }
.search-input { border:0; border-bottom:1px solid var(--line); background:transparent; color:inherit;
  font-family:var(--sans); font-size:12px; letter-spacing:.08em; width:80px; padding:2px 0; transition:border-color .2s; }
.search-input:focus { outline:none; border-color:var(--line-strong); }
.theme-toggle { cursor:pointer; font-size:14px; color:var(--muted); border:1px solid var(--line);
  width:26px; height:26px; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; transition:color .2s, border-color .2s; }
.theme-toggle:hover { color:var(--hover); border-color:var(--line-strong); }
/* 顶栏右侧组：导航链接 + 搜索 + 暗色 + 汉堡（桌面整体靠右，内部不换行） */
.head-right { display:flex; align-items:center; gap:16px; margin-left:auto; flex-shrink:0; flex-wrap:nowrap; justify-content:flex-end; }
/* 汉堡菜单按钮（仅手机端显示，由 .nav-toggle 控制） */
.nav-toggle { display:none; margin-left:auto; width:34px; height:34px; align-items:center; justify-content:center;
  font-size:18px; line-height:1; color:var(--fg); background:transparent; border:1px solid var(--line); border-radius:50%;
  cursor:pointer; transition:color .2s, border-color .2s; }
.nav-toggle:hover { color:var(--hover); border-color:var(--line-strong); }

/* 导航下拉分类菜单（hover 展开） */
.nav-item { position:relative; display:flex; align-items:baseline; }
.nav-item > a { font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:var(--muted);
  padding-bottom:2px; border-bottom:1px solid transparent; transition:color .2s, border-color .2s; }
.nav-item > a:hover { color:var(--hover); border-color:var(--line-strong); }
.caret { display:inline-block; font-size:8px; margin-left:5px; transform:translateY(-1px); transition:transform .2s ease; }
.has-dropdown.open .caret { transform:translateY(-1px) rotate(180deg); }
.dropdown { position:absolute; top:100%; left:0; min-width:150px; margin-top:6px; background:var(--bg);
  border:1px solid var(--line); display:none; flex-direction:column; z-index:40; box-shadow:0 6px 20px rgba(0,0,0,.06); }
/* 透明桥接：填补菜单项与面板间的 6px 空隙，避免鼠标斜向移动到下拉时 hover 断开 */
.dropdown::before { content:''; position:absolute; top:-8px; left:0; right:0; height:8px; }
.has-dropdown:hover .dropdown { display:flex; }
.dropdown a { padding:9px 18px; font-size:12px; letter-spacing:.06em; color:var(--muted); white-space:nowrap;
  border-bottom:1px solid var(--line); transition:color .2s, background .2s; }
.dropdown a:last-child { border-bottom:none; }
.dropdown a:hover { color:var(--hover); background:var(--code); }

.intro { padding:30px 0 8px; font-family:var(--serif); font-size:18px; font-style:italic; color:var(--fg); line-height:1.6; }
.intro .dim { color:var(--muted); }

/* 列表 */
.posts { margin-top:14px; }
.post { display:grid; grid-template-columns:54px 1fr; gap:20px; padding:34px 0; border-bottom:1px solid var(--line); }
.post.no-idx { grid-template-columns:1fr; }
.post-idx { font-family:var(--serif); font-size:13px; color:var(--faint); padding-top:6px; letter-spacing:.05em; }
.post-meta { font-size:11px; letter-spacing:.2em; text-transform:uppercase; color:var(--muted); margin-bottom:10px; }
.post-meta a { color:var(--muted); }
.post-meta a:hover { color:var(--hover); }
.post-title { font-family:var(--serif); font-size:27px; font-weight:700; line-height:1.3; margin-bottom:12px; }
.post-title a { background-image:linear-gradient(var(--line-strong),var(--line-strong)); background-size:0% 1px;
  background-repeat:no-repeat; background-position:0 100%; transition:background-size .3s ease; padding-bottom:2px; }
.post-title a:hover { background-size:100% 1px; }
.post-excerpt { font-size:15px; color:#3a3a3a; line-height:1.8; margin-bottom:14px; }
[data-theme="dark"] .post-excerpt { color:#c2c2c2; }
.read-more { font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:var(--muted);
  display:inline-flex; align-items:center; gap:8px; transition:color .2s, gap .2s; }
.read-more:hover { color:var(--hover); gap:14px; }

/* 页头（分类/搜索/标签/作者/归档） */
.page-head { padding:32px 0 6px; }
.page-head h1 { font-family:var(--serif); font-size:34px; font-weight:700; line-height:1.2; }
.page-head .sub { font-size:12px; letter-spacing:.2em; text-transform:uppercase; color:var(--muted); margin-top:10px; }

/* 归档页 */
.archive { margin-top:26px; }
.arch-year { margin-bottom:36px; }
.arch-year h2 { font-family:var(--serif); font-size:30px; font-weight:700; display:flex; align-items:baseline; gap:10px; margin:0 0 14px; }
.arch-count { font-family:var(--sans); font-size:11px; letter-spacing:.1em; color:var(--muted); }
.arch-list { list-style:none; margin:0; padding:0; }
.arch-list li { display:flex; gap:16px; align-items:baseline; padding:9px 0; border-bottom:1px solid var(--line); }
.arch-list time { font-size:11px; letter-spacing:.08em; color:var(--muted); flex:0 0 46px; }
.arch-list a { color:var(--fg); border-bottom:1px solid transparent; transition:color .2s, border-color .2s; }
.arch-list a:hover { color:var(--hover); border-color:var(--hover); }
.arch-empty { color:var(--muted); margin-top:20px; }
.hl { background:var(--line-strong); color:var(--bg); padding:0 3px; }

/* 分页（适配 Emlog $page_url 输出：当前页为无类 <span>，链接为 <a>） */
.pager { display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; padding:34px 0 60px;
  font-size:12px; letter-spacing:.16em; text-transform:uppercase; }
.pager a, .pager span { color:var(--muted); margin-right:14px; transition:color .2s, background .2s; }
.pager a:hover { color:var(--hover); }
/* 当前页：Emlog 原生输出 <span>数字</span>（无 .current 类），用直接子元素 span 选中，做明显实心底高亮 */
.pager > span {
  display:inline-block; min-width:22px; text-align:center;
  color:var(--bg); background:var(--fg);
  border-radius:6px; padding:3px 8px;
  font-weight:600;
}
/* 分页省略号（若有）还原为普通灰字，不加底色 */
.pager .gap { background:none; color:var(--muted); padding:0; font-weight:400; }

/* 文章页 */
.article-meta { font-size:12px; letter-spacing:.18em; text-transform:uppercase; color:var(--muted); margin:34px 0 12px; }
.article-meta a { color:var(--muted); }
.article-meta a:hover { color:var(--hover); }
.article-title { font-family:var(--serif); font-size:32px; font-weight:700; line-height:1.3; margin-bottom:26px; }
.article-body p { margin-bottom:1.25em; font-size:16px; line-height:1.85; color:#2a2a2a; }
[data-theme="dark"] .article-body p { color:#d2d2d2; }
.article-body h2, .article-body h3 { font-family:var(--serif); font-weight:700; margin:34px 0 14px; line-height:1.3; }
.article-body h2 { font-size:22px; }
.article-body h3 { font-size:19px; }
.article-body blockquote { border-left:3px solid var(--line-strong); padding:4px 0 4px 20px; margin:24px 0; color:var(--muted); font-style:italic; }
.article-body pre { background:var(--code); padding:16px; overflow:auto; font-family:var(--mono); font-size:13.5px; line-height:1.6; border-radius:4px; margin:22px 0; }
.article-body code { font-family:var(--mono); font-size:.9em; }
.article-body img { margin:22px 0; border-radius:4px; }
.article-body ul, .article-body ol { margin:0 0 1.25em 1.3em; }
.article-body li { margin-bottom:.4em; }

/* 标签胶囊（blog_tag 输出 .tags） */
.article-tags { margin:34px 0 6px; }
.tags { font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--muted);
  border:1px solid var(--line); padding:5px 13px; border-radius:999px; display:inline-block; margin:0 8px 8px 0; transition:color .2s, border-color .2s; }
.tags:hover { color:var(--hover); border-color:var(--line-strong); }

/* 上下篇（neighbor_log 输出） */
.article-nav, .neighbor-log { display:flex; justify-content:space-between; gap:16px; padding:26px 0;
  border-top:1px solid var(--line); border-bottom:1px solid var(--line); margin-top:20px; font-size:13px; }
.neighbor-log a { color:var(--muted); transition:color .2s; }
.neighbor-log a:hover { color:var(--hover); }
.neighbor-dir { display:block; font-size:10px; letter-spacing:.18em; text-transform:uppercase; color:var(--faint); margin-bottom:4px; }
.next-log { text-align:right; }

/* 作者卡 */
.author-card { display:flex; gap:18px; align-items:flex-start; margin:10px 0 4px; padding:22px; border:1px solid var(--line); border-radius:14px; }
.author-card .avatar { width:56px; height:56px; border-radius:50%; background:var(--line-strong); color:var(--bg);
  display:flex; align-items:center; justify-content:center; font-family:var(--serif); font-size:20px; flex:0 0 auto; overflow:hidden; box-shadow:0 0 0 3px var(--bg), 0 0 0 4px var(--line); }
.author-card .avatar img { width:100%; height:100%; object-fit:cover; border-radius:50%; display:block; }
.author-meta { flex:1; min-width:0; }
.author-card .name { font-weight:600; font-size:16px; margin-bottom:5px; }
.author-card .name a { color:inherit; }
.author-card .bio { font-size:13px; line-height:1.65; color:var(--muted); margin-bottom:13px; }
.author-stats { display:flex; align-items:center; gap:0; margin-bottom:13px; flex-wrap:wrap; }
.author-stats .stat { display:flex; align-items:baseline; gap:5px; padding:0 16px; }
.author-stats .stat:first-child { padding-left:0; }
.author-stats .stat .num { font-family:var(--serif); font-weight:700; font-size:17px; color:var(--fg); }
.author-stats .stat .lbl { font-size:12px; color:var(--muted); letter-spacing:.04em; }
.author-stats .stat-sep { width:1px; height:15px; background:var(--line-strong); opacity:.35; }
.author-link { display:inline-block; font-size:13px; letter-spacing:.04em; color:var(--fg); text-decoration:none; font-weight:500; }
.author-link:hover { color:var(--muted); }

/* 置顶标记（topflg 输出 .log-topflg） */
.log-topflg { font-size:10px; letter-spacing:.18em; text-transform:uppercase; color:var(--muted);
  border:1px solid var(--line); padding:2px 8px; border-radius:999px; margin-right:8px; vertical-align:middle; }

/* 评论区（blog_comments / blog_comments_post 输出） */
.comments { margin-top:6px; }
.comment-header { font-size:13px; letter-spacing:.16em; text-transform:uppercase; color:var(--fg); margin:32px 0 8px; }
.comment { display:flex; gap:14px; padding:18px 0; border-bottom:1px solid var(--line); }
.comment .avatar { width:38px; height:38px; font-size:15px; }
.comment-infos { flex:1; min-width:0; }
.comment-infos b { font-size:14px; font-weight:600; }
.comment-time { font-size:11px; color:var(--muted); letter-spacing:.08em; margin:0 0 7px; display:block; }
.comment-meta { font-size:11px; color:var(--muted); letter-spacing:.04em; margin:0 6px 7px; display:inline-block; }
.comment-meta { border-left:1px solid var(--line); padding-left:8px; }
.comment-content { font-size:14.5px; line-height:1.7; word-wrap:break-word; }
.com-reply { display:inline-block; margin-top:8px; background:none; border:0; padding:0; cursor:pointer;
  font-family:var(--sans); font-size:12px; letter-spacing:.05em; color:var(--muted); transition:color .2s; }
.com-reply:hover { color:var(--hover); }
.comment-children { margin-left:52px; border-bottom:none; padding:12px 0; }
#pagenavi { margin-top:14px; font-size:12px; }
#pagenavi a { color:var(--muted); margin-right:10px; }
#pagenavi a:hover { color:var(--hover); }

.commentform { margin-top:30px; }
#comment { width:100%; border:1px solid var(--line); border-radius:9px; background:var(--code); padding:11px 13px;
  font-family:var(--sans); font-size:15px; color:inherit; resize:vertical; min-height:92px; transition:border-color .2s, background .2s; }
#comment:focus { outline:none; border-color:var(--line-strong); }
.comment-info { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:14px; }
.comment-info .com_control { width:100%; border:1px solid var(--line); border-radius:9px; background:var(--code);
  padding:11px 13px; font-family:var(--sans); font-size:14px; color:inherit; transition:border-color .2s, background .2s; }
.comment-info .com_control:focus { outline:none; border-color:var(--line-strong); }
.captcha-container { margin-top:10px; }
.com_submit_p { display:block; margin-top:18px; }
.btn { background:var(--line-strong); color:var(--bg); border:0; padding:11px 28px;
  font-family:var(--sans); font-size:12px; letter-spacing:.16em; text-transform:uppercase; cursor:pointer; transition:opacity .2s; }
.btn:hover { opacity:.82; }

/* 文章版权声明（5 款样式，由后台 mono_copyright_style 切换） */
.copyright { margin:30px 0 6px; }
.copyright .cplink { color:var(--fg); text-decoration:underline; text-underline-offset:3px; text-decoration-color:var(--faint); word-break:break-all; }
.copyright b { font-weight:600; }

/* A 极简内联 */
.cp-a { text-align:center; font-size:12.5px; color:var(--muted); letter-spacing:.04em; line-height:1.9; }
.cp-a .cp-c { font-family:var(--serif); font-size:15px; margin-right:4px; }

/* B 描边卡片（与新输入框统一） */
.cp-b { display:flex; gap:14px; align-items:flex-start; border:1px solid var(--line); border-radius:9px; background:var(--code); padding:16px 18px; }
.cp-b .ico { font-family:var(--serif); font-size:22px; line-height:1; color:var(--muted); flex-shrink:0; }
.cp-b .ttl { font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:var(--fg); margin-bottom:6px; }
.cp-b .tx { font-size:13.5px; color:var(--fg); line-height:1.7; }
.cp-b .lk { font-size:12.5px; color:var(--muted); margin-top:8px; }

/* C 分隔线 + 标签徽章 */
.cp-c { border-top:1px solid var(--line); padding-top:18px; }
.cp-c .badge { display:inline-block; background:var(--line-strong); color:var(--bg); font-size:10.5px; letter-spacing:.18em; text-transform:uppercase; padding:4px 12px; border-radius:4px; margin-bottom:12px; }
.cp-c .tx { font-size:13.5px; color:var(--fg); line-height:1.75; }
.cp-c .lk { font-size:12.5px; color:var(--muted); margin-top:10px; }

/* D 左竖条引用式 */
.cp-d { border-left:3px solid var(--line-strong); padding:4px 0 4px 18px; }
.cp-d .ttl { font-family:var(--serif); font-size:16px; margin-bottom:8px; }
.cp-d .tx { font-size:13.5px; color:var(--fg); line-height:1.75; }
.cp-d .lk { font-size:12.5px; color:var(--muted); margin-top:10px; }

/* E 圆角徽章卡（精致） */
.cp-e { display:flex; gap:16px; align-items:center; border:1px solid var(--line); border-radius:16px; padding:20px 22px; }
.cp-e .circle { width:46px; height:46px; border-radius:50%; border:1.5px solid var(--line-strong); display:flex; align-items:center; justify-content:center; font-family:var(--serif); font-size:22px; flex-shrink:0; }
.cp-e .ttl { font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:var(--fg); margin-bottom:5px; }
.cp-e .tx { font-size:13.5px; color:var(--fg); line-height:1.6; }
.cp-e .lk { font-size:12.5px; color:var(--muted); margin-top:7px; }

@media (max-width:480px){
  .cp-b, .cp-e { flex-direction:column; align-items:flex-start; }
}

/* 微语 */
.weiyu-form { display:flex; gap:12px; margin:26px 0 4px; align-items:flex-start; }
.weiyu-form textarea { flex:1; margin-top:0; }
.weiyu-item { display:grid; grid-template-columns:84px 1fr; gap:18px; padding:24px 0; border-bottom:1px solid var(--line); }
.weiyu-date { font-size:12px; color:var(--muted); letter-spacing:.05em; padding-top:3px; }
.weiyu-text { font-size:16px; line-height:1.8; word-wrap:break-word; }

.empty { padding:50px 0; text-align:center; color:var(--muted); font-size:14px; letter-spacing:.05em; }

/* 底部 */
.site-foot { border-top:1px solid var(--line); padding:30px 0 22px; display:flex; justify-content:space-between;
  align-items:center; flex-wrap:wrap; gap:12px; font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--muted); }
.site-foot a:hover { color:var(--hover); }
.foot-extra { color:var(--faint); }
.icp, .footer-info { max-width:var(--maxw); margin:0 auto; padding:0 24px 30px; font-size:11px; color:var(--muted); letter-spacing:.08em; }
.beian { max-width:var(--maxw); margin:0 auto; padding:0 24px 14px; font-size:11px; color:var(--muted); letter-spacing:.08em; display:flex; gap:18px; flex-wrap:wrap; align-items:center; }
.beian a { color:var(--muted); text-decoration:none; transition:color .2s; }
.beian a:hover { color:var(--hover); }
.beian-ico { height:14px; width:auto; vertical-align:middle; margin-right:5px; border-radius:2px; }
.beian.beian-center { justify-content:center; text-align:center; }
.beian.beian-right { justify-content:flex-end; text-align:right; }
.footer-info.fi-center { text-align:center; }
.footer-info.fi-right { text-align:right; }
.site-since { max-width:var(--maxw); margin:0 auto; padding:0 24px 30px; font-size:11px; color:var(--muted); letter-spacing:.08em; }
.site-since-center { text-align:center; }
.site-since-right { text-align:right; }

/* 返回顶部按钮 */
.to-top { position:fixed; right:24px; bottom:30px; width:40px; height:40px; border-radius:50%;
  border:1px solid var(--line); background:var(--bg); color:var(--fg); font-size:18px; line-height:1;
  display:flex; align-items:center; justify-content:center; cursor:pointer;
  transition:color .2s, border-color .2s; z-index:50; }
.to-top:hover { color:var(--hover); border-color:var(--line-strong); }

/* 文章语音朗读按钮 */
/* 文章语音朗读播放条（内置 Edge TTS） */
.ttsr-wrap { margin:0 0 26px; font-family:inherit; color:inherit; }
.ttsr-bar { display:flex; align-items:center; gap:14px; padding:12px 16px; border-radius:14px;
  border:1px solid color-mix(in srgb, currentColor 16%, transparent);
  background:color-mix(in srgb, currentColor 4%, transparent); font-size:13px; }
.ttsr-play { flex:none; width:40px; height:40px; border-radius:50%; cursor:pointer;
  border:1px solid color-mix(in srgb, currentColor 25%, transparent);
  background:color-mix(in srgb, currentColor 8%, transparent); display:flex; align-items:center; justify-content:center;
  color:inherit; transition:.2s; padding:0; }
.ttsr-play:hover { background:color-mix(in srgb, currentColor 16%, transparent); }
.ttsr-play svg { width:18px; height:18px; fill:currentColor; }
.ttsr-prog { flex:1; height:5px; border-radius:3px; background:color-mix(in srgb, currentColor 14%, transparent);
  cursor:pointer; position:relative; overflow:hidden; min-width:60px; }
.ttsr-prog-i { position:absolute; left:0; top:0; bottom:0; width:0; background:currentColor; border-radius:3px; }
.ttsr-time { flex:none; font-variant-numeric:tabular-nums; color:color-mix(in srgb, currentColor 62%, transparent);
  min-width:96px; text-align:right; letter-spacing:.02em; }
.ttsr-rate { flex:none; cursor:pointer; padding:4px 10px; border-radius:8px;
  border:1px solid color-mix(in srgb, currentColor 20%, transparent); color:color-mix(in srgb, currentColor 68%, transparent);
  font-size:12px; background:transparent; font-family:inherit; }
.ttsr-rate:hover { color:inherit; border-color:color-mix(in srgb, currentColor 40%, transparent); }
.ttsr-status { flex:none; color:color-mix(in srgb, currentColor 52%, transparent); font-size:12px; min-width:0; overflow:hidden; }
@supports not (color:color-mix(in srgb, red 10%, transparent)) {
  .ttsr-bar, .ttsr-play, .ttsr-prog, .ttsr-rate { border-color:rgba(120,120,120,.32); background:rgba(120,120,120,.06); }
  .ttsr-prog-i { background:rgba(80,80,80,.85); }
  .ttsr-time, .ttsr-rate, .ttsr-status { color:rgba(90,90,90,.85); }
}

@media (max-width:600px) {
  /* 手机端：站名居左，搜索+暗色+汉堡常显于顶栏右侧；汉堡仅折叠导航链接 */
  .site-head { position:relative; flex-wrap:wrap; padding:22px 0 18px; }
  .brand { width:auto; }
  .head-right { display:flex; align-items:center; gap:14px; margin-left:auto; }
  .nav-toggle { display:inline-flex; margin-left:0; }
  .nav { display:none; }
  .site-head.nav-open .nav { position:absolute; top:100%; left:0; right:0; display:flex; flex-direction:column;
    align-items:stretch; gap:0; margin-top:10px; padding:6px 0; background:var(--bg);
    border:1px solid var(--line); border-radius:8px; box-shadow:0 10px 30px rgba(0,0,0,.10); z-index:60; }
  .nav > a, .nav-item > a { padding:13px 4px; font-size:15px; width:100%; border-bottom:1px solid var(--line); }
  .nav > a:last-child, .nav-item > a:last-child { border-bottom:none; }
  .nav-item { position:static; display:flex; flex-direction:column; align-items:stretch; }
  .caret { display:none; }
  /* 汉堡面板内的分类直接作为子列表平铺 */
  .dropdown { position:static; display:flex; margin:0 0 6px; box-shadow:none; border:none; background:transparent;
    border-radius:0; overflow:visible; padding-left:16px; }
  .dropdown a { padding:9px 0; font-size:14px; color:var(--muted); border-bottom:1px solid var(--line); }
  .dropdown a:last-child { border-bottom:none; }
  .search-input { width:84px; }
  .search-input:focus { width:110px; }
  .post { grid-template-columns:1fr; gap:6px; }
  .post.no-idx { grid-template-columns:1fr; }
  .post-idx { padding-top:0; }
  .post-title { font-size:23px; }
  .page-head h1 { font-size:28px; }
  .arch-year h2 { font-size:25px; }
  .arch-list li { gap:12px; }
  .article-title { font-size:26px; }
  .comment-info { grid-template-columns:1fr; gap:14px; }
  .comment-children { margin-left:24px; }
  .weiyu-item { grid-template-columns:1fr; gap:4px; }
  .intro { font-size:16px; }
  .to-top { right:14px; bottom:18px; }
}