/* ============================================================
 * 极客港 · 视觉补丁（仿 lwcat.cn 同款玻璃拟态 + 粉紫渐变）
 * 由部署脚本自动生成，升级主题后重跑 apply_lwcat_style.php 即可恢复
 * 生成时间: 2026-11-02
 * ============================================================ */

:root {
        --primary-color: #7C6CF0;
        --primary-hover: color-mix(in srgb, #7C6CF0 80%, #000);        --bg-color: #ffffff;        --card-bg: rgba(255, 255, 255, 0.7);    }
        body {
        background-image: linear-gradient(135deg, #fbc2eb 0%, #a6c1ee 100%);
        background-attachment: fixed;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
    }
        [data-theme="dark"] body {
        background-image: linear-gradient(135deg, #2d1b2e 0%, #3a2a52 50%, #1f2a44 100%);
    }
                /* 暗黑模式下覆盖 --card-bg 变量，避免半透明白色背景导致文字看不清 */
    [data-theme="dark"] {
        --card-bg: #1a1a24;
    }
    #header {
        background: rgba(255, 255, 255, 0.7) !important;
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
    }
    .left-sidebar {
        background: rgba(255, 255, 255, 0.14) !important;
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        border-right: 1px solid rgba(255, 255, 255, 0.25) !important;
    }
    .left-sidebar .sidebar-panel {
        background: rgba(255, 255, 255, 0.39) !important;
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        border: 1px solid rgba(255, 255, 255, 0.35) !important;
    }
    .left-sidebar .sidebar-panel-menu {
        background: rgba(255, 255, 255, 0.21) !important;
    }
    .left-sidebar .widget {
        background: transparent !important;
    }
    .left-sidebar .links-nav-list {
        background: transparent !important;
    }
    .left-sidebar .widget-title {
        background: rgba(255, 255, 255, 0.12) !important;
        backdrop-filter: blur(6px);
        -webkit-backdrop-filter: blur(6px);
    }
    .left-sidebar .widget-title:hover {
        background: rgba(255, 255, 255, 0.2) !important;
    }
    .left-sidebar .widget:hover {
        background: rgba(255, 255, 255, 0.11) !important;
    }
    .author-card {
        background: transparent !important;
    }
    .sidebar-footer {
        background: transparent !important;
    }
    .post {
        background-color: rgba(255, 255, 255, 0.7) !important;
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
    }
    .post-list-classic .post.has-thumbnail {
        background-color: transparent !important;
    }
    .left-sidebar .widget-title,
    .left-sidebar .sidebar-direct-link {
        color: #222;
    }
    .left-sidebar .category-nav-item a,
    .left-sidebar .links-widget .links-nav-item a,
    .left-sidebar .page-nav-widget .page-nav-list li a,
    .left-sidebar .other-widget .widget-list li a,
    .left-sidebar .widget-list li a {
        color: #333;
    }
    .left-sidebar .category-nav-item a i,
    .left-sidebar .links-widget .links-nav-item a i,
    .left-sidebar .page-nav-widget .page-nav-list li a i {
        color: #666;
    }
    .left-sidebar .collapsible-arrow,
    .left-sidebar .category-nav-item a .cat-toggle {
        color: #999;
    }
    .author-signature,
    .author-stat-label {
        color: #666;
    }
    .sidebar-footer {
        color: #888;
    }
    .sidebar-contacts a {
        color: #666;
    }
    .widget {
        background: rgba(255, 255, 255, 0.7) !important;
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
    }
    /* 天气卡片已有自身玻璃背景，避免与 widget 半透明白色叠加导致偏白 */
    .weather-widget {
        background: transparent !important;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }
    .weather-loading,
    .weather-error {
        background: transparent !important;
    }
    #footer {
        background: rgba(255, 255, 255, 0.7) !important;
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
    }
    .page-navigator a,
    .page-navigator span {
        background: rgba(255, 255, 255, 0.7) !important;
    }
    .page-navigator a:hover {
        background: rgba(255, 255, 255, 0.78) !important;
    }
    .page-navigator .current a,
    .page-navigator .current span {
        background: var(--primary-color) !important;
        color: #fff;
    }
    [data-theme="dark"] #header {
        background: rgba(26, 26, 36, 0.95) !important;
    }
    [data-theme="dark"] .left-sidebar {
        background: rgba(26, 26, 36, 0.18) !important;
        border-right-color: rgba(255, 255, 255, 0.08) !important;
    }
    [data-theme="dark"] .left-sidebar .sidebar-panel {
        background: rgba(26, 26, 36, 0.5) !important;
        border-color: rgba(255, 255, 255, 0.08) !important;
    }
    [data-theme="dark"] .left-sidebar .sidebar-panel-menu {
        background: rgba(26, 26, 36, 0.28) !important;
    }
    [data-theme="dark"] .post {
        background-color: #1a1a24 !important;
    }
    [data-theme="dark"] .post-list-classic .post.has-thumbnail {
        background-color: transparent !important;
    }
    [data-theme="dark"] .widget {
        background: #1a1a24 !important;
    }
    [data-theme="dark"] #footer {
        background: #1a1a24 !important;
    }
    [data-theme="dark"] .page-navigator a,
    [data-theme="dark"] .page-navigator span {
        background: #1a1a24 !important;
    }
    [data-theme="dark"] .page-navigator a:hover {
        background: color-mix(in srgb, var(--primary-color) 12%, transparent) !important;
    }
    [data-theme="dark"] .page-navigator .current a,
    [data-theme="dark"] .page-navigator .current span {
        background: var(--primary-color) !important;
        color: #fff;
    }
    [data-theme="dark"] .left-sidebar .links-nav-list {
        background: transparent !important;
    }
    [data-theme="dark"] .left-sidebar .widget-title {
        background: rgba(255, 255, 255, 0.05) !important;
        backdrop-filter: blur(6px);
        -webkit-backdrop-filter: blur(6px);
    }
    [data-theme="dark"] .left-sidebar .widget-title:hover {
        background: rgba(255, 255, 255, 0.1) !important;
    }
    [data-theme="dark"] .left-sidebar .widget:hover {
        background: rgba(255, 255, 255, 0.03) !important;
    }
    [data-theme="dark"] .author-card {
        background: transparent !important;
    }
    [data-theme="dark"] .sidebar-footer {
        background: transparent !important;
    }
    /* 暗黑模式下覆盖侧边栏文字颜色，避免透明模式内联的亮色样式导致文字看不清 */
    [data-theme="dark"] .left-sidebar .widget-title,
    [data-theme="dark"] .left-sidebar .sidebar-direct-link {
        color: #d4d4d8 !important;
    }
    [data-theme="dark"] .left-sidebar .category-nav-item a,
    [data-theme="dark"] .left-sidebar .links-widget .links-nav-item a,
    [data-theme="dark"] .left-sidebar .page-nav-widget .page-nav-list li a,
    [data-theme="dark"] .left-sidebar .other-widget .widget-list li a,
    [data-theme="dark"] .left-sidebar .widget-list li a {
        color: #b0b0b8 !important;
    }
    [data-theme="dark"] .left-sidebar .category-nav-item a i,
    [data-theme="dark"] .left-sidebar .links-widget .links-nav-item a i,
    [data-theme="dark"] .left-sidebar .page-nav-widget .page-nav-list li a i {
        color: #909098 !important;
    }
    [data-theme="dark"] .left-sidebar .collapsible-arrow {
        color: #909098 !important;
    }
    [data-theme="dark"] .author-signature,
    [data-theme="dark"] .author-stat-label {
        color: #b0b0b8 !important;
    }
    [data-theme="dark"] .sidebar-footer {
        color: #909098 !important;
    }
    [data-theme="dark"] .sidebar-contacts a {
        color: #b0b0b8 !important;
    }

:root {
        --lb-radius: 12px;
        --lb-gap: 18px;
        --lb-thumb-width: 200px;
        --lb-excerpt-lines: 2;
        --lb-shadow: 0 2px 12px rgba(0, 0, 0, 0.04);
        --lb-shadow-hover: 0 8px 30px rgba(0, 0, 0, 0.08);
        --lb-side-width: 200px;
        --lb-side-radius: 12px;
    }

