wp建站，wp+pods+pmpro做付费会员网站，正在建站阶段，请帮我清理css，/* ============================================================
   global.css - 全局布局、导航、页脚、筛选区、分页
   ============================================================ */
   
   
   /* ============================================================
   字体组合系统 - 典雅宋体（默认）
   ============================================================ */
body.font-combo-ys {
    --font-family-base: "Times New Roman", Georgia, serif;
    --font-family-heading: "Times New Roman", Georgia, serif;
    --font-family-body: "KaiTi", "华文楷书", "楷体", serif;
    --font-family-meta: "SimSun", "宋体", serif;
    --font-family-nav: "Times New Roman", Georgia, serif;
    --font-family-button: "Times New Roman", Georgia, serif;
    --font-weight-heading: 700;
    --font-weight-nav: 500;
    --font-weight-button: 400;
}

/* ============================================================
   字体组合系统 - 清韵楷书
   ============================================================ */
body.font-combo-qy {
    --font-family-base: "KaiTi", "华文楷书", "楷体", serif;
    --font-family-heading: "KaiTi", "华文楷书", "楷体", serif;
    --font-family-body: "KaiTi", "华文楷书", "楷体", serif;
    --font-family-meta: "Microsoft YaHei", "微软雅黑", sans-serif;
    --font-family-nav: "KaiTi", "华文楷书", "楷体", serif;
    --font-family-button: "KaiTi", "华文楷书", "楷体", serif;
    --font-weight-heading: 700;
    --font-weight-nav: 500;
    --font-weight-button: 400;
}

/* ============================================================
   字体组合系统 - 墨痕黑体
   ============================================================ */
body.font-combo-mh {
    --font-family-base: "SimHei", "黑体", "Microsoft YaHei", sans-serif;
    --font-family-heading: "SimHei", "黑体", sans-serif;
    --font-family-body: "KaiTi", "华文楷书", "楷体", serif;
    --font-family-meta: "SimSun", "宋体", serif;
    --font-family-nav: "SimHei", "黑体", sans-serif;
    --font-family-button: "SimHei", "黑体", sans-serif;
    --font-weight-heading: 700;
    --font-weight-nav: 400;
    --font-weight-button: 300;
}

/* ============================================================
   字体组合系统 - 圆润柔美（第四套，可选）
   ============================================================ */
body.font-combo-yr {
    --font-family-base: "Microsoft YaHei", "微软雅黑", sans-serif;
    --font-family-heading: "Microsoft YaHei", "微软雅黑", sans-serif;
    --font-family-body: "KaiTi", "华文楷书", "楷体", serif;
    --font-family-meta: "Microsoft YaHei", "微软雅黑", sans-serif;
    --font-family-nav: "Microsoft YaHei", "微软雅黑", sans-serif;
    --font-family-button: "Microsoft YaHei", "微软雅黑", sans-serif;
    --font-weight-heading: 600;
    --font-weight-nav: 400;
    --font-weight-button: 400;
}
   
   /* ============================================================
   应用字体变量
   ============================================================ */
body {
    font-family: var(--font-family-base);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-family-heading);
    font-weight: var(--font-weight-heading);
}

.poetry-card .line-q,
.poetry-jianshang-section,
#hook-content-body {
    font-family: var(--font-family-body);
}

.poetry-meta,
.wp-block-post-date {
    font-family: var(--font-family-meta);
}

.main-navigation .main-nav ul li a,
.site-header .main-title a {
    font-family: var(--font-family-nav);
    font-weight: var(--font-weight-nav);
}

.p-btn-all,
.p-tag-item,
.btn-toggle,
.btn-combo {
    font-family: var(--font-family-button);
    font-weight: var(--font-weight-button);
}
   
   
   
   
   
   

/* ========== 全局主题变量 ========== */
:root {
    --header-height: 54px;
    --theme-color: #7832ff;
}

/* 明亮模式 */
body.light-mode {
    --bg-default: linear-gradient(135deg, #e0f2f1 0%, #f5f5f5 100%);
    --nav-bg: rgba(10, 12, 18, 0.3);
    --footer-bg: rgba(255, 255, 255, 0.4);
    --text-primary: #2c3e50;
    --text-secondary: #475569;
    --text-accent: #5a2dba;
    --pagination-bg: rgba(255, 255, 255, 0.4);
    --pagination-color: #0284c7;
    --pagination-current-bg: #0284c7;
    --logo-gradient: linear-gradient(135deg, #ffffff 20%, #5a2dba 100%);
    --filter-bg: rgba(30, 20, 50, 0.4);
}

/* 黑暗模式 */
body.dark-mode {
    --bg-default: linear-gradient(135deg, #101216 0%, #1e222d 100%);
    --nav-bg: rgba(10, 12, 18, 0.5);
    --footer-bg: rgba(30, 20, 50, 0.4);
    --text-primary: #e0e6ed;
    --text-secondary: #cbd5e1;
    --text-accent: #c4b5fd;
    --pagination-bg: rgba(255, 255, 255, 0.15);
    --pagination-color: #a78bfa;
    --pagination-current-bg: #5a2dba;
    --logo-gradient: linear-gradient(135deg, #ffffff 20%, #c4b5fd 100%);
    --filter-bg: rgba(30, 20, 50, 0.6);
}

/* 默认主题 */
body:not(.light-mode):not(.dark-mode) {
    background: linear-gradient(135deg, #fce4ec 0%, #e1bee7 30%, #e1f5fe 100%) !important;
    --nav-bg: rgba(10, 12, 18, 0.3);
    --footer-bg: rgba(255, 255, 255, 0.4);
    --text-primary: #1a1a1a;
    --text-secondary: #2c3e50;
    --text-accent: #7832ff;
    --pagination-bg: rgba(255, 255, 255, 0.4);
    --pagination-color: #0284c7;
    --pagination-current-bg: #0284c7;
    --logo-gradient: linear-gradient(135deg, #ffffff 20%, #7832ff 100%);
    --filter-bg: rgba(30, 20, 50, 0.4);
}

body:not(.light-mode):not(.dark-mode) a {
    color: #7448a0;
}

body:not(.light-mode):not(.dark-mode) .site-info {
    background-color: rgba(255, 255, 255, 0.4) !important;
    color: rgba(0, 0, 0, 0.6) !important;
}

/* ========== 详情页字体切换（保留） ========== */
.font-serif #hook-content-body {
    font-family: "SimSun", "STSong", "Songti SC", serif !important;
}
.font-kai #hook-content-body {
    font-family: "KaiTi", "STKaiti", "楷体", serif !important;
}
.font-sans #hook-content-body {
    font-family: "SimHei", "STHeiti", "Microsoft YaHei", sans-serif !important;
}

/* ========== 全局环境 ========== */
.pdf-loading-overlay {
    display: none !important;
}

html {
    position: relative;
    min-height: 100%;
    overflow-y: scroll;
    scrollbar-gutter: stable;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    background: var(--bg-default) !important;
    margin-bottom: 75px !important;
    padding-top: 55px;
}


/* ========== 页脚 ========== */
.site-footer {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 65px;
}

.site-info {
    background-color: var(--footer-bg) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    margin: 0 !important;
    border-radius: 12px !important;
    text-align: center;
    color: var(--text-secondary) !important;
}

.site-info a {
    color: var(--text-accent) !important;
    font-weight: 600;
}

/* ========== 导航栏 ========== */
#masthead,
.site-header {
    background-color: var(--nav-bg) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    position: sticky;
    top: 0;
    z-index: 9999;
}

.site-header.has-inline-mobile-toggle {
    margin: 0 !important;
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000 !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4), 0 -3px 10px rgba(0, 0, 0, 0.4) !important;
}

/* 导航层级对齐 */
.site-header,
.inside-header.grid-container,
.main-navigation,
.inside-navigation.grid-container,
.menu-toggle,
.main-nav,
.main-nav > ul,
.main-nav > ul > li,
.main-nav > ul > li > a {
    height: var(--header-height) !important;
    line-height: var(--header-height) !important;
    min-height: var(--header-height) !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    background: transparent !important;
}

.main-navigation .main-nav ul li a {
    color: var(--text-secondary) !important;
    font-weight: 500 !important;
    transition: color 0.3s ease !important;
}

.main-navigation .main-nav ul li:hover > a {
    color: var(--text-accent) !important;
}

.main-navigation .main-nav ul li[class*="current-menu-"] > a {
    color: var(--text-accent) !important;
}

/* 二级菜单 */
.main-navigation ul ul {
    background-color: rgba(255, 255, 255, 0.7) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 12px;
}


/* Logo */
.site-branding .main-title a,
.navigation-branding .main-title a {
    background: var(--logo-gradient) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    display: inline-block !important;
}

.site-branding a:hover {
    opacity: 0.8;
    transform: scale(1.05);
}

/* ========== 侧边栏 ========== */
.widget {
    background: rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-radius: 12px;
    padding: 20px !important;
}

@media (min-width: 769px) {
    #right-sidebar {
        position: sticky;
        top: 75px;
        height: fit-content;
        z-index: 10;
    }
}

/* ========== 容器布局 ========== */
.inside-article {
    background: transparent !important;
    padding: 0 !important;
    border-radius: 12px;
    transition: all 0.3s ease;
}

#page {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.site-main {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    background: transparent !important;
    border-radius: 12px;
}

/* ========== 分页 ========== */
.navigation.pagination .page-numbers {
    display: inline-block !important;
    min-width: 34px !important;
    height: 34px !important;
    line-height: 34px !important;
    text-align: center !important;
    margin: 4px !important;
    padding: 0 4px !important;
    font-size: 14px !important;
    border-radius: 4px !important;
    background: var(--pagination-bg) !important;
    color: var(--pagination-color) !important;
    text-decoration: none !important;
}

.navigation.pagination .page-numbers.current {
    background: var(--pagination-current-bg) !important;
    color: #ffffff !important;
    font-weight: bold !important;
}

.navigation.pagination a.page-numbers:hover {
    background: rgba(255, 255, 255, 0.8) !important;
}

/* 回到顶部 */
a.generate-back-to-top {
    background-color: rgba(163, 144, 163, 0.5);
}

