/* ============================================
   潮流主题现代化覆盖样式 - 浅色系
   ============================================ */

/* ---------- CSS 变量 ---------- */
:root {
    --bg-body: #ffffff;
    --bg-card: #ffffff;
    --bg-card-hover: #fafbff;
    --bg-nav: rgba(255, 255, 255, 0.85);
    --bg-footer: #f7f8fb;
    --border-card: rgba(0, 0, 0, 0.05);
    --border-light: rgba(0, 0, 0, 0.04);
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.04), 0 1px 2px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.06), 0 1px 4px rgba(0, 0, 0, 0.04);
    --shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.08), 0 4px 12px rgba(0, 0, 0, 0.04);
    --shadow-hover: 0 8px 25px rgba(0, 0, 0, 0.1), 0 4px 10px rgba(0, 0, 0, 0.06);
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 20px;
    --accent: #1985ff;
    --accent-light: #f0f7ff;
    --accent-dark: #0d6edb;
    --text-primary: #1a1a2e;
    --text-secondary: #5a6077;
    --text-muted: #9ca3b8;
    --tag-bg: #eaf1ff;
    --tag-text: #5684ff;
    --success: #34c77b;
    --warning: #f5a623;
    --danger: #f45b69;
    --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, sans-serif;
    --transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ---------- 暗黑模式变量（html[data-theme="dark"] 触发） ---------- */
html[data-theme="dark"] {
    --bg-body: #12121f;
    --bg-card: #1b1b2e;
    --bg-card-hover: #232338;
    --bg-nav: rgba(18, 18, 31, 0.88);
    --bg-footer: #151524;
    --border-card: rgba(255, 255, 255, 0.08);
    --border-light: rgba(255, 255, 255, 0.06);
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.35), 0 1px 4px rgba(0, 0, 0, 0.25);
    --shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.4), 0 4px 12px rgba(0, 0, 0, 0.3);
    --shadow-hover: 0 8px 25px rgba(0, 0, 0, 0.5), 0 4px 10px rgba(0, 0, 0, 0.35);
    --accent: #4d9fff;
    --accent-light: rgba(77, 159, 255, 0.14);
    --accent-dark: #7ab5ff;
    --text-primary: #e8eaf2;
    --text-secondary: #a8aec6;
    --text-muted: #6b7288;
    --tag-bg: rgba(77, 159, 255, 0.16);
    --tag-text: #7ab5ff;
}
/* 暗黑模式：全局背景与遗留写死白色的容器 */
html[data-theme="dark"] body {
    background: var(--bg-body) !important;
    color: var(--text-primary);
}
html[data-theme="dark"] .sidenav-widgets .widget,
html[data-theme="dark"] .sidenav-widgets .sidebar-box,
html[data-theme="dark"] .article-content .article-box,
html[data-theme="dark"] .Single-content .Single-body,
html[data-theme="dark"] .panel-side,
html[data-theme="dark"] #comment-input input,
html[data-theme="dark"] #comment-input textarea,
html[data-theme="dark"] .x_comment-post-box {
    background: var(--bg-card) !important;
    color: var(--text-primary);
}
html[data-theme="dark"] .sidenav { background: #161626 !important; }
html[data-theme="dark"] ::-webkit-scrollbar-track { background-color: var(--bg-body); }
html[data-theme="dark"] ::-webkit-scrollbar { background-color: var(--bg-body); }
html[data-theme="dark"] ::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.18); }
html[data-theme="dark"] ::-webkit-scrollbar-thumb:hover { background: rgba(255, 255, 255, 0.28); }
html[data-theme="dark"] img { filter: brightness(0.9); }
html[data-theme="dark"] a { color: var(--text-primary); }

/* 主题切换按钮 */
.theme-toggle svg { transition: transform 0.35s ease; }
.theme-toggle:hover svg { transform: rotate(30deg) scale(1.08); }
.theme-toggle .icon-sun { display: none; }
.theme-toggle .icon-moon { display: block; }
html[data-theme="dark"] .theme-toggle .icon-sun { display: block; }
html[data-theme="dark"] .theme-toggle .icon-moon { display: none; }

/* ---------- 全局基础 ---------- */
body {
    font-family: var(--font-sans);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--text-primary);
}

a { color: var(--text-primary); transition: color var(--transition); }
a:hover { color: var(--accent); }

::selection {
    background: var(--accent-light);
    color: var(--accent-dark);
}

/* ---------- 滚动条 ---------- */
::-webkit-scrollbar-track { background-color: var(--bg-body); }
::-webkit-scrollbar { width: 6px; height: 6px; background-color: var(--bg-body); }
::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.12);
    border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover { background: rgba(0, 0, 0, 0.2); }

/* ---------- LOGO 区域 ---------- */
.divbox {
    background: var(--bg-card);
    border-bottom: 1px solid var(--border-light);
    box-shadow: var(--shadow-sm);
}
.divbox .logo img { transition: transform var(--transition); }
.divbox .logo:hover img { transform: scale(1.03); }

/* ---------- PC 导航 ---------- */
.pc-nav {
    background: var(--bg-nav);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    box-shadow: var(--shadow-sm);
    border-bottom: 1px solid var(--border-light);
}
.pc-nav .pc-scroll {
    display: flex;
    align-items: center;
    height: 56px;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
}
.pc-nav .pc-scroll .nav-top {
    display: flex;
    align-items: center;
    gap: 2px;
    flex: 1;
    margin: 0;
    padding: 0;
}
.pc-nav .pc-scroll .nav-top > li {
    background: none !important;
    padding: 0 !important;
    float: none;
}
.pc-nav .pc-scroll .nav-top > li > a {
    display: block;
    padding: 0 16px;
    line-height: 56px;
    font-size: 15px;
    color: var(--text-secondary);
    font-weight: 500;
    position: relative;
    transition: color var(--transition);
    cursor: pointer;
}
.pc-nav .pc-scroll .nav-top > li > a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 2px;
    background: var(--accent);
    border-radius: 1px;
    transition: all var(--transition);
    transform: translateX(-50%);
}
.pc-nav .pc-scroll .nav-top > li > a:hover::after,
.pc-nav .pc-scroll .nav-top > li.active > a::after {
    width: 60%;
}
.pc-nav .pc-scroll .nav-top > li > a:hover {
    color: var(--accent);
}
.pc-nav .pc-scroll .nav-top > li.dropdown {
    position: relative;
}
.pc-nav .pc-scroll .nav-top > li.dropdown > a::after {
    content: '';
}
.pc-nav .pc-scroll .nav-top .dropdown-menu {
    display: block;
    visibility: hidden;
    opacity: 0;
    transition: all 0.25s ease;
    min-width: 140px;
    background: var(--bg-card);
    border-radius: var(--radius-sm);
    box-shadow: var(--shadow-lg);
    border: 1px solid var(--border-light);
    overflow: hidden;
    padding: 6px 0;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(4px);
    margin: 0;
}
.pc-nav .pc-scroll .nav-top .dropdown:hover .dropdown-menu {
    visibility: visible;
    opacity: 1;
    transform: translateX(-50%) translateY(0);
    margin-top: 0;
}
.pc-nav .pc-scroll .nav-top .dropdown-menu:after,
.pc-nav .pc-scroll .nav-top .dropdown-menu:before {
    display: none;
}
.pc-nav .pc-scroll .nav-top .dropdown-menu li {
    float: none;
    background: none !important;
    padding: 0 !important;
}
.pc-nav .pc-scroll .nav-top .dropdown-menu li a {
    display: block;
    padding: 10px 20px;
    line-height: 1.5;
    font-size: 14px;
    color: var(--text-secondary);
    transition: all var(--transition);
    text-align: center;
}
.pc-nav .pc-scroll .nav-top .dropdown-menu li a::after {
    display: none;
}
.pc-nav .pc-scroll .nav-top .dropdown-menu li a:hover {
    background: var(--accent-light);
    color: var(--accent);
}
.pc-nav-box { line-height: 56px; font-size: 15px; color: var(--text-secondary); }
.pc-nav-box #pc-menu li { width: auto; }
.pc-nav-box #pc-menu li a {
    padding: 0 18px;
    color: var(--text-secondary);
    line-height: 56px;
    font-weight: 500;
    position: relative;
    transition: color var(--transition);
}
.pc-nav-box #pc-menu li a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 2px;
    background: var(--accent);
    border-radius: 1px;
    transition: all var(--transition);
    transform: translateX(-50%);
}
.pc-nav-box #pc-menu li a:hover::after,
.pc-nav-box #pc-menu li.active a::after {
    width: 60%;
}
.pc-nav-box #pc-menu li a:hover { color: var(--accent); }
.pc-nav-box #pc-menu li ul {
    background: var(--bg-card);
    border-radius: var(--radius-sm);
    box-shadow: var(--shadow-lg);
    border: 1px solid var(--border-light);
    overflow: hidden;
    padding: 6px 0;
}
.pc-nav-box #pc-menu li ul li a {
    padding: 10px 20px;
    line-height: 1.5;
    font-size: 14px;
}
.pc-nav-box #pc-menu li ul li a::after { display: none; }
.pc-nav-box #pc-menu li ul li a:hover {
    background: var(--accent-light);
    color: var(--accent);
}

/* 搜索按钮 */
.fly-search {
    color: var(--text-muted);
    transition: color var(--transition);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 8px;
}
.fly-search:hover { color: var(--accent); background: rgba(0,0,0,0.04); }

/* PC导航搜索按钮靠右 */
.pc-nav .pc-scroll .fly-search.fly-search-s {
    margin-left: auto;
    flex-shrink: 0;
}
.pc-nav .pc-scroll .fly-search.fly-search-s svg {
    width: 18px;
    height: 18px;
}

/* 导航svg图标 */
.nav-icon-svg {
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
}
.nav-icon-svg svg {
    width: 16px;
    height: 16px;
    display: block;
}
.pc-nav .nav-icon-svg svg {
    margin-right: 4px;
}
.dropdown-menu .nav-icon-svg svg {
    width: 14px;
    height: 14px;
    margin-right: 4px;
}
.sort-li .nav-icon-svg svg {
    width: 14px;
    height: 14px;
    margin-right: 4px;
    vertical-align: middle;
}

/* 移动端顶部图标按钮 - 现代化 */
.header-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    float: right;
    height: 60px;
}
.mmenu-icon {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    color: var(--text-secondary);
    font-size: 18px;
    line-height: 1;
    transition: all 0.2s ease;
    background: transparent;
    border: none;
    text-decoration: none;
}
.mmenu-icon:hover {
    background: var(--accent);
    color: #fff;
}
.mmenu-icon svg {
    width: 20px;
    height: 20px;
    display: block;
}

/* ---------- 容器 ---------- */
.container { margin: 16px auto; }
.container .content { overflow: hidden; }

/* ---------- 首页左侧区域 ---------- */
.index-left { float: left; width: 72.5%; padding-right: 15px; }
.index-left .new-list { width: 100%; }
@media (max-width: 767px) {
    .index-left { width: 100%; padding-right: 0; float: none; }
}

/* ---------- 文章卡片列表 ---------- */
.content-list {
    border: 1px solid var(--border-card) !important;
    border-radius: var(--radius-md) !important;
    background: var(--bg-card) !important;
    box-shadow: var(--shadow-sm) !important;
    transition: box-shadow var(--transition), transform var(--transition) !important;
    overflow: hidden;
    margin-bottom: 12px !important;
}
.content-list:hover {
    box-shadow: var(--shadow-hover) !important;
    transform: translateY(-2px);
}

.content-box { padding: 14px !important; }

/* 文章封面图 */
.posts-gallery-img {
    border-radius: var(--radius-sm);
    overflow: hidden;
}
.posts-gallery-img img {
    border-radius: var(--radius-sm);
    object-fit: cover;
    transition: transform 0.4s ease !important;
}
.posts-gallery-img:hover img { transform: scale(1.08) !important; }

/* 文章标题 */
.posts-gallery-content h2 {
    font-size: 17px !important;
    font-weight: 600 !important;
    line-height: 1.5 !important;
    margin-bottom: 8px !important;
    white-space: normal !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
}
.posts-gallery-content h2 a {
    color: var(--text-primary) !important;
    transition: color var(--transition);
}
.posts-gallery-content h2 a:hover {
    color: var(--accent) !important;
    margin-left: 0 !important;
}

/* 文章列表标签与标题同行时，h2强制单行省略 */
.posts-gallery-header h2 {
    white-space: nowrap !important;
    display: block !important;
    -webkit-line-clamp: unset !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* 文章简介 */
.posts-gallery-text {
    color: var(--text-secondary) !important;
    font-size: 13.5px !important;
    line-height: 1.7 !important;
    text-indent: 0 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

/* 标签 */
.post-entry-categories {
    margin-top: 0 !important;
    float: none !important;
    margin-bottom: 6px;
    overflow-x: auto;
    white-space: nowrap;
    scrollbar-width: thin;
    padding-bottom: 2px;
}
.post-entry-categories::-webkit-scrollbar {
    height: 3px;
}
.post-entry-categories::-webkit-scrollbar-thumb {
    background: #ddd;
    border-radius: 3px;
}
.post-entry-categories a {
    background: var(--tag-bg) !important;
    color: var(--tag-text) !important;
    font-size: 11px !important;
    padding: 2px 8px !important;
    border-radius: 4px !important;
    font-weight: 500;
    letter-spacing: 0.3px;
    transition: all var(--transition);
    display: inline-block;
}
.post-entry-categories a:hover {
    background: var(--accent) !important;
    color: #fff !important;
}

/* 文章信息栏 */
.posts-gallery-info {
    position: relative !important;
    bottom: auto !important;
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid var(--border-light);
}
.posts-info-meta {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;
}
.posts-info-meta .info-left {
    display: inline-flex !important;
    align-items: center;
    gap: 14px;
    flex-shrink: 1;
    min-width: 0;
}
.posts-info-meta .info-right {
    display: inline-flex !important;
    align-items: center;
    gap: 14px;
    flex-shrink: 0;
    margin-left: auto;
}
.posts-info-meta span {
    color: var(--text-muted) !important;
    font-size: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    display: inline-flex !important;
    align-items: center;
    gap: 4px;
    line-height: 1.5;
    white-space: nowrap;
}
.posts-info-meta span a { color: var(--text-muted) !important; }
.posts-info-meta span a:hover { color: var(--accent) !important; }
.posts-info-meta .post-author {
    padding-left: 0 !important;
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
}
.posts-info-meta .avatar {
    position: static !important;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}
.posts-info-meta .avatar img {
    border: none !important;
    padding: 0 !important;
    border-radius: 50% !important;
    width: 24px !important;
    height: 24px !important;
    object-fit: cover;
}
.posts-info-meta .post-author > a {
    font-weight: 500;
    color: var(--text-secondary) !important;
}
.posts-info-meta .post-author > a:hover {
    color: var(--accent) !important;
}
.posts-info-meta span i {
    font-size: 13px;
    width: 14px;
    text-align: center;
    opacity: 0.65;
}

/* ---------- 侧边栏 ---------- */
#sidebar .sidebar-box,
.widget {
    border: 1px solid var(--border-card) !important;
    border-radius: var(--radius-md) !important;
    background: var(--bg-card) !important;
    box-shadow: var(--shadow-sm) !important;
    overflow: hidden;
    transition: box-shadow var(--transition);
    margin-bottom: 12px !important;
}
#sidebar .sidebar-box:hover,
.widget:hover {
    box-shadow: var(--shadow-md) !important;
}

/* 侧边栏标题 - 带蓝色竖条 */
#sidebar .sidebar-box h3,
.widget h3,
.widget .widget-title h3 {
    border-bottom: 1px solid var(--border-light) !important;
    color: var(--text-primary) !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    padding: 14px 16px !important;
    background: transparent !important;
    position: relative;
    padding-left: 26px !important;
}
#sidebar .sidebar-box h3::before,
.widget h3::before {
    content: '';
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 16px;
    background: #1985ff;
    border-radius: 2px;
}
.widget .widget-title h3 {
    padding-left: 26px !important;
    position: relative;
}
.widget .widget-title h3::before {
    left: 16px;
}
#sidebar .sidebar-box h3 i,
.widget h3 i {
    color: var(--accent) !important;
}
.widget .widget-title {
    border-bottom: 1px solid var(--border-light) !important;
}
.widget .widget-title .icon i {
    color: var(--accent) !important;
}

/* 侧边栏统计 */
.widget_ui_statistics h3 {
    padding-left: 26px !important;
    margin-bottom: 0 !important;
}
.stat-grid {
    list-style: none;
    padding: 12px !important;
    margin: 0;
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
    float: none !important;
}
.stat-grid li {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 12px 8px;
    border-radius: var(--radius-sm);
    background: linear-gradient(135deg, var(--bg-body) 0%, #f8f9fc 100%);
    border: 1px solid var(--border-light);
    width: 100% !important;
    line-height: 1.3 !important;
    font-size: 12px !important;
    float: none !important;
    transition: all var(--transition);
}
.stat-grid li:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.06);
    border-color: var(--accent-light);
}
.stat-grid li .stat-label {
    color: var(--text-muted);
    font-size: 11px;
    margin-bottom: 4px;
    letter-spacing: 0.5px;
}
.stat-grid li .stat-value {
    color: var(--accent);
    font-weight: 700;
    font-size: 18px;
    background: transparent !important;
    padding: 0 !important;
    border-radius: 0 !important;
    margin-right: 0 !important;
    line-height: 1;
}
.stat-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 16px;
    margin: 0 12px 12px;
    border-top: 1px solid var(--border-light);
    background: var(--bg-body);
    border-radius: var(--radius-sm);
}
.stat-footer span {
    color: var(--text-muted);
    font-size: 11px;
    background: transparent !important;
    padding: 0 !important;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

/* 侧边栏标签 - 只改样式不改布局 */
.widget_ui_tags .items {
    padding: 10px 12px !important;
}
.widget_ui_tags .items a {
    border: 1px solid var(--border-card) !important;
    border-radius: 6px !important;
    color: var(--text-secondary) !important;
    font-size: 12px !important;
    transition: all var(--transition) !important;
    background: var(--bg-card);
}
.widget_ui_tags .items a:hover {
    background: var(--accent) !important;
    color: #fff !important;
    border-color: var(--accent) !important;
    margin-left: 0 !important;
}

/* 侧边栏文章列表 - 美化版 */
.sidebar-posts-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.sidebar-posts-list > li {
    border-bottom: 1px solid var(--border-light) !important;
    padding: 0 !important;
    transition: all var(--transition);
    position: relative;
    display: flex !important;
    align-items: center;
}
.sidebar-posts-list > li:last-child {
    border-bottom: none !important;
}
.sidebar-posts-list > li a {
    display: block;
    padding: 12px 12px 12px 0;
    color: var(--text-primary);
    font-size: 13px;
    line-height: 1.5;
    text-decoration: none;
    transition: all var(--transition);
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.sidebar-posts-list > li:hover {
    background: var(--bg-card-hover) !important;
    margin-left: 0 !important;
}
.sidebar-posts-list > li:hover a {
    color: var(--accent) !important;
}
.sidebar-posts-list > li .side-title {
    color: var(--text-primary) !important;
    font-size: 13px !important;
}
.sidebar-posts-list > li:hover .side-title,
.sidebar-posts-list > li:hover .side-title-r {
    color: var(--accent) !important;
}
.sidebar-posts-list > li .side-meta > li {
    color: var(--text-muted) !important;
    font-size: 11px !important;
}
.sidebar-posts-list > li .side-meta > li a {
    color: var(--text-muted) !important;
}
.sidebar-posts-list > li .thumbnail-link img {
    border-radius: 6px !important;
}
/* 排名序号标签 */
.rank-num {
    flex-shrink: 0;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 4px;
    font-size: 11px !important;
    font-weight: 600;
    color: #fff !important;
    line-height: 1;
    padding: 0 !important;
    margin-left: 16px;
    margin-right: 4px;
    background: var(--border-card) !important;
}
.rank-num.rank-1 { background: #ff3355 !important; }
.rank-num.rank-2 { background: #ffa41b !important; }
.rank-num.rank-3 { background: #1985ff !important; }
.rank-num.rank-other { background: var(--border-card) !important; color: var(--text-muted) !important; }
.sidebar-posts-list > li span {
    border-radius: 3px !important;
    font-size: 11px !important;
    padding: 1px 6px !important;
}
/* 用高优先级覆盖 #sidebar .sidebar-box ul li span 的 #ccc 背景 */
#sidebar .sidebar-box .sidebar-hot-list .hot-meta span {
    background: transparent !important;
    color: var(--text-muted) !important;
    padding: 0 !important;
    margin-right: 0 !important;
    border-radius: 0 !important;
}
#sidebar .sidebar-box .sidebar-comments-list .commenter {
    background: rgba(255, 51, 85, 0.1) !important;
    padding: 1px 6px !important;
    border-radius: 3px !important;
}
#sidebar .sidebar-box .sidebar-comments-list .commenter.comment_admin {
    background: rgba(255, 51, 85, 0.1) !important;
    color: #ff3355 !important;
}
#sidebar .sidebar-box .sidebar-comments-list .commenter.comment_writer {
    background: rgba(25, 133, 255, 0.1) !important;
    color: #1985ff !important;
}
#sidebar .sidebar-box .sidebar-comments-list .commenter.comment_visitor {
    background: rgba(0, 0, 0, 0.04) !important;
    color: var(--text-muted) !important;
}
.sidebar-posts-list > li .s-1 { background: #f45b69 !important; }
.sidebar-posts-list > li .s-2 { background: var(--accent) !important; }
.sidebar-posts-list > li .s-3 { background: var(--success) !important; }
.sidebar-posts-list > li .s-4 { background: var(--warning) !important; }

/* 侧边栏热门文章 - 图文卡片风格 */
.sidebar-hot-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.sidebar-hot-list > li {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
    transition: background var(--transition);
    border-bottom: 1px solid var(--border-light);
}
.sidebar-hot-list > li:last-child {
    border-bottom: none;
}
.sidebar-hot-list > li:hover {
    background: var(--bg-card-hover) !important;
}
.sidebar-hot-list > li a.hot-cover {
    flex-shrink: 0;
    display: block;
    width: 64px;
    height: 48px;
    border-radius: 4px;
    overflow: hidden;
}
.sidebar-hot-list > li a.hot-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.sidebar-hot-list > li .hot-info {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 48px;
}
.sidebar-hot-list > li .hot-title {
    display: block;
    color: var(--text-primary);
    font-size: 13px;
    line-height: 1.4;
    font-weight: 500;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: color var(--transition);
}
.sidebar-hot-list > li:hover .hot-title {
    color: var(--accent) !important;
}
.sidebar-hot-list > li .hot-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 4px;
}
.sidebar-hot-list > li .hot-meta span {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    color: var(--text-muted);
    font-size: 11px;
}
.sidebar-hot-list > li.hot-empty {
    padding: 16px;
    color: var(--text-muted);
    font-size: 13px;
    text-align: center;
    justify-content: center;
}

/* 侧边栏评论列表 - 与最新文章统一风格 */
.sidebar-comments-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.sidebar-comments-list > li {
    border-bottom: 1px solid var(--border-light) !important;
    padding: 0 !important;
    transition: all var(--transition);
}
.sidebar-comments-list > li:last-child {
    border-bottom: none !important;
}
.sidebar-comments-list > li a.meta-tips {
    display: flex !important;
    align-items: flex-start;
    gap: 10px;
    padding: 12px 16px;
    text-decoration: none;
    transition: all var(--transition);
}
.sidebar-comments-list > li:hover {
    background: var(--bg-card-hover) !important;
}
.sidebar-comments-list > li img.avatar {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px;
    border-radius: 50% !important;
    flex-shrink: 0;
    object-fit: cover;
}
.sidebar-comments-list > li .right-box {
    flex: 1;
    min-width: 0;
    overflow: hidden;
}
.sidebar-comments-list > li .commenter {
    display: inline-block;
    max-width: 80px;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.4;
    margin-bottom: 4px;
    padding: 1px 6px;
    border-radius: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
}
.sidebar-comments-list > li .commenter.comment_admin {
    background: rgba(255, 51, 85, 0.1);
    color: #ff3355;
}
.sidebar-comments-list > li .commenter.comment_writer {
    background: rgba(25, 133, 255, 0.1);
    color: #1985ff;
}
.sidebar-comments-list > li .commenter.comment_visitor {
    background: rgba(0, 0, 0, 0.04);
    color: var(--text-muted);
}
.sidebar-comments-list > li .comment-text {
    display: block;
    color: var(--text-muted);
    font-size: 12px;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: color var(--transition);
}
.sidebar-comments-list > li:hover .comment-text {
    color: var(--accent) !important;
}

/* 侧边栏分类 - 只改样式 */
.widget_ui_sort ul.row.sort-ul li.col-sm-6.sort-li a {
    border: 1px solid var(--border-card) !important;
    border-radius: 6px !important;
    color: var(--text-secondary) !important;
    transition: all var(--transition) !important;
}
.widget_ui_sort ul.row.sort-ul li.col-sm-6.sort-li a:hover {
    background: var(--accent) !important;
    color: #fff !important;
    border-color: var(--accent) !important;
}

/* 侧边栏链接 - 只改样式 */
.link-li {
    border: 1px solid var(--border-card) !important;
    border-radius: 6px !important;
    transition: all var(--transition) !important;
}
.link-li:hover {
    background: var(--accent) !important;
    color: #fff !important;
    border-color: var(--accent) !important;
    margin-left: 0 !important;
}

/* 最新评论 - 只改颜色 */
.widget_recent_comments li {
    border-bottom: 1px solid var(--border-light) !important;
}
.widget_recent_comments li img.avatar {
    border-radius: 50% !important;
    border: 2px solid var(--accent-light) !important;
    box-shadow: none !important;
}
.widget_recent_comments li .comment-text {
    color: var(--text-secondary) !important;
    border: 1px solid var(--border-light) !important;
    border-radius: 6px !important;
    background: var(--bg-card-hover) !important;
}
.widget_recent_comments li .comment-text small {
    color: var(--accent) !important;
}

/* 归档 - 只改样式 */
.widget_archive ul.xcyrow.gd-sort li.gd-sort-li a {
    border: 1px solid var(--border-card) !important;
    border-radius: 6px !important;
    color: var(--text-secondary) !important;
    transition: all var(--transition);
}
.widget_archive ul.xcyrow.gd-sort li.gd-sort-li a:hover {
    background: var(--accent) !important;
    color: #fff !important;
    border-color: var(--accent) !important;
}

/* 日历 - 只改颜色 */
.widget_calendar {
    padding: 12px !important;
}
.widget_calendar table caption {
    color: var(--text-primary) !important;
    font-weight: 600 !important;
}
.widget_calendar table thead th {
    background: var(--accent-light) !important;
    color: var(--accent-dark) !important;
    font-weight: 600 !important;
}
.widget_calendar table tbody td,
.widget_calendar table tfoot td,
.widget_calendar table thead th {
    border: 1px solid var(--border-light) !important;
}
.widget_calendar #calendar #today {
    background: var(--accent) !important;
    color: #fff !important;
    border-radius: 4px;
}

/* 产品推荐卡 */
.widget_product img {
    border-radius: var(--radius-md) var(--radius-md) 0 0 !important;
}
.widget_product .product_info h2 {
    color: var(--text-primary) !important;
}
.widget_product .price_sale strong {
    color: var(--danger) !important;
}
.widget_product .btn-primary {
    border-radius: 20px !important;
    border: none !important;
    background: var(--accent) !important;
}

/* 自定义文本 */
.widget_custom_text .sidebar-zdy {
    padding: 12px 16px !important;
}
.widget_custom_text .sidebar-zdy img {
    border-radius: var(--radius-sm) !important;
}

/* ---------- 文章详情页 & 评论 → 详见下方 "正文详情页 - 大幅加强" 区块 ---------- */

/* ---------- 分页 ---------- */
.new-list #pagenavi span,
.author-list #pagenavi span {
    background: var(--accent) !important;
    border: none !important;
    border-radius: var(--radius-sm) !important;
    height: 36px !important;
    line-height: 36px !important;
    padding: 0 16px !important;
}
.new-list #pagenavi a,
.author-list #pagenavi a {
    border: 1px solid var(--border-card) !important;
    border-radius: var(--radius-sm) !important;
    background: var(--bg-card) !important;
    color: var(--text-secondary) !important;
    height: 36px !important;
    line-height: 36px !important;
    padding: 0 16px !important;
    transition: all var(--transition);
}
.new-list #pagenavi a:hover,
.author-list #pagenavi a:hover {
    background: var(--accent-light) !important;
    color: var(--accent) !important;
    border-color: var(--accent-light) !important;
}

/* ---------- 公告栏（首页微语轮播） ---------- */
.excerpt-minic {
    border: none !important;
    border-radius: var(--radius-sm) !important;
    background: var(--bg-card) !important;
    box-shadow: var(--shadow-sm) !important;
    /* 保持轮播必需的 height/line-height/overflow，不能覆盖为 auto */
}
.excerpt-minic-index {
    border-radius: var(--radius-md) !important;
    margin-bottom: 15px !important;
}
.excerpt-minic .textgg i {
    border-right: none !important;
    color: var(--accent) !important;
}
.excerpt-minic .gglb {
    padding-left: 12px !important;
}

.excerpt-minic .Meta-gg ul li a {
    color: var(--text-secondary) !important;
    font-size: 13px !important;
    transition: color var(--transition);
}
.excerpt-minic .Meta-gg ul li a:hover {
    color: var(--accent) !important;
}

/* ---------- 六宫格 ---------- */
.indexebox {
    border-radius: var(--radius-md) !important;
    overflow: hidden;
}
.indexebox-i {
    border-radius: var(--radius-sm) !important;
    transition: all var(--transition) !important;
}
.indexebox-i:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-md) !important;
}
.indexebox-i .btn-default {
    border-radius: 20px !important;
    border: none !important;
    background: var(--accent) !important;
    color: #fff !important;
    padding: 4px 14px !important;
    font-size: 12px !important;
    transition: all var(--transition);
}
.indexebox-i .btn-default:hover {
    background: var(--accent-dark) !important;
}

/* ---------- 统计栏目 ---------- */
.tpt-wp {
    border-radius: var(--radius-md) !important;
    overflow: hidden;
}
.tpt-cm {
    background: var(--bg-card) !important;
    border-radius: var(--radius-sm) !important;
    box-shadow: var(--shadow-sm) !important;
    padding: 12px !important;
    transition: all var(--transition);
}
.tpt-cm:hover {
    box-shadow: var(--shadow-md) !important;
    transform: translateY(-1px);
}

/* ---------- 友情链接 ---------- */
.links_bt {
    border: none !important;
    border-radius: var(--radius-md) var(--radius-md) 0 0 !important;
    background: var(--bg-card) !important;
    box-shadow: var(--shadow-sm) !important;
    line-height: 48px;
    height: 48px;
    padding: 0 16px !important;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
}
.links_bt_l a {
    border-left: 4px solid var(--accent) !important;
    color: var(--text-primary) !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    padding-left: 12px !important;
}
.links_bt_r a {
    color: var(--text-secondary) !important;
    font-size: 13px !important;
    transition: color var(--transition);
}
.links_bt_r a:hover {
    color: var(--accent) !important;
}
.links_lb {
    border: none !important;
    border-radius: 0 0 var(--radius-md) var(--radius-md) !important;
    background: var(--bg-card) !important;
    box-shadow: var(--shadow-sm) !important;
    padding: 6px 16px 12px !important;
    width: 100% !important;
}
.link-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    list-style: none;
    margin: 0;
    padding: 0;
}
.link-list li {
    margin: 0;
    padding: 0;
    float: none !important;
}
.link-list li a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border: 1px solid var(--border-card);
    border-radius: 8px;
    color: var(--text-secondary);
    font-size: 13px;
    line-height: 1.4;
    transition: all var(--transition);
    background: transparent;
    text-decoration: none;
}
.link-list li a:hover {
    background: var(--accent);
    color: #fff !important;
    border-color: var(--accent);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}
.link-list li a img {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    flex-shrink: 0;
    object-fit: cover;
}
.link-list li a span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100px;
}
/* 友情链接 - 手机端适配 */
@media (max-width: 767px) {
    .links_bt {
        height: 42px;
        line-height: 42px;
        padding: 0 12px !important;
        border-radius: var(--radius-md) var(--radius-md) 0 0 !important;
    }
    .links_bt_l a { font-size: 14px !important; padding-left: 8px !important; }
    .links_bt_r a { font-size: 12px !important; }
    .links_lb {
        padding: 6px 10px 10px !important;
        border-radius: 0 0 var(--radius-md) var(--radius-md) !important;
    }
    .link-list { gap: 6px !important; }
    .link-list li a {
        padding: 4px 8px !important;
        font-size: 12px !important;
        gap: 4px !important;
        max-width: 100%;
        border-radius: 6px !important;
    }
    .link-list li a img { width: 16px !important; height: 16px !important; }
    .link-list li a span { max-width: 6em !important; font-size: 11px !important; }
}



/* ---------- CMS盒子 ---------- */
.cms-box {
    border: none !important;
    border-radius: var(--radius-md) !important;
    box-shadow: var(--shadow-sm) !important;
    background: var(--bg-card) !important;
    transition: box-shadow var(--transition);
}
.cms-box:hover { box-shadow: var(--shadow-md) !important; }

/* ---------- 页脚 ---------- */
.footer {
    background: var(--bg-body) !important;
    border-top: 1px solid var(--border-light) !important;
}
.footer-links .nofo a { color: var(--text-muted) !important; }
.footer-links .nofo a:hover { color: var(--accent) !important; }
.footer-copyright, .footer-copyright a { color: var(--text-muted) !important; }
.footer-copyright a:hover { color: var(--accent) !important; }
.footer-divider { background: var(--border-light) !important; }
/* ---------- 三栏品牌底部（参考 lzzcc） ---------- */
.footer-brand-grid {
    display: flex;
    gap: 32px;
    padding: 0 0 18px;
}
.fb-brand { flex: 1.4; min-width: 0; }
.fb-mid { flex: 1.6; display: flex; gap: 28px; }
.fb-qr { flex: 1; display: flex; gap: 14px; justify-content: flex-end; }
.fb-logo { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
/* logo 放大 + 自适应：高度驱动、宽度按比例，横版/正方形 logo 均正常显示 */
.fb-logo img {
    height: 46px;
    width: auto;
    max-width: 200px;
    object-fit: contain;
    border-radius: 8px;
}
.fb-logo span { font-size: 18px; font-weight: 700; color: var(--text-primary) !important; }
.fb-slogan {
    font-size: 12.5px;
    line-height: 1.8;
    color: var(--text-muted) !important;
    margin: 0 0 12px;
}
.fb-icp a {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    color: var(--text-muted) !important;
    text-decoration: none !important;
}
.fb-icp a:hover { color: var(--accent) !important; }
.fb-icp img { width: 14px; height: 14px; }
.fb-block { min-width: 110px; }
.fb-block h4 {
    font-size: 13px;
    font-weight: 600;
    color: var(--text-primary) !important;
    margin: 0 0 10px;
}
.fb-block a {
    display: block;
    font-size: 12.5px;
    color: var(--text-muted) !important;
    line-height: 2.1;
    text-decoration: none !important;
    transition: color var(--transition);
}
.fb-block a:hover { color: var(--accent) !important; }
.fb-qr-item { text-align: center; }
/* 二维码：contain 完整显示不裁切（cover 会切掉码眼导致无法扫描），非正方形图也自适应 */
.fb-qr-item img {
    width: 96px;
    height: 96px;
    object-fit: contain;
    border-radius: 8px;
    border: 1px solid var(--border-light);
    padding: 3px;
    background: var(--bg-card);
}
.fb-qr-item span {
    display: block;
    margin-top: 6px;
    font-size: 11.5px;
    color: var(--text-muted);
}
.footer-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
    padding: 12px 0 16px;
}
@media (max-width: 767px) {
    .footer-brand-grid { flex-direction: column; gap: 20px; }
    .fb-mid { flex-wrap: wrap; gap: 20px; }
    /* 移动端：品牌区与二维码居中，logo 等比缩小防溢出 */
    .fb-brand { text-align: center; }
    .fb-logo { justify-content: center; }
    .fb-logo img { height: 40px; max-width: 64vw; }
    .fb-icp { display: flex; justify-content: center; }
    .fb-qr { justify-content: center; flex-wrap: wrap; gap: 18px; }
    .fb-qr-item img { width: 88px; height: 88px; }
    .footer-bottom { flex-direction: column; text-align: center; }
}

/* ---------- 侧边浮动按钮 ---------- */
#lanyou li a { background: var(--bg-card) !important; border-color: var(--border-light) !important; color: var(--text-secondary) !important; box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important; }
#lanyou li a:hover { background: var(--accent) !important; border-color: var(--accent) !important; color: #fff !important; box-shadow: 0 4px 12px rgba(79,142,247,0.25) !important; }
#lanyou li a:hover i { color: #fff !important; }

/* ---------- 搜索遮罩 ---------- */
.search-forms {
    background: rgba(255, 255, 255, 0.96) !important;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}
.search-forms input {
    border: 2px solid var(--border-card) !important;
    border-radius: var(--radius-md) !important;
    font-size: 16px !important;
    transition: border-color var(--transition);
}
.search-forms input:focus {
    border-color: var(--accent) !important;
}
.search-forms button {
    background: var(--accent) !important;
    border-radius: 0 var(--radius-md) var(--radius-md) 0 !important;
    font-weight: 500;
}
.search-commend ul li a {
    border: 1px solid var(--border-card) !important;
    border-radius: 20px !important;
    color: var(--text-secondary) !important;
    padding: 6px 14px !important;
    transition: all var(--transition);
}
.search-commend ul li a:hover {
    background: var(--accent-light) !important;
    border-color: var(--accent-light) !important;
    color: var(--accent) !important;
}

/* ---------- 空列表提示 ---------- */
.list-word {
    border: none !important;
    border-radius: var(--radius-md) !important;
    background: var(--bg-card) !important;
    box-shadow: var(--shadow-sm) !important;
    padding: 40px 20px !important;
}
.list-word h1 { font-size: 20px !important; color: var(--text-primary) !important; }
.list-word p { color: var(--text-secondary) !important; }

/* ---------- 登录弹出 ---------- */
.modal-content {
    border-radius: var(--radius-lg) !important;
    box-shadow: var(--shadow-lg) !important;
    border: none !important;
    padding: 24px !important;
}
.sign-title {
    color: var(--accent) !important;
    border-bottom: 3px solid var(--accent) !important;
}
.input-login .form-control {
    border: 1px solid var(--border-card) !important;
    border-radius: var(--radius-sm) !important;
    transition: border-color var(--transition), box-shadow var(--transition);
}
.input-login .form-control:focus {
    border-color: var(--accent) !important;
    box-shadow: 0 0 0 3px var(--accent-light) !important;
}
.form-groups #send_ajax,
.form-groups #re_ajax {
    border-radius: var(--radius-sm) !important;
    font-weight: 500;
    transition: all var(--transition);
}
.form-groups #send_ajax:hover,
.form-groups #re_ajax:hover {
    transform: translateY(-1px);
    box-shadow: var(--shadow-md);
}
.ajax_reg_btn {
    border-radius: var(--radius-sm) !important;
    font-weight: 500;
    transition: all var(--transition);
}
.ajax_reg_btn:hover { transform: translateY(-1px); }

/* ---------- 登录下拉 ---------- */
.login-nav .login-show,
.logout-nav .login-show {
    border-radius: var(--radius-md) !important;
    box-shadow: var(--shadow-lg) !important;
    border: none !important;
}
.login-nav .login-show button {
    border-radius: var(--radius-sm) !important;
    background: var(--accent) !important;
    transition: all var(--transition);
}
.login-nav .login-show button:hover {
    background: var(--accent-dark) !important;
}
.logout-nav .login-show a {
    border-radius: var(--radius-sm) !important;
    transition: all var(--transition);
}
.logout-nav .login-show a:hover { transform: translateY(-1px); }

/* ---------- 文字广告 ---------- */
.index-card {
    border-radius: var(--radius-md) !important;
    overflow: hidden;
    margin-bottom: 10px;
}
.site-list-body {
    background: var(--bg-card) !important;
    border-radius: var(--radius-md) !important;
    box-shadow: var(--shadow-sm) !important;
}

/* ---------- 三栏广告 ---------- */
.huan .indexnews-ad {
    border-radius: var(--radius-md) !important;
    overflow: hidden;
}
.huan .indexnews-ad li .go {
    border: none !important;
    border-radius: 20px !important;
    background: var(--accent) !important;
    color: #fff !important;
    transition: all var(--transition);
}
.huan .indexnews-ad li .go:hover {
    background: var(--accent-dark) !important;
}

/* ---------- 内容标题 ---------- */
.content-title {
    border: none !important;
    border-radius: var(--radius-md) !important;
    background: var(--bg-card) !important;
    box-shadow: var(--shadow-sm) !important;
    padding: 14px 18px !important;
}

/* ---------- 文章作者区 ---------- */
.article-right {
    border: none !important;
    border-radius: var(--radius-md) !important;
}
.athuor-info .btn a {
    border: 1px solid var(--border-card) !important;
    border-radius: var(--radius-sm) !important;
    color: var(--text-secondary) !important;
    font-size: 14px !important;
    text-align: center !important;
    display: inline-block !important;
    vertical-align: middle !important;
    transition: all var(--transition);
}
.athuor-info .btn a:hover {
    background: var(--accent) !important;
    color: #fff !important;
    border-color: var(--accent) !important;
}

/* ---------- 评论等级标签 ---------- */
.comment-info .member,
.comment-info .tourist,
.comment-info .admin {
    border-radius: 4px !important;
    opacity: 1 !important;
    font-size: 11px !important;
    padding: 1px 6px !important;
}

/* ---------- 手机导航侧边栏 ---------- */
.sidenav {
    background: var(--bg-body) !important;
    box-shadow: 4px 0 20px rgba(0,0,0,0.12) !important;
    width: 300px !important;
    -webkit-transform: translate(-310px,0) !important;
    -moz-transform: translate(-310px,0) !important;
    -o-transform: translate(-310px,0) !important;
    transform: translate(-310px,0) !important;
    -ms-transform: translate(-310px,0) !important;
}
.sidenav.show {
    -webkit-transform: translate(0,0) !important;
    -moz-transform: translate(0,0) !important;
    -o-transform: translate(0,0) !important;
    transform: translate(0,0) !important;
    -ms-transform: translate(0,0) !important;
}
.sidenav-overlay {
    background: rgba(0,0,0,0.35) !important;
}

/* 移动端侧边栏 widget 区域 */
.sidenav-widgets {
    padding: 12px !important;
    overflow: hidden;
}
/* 覆盖移动端 #sidebar{display:none} */
.sidenav-widgets #sidebar {
    display: block !important;
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    overflow: visible !important;
    background: transparent !important;
}
.sidenav-widgets .widget,
.sidenav-widgets .sidebar-box {
    margin-bottom: 10px !important;
    border-radius: 10px !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06) !important;
    overflow: hidden;
    background: #fff !important;
    border: none !important;
}
.sidenav-widgets .widget h3,
.sidenav-widgets .sidebar-box h3 {
    font-size: 14px !important;
    padding: 10px 14px 10px 26px !important;
    color: var(--text-primary) !important;
    background: transparent !important;
    border-bottom: 1px solid rgba(0,0,0,0.05) !important;
    position: relative;
}
.sidenav-widgets .sidebar-box h3::before,
.sidenav-widgets .widget > h3::before {
    content: '';
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 14px;
    background: #1985ff;
    border-radius: 2px;
}
.sidenav-widgets .widget .widget-title h3 {
    padding-left: 26px !important;
    position: relative;
}
.sidenav-widgets .widget .widget-title h3::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 14px;
    background: #1985ff;
    border-radius: 2px;
}
/* ---------- 侧边栏：个人资料卡重构 ---------- */
#sidebar .widget_ui_blogger,
.sidenav-widgets .widget_ui_blogger {
    padding: 0 !important;
    overflow: hidden !important;
    position: relative;
    background: var(--bg-card) !important;
    border-radius: var(--radius-md) !important;
    box-shadow: var(--shadow-sm) !important;
    transition: box-shadow var(--transition), transform var(--transition) !important;
}
#sidebar .widget_ui_blogger::after,
.sidenav-widgets .widget_ui_blogger::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, #a8d8ea 0%, #c3aed6 50%, #dcd6f7 100%);
    border-radius: var(--radius-md) var(--radius-md) 0 0;
    z-index: 1;
}
#sidebar .widget_ui_blogger:hover,
.sidenav-widgets .widget_ui_blogger:hover {
    box-shadow: var(--shadow-hover) !important;
    transform: translateY(-2px);
}
#sidebar .widget_ui_blogger .panel-side,
.sidenav-widgets .widget_ui_blogger .panel-side {
    margin: 0;
}
#sidebar .widget_ui_blogger .fly_weibo,
#sidebar .widget_ui_blogger .blogger_side,
.sidenav-widgets .widget_ui_blogger .fly_weibo,
.sidenav-widgets .widget_ui_blogger .blogger_side {
    margin: 0;
    padding: 0;
}
#sidebar .widget_ui_blogger #weiboShow,
.sidenav-widgets .widget_ui_blogger #weiboShow {
    background: transparent;
    min-height: auto;
    padding: 0;
}
#sidebar .widget_ui_blogger .grid-weibo-show,
.sidenav-widgets .widget_ui_blogger .grid-weibo-show {
    background: transparent !important;
    border-radius: 0;
    box-shadow: none;
}
#sidebar .widget_ui_blogger .grid-weibo-show header,
.sidenav-widgets .widget_ui_blogger .grid-weibo-show header {
    height: 150px !important;
    background: transparent !important;
    position: relative;
    overflow: hidden;
}
/* 背景图直接清晰显示，不做毛玻璃/渐变遮挡 */
#sidebar .widget_ui_blogger .grid-weibo-show header::before,
.sidenav-widgets .widget_ui_blogger .grid-weibo-show header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(/content/templates/chaoliu/Static/images/user-img.jpg) center center no-repeat;
    background-size: cover;
    z-index: 0;
}
#sidebar .widget_ui_blogger .grid-weibo-show header::after,
.sidenav-widgets .widget_ui_blogger .grid-weibo-show header::after {
    content: none;
}
#sidebar .widget_ui_blogger .grid-weibo-show,
.sidenav-widgets .widget_ui_blogger .grid-weibo-show {
    position: relative;
    overflow: hidden;
}
#sidebar .widget_ui_blogger .grid-weibo-show::before,
.sidenav-widgets .widget_ui_blogger .grid-weibo-show::before {
    content: '';
    position: absolute;
    top: 60px;
    left: 50%;
    transform: translateX(-50%);
    width: 500px;
    height: 500px;
    background: 
        radial-gradient(circle, rgba(79,142,247,0.1) 0%, transparent 70%);
    pointer-events: none;
    z-index: 0;
}
#sidebar .widget_ui_blogger #user-login,
.sidenav-widgets .widget_ui_blogger #user-login {
    padding: 0 16px 12px !important;
    height: auto !important;
}
#sidebar .widget_ui_blogger .avatar,
.sidenav-widgets .widget_ui_blogger .avatar {
    width: 70px !important;
    height: 70px !important;
    margin: -35px auto 0 !important;
    padding: 3px !important;
    background: var(--bg-card) !important;
    border-radius: 50% !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
    position: relative;
    z-index: 2;
}
#sidebar .widget_ui_blogger .avatar img,
.sidenav-widgets .widget_ui_blogger .avatar img {
    width: 100% !important;
    height: 100% !important;
    border-radius: 50% !important;
    object-fit: cover;
}
#sidebar .widget_ui_blogger .avatar .author-ident,
.sidenav-widgets .widget_ui_blogger .avatar .author-ident {
    position: absolute;
    bottom: 2px;
    right: 2px;
    width: 14px;
    height: 14px;
    background: var(--success);
    border: 2px solid var(--bg-card);
    border-radius: 50%;
}
#sidebar .widget_ui_blogger h4,
.sidenav-widgets .widget_ui_blogger h4 {
    margin: 10px 0 4px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: var(--text-primary) !important;
    text-align: center;
}
#sidebar .widget_ui_blogger .seta,
.sidenav-widgets .widget_ui_blogger .seta {
    margin: 0 0 10px !important;
    font-size: 12px !important;
    color: var(--text-secondary) !important;
    text-align: center;
    line-height: 1.5;
}
#sidebar .widget_ui_blogger .author-social,
.sidenav-widgets .widget_ui_blogger .author-social {
    display: flex !important;
    justify-content: center !important;
    gap: 10px;
    padding: 0 !important;
}
#sidebar .widget_ui_blogger .author-social span,
.sidenav-widgets .widget_ui_blogger .author-social span {
    margin: 0 !important;
}
#sidebar .widget_ui_blogger .author-social span a,
.sidenav-widgets .widget_ui_blogger .author-social span a {
    display: inline-flex !important;
    align-items: center;
    gap: 5px;
    padding: 6px 16px !important;
    font-size: 12px !important;
    border-radius: 20px !important;
    transition: all var(--transition);
}
#sidebar .widget_ui_blogger .author-social .author-blog,
.sidenav-widgets .widget_ui_blogger .author-social .author-blog {
    background: var(--accent) !important;
}
#sidebar .widget_ui_blogger .author-social .author-blog a,
.sidenav-widgets .widget_ui_blogger .author-social .author-blog a {
    color: #fff !important;
}
#sidebar .widget_ui_blogger .author-social .author-blog a:hover,
.sidenav-widgets .widget_ui_blogger .author-social .author-blog a:hover {
    background: var(--accent-dark);
}
#sidebar .widget_ui_blogger .author-social .author-weibo,
.sidenav-widgets .widget_ui_blogger .author-social .author-weibo {
    background: var(--border-light);
}
#sidebar .widget_ui_blogger .author-social .author-weibo a,
.sidenav-widgets .widget_ui_blogger .author-social .author-weibo a {
    color: var(--text-primary) !important;
}
#sidebar .widget_ui_blogger .author-social .author-weibo a:hover,
.sidenav-widgets .widget_ui_blogger .author-social .author-weibo a:hover {
    background: var(--accent-light);
    color: var(--accent) !important;
}
#sidebar .widget_ui_blogger footer,
.sidenav-widgets .widget_ui_blogger footer {
    margin-top: 12px;
    border-top: 1px solid var(--border-light);
}
#sidebar .widget_ui_blogger .blogger_footer,
.sidenav-widgets .widget_ui_blogger .blogger_footer {
    display: flex !important;
    justify-content: space-around;
    padding: 12px 0 0;
}
#sidebar .widget_ui_blogger .blogger_footer li,
.sidenav-widgets .widget_ui_blogger .blogger_footer li {
    text-align: center;
    flex: 1;
}
#sidebar .widget_ui_blogger .blogger_footer li strong,
.sidenav-widgets .widget_ui_blogger .blogger_footer li strong {
    display: block !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: var(--accent);
    margin-bottom: 2px;
}
#sidebar .widget_ui_blogger .blogger_footer li span,
.sidenav-widgets .widget_ui_blogger .blogger_footer li span {
    font-size: 11px !important;
    color: var(--text-muted);
}
/* ---------- 用户中心卡（参考图新样式：蓝雪山横幅+蓝绿按钮） ---------- */
/* 外容器：取消原 header 伪元素，用新 usercard-banner 独立控制（优先级高于 1700-1717 旧 header 规则） */
#sidebar .widget_ui_blogger .grid-weibo-show header.usercard-banner,
.sidenav-widgets .widget_ui_blogger .grid-weibo-show header.usercard-banner {
    height: 115px !important;
    position: relative !important;
    overflow: hidden;
    background:
        url(/content/templates/chaoliu/Static/images/user-img.jpg) center center no-repeat,
        linear-gradient(180deg,
            #8ac4ec 0%,
            #6fb1e0 45%,
            #e7eef4 78%,
            #ffffff 100%) !important;
    background-size: cover, auto !important;
}
#sidebar .widget_ui_blogger .grid-weibo-show header.usercard-banner::before,
.sidenav-widgets .widget_ui_blogger .grid-weibo-show header.usercard-banner::before,
#sidebar .widget_ui_blogger .grid-weibo-show header.usercard-banner::after,
.sidenav-widgets .widget_ui_blogger .grid-weibo-show header.usercard-banner::after {
    content: none !important;
    display: none !important;
}
/* 清空 .grid-weibo-show > header 旧规则（header 不带 usercard-banner 时，高度/背景回退为旧布局） */
#sidebar .widget_ui_blogger .grid-weibo-show header:not(.usercard-banner),
.sidenav-widgets .widget_ui_blogger .grid-weibo-show header:not(.usercard-banner) {
    height: auto !important;
    background: transparent !important;
    position: static !important;
    overflow: visible !important;
}
#sidebar .widget_ui_blogger .grid-weibo-show::before,
.sidenav-widgets .widget_ui_blogger .grid-weibo-show::before {
    display: none !important;
}
/* 登录/未登录共用容器：统一内边距 */
#sidebar .widget_ui_blogger #user-login,
#sidebar .widget_ui_blogger #user-div,
.sidenav-widgets .widget_ui_blogger #user-login,
.sidenav-widgets .widget_ui_blogger #user-div {
    padding: 0 !important;
    height: auto !important;
    background: transparent !important;
}
/* 蓝雪山渐变横幅（独立规则兜底，上面已用高优先级选择器覆盖） */
.usercard-banner {
    height: 115px !important;
    position: relative !important;
    overflow: hidden;
    background:
        url(/content/templates/chaoliu/Static/images/user-img.jpg) center center no-repeat,
        linear-gradient(180deg,
            #8ac4ec 0%,
            #6fb1e0 45%,
            #e7eef4 78%,
            #ffffff 100%);
    background-size: cover, auto;
}
/* 头像：上叠 + 浅蓝色圆环 */
.usercard-avatar {
    width: 82px !important;
    height: 82px !important;
    margin: -42px auto 0 !important;
    padding: 4px !important;
    background: #b3d8ff !important;
    border: 4px solid #ffffff !important;
    border-radius: 50% !important;
    box-shadow: 0 6px 20px rgba(179,216,255,0.6) !important;
    position: relative;
    z-index: 2;
}
.usercard-avatar img {
    border-radius: 50% !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}
/* 文案区 */
.usercard-body {
    padding: 10px 18px 18px;
    text-align: center;
}
.usercard-body h4 {
    margin: 8px 0 6px !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    color: #1f2937 !important;
    text-align: center;
}
.usercard-desc {
    margin: 0 0 14px !important;
    padding: 0 !important;
    font-size: 12.5px !important;
    color: #6b7280 !important;
    text-align: center;
    line-height: 1.6;
}
/* 蓝绿双按钮 */
.usercard-btns {
    display: flex;
    gap: 10px;
    margin-top: 6px;
}
.uc-btn {
    flex: 1;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 6px;
    font-size: 13.5px;
    color: #fff !important;
    text-decoration: none !important;
    transition: all 0.2s ease;
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}
.uc-btn:hover {
    transform: translateY(-1px);
    color: #fff !important;
    filter: brightness(1.05);
}
.uc-btn-blue { background: #2d8cf0; }
.uc-btn-blue:hover { box-shadow: 0 4px 10px rgba(45,140,240,0.35); }
.uc-btn-green { background: #19be6b; }
.uc-btn-green:hover { box-shadow: 0 4px 10px rgba(25,190,107,0.35); }
.sidenav-widgets .widget_ui_statistics h3 {
    padding-left: 26px !important;
}
.sidenav-widgets .widget .widget-title {
    padding: 0 14px !important;
    border-bottom: 1px solid rgba(0,0,0,0.05) !important;
}
.sidenav-widgets .widget .widget-title h3 {
    padding: 10px 0 !important;
}
.sidenav-widgets .widget .widget-title .icon i {
    color: var(--accent) !important;
}
/* author-social 按钮修复 */
.sidenav-widgets .author-social {
    padding: 12px 10px !important;
    text-align: center !important;
}
.sidenav-widgets .author-social span {
    display: inline-block !important;
    margin: 0 5px !important;
    border-radius: 20px !important;
}
.sidenav-widgets .author-social span a {
    padding: 6px 20px !important;
    font-size: 13px !important;
    color: #fff !important;
    display: inline-block !important;
}
/* 最新文章列表 */
.sidenav-widgets .sidebar-posts-list > li {
    border-bottom: 1px solid rgba(0,0,0,0.04) !important;
    padding: 10px 14px !important;
    color: var(--text-secondary) !important;
}
.sidenav-widgets .sidebar-posts-list > li:hover {
    background: var(--bg-card-hover) !important;
    margin-left: 0 !important;
}
.sidenav-widgets .sidebar-posts-list > li .side-title {
    color: var(--text-primary) !important;
    font-size: 13px !important;
}
.sidenav-widgets .sidebar-posts-list > li:hover .side-title {
    color: var(--accent) !important;
}
.sidenav-widgets .sidebar-posts-list > li .side-title-r {
    color: var(--text-primary) !important;
    font-size: 14px !important;
}
.sidenav-widgets .sidebar-posts-list > li .side-meta > li,
.sidenav-widgets .sidebar-posts-list > li .side-meta-r > li {
    color: var(--text-muted) !important;
    font-size: 11px !important;
}
.sidenav-widgets .sidebar-posts-list > li .side-meta > li a,
.sidenav-widgets .sidebar-posts-list > li .side-meta-r > li a {
    color: var(--text-muted) !important;
}
.sidenav-widgets .sidebar-posts-list > li .thumbnail-link img {
    border-radius: 6px !important;
}
/* sidebar-box 内的简单列表 */
.sidenav-widgets .sidebar-box ul.sidebar-posts-list {
    padding: 0 !important;
    margin: 0 !important;
}
.sidenav-widgets .sidebar-box ul.sidebar-posts-list li {
    list-style: none !important;
    border-bottom: 1px solid rgba(0,0,0,0.04) !important;
    padding: 0 !important;
    color: var(--text-secondary) !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    transition: background 0.2s;
    display: flex !important;
    align-items: center !important;
}
.sidenav-widgets .sidebar-box ul.sidebar-posts-list li:last-child {
    border-bottom: none !important;
}
.sidenav-widgets .sidebar-box ul.sidebar-posts-list li:hover {
    background: var(--bg-card-hover) !important;
    margin-left: 0 !important;
}
.sidenav-widgets .sidebar-box ul.sidebar-posts-list li a {
    color: var(--text-primary) !important;
    text-decoration: none !important;
    display: block !important;
    padding: 10px 14px 10px 0 !important;
    flex: 1 !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
.sidenav-widgets .sidebar-box ul.sidebar-posts-list li a:hover {
    color: var(--accent) !important;
}
/* sidenav 序号标签 */
.sidenav-widgets .rank-num {
    flex-shrink: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 16px !important;
    height: 16px !important;
    border-radius: 3px !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    margin-left: 14px !important;
    margin-right: 4px !important;
    padding: 0 !important;
    background: var(--border-card) !important;
    color: var(--text-muted) !important;
    line-height: 1 !important;
}
.sidenav-widgets .rank-num.rank-1 { background: #ff3355 !important; color: #fff !important; }
.sidenav-widgets .rank-num.rank-2 { background: #ffa41b !important; color: #fff !important; }
.sidenav-widgets .rank-num.rank-3 { background: #1985ff !important; color: #fff !important; }
.sidenav-widgets .rank-num.rank-other { background: rgba(0,0,0,0.06) !important; color: var(--text-muted) !important; }
/* 统计 */
.sidenav-widgets .widget_ui_statistics ul {
    padding: 8px 10px !important;
}
.sidenav-widgets .widget_ui_statistics li {
    font-size: 12px !important;
    line-height: 22px !important;
    color: var(--text-secondary) !important;
}
/* sidenav 热门文章 */
.sidenav-widgets .sidebar-hot-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.sidenav-widgets .sidebar-hot-list > li {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border-bottom: 1px solid rgba(0,0,0,0.04);
}
.sidenav-widgets .sidebar-hot-list > li:last-child {
    border-bottom: none;
}
.sidenav-widgets .sidebar-hot-list > li:hover {
    background: var(--bg-card-hover);
}
.sidenav-widgets .sidebar-hot-list > li a.hot-cover {
    flex-shrink: 0;
    display: block;
    width: 56px;
    height: 42px;
    border-radius: 4px;
    overflow: hidden;
}
.sidenav-widgets .sidebar-hot-list > li a.hot-cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.sidenav-widgets .sidebar-hot-list > li .hot-info {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 42px;
}
.sidenav-widgets .sidebar-hot-list > li .hot-title {
    display: block;
    color: var(--text-primary);
    font-size: 13px;
    line-height: 1.4;
    font-weight: 500;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.sidenav-widgets .sidebar-hot-list > li:hover .hot-title {
    color: var(--accent);
}
.sidenav-widgets .sidebar-hot-list .hot-meta span {
    color: var(--text-muted);
    font-size: 11px;
    background: transparent;
    padding: 0;
}
/* sidenav 评论昵称 */
.sidenav-widgets .sidebar-comments-list .commenter {
    display: inline-block !important;
    max-width: 60px !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    padding: 1px 6px !important;
    border-radius: 3px !important;
    margin-bottom: 3px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
.sidenav-widgets .sidebar-comments-list .commenter.comment_admin {
    background: rgba(255,51,85,0.1) !important;
    color: #ff3355 !important;
}
.sidenav-widgets .sidebar-comments-list .commenter.comment_writer {
    background: rgba(25,133,255,0.1) !important;
    color: #1985ff !important;
}
.sidenav-widgets .sidebar-comments-list .commenter.comment_visitor {
    background: rgba(0,0,0,0.04) !important;
    color: var(--text-muted) !important;
}
.sidenav-widgets .sidebar-comments-list .comment-text {
    color: var(--text-muted) !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
/* sidenav blogger_footer */
.sidenav-widgets .blogger_footer {
    display: flex !important;
    flex-wrap: nowrap !important;
}
.sidenav-widgets .blogger_footer li {
    flex: 1 !important;
    min-width: 0 !important;
    text-align: center;
}
.sidenav-widgets .blogger_footer li strong {
    font-size: 15px !important;
    display: block !important;
}
.sidenav-widgets .blogger_footer li span {
    font-size: 11px !important;
    background: transparent !important;
}
/* 标签 */
.sidenav-widgets .widget_ui_tags .items a {
    border: 1px solid rgba(0,0,0,0.06) !important;
    border-radius: 4px !important;
    color: var(--text-secondary) !important;
    font-size: 12px !important;
    background: #fff !important;
}
.sidenav-widgets .widget_ui_tags .items a:hover {
    background: var(--accent) !important;
    color: #fff !important;
    border-color: var(--accent) !important;
    margin-left: 0 !important;
}
/* 分类 */
.sidenav-widgets .widget_ui_sort ul.row.sort-ul li.col-sm-6.sort-li a {
    border: 1px solid rgba(0,0,0,0.06) !important;
    border-radius: 4px !important;
    color: var(--text-secondary) !important;
}
.sidenav-widgets .widget_ui_sort ul.row.sort-ul li.col-sm-6.sort-li a:hover {
    background: var(--accent) !important;
    color: #fff !important;
    border-color: var(--accent) !important;
}
/* 友链 */
.sidenav-widgets .link-li {
    border: 1px solid rgba(0,0,0,0.06) !important;
    border-radius: 4px !important;
}
.sidenav-widgets .link-li:hover {
    background: var(--accent) !important;
    color: #fff !important;
    border-color: var(--accent) !important;
    margin-left: 0 !important;
}
/* 最新评论 - sidenav */
.sidenav-widgets .widget_recent_comments li,
.sidenav-widgets .sidebar-comments-list li {
    border-bottom: 1px solid rgba(0,0,0,0.04) !important;
    padding: 0 !important;
    list-style: none !important;
}
.sidenav-widgets .sidebar-comments-list li:last-child {
    border-bottom: none !important;
}
.sidenav-widgets .widget_recent_comments li:hover,
.sidenav-widgets .sidebar-comments-list li:hover {
    background: var(--bg-card-hover) !important;
}
.sidenav-widgets .sidebar-comments-list li a.meta-tips {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    padding: 10px 14px !important;
    text-decoration: none !important;
}
.sidenav-widgets .widget_recent_comments li img.avatar,
.sidenav-widgets .sidebar-comments-list li img.avatar {
    border-radius: 50% !important;
    border: 2px solid var(--accent-light) !important;
    box-shadow: none !important;
    float: left !important;
    object-fit: cover;
}
.sidenav-widgets .widget_recent_comments li .comment-text,
.sidenav-widgets .sidebar-comments-list li .comment-text {
    border: 1px solid rgba(0,0,0,0.04) !important;
    border-radius: 6px !important;
    background: var(--bg-card-hover) !important;
    color: var(--text-secondary) !important;
    font-size: 12px !important;
    padding: 6px 10px !important;
    line-height: 1.5 !important;
}
.sidenav-widgets .sidebar-comments-list li a.meta-tips {
    display: block !important;
    overflow: hidden !important;
}
.sidenav-widgets .sidebar-comments-list li a.meta-tips .right-box,
.sidenav-widgets .sidebar-comments-list .comment-text {
    margin-left: 0 !important;
    padding-left: 10px !important;
    overflow: hidden !important;
}
.sidenav-widgets .sidebar-comments-list li a.meta-tips:hover {
    text-decoration: none !important;
}
/* 产品推荐卡 */
.sidenav-widgets .widget_product img {
    border-radius: 0 !important;
}
/* 通用链接颜色 */
.sidenav-widgets a {
    color: var(--text-secondary) !important;
}
.sidenav-widgets a:hover {
    color: var(--accent) !important;
}

/* ---------- 代码高亮 ---------- */
.prettyprint, pre.prettyprint {
    border-radius: var(--radius-sm) !important;
    border: none !important;
}

/* ---------- 移动端底部菜单 ---------- */
#menu-footer {
    background: var(--bg-card) !important;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.06) !important;
    border-top: none !important;
}
#menu-footer ul li { border-top: none !important; }
#menu-footer ul li a { color: var(--text-muted) !important; }
#menu-footer ul li a span { font-size: 18px; }

/* ---------- 手机按钮 ---------- */
.divbox #nav-toggle {
    display: none;
}
.divbox .fly-search-s.sjxs {
    display: none;
}

/* ---------- 文章内页宽屏 ---------- */
.article-content {
    max-width: 100% !important;
}

/* ---------- 个人主页 ---------- */
.fly-panel {
    border-radius: var(--radius-md) !important;
    box-shadow: var(--shadow-sm) !important;
    border: none !important;
}

/* ---------- 通用面板圆角覆盖 ---------- */
.panel {
    border: none !important;
    border-radius: var(--radius-md) !important;
    box-shadow: var(--shadow-sm) !important;
}

/* ---------- 分页导航 ---------- */
.excerpt.excerpt-page {
    border: none !important;
    border-radius: var(--radius-md) !important;
    background: var(--bg-card) !important;
    box-shadow: var(--shadow-sm) !important;
    padding: 16px 0 !important;
}
.pagination {
    padding: 0 !important;
    text-align: center !important;
    font-size: 13px !important;
    display: block !important;
    border-radius: 0 !important;
    margin: 0 !important;
}
.pagination ul {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 !important;
}
.pagination ul > li {
    display: inline-block !important;
    margin: 2px !important;
}
.pagination ul > li > a,
.pagination ul > li > span {
    margin: 0 !important;
    float: none !important;
    display: inline-block !important;
    padding: 6px 16px !important;
    border: 1px solid var(--border-card) !important;
    border-radius: 8px !important;
    color: var(--text-secondary) !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    text-decoration: none !important;
    transition: all 0.2s ease;
}
.pagination ul > li > a:hover {
    background: var(--accent) !important;
    color: #fff !important;
    border-color: var(--accent) !important;
    transform: translateY(-1px);
    box-shadow: 0 3px 8px rgba(79,142,247,0.2);
}
.pagination ul > .active > span {
    background: var(--accent) !important;
    color: #fff !important;
    border-color: var(--accent) !important;
    border-radius: 8px !important;
    font-weight: 500;
}
.pagination ul > li.next-page a {
    background: var(--accent-light) !important;
    border-color: var(--accent-light) !important;
    color: var(--accent) !important;
    font-weight: 500;
}
.pagination ul > li.next-page a:hover {
    background: var(--accent) !important;
    color: #fff !important;
    border-color: var(--accent) !important;
}
.pagination ul > li.tj span {
    background: transparent !important;
    border: none !important;
    color: var(--text-muted) !important;
    font-size: 12px !important;
    padding: 6px 8px !important;
}

/* ============================================
   微语/公告页面 - 全面现代化
   ============================================ */

/* 微语容器 */
.container-page .content {
    background: var(--bg-card) !important;
    border: none !important;
    border-radius: var(--radius-md) !important;
    box-shadow: var(--shadow-sm) !important;
    padding: 20px !important;
}

/* 公告标题 */
.title-tw {
    background: var(--accent-light) !important;
    border-left: 4px solid var(--accent) !important;
    border-radius: var(--radius-sm) !important;
    color: var(--text-primary) !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    height: auto !important;
    line-height: 1.6 !important;
    padding: 10px 16px !important;
    margin: 0 0 16px !important;
}
.title-tw i {
    color: var(--accent) !important;
    margin-right: 6px;
}

/* 微语列表整体 */
.twiter {
    margin: 0 !important;
    padding: 0 !important;
}

/* 微语时间线 - 左侧竖线 */
.twiter .comments::before {
    background: var(--accent-light) !important;
    width: 3px !important;
    border-radius: 2px !important;
}

/* 微语单条 */
.twiter .comment {
    padding: 0 0 20px 0 !important;
    margin: 0 0 20px 0 !important;
    border-bottom: 1px solid var(--border-light) !important;
    position: relative;
}
.twiter .comment:last-child {
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* 时间线圆点 */
.twiter .comment::before {
    width: 12px !important;
    height: 12px !important;
    border: 3px solid var(--bg-card) !important;
    border-radius: 100px !important;
    background: var(--accent) !important;
    box-shadow: 0 0 0 2px var(--accent-light) !important;
    margin: 16px 0 0 -5px !important;
    left: 57px !important;
    top: 4px !important;
    z-index: 2;
}

/* 微语头像 */
.twiter .comment-img {
    margin-right: 16px !important;
    border-radius: 50% !important;
    overflow: hidden;
    float: left;
}
.twiter .comment-img img {
    width: 46px !important;
    height: 46px !important;
    border-radius: 50% !important;
    border: 2px solid var(--accent-light) !important;
    object-fit: cover;
}

/* 微语内容区 */
.twiter .comment-body {
    overflow: hidden;
}

/* 微语文本气泡 */
.twiter .comment .text {
    background: var(--bg-card-hover) !important;
    border: 1px solid var(--border-light) !important;
    border-radius: var(--radius-sm) !important;
    padding: 12px 16px !important;
    position: relative;
    margin-left: 0 !important;
}
.twiter .comment .text::before {
    border-color: transparent var(--bg-card-hover) transparent transparent !important;
    border-width: 8px 8px 8px 0 !important;
    top: 14px !important;
    left: -7px !important;
    width: 0 !important;
    height: 0 !important;
    background: none !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
}
.twiter .comment .text p {
    color: var(--text-primary) !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    word-break: break-word;
}

/* 微语图片 */
.twiter .comment .text p img {
    border: none !important;
    border-radius: var(--radius-sm) !important;
    margin: 8px 0 0 !important;
    max-width: 100%;
    box-shadow: var(--shadow-sm);
}

/* 微语信息栏 */
.twiter_info {
    color: var(--text-muted) !important;
    font-size: 12px !important;
    margin-top: 8px !important;
    padding-top: 6px !important;
    display: flex;
    align-items: center;
    gap: 12px;
}
.twiter_author {
    color: var(--accent) !important;
    font-weight: 500;
    font-size: 13px !important;
    text-transform: none !important;
}
.twiter_time {
    color: var(--text-muted) !important;
    font-size: 12px !important;
}
.twiter_time i {
    color: var(--accent) !important;
    margin-right: 3px;
}

/* 微语条目 */
.twiter_list {
    background: transparent !important;
    margin-bottom: 0 !important;
    overflow: visible !important;
}

/* 微语分页 */
.page-tw {
    text-align: center;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--border-light);
}
.page-tw span {
    color: #fff !important;
    background: var(--accent) !important;
    border: none !important;
    border-radius: var(--radius-sm) !important;
    padding: 6px 16px !important;
    font-size: 13px;
}
.page-tw a {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-card) !important;
    border-radius: var(--radius-sm) !important;
    padding: 6px 16px !important;
    color: var(--text-secondary) !important;
    font-size: 13px;
    transition: all var(--transition);
}
.page-tw a:focus,
.page-tw a:hover {
    background: var(--accent-light) !important;
    color: var(--accent) !important;
    border-color: var(--accent-light) !important;
}

/* 左侧导航栏 */
.pi_left {
    display: none;
}
.container-page {
    max-width: 100%;
    width: 100%;
}
.container-page .cleft {
    width: 100% !important;
}

/* ============================================
   正文详情页 - 大幅加强
   ============================================ */

/* 文章整体容器间距 */
.article-content > .article-body {
    border: none !important;
    border-radius: var(--radius-md) var(--radius-md) 0 0 !important;
    padding: 32px 28px 0 !important;
    background: linear-gradient(135deg, #ffffff 0%, #fafcff 100%) !important;
    margin-bottom: 0 !important;
}
#post-box {
    margin: 0 !important;
}
.article-content > .article-box {
    border: none !important;
    border-radius: 0 0 var(--radius-md) var(--radius-md) !important;
    margin-bottom: 0 !important;
    padding: 20px 28px !important;
    background: #ffffff !important;
}

/* tag标签样式 */
.article-category {
    margin-bottom: 12px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
.article-category a,
.article-category a.tags {
    display: inline-block !important;
    background: var(--accent) !important;
    color: #fff !important;
    font-size: 12px !important;
    padding: 3px 12px !important;
    border-radius: 20px !important;
    font-weight: 500;
    transition: all var(--transition);
    text-decoration: none !important;
}
.article-category a:hover,
.article-category a.tags:hover {
    background: var(--accent-dark) !important;
    color: #fff !important;
    transform: translateY(-1px);
}

/* 面包屑 - 靠右显示 */
.article-breadcrumb {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 12px !important;
    margin-left: auto;
}
.article-breadcrumb a {
    color: var(--text-muted) !important;
    text-decoration: none;
    transition: color var(--transition);
}
.article-breadcrumb a:hover {
    color: var(--accent) !important;
}
.article-breadcrumb .breadcrumb-sep {
    color: var(--text-muted);
    opacity: 0.4;
    font-size: 11px;
}
.article-breadcrumb .breadcrumb-current {
    color: var(--text-muted) !important;
    font-weight: 500;
}

/* 文章标题 - 左对齐加粗 不省略（h2/h1 双兼容，主模板已改用 h1 利于SEO） */
.article-body h2.post-title,
.article-body h1.post-title,
#post-box .post-title {
    color: var(--text-primary) !important;
    font-size: 26px !important;
    font-weight: 800 !important;
    text-align: left !important;
    line-height: 1.45 !important;
    padding: 0 0 16px !important;
    margin-left: 0 !important;
    -webkit-box-reflect: unset !important;
    border-bottom: none !important;
    letter-spacing: 0.5px;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: unset !important;
    display: block !important;
    word-break: break-word;
    overflow-wrap: break-word;
    width: auto !important;
    height: auto !important;
}

/* 作者区块：头像 + (昵称/时间) 两行，面包屑靠右 */
.article-author-block {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}
.article-author-block .author-avatar {
    width: 40px;
    height: 40px;
    border-radius: 50% !important;
    object-fit: cover;
    border: 2px solid #fff;
    box-shadow: var(--shadow-sm);
    flex-shrink: 0;
}
.article-author-block .author-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.article-author-block .author-name {
    font-size: 14px;
    font-weight: 600;
}
.article-author-block .author-name a {
    color: var(--text-primary) !important;
    transition: color var(--transition);
    text-decoration: none;
}
.article-author-block .author-name a:hover {
    color: var(--accent) !important;
}
.article-author-block .meta-item {
    color: var(--text-muted) !important;
    font-size: 13px !important;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}
.article-author-block .meta-item i {
    color: var(--accent) !important;
    font-size: 13px;
}

/* 元信息行 */
.article-meta-row {
    display: flex;
    align-items: center;
    gap: 14px;
}

/* 兼容旧 article-meta 选择器 */
.article-meta {
    text-align: left;
    padding: 0 0 16px !important;
    border-bottom: none !important;
    margin-bottom: 0 !important;
}

/* 文章正文排版优化 */
.article-content .article-box .article-txt {
    font-size: 15px;
    line-height: 1.85;
    color: var(--text-primary);
}
.article-content .article-box .article-txt p {
    margin-bottom: 1.2em;
}
.article-content .article-box .article-txt img {
    border-radius: 8px !important;
    border: none !important;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06) !important;
    margin: 16px 0 !important;
    transition: box-shadow var(--transition);
}
.article-content .article-box .article-txt img:hover {
    box-shadow: 0 4px 20px rgba(0,0,0,0.12) !important;
}
.article-content .article-box .article-txt a {
    color: var(--accent);
    word-break: break-all;
}
.article-content .article-box .article-txt a:hover {
    text-decoration: underline;
}

/* 本文摘要区 - 紧贴meta下方，简洁分割 */
.article-content > .article-box.about {
    background: none !important;
    border: none !important;
    border-top: 1px solid var(--border-light) !important;
    border-radius: 0 !important;
    padding: 12px 0 0 !important;
    margin: 0 !important;
    font-size: 13px !important;
    color: var(--text-muted) !important;
    box-shadow: none !important;
    line-height: 1.7;
}
.article-content > .article-box.about b {
    color: var(--accent) !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    letter-spacing: 0.5px;
}
.article-content > .article-box.about .markdown {
    color: #6b7a94 !important;
    font-style: italic !important;
}

/* 正文内容区加强 */
.context {
    font-size: 15px !important;
    line-height: 1.85 !important;
    color: var(--text-primary) !important;
    padding: 5px 0 !important;
}

/* 正文标题 - 统一蓝色左边框 */
.context h1, .context h2, .context h3 {
    font-weight: 700 !important;
    margin: 24px -15px 14px !important;
    padding: 12px 16px !important;
    border-radius: var(--radius-sm) !important;
    background: var(--accent-light) !important;
    border: none !important;
    border-left: 4px solid var(--accent) !important;
    color: var(--text-primary) !important;
}
.context h1 { font-size: 20px !important; line-height: 1.5 !important; }
.context h2 { font-size: 18px !important; line-height: 1.5 !important; }
.context h3 { font-size: 16px !important; line-height: 1.5 !important; }
.context h4, .context h5, .context h6 {
    border: none !important;
    border-left: 4px solid var(--accent) !important;
    padding-left: 14px !important;
    margin: 18px -15px 10px !important;
    font-weight: 600 !important;
    color: var(--text-primary) !important;
}
.context h4 { font-size: 15px !important; }
.context h5 { font-size: 14px !important; }
.context h6 { font-size: 13px !important; }

/* 正文图片 */
.context img {
    border: none !important;
    border-radius: var(--radius-sm) !important;
    padding: 0 !important;
    margin-bottom: 16px !important;
    max-width: 100%;
    box-shadow: var(--shadow-sm);
}
.context img:hover {
    border-color: transparent !important;
    box-shadow: var(--shadow-md) !important;
}

/* 正文链接 */
.context a {
    color: var(--accent) !important;
    border-bottom: 1px solid transparent !important;
    transition: border-color var(--transition);
}
.context a:hover {
    border-bottom-color: var(--accent) !important;
}

/* 正文引用 */
.context blockquote {
    border-left: 4px solid var(--accent) !important;
    background: var(--accent-light) !important;
    border-radius: 0 var(--radius-sm) var(--radius-sm) 0 !important;
    padding: 12px 18px !important;
    margin: 16px 0 !important;
    color: var(--text-secondary) !important;
    font-size: 14px !important;
}

/* 正文代码 */
.context code {
    background: var(--accent-light) !important;
    color: var(--accent-dark) !important;
    border-radius: 4px !important;
    padding: 2px 6px !important;
    font-size: 13px !important;
}
.context pre {
    border-radius: var(--radius-sm) !important;
    border: 1px solid var(--border-light) !important;
    background: #1e1e2e !important;
}
.context pre code {
    background: transparent !important;
    color: #cdd6f4 !important;
}

/* 正文列表 */
.context ul, .context ol {
    padding-left: 24px !important;
    margin: 12px 0 !important;
}
.context li {
    margin-bottom: 6px !important;
    line-height: 1.7 !important;
}

/* 正文表格 */
.context table {
    border-collapse: collapse !important;
    width: 100% !important;
    margin: 16px 0 !important;
    border-radius: var(--radius-sm) !important;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
}
.context table th,
.context table td {
    border: 1px solid var(--border-light) !important;
    padding: 10px 14px !important;
    text-align: left;
}
.context table th {
    background: var(--accent-light) !important;
    color: var(--accent-dark) !important;
    font-weight: 600 !important;
}
.context table tr:nth-child(even) td {
    background: var(--bg-card-hover) !important;
}

/* 正文分隔线 */
.context hr {
    border: none !important;
    height: 1px !important;
    background: var(--border-light) !important;
    margin: 24px 0 !important;
}

/* 文章底部标签区 */
.echo_tag,
.article-content .tags,
.blog_bq + div .tags {
    display: flex !important;
    flex-wrap: wrap;
    gap: 8px;
    padding: 10px 0 !important;
    margin: 8px 0 0 !important;
    clear: both;
}
.echo_tag a,
.article-content .tags a {
    display: inline-block;
    padding: 4px 14px !important;
    background: var(--accent-light) !important;
    color: var(--accent-dark) !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    font-weight: 500;
    transition: all var(--transition);
    text-decoration: none;
}
.echo_tag a:before,
.article-content .tags a:before {
    content: "#";
    margin-right: 3px;
    opacity: 0.5;
}
.echo_tag a:hover,
.article-content .tags a:hover {
    background: var(--accent) !important;
    color: #fff !important;
    transform: translateY(-1px);
}

/* 点赞/打赏/分享按钮组 */
.shareBox {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    flex-wrap: wrap;
    gap: 12px !important;
    padding: 18px 0 !important;
    margin-bottom: 0 !important;
    margin-top: 10px !important;
    border-top: 1px solid var(--border-light);
    clear: both;
    position: relative !important;
    text-align: center !important;
}
.shareBox .sharebtn {
    width: auto !important;
    height: auto !important;
    line-height: 1.5 !important;
    border: 1px solid var(--border-card) !important;
    border-radius: 24px !important;
    background: var(--bg-card) !important;
    color: var(--text-secondary) !important;
    font-weight: 500 !important;
    padding: 10px 30px !important;
    font-size: 14px !important;
    min-width: 120px;
    text-align: center !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    box-shadow: none !important;
    transition: all var(--transition) !important;
    margin: 0 !important;
    text-decoration: none !important;
}
.shareBox .sharebtn:hover {
    transform: translateY(-2px) !important;
    box-shadow: var(--shadow-md) !important;
}
.shareBox .sharebtn i {
    margin-right: 5px;
}
/* 点赞按钮特殊色 */
.shareBox .abouts:hover {
    background: var(--accent) !important;
    color: #fff !important;
    border-color: var(--accent) !important;
}
/* 打赏按钮特殊色 */
.shareBox .pay-author {
    border-color: #ffab2e !important;
    color: #ffab2e !important;
}
.shareBox .pay-author:hover {
    background: #ffab2e !important;
    color: #fff !important;
    border-color: #ffab2e !important;
    box-shadow: 0 4px 12px rgba(255,171,46,0.25) !important;
}
/* 分享按钮特殊色 */
.shareBox .J_showAllShareBtn {
    border-color: #3496E6 !important;
    color: #3496E6 !important;
}
.shareBox .J_showAllShareBtn:hover {
    background: #3496E6 !important;
    color: #fff !important;
    border-color: #3496E6 !important;
    box-shadow: 0 4px 12px rgba(52,150,230,0.25) !important;
}

/* ---------- 弹窗通用 ---------- */
div.modal-mask {
    position: fixed !important;
    top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
    background: rgba(0, 0, 0, 0.4) !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
    z-index: 99999 !important;
    align-items: center !important;
    justify-content: center !important;
    animation: modalFadeIn 0.2s ease;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    /* display 由 JS 控制，不在此设置 */
}
@keyframes modalFadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
div.modal-mask div.modal-panel {
    background: #fff !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.15) !important;
    width: 400px !important;
    max-width: 92vw !important;
    overflow: hidden !important;
    animation: modalSlideIn 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    position: relative !important;
}
@keyframes modalSlideIn {
    from { transform: translateY(20px) scale(0.95); opacity: 0; }
    to { transform: translateY(0) scale(1); opacity: 1; }
}
div.modal-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 18px 24px !important;
    border-bottom: 1px solid rgba(0,0,0,0.06) !important;
    margin: 0 !important;
    background: transparent !important;
}
div.modal-header span {
    font-size: 17px !important;
    font-weight: 600 !important;
    color: var(--text-primary) !important;
}
a.modal-close {
    font-size: 24px !important;
    color: #999 !important;
    text-decoration: none !important;
    line-height: 1 !important;
    width: 32px !important;
    height: 32px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    transition: all 0.2s !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
a.modal-close:hover {
    color: #f45b69 !important;
    background: #fff0f0 !important;
}
div.modal-body {
    padding: 28px 24px 32px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
}

/* 打赏弹窗 */
ul.reward-list {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important;
    gap: 20px !important;
    flex-wrap: wrap !important;
    width: 100% !important;
}
ul.reward-list li {
    text-align: center !important;
    flex: 0 0 auto !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    display: block !important;
    width: auto !important;
}
ul.reward-list li a {
    display: block !important;
    border: 2px solid #e8e8e8 !important;
    border-radius: 10px !important;
    padding: 8px !important;
    transition: all 0.25s ease !important;
    overflow: hidden !important;
    width: 130px !important;
    background: #fff !important;
    margin: 0 auto !important;
    box-shadow: none !important;
}
ul.reward-list li a:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08) !important;
}
ul.reward-list li.alipay a { border-color: #d6e8ff !important; }
ul.reward-list li.alipay a:hover { border-color: #1677ff !important; }
ul.reward-list li.weixinpay a { border-color: #d6f5de !important; }
ul.reward-list li.weixinpay a:hover { border-color: #07c160 !important; }
ul.reward-list li.txpay a { border-color: #e8d6ff !important; }
ul.reward-list li.txpay a:hover { border-color: #722ed1 !important; }
ul.reward-list li img {
    width: 110px !important;
    height: auto !important;
    border: none !important;
    padding: 0 !important;
    border-radius: 6px !important;
    display: block !important;
    margin: 0 auto !important;
    background: transparent !important;
    box-shadow: none !important;
}
ul.reward-list li b {
    display: block !important;
    font-weight: 500 !important;
    margin-top: 10px !important;
    font-size: 12px !important;
    padding: 4px 16px !important;
    border-radius: 12px !important;
    color: #fff !important;
    text-align: center !important;
    line-height: 1.5 !important;
    background: #999 !important;
}
ul.reward-list li.alipay b { background: #1677ff !important; }
ul.reward-list li.weixinpay b { background: #07c160 !important; }
ul.reward-list li.txpay b { background: #722ed1 !important; }

/* 分享弹窗 */
ul.share-list {
    list-style: none !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important;
    gap: 30px !important;
    flex-wrap: wrap !important;
    width: 100% !important;
}
ul.share-list li {
    text-align: center !important;
    cursor: pointer !important;
    transition: transform 0.25s ease !important;
    width: 64px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    display: block !important;
}
ul.share-list li:hover {
    transform: translateY(-3px) !important;
}
ul.share-list li i {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 56px !important;
    height: 56px !important;
    border-radius: 50% !important;
    font-size: 24px !important;
    color: #fff !important;
    margin: 0 auto 10px !important;
    transition: box-shadow 0.25s ease !important;
    font-style: normal !important;
    line-height: 56px !important;
    text-align: center !important;
}
ul.share-list li:hover i {
    box-shadow: 0 4px 16px rgba(0,0,0,0.18) !important;
}
ul.share-list li.s-weixin i { background: #07c160 !important; }
ul.share-list li.s-weibo i { background: #e6162d !important; }
ul.share-list li.s-qzone i { background: #fece00 !important; color: #333 !important; }
ul.share-list li.s-note i { background: #12b7f5 !important; }
ul.share-list li span {
    font-size: 12px !important;
    color: #666 !important;
    display: block !important;
    text-align: center !important;
}

/* 版权声明区 - 现代化 */
.copyright-box {
    width: 100%;
    box-sizing: border-box;
    margin: 16px 0 20px;
    padding: 16px 20px;
    border-radius: var(--radius-sm) !important;
    background: var(--accent-light) !important;
    border: 1px solid rgba(79, 142, 247, 0.12) !important;
    text-align: center;
    color: var(--accent-dark) !important;
    font-size: 13px !important;
    line-height: 1.8 !important;
}

/* 作者信息栏 */
.article-return {
    margin-top: 14px;
}
.article-right {
    border: none !important;
    border-radius: var(--radius-md) !important;
    padding: 20px !important;
    background: var(--bg-card) !important;
}
.athuor-info {
    display: flex;
    align-items: center;
    gap: 14px;
}
.athuor-info .athuor-avatar {
    width: 48px;
    height: 48px;
    border-radius: 50% !important;
    object-fit: cover;
    border: 2px solid #fff;
    box-shadow: var(--shadow-sm);
    flex-shrink: 0;
}
.athuor-info .athuor-meta {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.athuor-info .athuor-name {
    font-size: 15px;
    font-weight: 600;
}
.athuor-info .athuor-name a {
    color: var(--text-primary) !important;
    text-decoration: none;
    transition: color var(--transition);
}
.athuor-info .athuor-name a:hover {
    color: var(--accent) !important;
}
.athuor-info .athuor-gender {
    font-size: 13px;
    color: var(--text-muted);
}
.athuor-info .athuor-gender .layui-icon-male {
    color: #4f8ef7;
}
.athuor-info .athuor-gender .layui-icon-female {
    color: #f472b6;
}
.athuor-info .athuor-btns {
    margin-left: auto;
    display: flex;
    gap: 10px;
    flex-shrink: 0;
}
.athuor-info .athuor-btns a {
    border: 1px solid var(--border-card) !important;
    border-radius: 20px !important;
    color: var(--text-secondary) !important;
    font-size: 13px !important;
    padding: 0 18px !important;
    height: 34px !important;
    line-height: 34px !important;
    text-decoration: none;
    display: inline-block;
    transition: all var(--transition);
    white-space: nowrap;
}
.athuor-info .athuor-btns a:hover {
    background: var(--accent) !important;
    color: #fff !important;
    border-color: var(--accent) !important;
}

/* 上下篇导航 - 封面背景卡片 */
.neighbor-wrap {
    display: flex;
    gap: 14px;
    margin-top: 12px;
}
.neighbor-card {
    flex: 1;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100px;
    border-radius: var(--radius-md);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: var(--bg-card-hover);
    overflow: hidden;
    text-decoration: none;
    padding: 15px;
    box-sizing: border-box;
    transition: transform var(--transition), box-shadow var(--transition);
}
.neighbor-card:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
}
.neighbor-card .neighbor-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.35);
    z-index: 1;
    pointer-events: none;
}
.neighbor-card.neighbor-empty {
    background: var(--bg-card-hover);
    cursor: default;
}
.neighbor-card.neighbor-empty .neighbor-overlay {
    background: none;
}
.neighbor-card .neighbor-title {
    position: relative;
    z-index: 2;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-shadow: 0 1px 3px rgba(0,0,0,0.4);
}
.neighbor-card.neighbor-empty .neighbor-title {
    color: var(--text-muted);
    text-shadow: none;
}
.neighbor-card .neighbor-info {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.neighbor-card .neighbor-label {
    color: rgba(255,255,255,0.85);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1px;
}
.neighbor-card.neighbor-empty .neighbor-label {
    color: var(--text-muted);
}
.neighbor-card .neighbor-time {
    color: rgba(255,255,255,0.7);
    font-size: 12px;
}

/* 推荐文章 */
.article-recommend {
    border: none !important;
    border-radius: var(--radius-md) !important;
    padding: 20px !important;
    margin-bottom: 12px !important;
    background: var(--bg-card) !important;
}
.article-recommend h3 {
    border-bottom: 1px solid var(--border-light) !important;
    color: var(--text-primary) !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    padding-bottom: 12px !important;
    margin-bottom: 12px !important;
}
.article-recommend .title {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 0 !important;
    width: 50% !important;
    float: left;
    transition: padding var(--transition);
}
.article-recommend .title:hover {
    padding-left: 6px !important;
}
.article-recommend .title span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 50% !important;
    font-size: 12px !important;
    font-weight: 600;
    color: #fff !important;
    flex-shrink: 0;
}
.article-recommend .title .s-1 { background: var(--danger) !important; }
.article-recommend .title .s-2 { background: var(--accent) !important; }
.article-recommend .title .s-3 { background: var(--success) !important; }
.article-recommend .title .s-4 { background: var(--warning) !important; }
.article-recommend .title .s-5 { background: var(--text-muted) !important; }
.article-recommend .title .s-6 { background: var(--text-muted) !important; }
.article-recommend .title a {
    color: var(--text-primary) !important;
    font-size: 14px !important;
    transition: color var(--transition);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
    min-width: 0;
}
.article-recommend .title a:hover {
    color: var(--accent) !important;
}

/* 评论区域 */
.ribbon-comment {
    border: none !important;
    border-radius: var(--radius-md) !important;
    padding: 18px !important;
    margin-bottom: 12px !important;
}
.ribbon-comment h3 {
    border-bottom: 1px solid var(--border-light) !important;
    color: var(--text-primary) !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    padding-bottom: 12px !important;
}

/* 评论表单工具栏 */
.fly-edit {
    border: 1px solid var(--border-light) !important;
    border-radius: var(--radius-sm) var(--radius-sm) 0 0 !important;
    background: var(--bg-card-hover) !important;
}
.fly-edit span {
    color: var(--text-muted) !important;
    transition: color var(--transition), background var(--transition);
}
.fly-edit span:hover {
    color: var(--accent) !important;
}

/* 评论输入框 */
#comment-input input {
    border: 1px solid var(--border-card) !important;
    border-radius: var(--radius-sm) !important;
    background: var(--bg-card) !important;
    padding: 8px 14px !important;
    height: 40px !important;
    transition: border-color var(--transition), box-shadow var(--transition);
}
#comment-input input:focus {
    border-color: var(--accent) !important;
    box-shadow: 0 0 0 3px var(--accent-light) !important;
}
#comment-input #comname,
#comment-input #comurl {
    border-left: 1px solid var(--border-card) !important;
}

/* 评论文本框 */
#comment {
    border: 1px solid var(--border-card) !important;
    border-radius: 0 0 var(--radius-sm) var(--radius-sm) !important;
    background-image: none !important;
    background: var(--bg-card) !important;
    padding: 12px 14px !important;
}
#comment:focus {
    border-color: var(--accent) !important;
    box-shadow: 0 0 0 3px var(--accent-light) !important;
    background: var(--bg-card) !important;
}

/* 提交按钮 */
.form-submit {
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    flex-wrap: wrap !important;
    padding: 10px 0 !important;
}
.form-submit #comment_submit {
    border: none !important;
    border-radius: var(--radius-sm) !important;
    background: var(--accent) !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 0 28px !important;
    height: 40px !important;
    line-height: 40px !important;
    float: none !important;
    width: auto !important;
    cursor: pointer;
    transition: all var(--transition);
}
.form-submit #comment_submit:hover {
    background: var(--accent-dark) !important;
    transform: translateY(-1px);
    box-shadow: var(--shadow-md);
}

/* 验证码区域 */
span.commentimgcode {
    position: static !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    border: 1px solid var(--border-card) !important;
    border-radius: var(--radius-sm) !important;
    padding: 4px 10px !important;
    background: var(--bg-card) !important;
    box-shadow: none !important;
    top: auto !important;
    margin-right: 0 !important;
}
span.commentimgcode img.captcha {
    width: 80px !important;
    height: 32px !important;
    border-radius: 4px !important;
    border: 1px solid var(--border-light) !important;
    cursor: pointer;
    vertical-align: middle !important;
}
span.commentimgcode input.captcha_input {
    width: 70px !important;
    height: 32px !important;
    line-height: 32px !important;
    border: 1px solid var(--border-card) !important;
    border-radius: 4px !important;
    padding: 0 8px !important;
    font-size: 13px !important;
    text-align: center !important;
    outline: none !important;
    background: var(--bg-card) !important;
    vertical-align: middle !important;
}
span.commentimgcode input.captcha_input:focus {
    border-color: var(--accent) !important;
    box-shadow: 0 0 0 2px var(--accent-light) !important;
}

/* 评论列表 */
.comments-list > li {
    border-bottom: 1px solid var(--border-light) !important;
    padding: 14px 10px !important;
    margin-bottom: 0 !important;
    transition: background var(--transition);
}
.comments-list > li:after { display: none !important; }
.comments-list > li:hover {
    background: var(--bg-card-hover);
}
.comments-list li > .comment-box .avatar {
    border: none !important;
    padding: 0 !important;
    border-radius: 50% !important;
    width: 44px !important;
    height: 44px !important;
    box-shadow: var(--shadow-sm);
}
.comments-list li > .comment-box .avatar img {
    border-radius: 50% !important;
    width: 44px !important;
    height: 44px !important;
    border: none !important;
    padding: 0 !important;
}
.comments-list.show-avatars li > .comment-box > .right-box {
    padding-left: 56px !important;
}
.comments-list li .right-box > .comment-meta .author {
    color: var(--text-primary) !important;
    font-weight: 600 !important;
    font-size: 14px !important;
}
.comments-list li .right-box > p {
    color: var(--text-secondary) !important;
    line-height: 1.7 !important;
    font-size: 14px !important;
}
.comments-list li .right-box > .time,
.comments-list li .right-box p.time {
    color: var(--text-muted) !important;
    font-size: 12px !important;
}
.comments-list li .right-box > .comment-meta .reply i {
    color: var(--accent) !important;
    visibility: visible !important;
    opacity: 1 !important;
    font-style: normal !important;
    font-size: 12px !important;
}

/* 子评论 */
.comments-list li > .children > li {
    border-top: 1px dashed var(--border-light) !important;
    padding-top: 10px !important;
}

/* 评论等级标签 */
.comment-info .member,
.comment-info .tourist,
.comment-info .admin {
    border-radius: 4px !important;
    opacity: 1 !important;
    font-size: 11px !important;
    padding: 1px 6px !important;
}

/* 取消回复按钮 */
.cancel-reply a {
    border-radius: var(--radius-sm) !important;
    background: var(--accent) !important;
    font-size: 13px !important;
    padding: 4px 12px !important;
}

/* 评论分页 */
.comments-list-nav span {
    background: var(--accent) !important;
    border: none !important;
    border-radius: var(--radius-sm) !important;
    box-shadow: none !important;
    width: auto !important;
    padding: 4px 12px !important;
}
.page-navi a {
    background: var(--bg-card) !important;
    box-shadow: none !important;
    border: 1px solid var(--border-card) !important;
    border-radius: var(--radius-sm) !important;
    width: auto !important;
    padding: 4px 12px !important;
    color: var(--text-secondary) !important;
    transition: all var(--transition);
}
.page-navi a:hover {
    background: var(--accent-light) !important;
    color: var(--accent) !important;
    border-color: var(--accent-light) !important;
}
.page-navi .current {
    background: var(--accent) !important;
    color: #fff !important;
}

/* 评论头部 */
.panel-header {
    background: var(--bg-card-hover) !important;
    border-radius: var(--radius-sm) var(--radius-sm) 0 0 !important;
    padding: 10px 16px !important;
    margin: 0 !important;
}
.log_h3 {
    font-size: 16px !important;
    color: var(--text-primary) !important;
    font-weight: 600 !important;
    padding: 4px 0 !important;
}
.log_h3 .layui-icon {
    color: var(--accent) !important;
}
.right {
    color: var(--text-muted) !important;
    margin-top: -22px !important;
    padding-right: 16px !important;
}
.comments-number {
    background: var(--accent-light) !important;
    color: var(--accent) !important;
    padding: 2px 8px !important;
    border-radius: 10px !important;
    font-size: 12px !important;
}

/* 验证码 */
.commentimgcode img {
    border-radius: var(--radius-sm) !important;
    border: 1px solid var(--border-light) !important;
}
.commentimgcode input {
    border: 1px solid var(--border-card) !important;
    border-radius: var(--radius-sm) !important;
    padding: 4px 8px !important;
}

/* 广告位 */
.add-gg {
    border: none !important;
    border-radius: var(--radius-md) !important;
    overflow: hidden;
    box-shadow: var(--shadow-sm) !important;
}

/* ========== 影视内容页 ========== */
/* 播放页标题 */
.mv4 h4 {
    background: var(--accent-light) !important;
    border-left: 4px solid var(--accent) !important;
    padding: 10px 16px !important;
    border-radius: var(--radius-sm) !important;
    color: var(--text-primary) !important;
    font-weight: 600 !important;
}
.mv-info-card {
    background: var(--bg-card) !important;
    border-radius: var(--radius-md) !important;
    box-shadow: var(--shadow-md) !important;
    padding: 28px !important;
    margin-bottom: 20px !important;
}
.mv-info-top {
    display: flex !important;
    gap: 28px !important;
    align-items: flex-start !important;
}
.mv-poster {
    flex-shrink: 0 !important;
    width: 180px !important;
}
.mv-poster img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 3/4 !important;
    object-fit: cover !important;
    border-radius: var(--radius-sm) !important;
    box-shadow: var(--shadow-md) !important;
    transition: transform var(--transition) !important;
}
.mv-poster img:hover {
    transform: scale(1.02) !important;
}
.mv-detail {
    flex: 1 !important;
    min-width: 0 !important;
}
.mv-title {
    font-size: 22px !important;
    font-weight: 700 !important;
    color: var(--text-primary) !important;
    line-height: 1.4 !important;
    margin: 0 0 16px !important;
    padding-bottom: 14px !important;
    border-bottom: 1px solid var(--border-light) !important;
}
.mv-meta-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px 24px !important;
}
.mv-meta-item {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
}
.mv-meta-label {
    color: var(--text-muted) !important;
    white-space: nowrap !important;
}
.mv-meta-label::after {
    content: '：' !important;
}
.mv-meta-value {
    color: var(--text-secondary) !important;
    font-weight: 500 !important;
}
.mv-meta-value a {
    display: inline-block !important;
    padding: 2px 10px !important;
    border-radius: 4px !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: all var(--transition) !important;
}
.mv-meta-value a:nth-child(6n+1) { background: #eef3ff; color: #4f8ef7; }
.mv-meta-value a:nth-child(6n+2) { background: #e8f8ef; color: #34c77b; }
.mv-meta-value a:nth-child(6n+3) { background: #fff3e8; color: #f5a623; }
.mv-meta-value a:nth-child(6n+4) { background: #fde8ea; color: #f45b69; }
.mv-meta-value a:nth-child(6n+5) { background: #eee8fc; color: #7c5cbf; }
.mv-meta-value a:nth-child(6n+6) { background: #e8f4fd; color: #3496e6; }
.mv-meta-value a:hover {
    opacity: 0.85 !important;
    transform: translateY(-1px) !important;
}
.mv-synopsis {
    margin-top: 24px !important;
    padding-top: 20px !important;
    border-top: 1px solid var(--border-light) !important;
}
.mv-synopsis h4,
.mv-routes h4 {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: var(--text-primary) !important;
    margin: 0 0 14px !important;
    padding-left: 12px !important;
    border-left: 3px solid var(--accent) !important;
    line-height: 1 !important;
}
.mv-synopsis-text {
    font-size: 14px !important;
    line-height: 1.8 !important;
    color: var(--text-secondary) !important;
}
.mv-routes {
    margin-top: 24px !important;
    padding-top: 20px !important;
    border-top: 1px solid var(--border-light) !important;
}
.mv-route-list {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}
.spbut.ys {
    border-radius: 20px !important;
    border: 1px solid var(--border-card) !important;
    background: var(--bg-card) !important;
    color: var(--text-secondary) !important;
    padding: 8px 22px !important;
    font-size: 13px !important;
    transition: all var(--transition) !important;
    text-decoration: none !important;
    display: inline-block !important;
}
.spbut.ys:hover {
    background: var(--accent) !important;
    color: #fff !important;
    border-color: var(--accent) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(25,133,255,0.25) !important;
}
/* 播放器响应式容器（替代原固定500px的p标签） */
.mv-player-box {
    width: 100%;
    box-sizing: border-box;
    position: relative;
    padding-top: 56.25%; /* 16:9 */
    height: 0;
    overflow: hidden;
    border-radius: var(--radius-sm);
    background: #000;
}
.mv-player-box iframe,
.mv-player-box #play_video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}
.fanhui {
    display: flex !important;
    width: 100% !important;
    box-sizing: border-box;
    clear: both;
    margin: 14px 0 6px;
}
.fanhui a {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    border-radius: var(--radius-sm) !important;
    padding: 10px 22px !important;
    color: var(--accent) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    border: 1px solid var(--accent) !important;
    transition: all var(--transition) !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
}
.fanhui a:hover {
    background: var(--accent) !important;
    color: #fff !important;
}
/* 正文内插件钩子之后的区块宽度防御（标签/分享等） */
.article-txt > .shareBox,
.article-txt > .article-category,
.article-txt > .mv-routes {
    width: 100%;
    box-sizing: border-box;
    clear: both;
}
/* 兼容旧 .logtop (播放页回退线路区) */
.logtop {
    background: var(--bg-card) !important;
    border-radius: var(--radius-md) !important;
    padding: 16px !important;
}
@media (max-width: 768px) {
    .mv-info-card { padding: 18px !important; }
    .mv-info-top { flex-direction: column !important; gap: 18px !important; }
    .mv-poster { width: 140px !important; margin: 0 auto !important; }
    .mv-title { font-size: 18px !important; margin-bottom: 12px !important; }
    .mv-meta-grid { gap: 6px 16px !important; }
    .mv-meta-item { font-size: 12px !important; }
    .mv-synopsis-text { font-size: 13px !important; }
    .spbut.ys { padding: 6px 16px !important; font-size: 12px !important; }
    .fanhui a { padding: 8px 14px !important; font-size: 13px !important; }
}

/* ---------- 归档 ---------- */
.archives h4 { color: var(--text-primary) !important; }

/* ---------- 自定义侧边栏推荐 ---------- */
.widget_product {
    border-radius: var(--radius-md) !important;
    overflow: hidden;
}
.widget .widget_product img {
    border-radius: var(--radius-md) var(--radius-md) 0 0 !important;
}

/* ---------- 日历 ---------- */
.widget_calendar {
    border-radius: var(--radius-md) !important;
}
.widget_calendar table tbody td,
.widget_calendar table tfoot td,
.widget_calendar table thead th {
    border: 1px solid var(--border-light) !important;
}

/* ---------- 通用按钮美化 ---------- */
.btn-primary {
    background-color: var(--accent) !important;
    border-radius: var(--radius-sm) !important;
    border: none !important;
    transition: all var(--transition);
}
.btn-primary:hover {
    background: var(--accent-dark) !important;
    transform: translateY(-1px);
}

/* ---------- 信息提示 ---------- */
.c-message {
    border-radius: var(--radius-md) !important;
    border: none !important;
    box-shadow: var(--shadow-lg) !important;
}

/* ---------- layui 弹窗覆盖 ---------- */
.layui-layer {
    border-radius: var(--radius-lg) !important;
    overflow: hidden;
}

/* ---------- 移动端适配 ---------- */
@media only screen and (max-width: 767px) {
    .content-list {
        border-radius: var(--radius-sm) !important;
    }
    .posts-gallery-img {
        border-radius: var(--radius-sm);
    }
    .posts-gallery-img img {
        border-radius: var(--radius-sm);
    }
    .article-content .article-body {
        border-radius: var(--radius-sm) !important;
        padding: 20px 16px !important;
    }
    .article-body h2.post-title,
    .article-body h1.post-title {
        font-size: 20px !important;
        padding: 0 0 12px !important;
    }
    .article-breadcrumb {
        font-size: 11px !important;
    }
    .article-author-block .author-avatar {
        width: 34px;
        height: 34px;
    }
    .article-author-block .author-name {
        font-size: 13px;
    }
    .article-author-block .meta-item {
        font-size: 12px !important;
    }
    .article-meta-row {
        gap: 8px;
    }
    .article-content .article-box {
        padding: 12px 14px !important;
    }
    .article-content .article-box.about {
        padding: 12px 14px !important;
        font-size: 13px !important;
    }
    .widget,
    #sidebar .sidebar-box {
        border-radius: var(--radius-sm) !important;
    }
    .footer {
        border-radius: var(--radius-sm) var(--radius-sm) 0 0 !important;
        margin-bottom: 52px;
    }
    .divbox #nav-toggle {
        display: inline-flex;
    }
    .divbox .fly-search-s.sjxs {
        display: inline-flex;
    }
    /* 移动端：blogger_footer 不换行 */
    .blogger_footer {
        display: flex !important;
        flex-wrap: nowrap !important;
    }
    .blogger_footer li {
        flex: 1;
    }
    /* 移动端：文章标签折叠 */
    .echo_tag a,
    .article-content .tags a {
        font-size: 11px !important;
        padding: 3px 10px !important;
    }
    .shareBox {
        gap: 6px !important;
    }
    .shareBox a {
        font-size: 12px !important;
        padding: 0 12px !important;
        height: 34px !important;
        line-height: 34px !important;
    }
    .article-right {
        padding: 14px !important;
    }
    .athuor-info {
        flex-wrap: wrap;
        gap: 10px;
    }
    .athuor-info .athuor-avatar {
        width: 40px;
        height: 40px;
    }
    .athuor-info .athuor-name {
        font-size: 14px;
    }
    .athuor-info .athuor-btns {
        flex-basis: 100%;
        margin-left: 0;
        justify-content: flex-start;
    }
    .nav-single {
        border-radius: var(--radius-sm) !important;
    }
    .neighbor-wrap {
        flex-direction: column;
        gap: 10px;
    }
    .neighbor-card {
        height: 100px;
        padding: 12px;
    }
    .neighbor-card .neighbor-title {
        font-size: 14px;
    }
    .article-recommend {
        padding: 14px !important;
    }
    .article-recommend .title {
        width: 100% !important;
        float: none;
        padding: 7px 0 !important;
    }
    .copyright-box {
        font-size: 12px !important;
        padding: 10px 14px !important;
    }
    .article-content .article-box .article-txt {
        font-size: 14px !important;
        line-height: 1.8 !important;
    }
    .blogger_footer li {
        flex: 1;
        min-width: 0;
    }
    .blogger_footer li strong {
        font-size: 15px !important;
    }
    .blogger_footer li span {
        font-size: 11px !important;
    }
    /* 移动端：最新文章序号标签 */
    .rank-num {
        margin-left: 10px !important;
        width: 16px !important;
        height: 16px !important;
        font-size: 10px !important;
    }
    /* 移动端：最新评论 */
    .sidebar-comments-list > li a.meta-tips {
        padding: 10px 14px !important;
    }
    .sidebar-comments-list > li img.avatar {
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
    }
    .sidebar-comments-list > li .right-box {
        display: flex;
        flex-direction: column;
        gap: 3px;
    }
    .sidebar-comments-list > li .commenter {
        max-width: 70px !important;
    }
    .sidebar-comments-list > li .comment-text {
        white-space: normal !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    /* 移动端：widget-title 蓝色竖条 */
    #sidebar .sidebar-box h3,
    .widget h3,
    .widget .widget-title h3 {
        padding-left: 26px !important;
        font-size: 14px !important;
    }
    #sidebar .sidebar-box h3::before,
    .widget h3::before,
    .widget .widget-title h3::before {
        width: 3px !important;
        height: 14px !important;
        left: 14px !important;
    }

    /* ---------- 移动端：文章卡片列表优化 ---------- */
    .posts-gallery-box {
        display: flex;
        gap: 12px;
        padding: 12px !important;
    }
    .posts-gallery-img {
        width: 110px;
        height: 80px;
        flex-shrink: 0;
        border-radius: 8px;
        float: none !important;
    }
    .posts-gallery-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 8px;
    }
    .posts-gallery-content {
        flex: 1;
        min-width: 0;
        margin-left: 0 !important;
        display: flex;
        flex-direction: column;
    }
    .posts-gallery-content h2 {
        font-size: 15px !important;
        margin-bottom: 4px !important;
    }
    .posts-gallery-header .post-entry-categories {
        display: none !important;
    }
    .posts-gallery-header h2 {
        width: 100% !important;
    }
    .ico-eye,
    .ico-comnum { display: none !important; }
    .posts-info-meta .ico-eye,
    .posts-info-meta .ico-comnum { display: none !important; }
    .posts-info-meta .info-right .ico-eye,
    .posts-info-meta .info-right .ico-comnum { display: none !important; }
    .post-entry-categories {
        margin-bottom: 3px;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
        padding-bottom: 2px;
    }
    .post-entry-categories::-webkit-scrollbar {
        height: 2px;
    }
    .post-entry-categories::-webkit-scrollbar-thumb {
        background: #ccc;
        border-radius: 2px;
    }
    .post-entry-categories a {
        font-size: 10px !important;
        padding: 1px 6px !important;
        display: inline-block;
    }
    .posts-gallery-info {
        margin-top: auto !important;
        padding-top: 6px !important;
        border-top: none !important;
        position: static !important;
    }
    .posts-info-meta {
        display: flex !important;
        align-items: center;
        justify-content: space-between;
    }
    .posts-info-meta span {
        font-size: 11px !important;
        margin: 0 !important;
    }
    .posts-info-meta .post-author {
        padding-left: 0 !important;
    }
    .posts-info-meta .avatar {
        width: 18px;
    }
    .posts-info-meta .avatar img {
        width: 18px !important;
        height: 18px !important;
    }
    .posts-info-meta .info-left {
        gap: 8px;
    }
    .posts-info-meta .info-right {
        gap: 8px;
    }
    .posts-info-meta .ico-eye,
    .posts-info-meta .ico-comnum {
        display: none !important;
    }
    .posts-info-meta .info-right .ico-eye,
    .posts-info-meta .info-right .ico-comnum {
        display: none !important;
    }
}

/* ============================================
   全局高优先级覆盖 - 修复旧CSS冲突
   ============================================ */

/* 覆盖 #sidebar .sidebar-box ul li:hover{margin-left:9pt} */
#sidebar .sidebar-box .sidebar-posts-list > li:hover,
#sidebar .sidebar-box .sidebar-hot-list > li:hover,
#sidebar .sidebar-box .sidebar-comments-list > li:hover,
#sidebar .sidebar-box .stat-grid > li:hover {
    margin-left: 0 !important;
}

/* 覆盖 #sidebar .sidebar-box ul li span{background:#ccc;color:#fff} */
#sidebar .sidebar-box .sidebar-posts-list > li .rank-num {
    background: var(--border-card) !important;
    color: var(--text-muted) !important;
    margin-right: 6px !important;
}
#sidebar .sidebar-box .sidebar-posts-list > li .rank-num.rank-1 { background: #ff3355 !important; color: #fff !important; }
#sidebar .sidebar-box .sidebar-posts-list > li .rank-num.rank-2 { background: #ffa41b !important; color: #fff !important; }
#sidebar .sidebar-box .sidebar-posts-list > li .rank-num.rank-3 { background: #1985ff !important; color: #fff !important; }

#sidebar .sidebar-box .sidebar-hot-list .hot-meta span {
    background: transparent !important;
    color: var(--text-muted) !important;
    padding: 0 !important;
    margin-right: 0 !important;
    border-radius: 0 !important;
    font-size: 11px !important;
}

#sidebar .sidebar-box .sidebar-comments-list .commenter {
    padding: 1px 6px !important;
    border-radius: 3px !important;
    margin-right: 0 !important;
}
#sidebar .sidebar-box .sidebar-comments-list .commenter.comment_admin {
    background: rgba(255, 51, 85, 0.1) !important;
    color: #ff3355 !important;
}
#sidebar .sidebar-box .sidebar-comments-list .commenter.comment_writer {
    background: rgba(25, 133, 255, 0.1) !important;
    color: #1985ff !important;
}
#sidebar .sidebar-box .sidebar-comments-list .commenter.comment_visitor {
    background: rgba(0, 0, 0, 0.04) !important;
    color: var(--text-muted) !important;
}

/* 覆盖 .stat-footer span */
#sidebar .sidebar-box .stat-footer span {
    background: transparent !important;
    color: var(--text-muted) !important;
    padding: 0 !important;
    font-size: 11px !important;
}

/* 覆盖评论区域的旧 span 样式 */
#sidebar .sidebar-box .sidebar-comments-list .comment-text {
    background: transparent !important;
    color: var(--text-muted) !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

/* 确保评论区域 flex 布局不被破坏 */
#sidebar .sidebar-box .sidebar-comments-list > li {
    display: block !important;
}
#sidebar .sidebar-box .sidebar-comments-list > li a.meta-tips {
    display: flex !important;
    align-items: flex-start !important;
}

/* 蓝色竖条在所有屏幕正常显示 */
#sidebar .sidebar-box h3,
.widget h3 {
    position: relative !important;
}
#sidebar .sidebar-box h3::before,
.widget > h3::before {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    width: 3px !important;
    height: 16px !important;
    background: #1985ff !important;
    border-radius: 2px !important;
    left: 16px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

/* ---------- 置顶标签 ---------- */
.new-post {
    display: inline-block;
    margin-left: 8px;
    padding: 1px 8px;
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    background: linear-gradient(135deg, #ff6b6b, #ee5a24);
    border-radius: 4px;
    vertical-align: middle;
    line-height: 1.6;
}

/* sidenav 分类竖条 - 定位在 .widget-title 上 */
.sidenav-widgets .widget_ui_sort .widget-title h3::before {
    display: none !important;
}
.sidenav-widgets .widget_ui_sort .widget-title h3 {
    border-left: none !important;
    padding-left: 10px !important;
}
.sidenav-widgets .widget_ui_sort .widget-title {
    position: relative !important;
}
.sidenav-widgets .widget_ui_sort .widget-title::before {
    content: '';
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 14px;
    background: #1985ff;
    border-radius: 2px;
    z-index: 1;
}
/* 分类等 .widget-title h3 的竖条 */
.widget .widget-title h3 {
    position: relative !important;
    padding-left: 26px !important;
}
.widget .widget-title h3::before {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    width: 3px !important;
    height: 16px !important;
    background: #1985ff !important;
    border-radius: 2px !important;
    left: 16px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

/* ---------- KA 全屏视频英雄卡片 ---------- */
.ka-banner-wrap {
    position: relative;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-top: -30px;
    height: 50vh;
    min-height: 320px;
    overflow: hidden;
    background: #000;
}
.ka-banner-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ka-banner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    z-index: 1;
}
.ka-banner-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 2;
    user-select: none;
}
.ka-banner-title {
    color: #fff;
    font-size: 40px;
    margin: 0;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.5);
    letter-spacing: 2px;
}
.ka-banner-title span {
    display: inline-block;
    opacity: 0;
    animation: kaHideToShow 0.5s ease-out forwards;
}
.ka-banner-title span:nth-child(1) { animation-delay: 0.1s; }
.ka-banner-title span:nth-child(2) { animation-delay: 0.2s; }
.ka-banner-title span:nth-child(3) { animation-delay: 0.3s; }
.ka-banner-title span:nth-child(4) { animation-delay: 0.4s; }
.ka-banner-title span:nth-child(5) { animation-delay: 0.5s; }
.ka-banner-title span:nth-child(6) { animation-delay: 0.6s; }
.ka-banner-title span:nth-child(7) { animation-delay: 0.7s; }
.ka-banner-title span:nth-child(8) { animation-delay: 0.8s; }
.ka-banner-title span:nth-child(9) { animation-delay: 0.9s; }
.ka-banner-title span:nth-child(10) { animation-delay: 1.0s; }
.ka-banner-subtitle {
    cursor: pointer;
    color: #fff;
    background: rgba(0,0,0,0.5);
    border-radius: 10px;
    padding: 5px 15px;
    margin-top: 15px;
    min-width: 280px;
    text-align: center;
}
.ka-banner-subtitle h3 {
    margin: 0;
    font-weight: normal;
    display: inline;
    font-size: 16px;
}
.ka-banner-cursor {
    margin-left: 1px;
    animation: kaBlink 0.7s infinite;
    font-weight: 200;
}
.ka-banner-waves {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px;
    z-index: 3;
    pointer-events: none;
    overflow: hidden;
}
.ka-banner-wave {
    position: absolute;
    bottom: 0;
    width: 200%;
    height: 100%;
    background-repeat: repeat-x;
    animation: kaWaveMove 120s linear infinite;
}
.ka-banner-wave1 {
    height: 84px;
    background-image: url(../images/bannerWave1.png);
    z-index: 10;
}
.ka-banner-wave2 {
    height: 100px;
    background-image: url(../images/bannerWave2.png);
    z-index: 5;
    animation-duration: 180s;
}
.ka-banner-arrow {
    position: absolute;
    bottom: 110px;
    z-index: 4;
    animation: kaShake 1.5s ease-out infinite;
    cursor: pointer;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ka-banner-arrow::after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
    transform: rotate(45deg);
    margin-top: -5px;
}
@keyframes kaHideToShow {
    0%   { opacity: 0; }
    100% { opacity: 1; }
}
@keyframes kaBlink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}
@keyframes kaWaveMove {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
@keyframes kaShake {
    0%   { opacity: 1; transform: translateY(0); }
    30%  { opacity: 0.5; transform: translateY(25px); }
    100% { opacity: 1; transform: translateY(0); }
}
@media screen and (max-width: 768px) {
    .ka-banner-title { font-size: 30px; }
    .ka-banner-wrap { height: 40vh; min-height: 260px; }
}
.pc-nav .pc-scroll .nav-top .main-nav {
    display: flex;
    align-items: center;
    gap: 2px;
    list-style: none;
    margin: 0;
    padding: 0;
}
.pc-nav .pc-scroll .nav-top .main-nav > li {
    float: none;
    background: none !important;
    padding: 0 !important;
}
.pc-nav .pc-scroll .nav-top .main-nav > li > a {
    display: block;
    padding: 0 10px;
    line-height: 56px;
    font-size: 15px;
    color: var(--text-secondary);
    font-weight: 500;
}

/* ============================================================
   手机端侧边抽屉导航（menu_navi 输出，此前无任何样式导致显示异常）
   ============================================================ */
/* 抽屉本体：限制最大宽度，避免小屏手机溢出 */
.sidenav {
    z-index: 10001 !important;
    max-width: 86vw !important;
    padding-bottom: 20px;
    -webkit-overflow-scrolling: touch;
}
/* 遮罩：层级必须盖住 #lanyou(1000)/#menu-footer(9999) 等浮动元素 */
.sidenav-overlay {
    z-index: 10000 !important;
    background: rgba(0, 0, 0, 0.45) !important;
}

/* 一级菜单列表 */
.mobile-nav-list {
    list-style: none;
    margin: 0 0 12px !important;
    padding: 0;
    background: var(--bg-card);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
    overflow: hidden;
}
.mobile-nav-item {
    border-bottom: 1px solid var(--border-light);
}
.mobile-nav-item:last-child {
    border-bottom: none;
}
/* 一级菜单链接 */
.mobile-nav-link {
    display: flex !important;
    align-items: center;
    gap: 10px;
    padding: 13px 16px !important;
    font-size: 15px;
    color: var(--text-primary) !important;
    text-decoration: none !important;
    line-height: 1.4;
    transition: background 0.2s ease, color 0.2s ease;
    cursor: pointer;
}
.mobile-nav-link:active,
.mobile-nav-link:hover {
    background: rgba(0, 0, 0, 0.04);
    color: var(--accent) !important;
}
/* 当前页高亮 */
.mobile-nav-item.active > .mobile-nav-link {
    color: var(--accent) !important;
    font-weight: 600;
    background: rgba(25, 133, 255, 0.07);
    box-shadow: inset 3px 0 0 var(--accent);
}
/* 图标对齐（FontAwesome 与 SVG 两种） */
.mobile-nav-link > i {
    width: 20px;
    text-align: center;
    font-size: 16px;
    color: var(--accent);
    flex: none;
}
.mobile-nav-link .nav-icon-svg {
    display: inline-flex;
    width: 20px;
    flex: none;
    justify-content: center;
    color: var(--accent);
}
.mobile-nav-link .nav-icon-svg svg {
    width: 18px;
    height: 18px;
    display: block;
}
/* 含子菜单项的展开箭头 */
.mobile-dropdown > .mobile-nav-link::after {
    content: '';
    margin-left: auto;
    flex: none;
    width: 7px;
    height: 7px;
    border-right: 2px solid var(--text-secondary);
    border-bottom: 2px solid var(--text-secondary);
    transform: rotate(45deg);
    transition: transform 0.25s ease;
}
.mobile-dropdown.open > .mobile-nav-link::after {
    transform: rotate(-135deg);
}
/* 子菜单：默认收起，点击父项后展开（配合 footer.php 的 open 切换） */
.mobile-submenu {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
    background: rgba(0, 0, 0, 0.02);
}
.mobile-dropdown.open > .mobile-submenu {
    display: block;
}
.mobile-submenu > li {
    border-top: 1px dashed var(--border-light);
}
.mobile-submenu a {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 11px 16px 11px 42px;
    font-size: 14px;
    color: var(--text-secondary);
    text-decoration: none;
    transition: color 0.2s ease, background 0.2s ease;
}
.mobile-submenu a:hover,
.mobile-submenu a:active {
    color: var(--accent);
    background: rgba(0, 0, 0, 0.03);
}
.mobile-submenu a > i {
    width: 18px;
    text-align: center;
    font-size: 14px;
    color: var(--accent);
    flex: none;
}
.mobile-submenu .nav-icon-svg {
    display: inline-flex;
    width: 18px;
    flex: none;
    justify-content: center;
    color: var(--accent);
}
.mobile-submenu .nav-icon-svg svg {
    width: 16px;
    height: 16px;
    display: block;
}
/* 子菜单里的自定义 HTML（更多功能）兼容 */
.mobile-submenu li > a:not([class]) {
    color: var(--text-secondary);
}

/* ============================================================
   列表页（分类/标签/归档/搜索）页面标题区
   ============================================================ */
.list-page-head {
    margin-bottom: 16px;
    padding: 14px 18px;
    background: var(--bg-card, #fff);
    border-radius: var(--radius-md, 10px);
    box-shadow: var(--shadow-sm, 0 1px 4px rgba(0, 0, 0, 0.05));
}
.list-page-head h1 {
    margin: 0 0 4px;
    font-size: 20px;
    font-weight: 700;
    color: var(--text-primary, #1a1a2e);
    line-height: 1.4;
}
.list-page-head p {
    margin: 0;
    font-size: 13px;
    color: var(--text-muted, #8a8fa3);
}
.list-page-head h1::before {
    content: '';
    display: inline-block;
    width: 4px;
    height: 16px;
    background: var(--accent, #1985ff);
    border-radius: 2px;
    margin-right: 8px;
    vertical-align: -2px;
}