Global Dark Theme

/* ===== GLOBAL DARK THEME – liyukun.net ===== */
@import url(‘https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&family=Noto+Serif+SC:wght@400;600&family=Montserrat:wght@400;600;700&display=swap’);

/* ===== BODY & PAGE BACKGROUND ===== */
body {
background-color: #121625 !important;
background: #121625 !important;
color: #F5F2EC !important;
}
#page { background: transparent !important; }

/* ===== SITE HEADER / NAV ===== */
.main-header-bar {
background: rgba(18,22,37,0.94) !important;
border-bottom: 1px solid rgba(212,175,55,0.08) !important;
}
.site-title a {
color: #F5F2EC !important;
font-family: ‘Noto Sans SC’, sans-serif !important;
}
.main-header-menu > .menu-item > .menu-link {
color: #C8C3B8 !important;
font-family: ‘Noto Sans SC’, sans-serif !important;
transition: color 0.3s ease;
}
.main-header-menu > .menu-item > .menu-link:hover,
.main-header-menu > .current-menu-item > .menu-link {
color: #D4AF37 !important;
}

/* ===== CONTENT AREA ===== */
.entry-content p, .entry-content li, .entry-content td, .entry-content th {
color: #E8E4DC !important;
line-height: 1.9;
font-family: ‘Noto Serif SC’, serif !important;
}
.entry-title, .page-title, .entry-title a, .page-title a {
color: #F5F2EC !important;
font-family: ‘Noto Sans SC’, sans-serif !important;
}
.entry-title a:hover, .page-title a:hover { color: #D4AF37 !important; }

h1, h2, h3, h4, h5, h6 {
color: #F5F2EC !important;
font-family: ‘Noto Sans SC’, sans-serif !important;
}

/* Links */
.entry-content a { color: #D4AF37 !important; border-bottom: 1px solid rgba(212,175,55,0.25); }
.entry-content a:hover { border-bottom-color: #D4AF37; }

/* Meta info */
.entry-meta, .posted-on, .byline, .cat-links, .tags-links {
color: #7C99A1 !important;
font-size: 13px !important;
}
.entry-meta a:hover { color: #D4AF37 !important; }

/* Blockquote */
blockquote {
border-left: 3px solid #D4AF37 !important;
color: #C8C3B8 !important;
background: rgba(26,31,46,0.5) !important;
padding: 16px 24px !important;
}

/* Tables */
table, th, td { border-color: rgba(124,153,161,0.15) !important; color: #E8E4DC !important; }
th { background: rgba(26,31,46,0.7) !important; color: #D4AF37 !important; }

/* Widgets */
.widget-area, .widget {
background: rgba(26,31,46,0.5) !important;
border: 1px solid rgba(124,153,161,0.1) !important;
border-radius: 6px;
padding: 20px !important;
}
.widget-title { color: #D4AF37 !important; font-weight: 700 !important; }
.widget ul li a { color: #C8C3B8 !important; }
.widget ul li a:hover { color: #D4AF37 !important; }

/* Comments */
.comments-area, .comment-body { background: transparent !important; }
.comment-author .fn { color: #F5F2EC !important; }
.comment-meta { color: #7C99A1 !important; }

/* Footer */
.site-footer, .ast-small-footer, footer {
background: #0B0E1C !important;
color: #7C99A1 !important;
border-top: 1px solid rgba(212,175,55,0.07) !important;
}
.site-footer a, footer a { color: #7C99A1 !important; }
.site-footer a:hover, footer a:hover { color: #D4AF37 !important; }

/* Pagination */
.page-numbers, .nav-links a {
color: #C8C3B8 !important;
border-color: rgba(124,153,161,0.18) !important;
background: rgba(26,31,46,0.5) !important;
}
.page-numbers.current, .page-numbers:hover {
color: #121625 !important;
background: #D4AF37 !important;
}

/* Forms */
input[type=”search”], input[type=”text”], input[type=”email”],
textarea, select {
background: rgba(11,15,35,0.6) !important;
border: 1px solid rgba(124,153,161,0.18) !important;
color: #F5F2EC !important;
border-radius: 3px;
}
input:focus, textarea:focus { border-color: #D4AF37 !important; outline: none; }
input::placeholder, textarea::placeholder { color: rgba(124,153,161,0.4) !important; }

/* Buttons */
button, input[type=”submit”], input[type=”button”],
.wp-block-button__link, .more-link {
background: transparent !important;
color: #D4AF37 !important;
border: 1px solid #D4AF37 !important;
border-radius: 3px;
letter-spacing: 0.08em;
text-transform: uppercase;
transition: all 0.35s ease;
}
button:hover, input[type=”submit”]:hover,
.wp-block-button__link:hover, .more-link:hover {
background: #D4AF37 !important;
color: #121625 !important;
}

/* Scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #121625; }
::-webkit-scrollbar-thumb { background: rgba(212,175,55,0.3); border-radius: 4px; }

/* Selection */
::selection { background: rgba(212,175,55,0.25); color: #F5F2EC; }

/* Mobile menu */
.ast-mobile-menu-buttons .menu-toggle { color: #F5F2EC !important; }
.ast-mobile-popup-drawer { background: #121625 !important; }

@media (max-width: 768px) {
body { font-size: 16px; }
.ast-container { padding: 0 16px !important; }
}