/* ==================== 主题色变量（白天 = 天蓝 / 夜间 = 粉） ==================== */
/* 想换主题色只改这里：--accent 系为主/浅/深/极浅，--*-rgb 系供半透明使用 */
:root {
    --accent: #2f97d4;
    --accent-light: #5ab4e8;
    --accent-deep: #1f7ab5;
    --accent-pale: #d8eefc;
    --accent-rgb: 47, 151, 212;
    --accent-light-rgb: 90, 180, 232;
    --accent-deep-rgb: 31, 122, 181;
}

html.dark-mode {
    --accent: #ff6fb3;
    --accent-light: #ff9acb;
    --accent-deep: #e0568a;
    --accent-pale: #ffd6ea;
    --accent-rgb: 255, 111, 179;
    --accent-light-rgb: 255, 154, 203;
    --accent-deep-rgb: 224, 86, 138;
}

/* 设置整个页面的背景图 */
body {
    background-color: #4c6066;      /* 背景图加载前的底色，避免白屏突兀 */    /* 滚动时背景固定不动 */
    background-position: center;     /* 居中显示 */
}

/* 让文章卡片背景变得半透明 */
.card,
.card-content,
.box,
.section {
    background-color: rgba(255, 255, 255, 0.35); /* 白色背景，透明度85% */
}

/* 导航栏和页脚也可以稍微透明 */
.navbar,
.footer {
    background-color: rgba(255, 255, 255, 0.45);
}

/* 导航菜单 hover/选中时保持半透明，覆盖 Bulma 默认的不透明白色块 */
.navbar a.navbar-item:hover,
.navbar a.navbar-item.is-active,
.navbar .navbar-link:hover,
.navbar .navbar-link.is-active {
    background-color: rgba(255, 255, 255, 0.5);
}

/* 代码块横向滚动：icarus 默认 overflow:visible 导致长行溢出无滚动条 */
figure.highlight {
    overflow-x: auto;
    /* Firefox 滚动条样式 */
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.35) rgba(255, 255, 255, 0.08);
}

/* 代码块滚动条美化（Chrome/Edge/Safari） */
figure.highlight::-webkit-scrollbar {
    height: 8px;
}

figure.highlight::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.35);
    border-radius: 4px;
}

figure.highlight::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.08);
}

/* 背景图轮换层：双层叠层 + opacity 渐变切换 */
.bg-layer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    z-index: -1;
    opacity: 0;
    transition: opacity 1.5s ease;
    pointer-events: none;
}

.bg-layer.active {
    opacity: 1;
}

/* 桌面端：独立滚动布局（文章区独立滚动，侧边栏与页脚正常显示） */
@media screen and (min-width: 769px) {
    html, body {
        height: 100%;
        overflow: hidden;
    }
    body {
        display: flex;
        flex-direction: column;
    }
    .navbar {
        flex-shrink: 0;
    }
    .section {
        flex: 1;
        min-height: 0;
        overflow: hidden;
        padding: 0.75rem 1.5rem;
    }
    .section > .container,
    .columns {
        height: 100%;
    }
    .column-main {
        height: 100%;
        overflow-y: auto;
        overscroll-behavior: contain;
        scrollbar-width: thin;
    }
    .column-left {
        height: 100%;
        overflow-y: auto;
        overscroll-behavior: contain;
        scrollbar-width: none;      /* 可滚动但不显示滚动条 */
    }
    .column-left::-webkit-scrollbar {
        display: none;
    }
    .footer {
        flex-shrink: 0;
        padding: 0.4rem 1rem;      /* 常驻底部，进一步压缩高度 */
    }
}

/* 分类/标签列表页：只显示文章标题，隐藏正文 */
body.is-list-page .article .content,
body.is-list-page .article .article-more {
    display: none;
}

/* 文章正文图片居中（含 Typora 缩放后的图） */
.article .content img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* PJAX 切换淡入过渡 */
.columns.pjax-swap {
    animation: pjaxFadeIn 0.3s ease;
}
@keyframes pjaxFadeIn {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: none; }
}

/* JetBrains Mono 代码字体（本地化） */
@font-face {
    font-family: 'JetBrains Mono';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/fonts/jetbrains-mono-400.woff2') format('woff2');
}
@font-face {
    font-family: 'JetBrains Mono';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('/fonts/jetbrains-mono-600.woff2') format('woff2');
}
@font-face {
    font-family: 'JetBrains Mono';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('/fonts/jetbrains-mono-700.woff2') format('woff2');
}
code, pre, kbd, samp, .hljs, .article .content code, .article .content pre {
    font-family: 'JetBrains Mono', Consolas, 'Courier New', 'Microsoft YaHei', monospace;
}

/* ==================== 标题字体：得意黑 ==================== */
@font-face {
    font-family: 'Smiley Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/fonts/smiley-sans-subset.woff2') format('woff2');
}
.article h1, .article h2, .article h3, .article h4, .article h5, .article h6,
.article-title, .card-header-title, .navbar-item, .menu-label, .title, .subtitle,
.widget .menu-label, .breadcrumb, .pagination-link, .tag,
h1, h2, h3, h4, h5, h6 {
    font-family: 'Smiley Sans', 'PingFang SC', 'HarmonyOS Sans SC', 'Microsoft YaHei', sans-serif !important;
}

/* ==================== 正文排版优化 ==================== */
.article .content {
    font-family: 'PingFang SC', 'HarmonyOS Sans SC', 'Microsoft YaHei', -apple-system, 'Segoe UI', sans-serif;
    font-size: 16px;
    line-height: 1.9;
    color: #2f3542;
    letter-spacing: 0.02em;
}
.article .content p {
    margin-bottom: 1.2em;
}
.article .content strong {
    color: #3a3a3a;
    font-weight: 600;
}
.article .content a {
    color: var(--accent-deep);
    text-decoration: none;
    border-bottom: 1px dashed rgba(var(--accent-deep-rgb), 0.45);
    transition: border-color 0.2s, color 0.2s;
}
.article .content a:hover {
    color: var(--accent);
    border-bottom-color: var(--accent);
    border-bottom-style: solid;
}

/* 标题层级装饰：粉色竖条 + 间距 */
.article .content h2 {
    position: relative;
    padding-left: 14px;
    margin-top: 1.8em;
    margin-bottom: 0.9em;
    border-left: 4px solid var(--accent-light);
    line-height: 1.4;
}
.article .content h3 {
    position: relative;
    padding-left: 12px;
    margin-top: 1.5em;
    margin-bottom: 0.7em;
    border-left: 3px solid var(--accent-light);
    line-height: 1.4;
}
.article .content h4 {
    margin-top: 1.3em;
    margin-bottom: 0.6em;
    color: #d94a86;
}

/* 引用块：柔和粉底 */
.article .content blockquote {
    border-left: 4px solid var(--accent-light);
    background: rgba(255, 182, 213, 0.09);
    border-radius: 0 8px 8px 0;
    padding: 0.5em 1em;
    color: #5a5a5a;
}

/* 图片圆角与留白 */
.article .content img {
    border-radius: 10px;
    box-shadow: 0 3px 14px rgba(0, 0, 0, 0.08);
}

/* 行内代码与代码块 */
.article .content code:not([class]) {
    background: rgba(var(--accent-light-rgb), 0.14);
    color: #c0396e;
    padding: 0.15em 0.4em;
    border-radius: 5px;
}

/* 删除线（~~…~~ / del / s）：主题色细波浪 —— 表达"小声旁白"的意味，而不是真正划掉 */
del, s {
    color: #8a939e;
    text-decoration: line-through wavy rgba(var(--accent-rgb), 0.85);
    text-decoration-thickness: 1px;
    transition: color .25s ease, text-decoration-color .25s ease;
}
del:hover, s:hover {
    color: var(--accent-deep);
    text-decoration-color: var(--accent);
}
html.dark-mode del, html.dark-mode s {
    color: #7d8695;
}
html.dark-mode del:hover, html.dark-mode s:hover {
    color: var(--accent-light);
}

/* 表格美化 */
.article .content table th {
    background: rgba(var(--accent-light-rgb), 0.12);
}
.article .content table:not(figure.highlight table) tr:hover {
    background: rgba(var(--accent-light-rgb), 0.06);
}

/* ==================== 标题字号微调（+约10%） ==================== */
.article .content h2 {
    font-size: 1.9em;
}
.article .content h3 {
    font-size: 1.62em;
}
.article .content h4 {
    font-size: 1.35em;
}
.article-title {
    font-size: 2.15rem;
    line-height: 1.35;
}
h1.title, h2.title, h3.title {
    font-size: 2rem;
}
/* 首页卡片标题 */
.card-header-title {
    font-size: 1.5rem;
}
/* 小屏保持比例 */
@media (max-width: 768px) {
    .article .content h2 { font-size: 1.6em; }
    .article .content h3 { font-size: 1.4em; }
    .article-title { font-size: 1.75rem; }
}

/* ==================== 分割线（md 的 ---） ==================== */
.article .content hr {
    height: 3px;
    border: none;
    background: linear-gradient(90deg, transparent 0%, var(--accent-light) 15%, #ff8fc0 50%, var(--accent-light) 85%, transparent 100%);
    border-radius: 3px;
    margin: 2.4em 0;
    opacity: 0.9;
}

/* ==================== 西文字体本地化（替代 Google Fonts） ==================== */
@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/fonts/ubuntu-400.woff2') format('woff2');
}
@font-face {
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('/fonts/ubuntu-400.woff2') format('woff2');
}
@font-face {
    font-family: 'Source Code Pro';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/fonts/source-code-pro-400.woff2') format('woff2');
}
@font-face {
    font-family: 'Source Code Pro';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('/fonts/source-code-pro-600.woff2') format('woff2');
}

/* 背景层柔化遮罩（白色半透明，让背景图柔和、不刺眼） */
.site-bg-layer::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.26);
    pointer-events: none;
}

/* 层级修复：背景层是 fixed 定位元素，会盖住非定位元素（页脚等）
   给主内容、导航、页脚提升为定位元素，保证在背景层之上 */
.columns,
.navbar,
.footer {
    position: relative;
    z-index: 1;
}

/* 手机小屏适配：音乐按钮/控制条 */
@media (max-width: 480px) {
    #music-toggle {
        right: 14px;
        bottom: 72px;
        width: 40px;
        height: 40px;
    }
    #music-bar {
        right: 10px;
        left: 10px;
        max-width: none;
        bottom: 120px;
    }
}

/* 手机端背景图位置微调：默认图在竖屏下主体偏右，向左移动显示区域
   仅限手机（≤768px），PC 端完全不受影响 */
@media (max-width: 768px) {
    .site-bg-layer {
        background-position: 75% center !important;
    }
}

/* ==================== 文本选中样式（替代浏览器默认蓝色） ==================== */
::selection {
    background: rgba(var(--accent-light-rgb), 0.38);  /* 粉色半透明 */
    color: inherit;
}
::-moz-selection {
    background: rgba(var(--accent-light-rgb), 0.38);
    color: inherit;
}
/* 深色代码块内的选中：半透明白，和深色底更协调 */
pre ::selection,
code ::selection,
figure.highlight ::selection,
.hljs ::selection {
    background: rgba(255, 255, 255, 0.25);
    color: inherit;
}
pre ::-moz-selection,
code ::-moz-selection,
figure.highlight ::-moz-selection {
    background: rgba(255, 255, 255, 0.25);
    color: inherit;
}

/* ==================== 复制成功提示（toast） ==================== */
.copy-toast {
    position: fixed;
    left: 0;
    top: 0;
    transform: translateX(-50%) translateY(-6px) scale(0.9);
    background: linear-gradient(135deg, rgba(var(--accent-light-rgb), 0.72), rgba(var(--accent-rgb), 0.70));
    color: #fff;
    padding: 7px 16px;
    border-radius: 18px;
    font-size: 13px;
    font-weight: 600;
    box-shadow: 0 3px 12px rgba(var(--accent-rgb), 0.25);
    text-shadow: 0 1px 2px rgba(160, 60, 110, 0.25);
    opacity: 0;
    transition: opacity 0.25s ease, transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
    pointer-events: none;
    z-index: 99999;
    letter-spacing: 0.5px;
    white-space: nowrap;
}
.copy-toast.show {
    opacity: 1;
    transform: translateX(-50%) translateY(0) scale(1);
}

/* 复制瞬间屏蔽选区渲染（避免全选高亮闪现；手动选择不受影响） */
figure.highlight.copying ::selection {
    background: transparent !important;
    color: inherit !important;
}
figure.highlight.copying ::-moz-selection {
    background: transparent !important;
    color: inherit !important;
}

/* ==================== 灯箱（图片放大）：浅色背景 ==================== */
/* 背景：淡粉白（原来是纯黑） */
.lg-backdrop {
    background-color: rgba(250, 246, 248, 0.94) !important;
}
/* 顶部工具栏：白色半透明 + 深灰图标 */
.lg-toolbar {
    background-color: rgba(255, 255, 255, 0.78) !important;
}
.lg-toolbar .lg-icon {
    color: #7a7a7a !important;
}
.lg-toolbar .lg-icon:hover {
    color: #d94a86 !important;
}
/* 左右翻页箭头 */
.lg-actions .lg-next,
.lg-actions .lg-prev {
    background-color: rgba(255, 255, 255, 0.78) !important;
    color: #7a7a7a !important;
}
.lg-actions .lg-next:hover,
.lg-actions .lg-prev:hover {
    color: #d94a86 !important;
}
/* 底部图注条 */
.lg-sub-html {
    background-color: rgba(255, 255, 255, 0.78) !important;
    color: #4a4a4a !important;
}
/* 图片本体加柔和阴影（浅背景下衬托边缘） */
.lg-object {
    box-shadow: 0 8px 40px rgba(180, 140, 160, 0.28);
}

/* ==================== 夜间模式（框架版） ==================== */
/* 兜底整页底色与文字 */
html.dark-mode body {
    background-color: #14161c;
    color: #c9ccd4;
}
/* 卡片/面板 */
html.dark-mode .card,
html.dark-mode .card-content,
html.dark-mode .box,
html.dark-mode .section {
    background-color: rgba(24, 27, 35, 0.45);
}
/* 标题 */
html.dark-mode h1, html.dark-mode h2, html.dark-mode h3,
html.dark-mode h4, html.dark-mode h5, html.dark-mode h6,
html.dark-mode .article-title,
html.dark-mode .card-header-title,
html.dark-mode .title, html.dark-mode .subtitle {
    color: #f2f4f8;
}
/* 链接（暗色下用亮粉） */
html.dark-mode a { color: var(--accent-light); }
html.dark-mode a:hover { color: #ffb8da; }
/* 导航栏 / 页脚 */
html.dark-mode .navbar,
html.dark-mode .footer {
    background-color: rgba(22, 24, 30, 0.78);
}
html.dark-mode .navbar-item,
html.dark-mode .navbar-link {
    color: #c9ccd4;
}
html.dark-mode .navbar a.navbar-item:hover,
html.dark-mode .navbar a.navbar-item:focus,
html.dark-mode .navbar a.navbar-item:active,
html.dark-mode .navbar a.navbar-item.is-active,
html.dark-mode .navbar .navbar-link:hover,
html.dark-mode .navbar .navbar-link:focus,
html.dark-mode .navbar .navbar-link:active,
html.dark-mode .navbar .navbar-link.is-active {
    background-color: rgba(var(--accent-light-rgb), 0.12) !important;
    color: var(--accent-light);
}
/* 次要信息（日期、标签等） */
html.dark-mode .article-meta,
html.dark-mode .is-size-7 {
    color: #8a8f9c;
}
/* 粉色渐变分割线：夜间调暗 */
html.dark-mode .article .content hr {
    background: linear-gradient(90deg, transparent, rgba(var(--accent-light-rgb), 0.5), transparent);
}
/* 引用块 */
html.dark-mode .article .content blockquote {
    background: rgba(var(--accent-light-rgb), 0.08);
    border-left-color: var(--accent-light);
    color: #b9bdc8;
}
/* 行内代码 */
html.dark-mode .article .content code:not([class]) {
    background: rgba(var(--accent-light-rgb), 0.16);
    color: #ffb0d4;
}
/* 表格 */
html.dark-mode .article .content table th {
    background: rgba(var(--accent-light-rgb), 0.1);
    color: #e8eaf0;
}
html.dark-mode .article .content table td {
    border-color: rgba(255, 255, 255, 0.1);
    color: #c9ccd4;
}
html.dark-mode .article .content table:not(figure.highlight table) tr:hover {
    background: rgba(var(--accent-light-rgb), 0.05);
}
/* 背景柔化遮罩：夜间改为"压暗"（不再是白色柔化） */
html.dark-mode .site-bg-layer::after {
    background: rgba(8, 10, 16, 0.18);   /* 仅轻微压暗，保持夜景图的通透感 */
}
/* 主题切换按钮 */
#theme-toggle {
    cursor: pointer;
}

/* 夜间模式修正：文字可读性（覆盖正文各元素，提亮） */
html.dark-mode body,
html.dark-mode .content,
html.dark-mode .article .content,
html.dark-mode .article .content p,
html.dark-mode .article .content li,
html.dark-mode .article .content td,
html.dark-mode .card-content,
html.dark-mode .card-content p {
    color: #dcdfe6;
}
/* 夜间模式修正：切换按钮不残留高亮（点击后不发白） */
#theme-toggle,
#theme-toggle:focus,
#theme-toggle:active,
.navbar a.navbar-item#theme-toggle:hover {
    background-color: transparent !important;
    outline: none !important;
    box-shadow: none !important;
}
html.dark-mode #theme-toggle:hover {
    background-color: rgba(var(--accent-light-rgb), 0.12) !important;
    color: var(--accent-light) !important;
}
html:not(.dark-mode) #theme-toggle:hover {
    background-color: rgba(0, 0, 0, 0.05) !important;
    color: #d94a86 !important;
}

/* 夜间模式修正：加粗文字（icarus 默认深灰，夜里看不清） */
html.dark-mode .article .content strong,
html.dark-mode .article .content b,
html.dark-mode .content strong,
html.dark-mode .content b,
html.dark-mode strong,
html.dark-mode b {
    color: #ffffff;
}
html.dark-mode a strong,
html.dark-mode a b {
    color: inherit;
}
/* 主题切换过渡动画（触发后 500ms 自动移除）
   优化（A）：不再用 body * 全量过渡，改为"画面主体白名单"——
   装饰性元素（图标/按钮/标签/边框）直接瞬间切换，避免 2400+ 元素同时重绘造成掉帧 */
html.theme-transition,
html.theme-transition body,
html.theme-transition .site-bg-layer::after,
html.theme-transition .card,
html.theme-transition .card-content,
html.theme-transition .navbar,
html.theme-transition .footer,
html.theme-transition .article .content,
html.theme-transition .article .content *,
html.theme-transition .article-title,
html.theme-transition .card-header,
html.theme-transition .card-header-title,
html.theme-transition .widget,
html.theme-transition .widget .menu-label,
html.theme-transition .menu-list a,
html.theme-transition .title,
html.theme-transition .subtitle,
html.theme-transition .breadcrumb,
html.theme-transition .tag,
html.theme-transition figure.highlight,
html.theme-transition figure.highlight figcaption,
html.theme-transition .share-bar,
html.theme-transition .share-btn {
    transition: background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1), color 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

/* 优化（B）：过渡期间毛玻璃降级为纯色——backdrop-filter 每帧重算模糊是切换中最贵的开销 */
html.theme-transition .card,
html.theme-transition #music-toggle,
html.theme-transition #music-bar {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* ==================== 夜间模式：交互组件（第二步） ==================== */
/* 1. 搜索面板 */
html.dark-mode .searchbox {
    background: rgba(8, 10, 15, 0.92);
}
html.dark-mode .searchbox-header,
html.dark-mode .searchbox-input {
    background: #1c1f27;
    color: #dcdfe6;
}
html.dark-mode .searchbox-input::placeholder {
    color: #6f7683;
}
html.dark-mode .searchbox-body,
html.dark-mode .searchbox-result-item {
    color: #c9ccd4;
}
html.dark-mode .searchbox-result-item:hover {
    background: rgba(var(--accent-light-rgb), 0.1);
}
html.dark-mode .searchbox-result-title {
    color: #f0f2f6;
}
html.dark-mode .searchbox-result-content {
    color: #9aa0ab;
}
/* 2. 分页器 */
html.dark-mode .pagination-link,
html.dark-mode .pagination-next a,
html.dark-mode .pagination-previous a,
html.dark-mode .pagination-ellipsis {
    background-color: #1e212a;
    border-color: #333743;
    color: #c9ccd4;
}
html.dark-mode .pagination-link:hover,
html.dark-mode .pagination-next a:hover,
html.dark-mode .pagination-previous a:hover {
    border-color: var(--accent-light);
    color: var(--accent-light);
}
html.dark-mode .pagination-link.is-current {
    background-color: #d94a86;
    border-color: #d94a86;
    color: #fff;
}
/* 3. 回到顶部按钮 */
html.dark-mode #back-to-top {
    background-color: rgba(30, 33, 42, 0.9) !important;
    color: var(--accent-light) !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.4) !important;
}
/* 4. 音乐播放器 */
html.dark-mode #music-toggle {
    background: rgba(30, 33, 42, 0.92);
    color: var(--accent-light);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.4);
}
html.dark-mode #music-bar {
    background: rgba(30, 33, 42, 0.95);
    color: #c9ccd4;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.5);
}
html.dark-mode #music-bar button {
    color: #c9ccd4;
}
html.dark-mode #music-bar button:hover {
    color: var(--accent-light);
}
html.dark-mode #music-title {
    color: #c9ccd4;
}
/* 5. 灯箱（图片放大）：夜间改深色 */
html.dark-mode .lg-backdrop {
    background-color: rgba(10, 12, 17, 0.95) !important;
}
html.dark-mode .lg-toolbar {
    background-color: rgba(20, 22, 28, 0.85) !important;
}
html.dark-mode .lg-toolbar .lg-icon {
    color: #b8bcc6 !important;
}
html.dark-mode .lg-toolbar .lg-icon:hover {
    color: var(--accent-light) !important;
}
html.dark-mode .lg-actions .lg-next,
html.dark-mode .lg-actions .lg-prev {
    background-color: rgba(20, 22, 28, 0.85) !important;
    color: #b8bcc6 !important;
}
html.dark-mode .lg-actions .lg-next:hover,
html.dark-mode .lg-actions .lg-prev:hover {
    color: var(--accent-light) !important;
}
html.dark-mode .lg-sub-html {
    background-color: rgba(20, 22, 28, 0.85) !important;
    color: #c9ccd4 !important;
}
html.dark-mode .lg-object {
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.6);
}

/* ==================== 夜间模式：第三批修正（分页外层/搜索完整/滚动条） ==================== */
/* 1. 分页器：外层 div 的白底/白边去掉 */
html.dark-mode .pagination-previous,
html.dark-mode .pagination-next {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
html.dark-mode .pagination-previous a,
html.dark-mode .pagination-next a {
    display: inline-block;
    background-color: #1e212a !important;
    border: 1px solid #3a3f4d !important;
    border-radius: 999px !important;
    color: #c9ccd4 !important;
    padding: 0.5em 1.4em !important;
}
html.dark-mode .pagination-previous a:hover,
html.dark-mode .pagination-next a:hover {
    border-color: var(--accent-light) !important;
    color: var(--accent-light) !important;
}
/* 2. 搜索面板：容器/结果区完整暗色 */
html.dark-mode .searchbox-container {
    background: transparent;
}
html.dark-mode .searchbox-body {
    background: #171a21;
    border-top-color: #2c303a;
}
html.dark-mode .searchbox-result-item {
    background: transparent;
}
html.dark-mode .searchbox-result-item:hover {
    background: rgba(var(--accent-light-rgb), 0.12);
}
html.dark-mode .searchbox-result-item b,
html.dark-mode .searchbox-result-item strong {
    color: #ffb0d4;
}
/* 3. 滚动条：暗色下粉色 + 深色轨道（内容列 / 全站） */
html.dark-mode * {
    scrollbar-color: rgba(var(--accent-light-rgb), 0.45) rgba(255, 255, 255, 0.06);
}
html.dark-mode ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}
html.dark-mode ::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.05);
    border-radius: 5px;
}
html.dark-mode ::-webkit-scrollbar-thumb {
    background: rgba(var(--accent-light-rgb), 0.45);
    border-radius: 5px;
}
html.dark-mode ::-webkit-scrollbar-thumb:hover {
    background: rgba(var(--accent-light-rgb), 0.65);
}

/* ==================== 夜间模式：第四批修正（圆角 + 悬停暗化） ==================== */
/* 1. 分页按钮全圆角（去方形缩边感） */
html.dark-mode .pagination-previous a,
html.dark-mode .pagination-next a,
html.dark-mode .pagination-link,
html.dark-mode .pagination-ellipsis {
    border-radius: 999px !important;
}
/* 2. 分类/侧边菜单的悬停（原 #f5f5f5 白） */
html.dark-mode .menu-list a:hover {
    background-color: rgba(var(--accent-light-rgb), 0.12) !important;
    color: var(--accent-light) !important;
}
html.dark-mode .menu-list a.is-active {
    background-color: rgba(var(--accent-light-rgb), 0.16) !important;
    color: var(--accent-light) !important;
}
html.dark-mode .menu-list li ul {
    border-left-color: #333743 !important;
}
/* 3. 搜索面板的悬停（原纯白 #fff） */
html.dark-mode .searchbox .searchbox-result-item:not(.disabled):not(.active):not(:active):hover {
    background-color: rgba(var(--accent-light-rgb), 0.12) !important;
}
html.dark-mode .searchbox .searchbox-close:hover {
    background: rgba(var(--accent-light-rgb), 0.15) !important;
}
html.dark-mode .searchbox-pagination-link:hover,
html.dark-mode .searchbox .searchbox-pagination .searchbox-pagination-item:not(.active):not(.disabled) .searchbox-pagination-link:hover {
    background-color: rgba(var(--accent-light-rgb), 0.12) !important;
    color: var(--accent-light) !important;
}
/* 4. 通用：导航下拉/面板等残留的亮底悬停 */
html.dark-mode .navbar-dropdown a.navbar-item:hover,
html.dark-mode .navbar-dropdown a.navbar-item:focus,
html.dark-mode a.dropdown-item:hover,
html.dark-mode button.dropdown-item:hover {
    background-color: rgba(var(--accent-light-rgb), 0.12) !important;
    color: var(--accent-light) !important;
}
html.dark-mode .panel-block:hover {
    background-color: rgba(var(--accent-light-rgb), 0.08) !important;
}
/* 5. 标签云/标签悬停 */
html.dark-mode .tag:not(body):hover {
    background-color: rgba(var(--accent-light-rgb), 0.18) !important;
    color: var(--accent-light) !important;
}
/* 6. 兜底：卡片内的链接悬停不要背景 */
html.dark-mode .card a:hover,
html.dark-mode .box a:hover,
html.dark-mode .article a:hover {
    background-color: transparent !important;
}

/* "关注我"按钮：白天保持原蓝色（Bulma 默认），夜间模式才变粉 */
html.dark-mode .button.is-primary,
html.dark-mode .button.is-primary.is-rounded {
    background-color: var(--accent) !important;
    border-color: transparent !important;
    color: #fff !important;
}
html.dark-mode .button.is-primary:hover,
html.dark-mode .button.is-primary.is-rounded:hover {
    background-color: #ff8fc4 !important;
    color: #fff !important;
}

/* ==================== 夜间模式：标签/选项卡修正 ==================== */
/* 标签云/标签页的标签块（原浅灰白 #f5f5f5） */
html.dark-mode .tag:not(body) {
    background-color: rgba(var(--accent-light-rgb), 0.14) !important;
    color: #ffb0d4 !important;
}
/* 标签带计数（has-addons 的第二个 tag 通常是深色，统一处理） */
html.dark-mode .tags.has-addons .tag:not(body) {
    background-color: rgba(var(--accent-light-rgb), 0.14) !important;
    color: #ffb0d4 !important;
}
html.dark-mode .tags.has-addons .tag:not(body):last-child {
    background-color: rgba(var(--accent-light-rgb), 0.24) !important;
    color: var(--accent-pale) !important;
}
/* 文章页的标签/分类链接 */
html.dark-mode .article .tag,
html.dark-mode .card .tag {
    background-color: rgba(var(--accent-light-rgb), 0.14) !important;
    color: #ffb0d4 !important;
}
html.dark-mode .tag:hover,
html.dark-mode .tags.has-addons:hover .tag {
    background-color: rgba(var(--accent-light-rgb), 0.3) !important;
    color: #fff !important;
}
/* 菜单标签（"标签"、"分类"小标题） */
html.dark-mode .menu-label {
    color: #9aa0ab !important;
}

/* 夜间模式：站点标题（左上角"R6bandito 的笔记"）高亮 */
html.dark-mode .nav-site-title {
    color: #f0f2f6 !important;
}

/* ==================== 页脚：本站已运行天数 ==================== */
#site-days b {
    color: var(--accent-deep);
    font-weight: 600;
}

html.dark-mode #site-days b {
    color: var(--accent-light);
}

/* ==================== 个人卡片 · 头像区（圆形 + 动态渐变描边 + 呼吸光晕） ==================== */
/* 可调参数：描边宽度 padding / 转速 4s / 渐变色 / 呼吸周期 3.2s */
.widget[data-type="profile"] figure.image {
    overflow: visible;   /* 允许悬停放大时轻微超出容器 */
}

/* @property 让"角度"变成可动画的变量（渐变绕边旋转的关键） */
@property --avatar-angle {
    syntax: '<angle>';
    initial-value: 0deg;
    inherits: false;
}

/* 贴边细描边：img 的 padding 区域即描边，圆形裁剪 */
.widget[data-type="profile"] img.avatar {
    padding: 3px;                                    /* 描边宽度（要更细可改 2px） */
    border-radius: 50%;                              /* 圆形 */
    background: conic-gradient(from var(--avatar-angle),
        var(--accent-light), var(--accent), #b78bfa, var(--accent-light));         /* 首尾同色，旋转无缝 */
    box-shadow: 0 0 10px rgba(var(--accent-rgb), 0.20);  /* 呼吸光晕基础值（已调柔和） */
    animation:
        avatar-spin 4s linear infinite,              /* 渐变绕边旋转 */
        avatar-breathe 3.2s ease-in-out infinite;    /* 呼吸光晕 */
    transition: transform 0.35s ease;
}

/* 渐变的旋转（角度变量 0→360） */
@keyframes avatar-spin {
    to { --avatar-angle: 360deg; }
}

/* 呼吸光晕（白天） */
@keyframes avatar-breathe {
    0%, 100% { box-shadow: 0 0 8px rgba(var(--accent-rgb), 0.16); }
    50%      { box-shadow: 0 0 18px rgba(var(--accent-rgb), 0.40); }
}

/* 悬停：轻微放大 + 一点点旋转 */
.widget[data-type="profile"] img.avatar:hover {
    transform: scale(1.05) rotate(-2deg);
}

/* 夜间：光晕更明显（暗背景上粉色更亮） */
html.dark-mode .widget[data-type="profile"] img.avatar {
    animation-name: avatar-spin, avatar-breathe-dark;
}

@keyframes avatar-breathe-dark {
    0%, 100% { box-shadow: 0 0 10px rgba(var(--accent-light-rgb), 0.24); }
    50%      { box-shadow: 0 0 20px rgba(var(--accent-light-rgb), 0.52); }
}

/* 注：与站点其他动效（花瓣/雨丝）策略一致——不跟随系统的"减少动效"偏好 */

/* ==================== 个人卡片 · 收尾（玻璃感/樱花/在线点/按钮） ==================== */
/* 1. 半透明玻璃感 + 悬停浮起 */
.widget[data-type="profile"] {
    position: relative;
    background: rgba(255, 255, 255, 0.72);
    backdrop-filter: blur(10px) saturate(1.15);
    -webkit-backdrop-filter: blur(10px) saturate(1.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.widget[data-type="profile"]:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 30px rgba(var(--accent-deep-rgb), 0.18);
}

html.dark-mode .widget[data-type="profile"] {
    background: rgba(24, 27, 35, 0.55);
}

/* 2. 角落樱花（右上角，低透明度） */
.widget[data-type="profile"]::before {
    content: '';
    position: absolute;
    top: 10px;
    right: 10px;
    width: 28px;
    height: 28px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg fill='%23ff9acb'%3E%3Cellipse cx='50' cy='28' rx='12' ry='21'/%3E%3Cellipse cx='50' cy='28' rx='12' ry='21' transform='rotate(72 50 54)'/%3E%3Cellipse cx='50' cy='28' rx='12' ry='21' transform='rotate(144 50 54)'/%3E%3Cellipse cx='50' cy='28' rx='12' ry='21' transform='rotate(216 50 54)'/%3E%3Cellipse cx='50' cy='28' rx='12' ry='21' transform='rotate(288 50 54)'/%3E%3C/g%3E%3Ccircle cx='50' cy='54' r='8' fill='%23fff2f9'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.4;
    pointer-events: none;
}

html.dark-mode .widget[data-type="profile"]::before {
    opacity: 0.3;
}

/* 3. "在线"呼吸小圆点（站名后） */
.widget[data-type="profile"] .title.is-size-4::after {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-left: 8px;
    vertical-align: middle;
    border-radius: 50%;
    background: #66bb6a;
    animation: profile-online 2.2s ease-out infinite;
}

@keyframes profile-online {
    0% { box-shadow: 0 0 0 0 rgba(102, 187, 106, 0.55); }
    70%, 100% { box-shadow: 0 0 0 6px rgba(102, 187, 106, 0); }
}

/* 4a. "关注我"按钮：粉渐变（全时段统一） */
.widget[data-type="profile"] .button.is-primary {
    background: linear-gradient(135deg, var(--accent-light), var(--accent)) !important;
    border-color: transparent !important;
    color: #fff !important;
    box-shadow: 0 3px 12px rgba(var(--accent-rgb), 0.30);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.widget[data-type="profile"] .button.is-primary:hover {
    transform: translateY(-1px);
    box-shadow: 0 5px 16px rgba(var(--accent-rgb), 0.42);
}

/* 社交图标行居中（is-multiline 是社交行独有的组合） */
.widget[data-type="profile"] .level.is-mobile.is-multiline {
    justify-content: center;
}

/* 4b. 社交图标：圆形浅底托 + 悬停上浮变粉 */
.widget[data-type="profile"] .level-item.button.is-transparent {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 38px;          /* 防止被 level 的 flex-grow 拉伸 */
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: rgba(var(--accent-light-rgb), 0.10);
    color: #b08a9c;
    margin: 0 4px;
    transition: color 0.2s ease, background 0.2s ease, transform 0.2s ease;
}

.widget[data-type="profile"] .level-item.button.is-transparent:hover {
    background: rgba(var(--accent-light-rgb), 0.22);
    color: var(--accent-deep);
    transform: translateY(-2px);
}

html.dark-mode .widget[data-type="profile"] .level-item.button.is-transparent {
    background: rgba(var(--accent-light-rgb), 0.08);
    color: #9aa0ab;
}

html.dark-mode .widget[data-type="profile"] .level-item.button.is-transparent:hover {
    background: rgba(var(--accent-light-rgb), 0.20);
    color: var(--accent-light);
}

/* ==================== 代码块 · 玻璃极简（方案 C） ==================== */
/* 说明：写在方案 A 之后，同名属性以后者为准（便于 A/C 切换与回退） */
figure.highlight {
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.10);
    box-shadow: 0 12px 34px rgba(30, 34, 42, 0.32);
    background: #282c34;
    overflow-x: auto;
}

/* 顶部条：完全融入深色（无背景、无分割线） */
figure.highlight figcaption,
figure.highlight figcaption.level {
    background: transparent !important;
    border-bottom: none;
    color: #8b93a5;
    padding: 7px 14px 1px;
    min-height: 28px;
    align-items: center;
}

/* 语言标签：透明底 + 灰描边（把 A 的粉色胶囊换成描边款） */
figure.highlight[class] figcaption::before {
    padding: 1px 8px;
    border-radius: 20px;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.14);
    color: #9aa3b5;
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: 0.6px;
    line-height: 1.6;
    margin-right: 8px;
    flex: 0 0 auto;
}

/* 语言名 → 标签文字映射 */
figure.highlight.c figcaption::before { content: "C"; }
figure.highlight.cpp figcaption::before, figure.highlight.c\+\+ figcaption::before { content: "C++"; }
figure.highlight.csharp figcaption::before, figure.highlight.cs figcaption::before { content: "C#"; }
figure.highlight.java figcaption::before { content: "Java"; }
figure.highlight.python figcaption::before, figure.highlight.py figcaption::before { content: "Python"; }
figure.highlight.javascript figcaption::before, figure.highlight.js figcaption::before { content: "JavaScript"; }
figure.highlight.typescript figcaption::before, figure.highlight.ts figcaption::before { content: "TypeScript"; }
figure.highlight.bash figcaption::before, figure.highlight.shell figcaption::before, figure.highlight.sh figcaption::before { content: "Bash"; }
figure.highlight.html figcaption::before { content: "HTML"; }
figure.highlight.xml figcaption::before { content: "XML"; }
figure.highlight.css figcaption::before { content: "CSS"; }
figure.highlight.json figcaption::before { content: "JSON"; }
figure.highlight.yaml figcaption::before, figure.highlight.yml figcaption::before { content: "YAML"; }
figure.highlight.ini figcaption::before { content: "INI"; }
figure.highlight.makefile figcaption::before { content: "Makefile"; }
figure.highlight.cmake figcaption::before { content: "CMake"; }
figure.highlight.diff figcaption::before { content: "Diff"; }
figure.highlight.sql figcaption::before { content: "SQL"; }
figure.highlight.powershell figcaption::before, figure.highlight.ps1 figcaption::before { content: "PowerShell"; }
figure.highlight.bat figcaption::before, figure.highlight.batch figcaption::before { content: "Batch"; }

/* 折叠箭头 + 复制按钮：灰色系，hover 泛白 */
figure.highlight figcaption .fold,
figure.highlight figcaption .copy {
    color: #8b93a5;
    opacity: 0.8;
    padding: 4px 8px;
    border-radius: 7px;
    transition: color 0.18s ease, background 0.18s ease, opacity 0.18s ease;
    cursor: pointer;
}
figure.highlight figcaption .fold:hover,
figure.highlight figcaption .copy:hover {
    color: #e8ecf4;
    background: rgba(255, 255, 255, 0.08);
    opacity: 1;
}

/* 行号列：无底、无分割线、行号更暗 */
figure.highlight .gutter {
    background: transparent !important;
    border-right: none;
    color: #454b5c !important;
    padding: 14px 10px 14px 16px !important;
    user-select: none;
    -webkit-user-select: none;
}
figure.highlight .gutter .line {
    color: #454b5c;
}

/* 代码列：内边距略大 */
figure.highlight .code {
    padding: 14px 18px !important;
}
figure.highlight .code pre,
figure.highlight .gutter pre {
    padding: 0 !important;
}

/* 兜底：代码块内部表格（行号/代码两列）不参与任何悬停底色 */
figure.highlight table tr:hover,
figure.highlight table tr:hover td {
    background: transparent !important;
}

/* ==================== 个人卡片 · 社交图标之间的间距 ==================== */
/* GitHub / 邮箱等图标拉开一些距离（原来 is-marginless 使它们紧贴） */
.widget[data-type="profile"] .level.is-mobile.is-multiline {
    gap: 12px;
}

/* ==================== 页脚瘦身 ==================== */
/* 目标：桌面一行、移动端最多两行；去掉与导航重复的 logo 和重复版权 */

/* 1) 页脚 logo 去掉（导航栏已有站点名，无需重复） */
/* Bulma 的 .is-block 会设成 display:block，这里必须 !important 才能压住 */
.footer .footer-logo { display: none !important; }

/* 2) icarus 配置里的 copyright 段与自定义文案重复，隐藏第二个 p */
.footer .level-start > p.is-size-7 + p.is-size-7 { display: none; }

/* 3) 三行并成一行：干掉 <br>，用 · 做分隔 */
.footer .level-start p.is-size-7 br { display: none; }
/* 访客统计已撤掉（不蒜子服务长期故障），只保留运行天数的分隔 */
.footer #site-days::before {
    content: ' · ';
    opacity: 0.55;
}

/* 4) 收紧内边距，缩小右侧图标按钮 */
.footer { padding: 0.45rem 1rem !important; }
.footer .level-end .button.is-large {
    padding: 0.3rem 0.5rem;
    height: auto;
    font-size: 0.95rem;
}

/* 5) 移动端：紧凑排布，允许折行且不撑高 */
@media (max-width: 768px) {
    .footer { padding: 0.4rem 0.7rem !important; }
    .footer .level {
        flex-wrap: wrap;
        align-items: center;
        gap: 2px;
    }
    .footer .level-start { flex: 1 1 auto; min-width: 0; }
    .footer .level-end { flex: 0 0 auto; }
    .footer .level-start p.is-size-7 {
        font-size: 10.5px;
        line-height: 1.55;
        word-break: break-word;
    }
    .footer .level-end .button.is-large {
        padding: 0.15rem 0.35rem;
        font-size: 0.85rem;
    }
}

/* ==================== 导航栏：站名保持一行 ==================== */
/* 问题：.navbar-brand / .navbar-logo 宽度被压到 129px，站名 span（flex:0 1 auto）
   被压缩到 76px 后换行成两行。
   修法：容器与站名都改为"按内容撑开、不收缩"，并禁止站名换行。
   注意：只处理换行与宽度，字号、行高、图标尺寸一概不动。 */
.navbar-brand,
.navbar-logo {
    flex-shrink: 0;
    /* 内容实测需 143px（图标 25 + 间距 8 + 站名 100 + 内边距 21），
       原宽度只有 129px 导致站名溢出、压到「主页」上。
       这里给 165px：装得下内容，并与右侧导航项留出约 20px 间距。 */
    min-width: 165px;
    max-width: none;
}

.nav-site-title {
    white-space: nowrap;
    flex-shrink: 0;
}


/* ==================== PJAX 轻量加载卡片 ==================== */
/* 底部居中的亚克力小卡：「加载中…」+ 进度条。不遮挡内容、不阻止操作 */
#pjax-loading-card {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, calc(-50% + 14px)) scale(0.96);
    z-index: 9999;
    width: 168px;
    padding: 11px 14px 12px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.60);
    backdrop-filter: blur(18px) saturate(170%);
    -webkit-backdrop-filter: blur(18px) saturate(170%);
    border: 1px solid rgba(255, 255, 255, 0.72);
    box-shadow: 0 10px 30px rgba(70, 45, 60, 0.17);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.24s ease,
                transform 0.30s cubic-bezier(0.34, 1.3, 0.64, 1),
                visibility 0.24s ease;
    pointer-events: none;
}

#pjax-loading-card.show {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);
}

html.dark-mode #pjax-loading-card {
    background: rgba(34, 36, 44, 0.66);
    border-color: rgba(255, 255, 255, 0.08);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.42);
}

.plc-text {
    display: flex;
    align-items: center;
    font-size: 12.5px;
    color: #6b5a64;
    letter-spacing: 0.4px;
    margin-bottom: 9px;
}

html.dark-mode .plc-text {
    color: #b9b2c4;
}

/* 点点点动画 */
.plc-dots {
    display: inline-flex;
}

.plc-dots i {
    font-style: normal;
    opacity: 0.3;
    animation: plcDot 1.3s infinite;
}

.plc-dots i:nth-child(2) { animation-delay: 0.18s; }
.plc-dots i:nth-child(3) { animation-delay: 0.36s; }

@keyframes plcDot {
    0%, 60%, 100% { opacity: 0.28; }
    30% { opacity: 1; }
}

.plc-bar {
    height: 3px;
    border-radius: 3px;
    background: rgba(var(--accent-rgb), 0.16);
    overflow: hidden;
}

.plc-fill {
    height: 100%;
    width: 0%;
    border-radius: 3px;
    background: linear-gradient(90deg, var(--accent-light), var(--accent));
    transition: width 0.20s ease;
}

/* ==================== 个人卡片：图标整理 ==================== */
/* 图标行里那个独立的 Github 图标隐藏（与「关注我」按钮重复）；
   注意用 display:none 而不是删配置——容器不能空（邮箱/关于图标注入在里面） */
.widget[data-type="profile"] .level.is-mobile.is-multiline a[title="Github"] {
    display: none !important;
}

/* 「关注我」按钮内嵌 GitHub 图标 */
.widget[data-type="profile"] a.button.is-primary::before {
    content: '\f09b';
    font-family: 'Font Awesome 6 Brands';
    font-weight: 400;
    font-size: 0.98em;
    line-height: 1;
    margin-right: 7px;
}

/* ==================== 评论（Twikoo）· 站点风格适配 ==================== */
/* 注：twikoo 的 CSS 是运行时注入到 head 末尾的，因此这里统一用 #twikoo 前缀提高特异性以确保覆盖生效 */

#twikoo .tk-input__inner,
#twikoo .tk-textarea__inner {
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(var(--accent-rgb), 0.25);
    border-radius: 8px;
    color: #363636;
    font-family: inherit;
}

#twikoo .tk-input__inner:focus,
#twikoo .tk-textarea__inner:focus {
    border-color: var(--accent);
    box-shadow: 0 0 0 3px rgba(var(--accent-rgb), 0.12);
}

#twikoo .tk-textarea__inner {
    border-radius: 10px;
    padding: 10px 14px;
    line-height: 1.7;
}

#twikoo .tk-input-group__prepend {
    background: rgba(var(--accent-rgb), 0.08);
    border: 1px solid rgba(var(--accent-rgb), 0.25);
    border-right: 0;
    border-radius: 8px 0 0 8px;
    color: var(--accent-deep);
}

#twikoo .tk-button--primary {
    background: linear-gradient(135deg, var(--accent-light), var(--accent));
    border: none;
    border-radius: 8px;
    color: #fff;
}

#twikoo .tk-button--primary:hover {
    opacity: 0.92;
}

#twikoo .tk-button {
    border-radius: 8px;
}

#twikoo .tk-comments-title {
    font-size: 1rem;
    font-weight: 600;
}

html.dark-mode #twikoo .tk-input__inner,
html.dark-mode #twikoo .tk-textarea__inner {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(var(--accent-rgb), 0.3);
    color: #d6d6d6;
}

html.dark-mode #twikoo .tk-input-group__prepend {
    background: rgba(var(--accent-rgb), 0.12);
    border-color: rgba(var(--accent-rgb), 0.3);
    color: var(--accent-light);
}

/* 管理入口（评论区标题行的小齿轮）：默认很淡，悬停显形
   用齿轮图标的 SVG 路径特征选中（避免误伤旁边的搜索/刷新等同类名图标） */
.twikoo .tk-icon.__comments:has(svg path[d^="M195.1"]) {
    opacity: 0.12;
    transition: opacity 0.25s ease;
}

.twikoo .tk-icon.__comments:has(svg path[d^="M195.1"]):hover {
    opacity: 1;
}