/* YiceGo Dark Mode
   Clean, high-contrast dark theme */

/* ==================== Variables ==================== */
:root {
    --yg-bg: #1a1a2e;
    --yg-card-bg: #222240;
    --yg-text: #e8ecf1;
    --yg-text-secondary: #a0a8b8;
    --yg-border: rgba(255, 255, 255, .08);
    --yg-shadow: 0 2px 12px rgba(0, 0, 0, .3);
    --yg-shadow-hover: 0 4px 20px rgba(0, 0, 0, .4);
    --yg-input-bg: rgba(255, 255, 255, .06);
}

body {
    background-color: #1a1a2e;
    color: #e8ecf1;
}

/* ==================== Header ==================== */
.yicego-header {
    background: rgba(26, 26, 46, .95) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border-bottom: 1px solid rgba(255, 255, 255, .06) !important;
}

/* Logo */
.header-logo .logo-text {
    background: linear-gradient(135deg, #7c93ee, #a78bfa) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

/* Nav links - HIGH VISIBILITY */
.header-nav a,
.header-nav .nav-item,
.yicego-header .header-nav a,
.yicego-header .header-nav .nav-item,
.header-nav .has-submenu > a {
    color: #e0e4eb !important;
}

.header-nav a:hover,
.header-nav .nav-item:hover,
.yicego-header .header-nav a:hover,
.header-nav .has-submenu > a:hover {
    color: var(--yg-primary) !important;
    background: rgba(255, 255, 255, .06) !important;
}

/* Submenu */
.header-nav .submenu {
    background: #222240 !important;
    border: 1px solid rgba(255, 255, 255, .08) !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, .5) !important;
}

.header-nav .submenu a {
    color: #c0c6d4 !important;
}

.header-nav .submenu a:hover {
    color: var(--yg-primary) !important;
    background: rgba(255, 255, 255, .06) !important;
}

/* Search */
.header-search input,
.header-search .search-input {
    background: rgba(255, 255, 255, .06) !important;
    border-color: rgba(255, 255, 255, .08) !important;
    color: #e8ecf1 !important;
}

.header-search input:focus,
.header-search .search-input:focus {
    border-color: var(--yg-primary) !important;
    background: rgba(255, 255, 255, .08) !important;
}

.header-search .search-icon {
    color: #a0a8b8 !important;
}

/* Dark toggle */
.dark-toggle {
    background: rgba(255, 255, 255, .06) !important;
    color: #c0c6d4 !important;
}

/* Hamburger */
.header-hamburger span {
    background: #e0e4eb !important;
}

/* User dropdown */
.header-user .user-dropdown {
    background: #222240 !important;
    border-color: rgba(255, 255, 255, .08) !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, .5) !important;
}

.header-user .user-dropdown a {
    color: #c0c6d4 !important;
}

.header-user .user-dropdown a:hover {
    background: rgba(255, 255, 255, .06) !important;
    color: var(--yg-primary) !important;
}

/* ==================== Cards & Containers ==================== */
.post-item,
.aside-box,
.single-post,
.yicego-comment-form,
.comment-item,
.yicego-notice,
.yicego-collapse,
.yicego-download,
.yicego-pwdshow,
.post-page-card,
.author-header,
.search-header,
.archive-header,
.archive-page-header,
.user-center-profile,
.user-center-edit,
.user-center-links,
.user-center-guest,
.full-page-article {
    background: var(--yg-card-bg) !important;
    border-color: var(--yg-border) !important;
}

.post-item:hover {
    box-shadow: var(--yg-shadow-hover) !important;
}

.post-item.grid-card {
    border: 1px solid rgba(255, 255, 255, .06) !important;
}

.post-item.grid-card:hover {
    border-color: rgba(255, 255, 255, .12) !important;
    box-shadow: 0 6px 24px rgba(0, 0, 0, .4) !important;
}

/* ==================== Text Colors ==================== */
.post-item .post-title a,
.post-item .post-info h2 a,
.post-item.grid-card .post-info h2 a,
.widget-title,
.single-post .post-title,
.aside-box a,
.archive-page-title,
.section-title,
.user-center-name,
.full-page-title,
.toc-title,
.footer-col-title {
    color: #e8ecf1;
}

.post-item .post-title a:hover,
.post-item .post-info h2 a:hover,
.post-item.grid-card .post-info h2 a:hover {
    color: var(--yg-primary);
}

.post-excerpt,
.post-meta,
.post-meta span,
.post-meta-item,
.post-meta-item i,
.user-center-email,
.stat-label {
    color: #a0a8b8;
}

.single-post .post-header .post-meta {
    border-top-color: var(--yg-border);
}

.single-post .post-header .post-meta .post-meta-item a {
    color: #a0a8b8;
}

.single-post .post-header .post-meta .post-meta-item a:hover {
    color: var(--yg-primary);
}

/* Category tag */
.post-cat-tag {
    background: rgba(102, 126, 234, .15) !important;
    color: var(--yg-primary) !important;
}

.post-cat-tag:hover {
    background: var(--yg-gradient) !important;
    color: #fff !important;
}

/* ==================== Content Area ==================== */
.content-warp {
    color: #ccd0da !important;
}

/* Override inline color styles from pasted content (e.g. WeChat articles) */
.content-warp [style*="color"],
.content-warp p,
.content-warp span,
.content-warp li,
.content-warp td,
.content-warp th,
.content-warp div,
.content-warp section,
.content-warp strong,
.content-warp em,
.content-warp b,
.content-warp i:not(.iconfont) {
    color: #ccd0da !important;
}

.content-warp a {
    color: var(--yg-primary) !important;
}

.content-warp h1, .content-warp h2, .content-warp h3,
.content-warp h4, .content-warp h5, .content-warp h6 {
    color: #f0f2f8 !important;
}

/* Override inline border-bottom colors on headings */
.content-warp h1[style], .content-warp h2[style], .content-warp h3[style],
.content-warp h4[style], .content-warp h5[style], .content-warp h6[style] {
    border-bottom-color: var(--yg-border) !important;
}

.content-warp blockquote {
    background: rgba(102, 126, 234, .06) !important;
    border-left-color: var(--yg-primary) !important;
    color: #a0a8b8 !important;
}

.content-warp blockquote p,
.content-warp blockquote span {
    color: #a0a8b8 !important;
}

.content-warp pre,
.content-warp code {
    background: #16162e !important;
    color: #e8ecf1 !important;
}

.content-warp pre {
    border-color: rgba(255, 255, 255, .06) !important;
}

.content-warp table th {
    background: rgba(102, 126, 234, .12) !important;
    color: #e8ecf1 !important;
}

.content-warp table td {
    border-color: var(--yg-border) !important;
    color: #ccd0da !important;
}

/* Override inline background colors from pasted content */
.content-warp [style*="background"] {
    background-color: transparent !important;
}

.content-warp table tr:nth-child(even) {
    background: rgba(255, 255, 255, .02);
}

.content-warp img {
    box-shadow: 0 2px 12px rgba(0, 0, 0, .3) !important;
}

.content-warp img:hover {
    box-shadow: 0 6px 24px rgba(0, 0, 0, .45) !important;
}

.content-warp hr {
    background: linear-gradient(to right, transparent, var(--yg-border), transparent);
}

.content-warp a {
    border-bottom-color: rgba(102, 126, 234, .2);
}

/* ==================== Forms ==================== */
input, textarea, select {
    background: var(--yg-input-bg) !important;
    border-color: var(--yg-border) !important;
    color: #e8ecf1 !important;
}

input::placeholder, textarea::placeholder {
    color: #606878 !important;
}

/* ==================== Sidebar ==================== */
.aside-box {
    background: var(--yg-card-bg) !important;
    border: 1px solid var(--yg-border) !important;
}

.widget-title::before {
    background: var(--yg-gradient) !important;
}

.widget-title::after {
    background: var(--yg-gradient) !important;
}

.widget-title {
    border-bottom-color: var(--yg-border) !important;
}

/* ==================== Hero Swiper ==================== */
.hero-swiper-inner {
    box-shadow: 0 4px 24px rgba(0, 0, 0, .4);
}

/* ==================== Card List ==================== */
.card-item {
    background: var(--yg-card-bg) !important;
    border: 1px solid var(--yg-border) !important;
}

.card-item:hover {
    box-shadow: var(--yg-shadow-hover) !important;
}

.card-title { color: #e8ecf1; }
.card-desc { color: #a0a8b8; }

/* ==================== Section Header ==================== */
.section-title { color: #e8ecf1; }

/* ==================== Tab Nav ==================== */
.tab-nav {
    background: rgba(255, 255, 255, .04) !important;
    border-color: var(--yg-border) !important;
    box-shadow: var(--yg-shadow) !important;
}

.tab-nav-item,
.tab-btn {
    color: #a0a8b8;
}

.tab-nav-item.active,
.tab-btn.active {
    color: #fff;
}

.tab-nav-item:hover,
.tab-btn:hover {
    color: var(--yg-primary);
}

/* ==================== Toast ==================== */
.yicego-toast {
    background: #222240 !important;
    border: 1px solid rgba(255, 255, 255, .08) !important;
    color: #e8ecf1 !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, .5);
}

/* ==================== ToC ==================== */
.post-directory {
    background: var(--yg-card-bg) !important;
    border-color: var(--yg-border) !important;
}

.toc-list a { color: #a0a8b8; }
.toc-list a:hover,
.toc-item.active a { color: var(--yg-primary); }

/* ==================== Share ==================== */
.share-dialog-overlay { background: rgba(0, 0, 0, .6); }
.share-dialog {
    background: #222240 !important;
    border-color: var(--yg-border) !important;
}

.share-dialog-title { color: #e8ecf1; }
.share-dialog-post-title { color: #a0a8b8; }
.share-link { background: rgba(255, 255, 255, .04); color: #c0c6d4; }
.share-link:hover { background: rgba(255, 255, 255, .08); color: var(--yg-primary); }

/* ==================== Notice ==================== */
.yicego-site-notice {
    background: rgba(34, 34, 64, .95) !important;
    border-color: rgba(255, 255, 255, .06) !important;
    color: #c0c6d4;
}

/* ==================== Loading ==================== */
.loading-overlay { background: rgba(26, 26, 46, .98); }

/* ==================== Tags ==================== */
.post-tags .tag-item,
.tagcloud a,
.tag-cloud a {
    background: rgba(255, 255, 255, .04) !important;
    color: #c0c6d4 !important;
    border-color: var(--yg-border) !important;
}

.post-tags .tag-item:hover,
.tagcloud a:hover,
.tag-cloud a:hover {
    background: rgba(102, 126, 234, .12) !important;
    color: var(--yg-primary) !important;
    border-color: transparent !important;
}

/* ==================== Action Buttons ==================== */
.post-action-btn, .like-btn, .share-btn {
    background: rgba(255, 255, 255, .04);
    color: #c0c6d4;
    border-color: var(--yg-border);
}

.post-action-btn:hover, .like-btn:hover, .share-btn:hover {
    background: rgba(255, 255, 255, .08);
    color: var(--yg-primary);
}

.like-btn.liked { color: #ef4444; }

/* ==================== Go-Top ==================== */
.go-top, .back-to-top {
    background: var(--yg-card-bg) !important;
    border: 1px solid var(--yg-border) !important;
    color: #c0c6d4 !important;
}

.go-top:hover, .back-to-top:hover {
    background: var(--yg-gradient) !important;
    color: #fff !important;
    border-color: transparent !important;
}

/* ==================== Login Modal ==================== */
.yicego-login-modal { background: rgba(0, 0, 0, .6); }
.login-modal-inner {
    background: #222240 !important;
    border-color: var(--yg-border) !important;
}

.login-modal-title { color: #e8ecf1; }
.login-tab { color: #a0a8b8; }
.login-tab.active { color: var(--yg-primary); }

/* ==================== Mobile Nav ==================== */
.phone-nav {
    background: rgba(26, 26, 46, .98) !important;
    border-color: var(--yg-border) !important;
}

.phone-nav-item { color: #a0a8b8; }
.phone-nav-item:hover, .phone-nav-item.active { color: var(--yg-primary); }

.mobile-nav-overlay {
    background: rgba(0, 0, 0, .6) !important;
}

.mobile-nav {
    background: var(--yg-card-bg) !important;
    box-shadow: 4px 0 20px rgba(0, 0, 0, .4);
}

.mobile-nav-header {
    border-color: var(--yg-border) !important;
    background: linear-gradient(135deg, rgba(102, 126, 234, .12), rgba(118, 75, 162, .1)) !important;
}
.mobile-nav-username { color: #e0e4eb; }
.mobile-nav-avatar img { border-color: var(--yg-primary); }
.mobile-nav-close { color: #a0a8b8; }
.mobile-nav-close:hover { background: rgba(255, 255, 255, .08); color: #e0e4eb; }
.mobile-nav-icon { color: #a0a8b8; }
.mobile-nav-item { color: #e0e4eb; }
.mobile-nav-item:hover, a.mobile-nav-item:hover { background: rgba(102, 126, 234, .12); color: var(--yg-primary); }
a.mobile-nav-item:hover .mobile-nav-icon { color: var(--yg-primary); }
.mobile-nav-item.has-children > a { color: #e0e4eb; }
.mobile-nav-item.has-children > a:hover { color: var(--yg-primary); }
.mobile-nav-item.has-children > a:hover .mobile-nav-icon { color: var(--yg-primary); }
.mobile-nav .submenu-arrow { color: #a0a8b8; }
.mobile-sub-link { color: #a0a8b8; }
.mobile-sub-link:hover { color: var(--yg-primary); }
.mobile-nav-footer { border-color: var(--yg-border) !important; }
.mobile-nav-user-link { color: #a0a8b8; }
.mobile-nav-user-link:hover { background: rgba(102, 126, 234, .12); color: var(--yg-primary); }
.mobile-nav-user-link.mobile-nav-logout { color: #e74c3c; }
.mobile-nav-user-link.mobile-nav-logout:hover { background: rgba(231, 76, 60, .12); }
.mobile-dark-toggle { color: #a0a8b8; background: rgba(255, 255, 255, .06); }
.mobile-dark-toggle:hover { background: var(--yg-primary); color: #fff; }

/* ==================== Archive / Search / Author ==================== */
.archive-header, .search-header, .author-header {
    background: var(--yg-card-bg) !important;
}

.archive-header h1, .search-header h1, .author-header .author-name { color: #f0f2f8; }
.archive-header .archive-desc, .search-header .search-desc, .author-header .author-bio { color: #a0a8b8; }

/* Archive Timeline */
.timeline-year-title { color: #f0f2f8; }
.timeline-year-dot { background: var(--yg-primary); }
.timeline-month-title { color: #c0c6d4; }
.timeline-month-count { color: #a0a8b8; }
.timeline-post-item { border-color: var(--yg-border); }
.timeline-post-day { color: #a0a8b8; }
.timeline-post-link { color: #c0c6d4; }
.timeline-post-link:hover { color: var(--yg-primary); }

/* ==================== 404 ==================== */
.page-404 { color: #e8ecf1; }
.error-404-title { color: var(--yg-primary); }
.error-404-desc { color: #a0a8b8; }

/* ==================== User Center ==================== */
.user-center-name { color: #f0f2f8; }
.user-center-email { color: #a0a8b8; }
.stat-value { color: #e8ecf1; }
.stat-label { color: #606878; }

/* ==================== Pagination ==================== */
.yicego-pagination a,
.yicego-pagination span {
    color: #c0c6d4 !important;
    background: var(--yg-card-bg) !important;
    border-color: var(--yg-border) !important;
}

.yicego-pagination a:hover {
    border-color: var(--yg-primary) !important;
    color: var(--yg-primary) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .3) !important;
}

.yicego-pagination .current,
.yicego-pagination span.current {
    background: var(--yg-gradient) !important;
    color: #fff !important;
    border-color: transparent !important;
    box-shadow: 0 4px 16px rgba(102, 126, 234, .2) !important;
}

.yicego-pagination .dots {
    background: none !important;
    border: none !important;
}

.load-more-btn,
.yicego-load-more-btn {
    background: rgba(255, 255, 255, .04);
    color: #c0c6d4;
    border: 1px solid var(--yg-border);
}

.load-more-btn:hover,
.yicego-load-more-btn:hover {
    background: rgba(255, 255, 255, .08);
    color: var(--yg-primary);
}

.yicego-list-end {
    color: #606878;
}

.yicego-search-highlight {
    background: rgba(102, 126, 234, .2);
    color: #7c93ee;
}

/* ==================== Footer ==================== */
.site-footer {
    background: #16162e !important;
    border-top-color: var(--yg-border) !important;
}

.footer-desc { color: #a0a8b8 !important; }
.footer-copyright, .footer-info { color: #606878; }
.footer-info a { color: #a0a8b8; }
.footer-info a:hover { color: var(--yg-primary); }

.footer-nav-link { color: #a0a8b8 !important; }
.footer-nav-link:hover { color: var(--yg-primary) !important; }

.footer-friend-links a { color: #a0a8b8; }
.footer-friend-links a:hover { color: var(--yg-primary); }
.footer-friend-links .friend-links-label { color: #606878; }

/* ==================== Shortcodes ==================== */
.yicego-notice { border-color: var(--yg-border); }
.yicego-notice-info, .yicego-notice.info { background: rgba(102, 126, 234, .08); }
.yicego-notice-success, .yicego-notice.success { background: rgba(16, 185, 129, .08); }
.yicego-notice-warning, .yicego-notice.warning { background: rgba(245, 158, 11, .08); }
.yicego-notice-danger, .yicego-notice.danger { background: rgba(239, 68, 68, .08); }

.yicego-collapse-header, .yicego-collapse .collapse-header {
    background: rgba(255, 255, 255, .03);
    color: #c0c6d4;
}

.yicego-collapse-body, .yicego-collapse .collapse-body {
    border-color: var(--yg-border);
    color: #a0a8b8;
}

.yicego-tabs-nav { border-color: var(--yg-border); }
.yicego-tab-btn { color: #a0a8b8; }
.yicego-tab-btn.active { color: var(--yg-primary); }

.yicego-download {
    background: var(--yg-card-bg) !important;
    border-color: var(--yg-border) !important;
}

.yicego-download-title, .yicego-download .download-name { color: #e8ecf1; }

.yicego-highlight {
    background: rgba(102, 126, 234, .06);
    border-left-color: var(--yg-primary);
    color: #c0c6d4;
}

.yicego-pwdshow {
    background: var(--yg-card-bg) !important;
    border-color: var(--yg-border) !important;
}

/* ==================== Comments ==================== */
.comment-item { border-color: var(--yg-border) !important; }
.comment-author { color: #e8ecf1; }
.comment-date { color: #606878; }
.comment-content, .comment-text { color: #c0c6d4; }
.reply-btn, .comment-reply-link { color: #a0a8b8; }
.reply-btn:hover, .comment-reply-link:hover { color: var(--yg-primary); }
.admin-badge { background: rgba(102, 126, 234, .12); color: var(--yg-primary); }

/* ==================== Breadcrumb ==================== */
.breadcrumb a { color: #a0a8b8; }
.breadcrumb a:hover { color: var(--yg-primary); }
.breadcrumb .breadcrumb-separator { color: #606878; }
.breadcrumb .breadcrumb-item.current { color: #808898; }

/* ==================== Single Post Card ==================== */
.single-post-card {
    background: var(--yg-card-bg) !important;
}

/* ==================== Scrollbar ==================== */
::-webkit-scrollbar-track { background: #16162e; }
::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, .1); }
::-webkit-scrollbar-thumb:hover { background: rgba(255, 255, 255, .18); }

/* ==================== Selection ==================== */
::selection { background: rgba(102, 126, 234, .3); color: #fff; }

/* ==================== Buttons ==================== */
.yicego-btn-outline {
    border-color: var(--yg-border);
    color: #c0c6d4;
}

.yicego-btn-outline:hover {
    border-color: var(--yg-primary);
    color: var(--yg-primary);
}

/* ==================== Widgets ==================== */
.site-stats-item { background: rgba(255, 255, 255, .02); border-color: var(--yg-border); }
.site-stats-value { color: #e8ecf1; }
.site-stats-label { color: #a0a8b8; }
.widget-user-info { color: #e8ecf1; }
.widget-user-bio { color: #a0a8b8; }

/* ==================== Copyright ==================== */
.post-copyright {
    background: rgba(102, 126, 234, .04);
    border-color: var(--yg-border);
    border-left-color: var(--yg-primary);
    color: #c0c6d4;
}

.post-copyright .copyright-title {
    color: #e8ecf1;
}

.post-copyright .copyright-title i {
    color: var(--yg-primary);
}

.post-copyright a { color: var(--yg-primary); }

/* ==================== Read Progress ==================== */
.read-progress-bar { background: var(--yg-gradient) !important; }

/* ==================== Lightbox ==================== */
.yicego-lightbox { background: rgba(0, 0, 0, .92); }
.lightbox-close { color: #e8ecf1; }

/* ==================== Password Form ==================== */
.yicego-password-form input { background: var(--yg-input-bg) !important; }

/* ==================== Copy Code ==================== */
.copy-code-btn {
    background: rgba(255, 255, 255, .06) !important;
    color: #a0a8b8 !important;
    border-color: var(--yg-border) !important;
}

.copy-code-btn:hover {
    background: rgba(255, 255, 255, .1) !important;
    color: var(--yg-primary) !important;
}

/* ==================== Related Articles ==================== */
.yicego-related-articles {
    background: var(--yg-card-bg);
}

.yicego-related-articles-title {
    color: #e8ecf1;
    border-bottom-color: var(--yg-border);
}

.related-item {
    background: rgba(255, 255, 255, .02);
    border-color: var(--yg-border) !important;
}

.related-item:hover {
    box-shadow: var(--yg-shadow-hover);
    border-color: rgba(255, 255, 255, .12) !important;
}

.related-item .related-thumb::after {
    background: linear-gradient(to top, rgba(0, 0, 0, .2), transparent);
}

.related-item-title { color: #c0c6d4; }
.related-item .related-title a { color: #c0c6d4; }
.related-item .related-title a:hover { color: var(--yg-primary); }
.related-item .related-date { color: #606878; }

/* ==================== Login/Register Modal (yicego-modal) ==================== */
.yicego-modal-overlay {
    background: rgba(0, 0, 0, .6);
}

.yicego-modal {
    background: var(--yg-card-bg);
    box-shadow: 0 20px 60px rgba(0, 0, 0, .5);
}

.yicego-modal-tab {
    color: #a0a8b8;
}

.yicego-modal-tab.active {
    color: var(--yg-primary);
    border-bottom-color: var(--yg-primary);
}

.yicego-modal-close {
    color: #a0a8b8;
}

.yicego-modal-close:hover {
    background: rgba(255, 255, 255, .06);
    color: #e8ecf1;
}

.yicego-modal-body .yicego-form-input {
    background: var(--yg-input-bg);
    border-color: var(--yg-border);
    color: #e8ecf1;
}

.yicego-modal-body .yicego-form-input:focus {
    border-color: var(--yg-primary);
    background: rgba(255, 255, 255, .08);
}

.yicego-captcha-img {
    border-color: var(--yg-border);
}

.yicego-checkbox {
    color: #a0a8b8;
}

/* user-modal variant */
.user-modal-overlay {
    background: rgba(0, 0, 0, .6);
}

.user-modal {
    background: var(--yg-card-bg);
    box-shadow: 0 16px 48px rgba(0, 0, 0, .5);
}

.user-modal h2 { color: #e8ecf1; }

.user-modal .modal-tab {
    color: #a0a8b8;
}

.user-modal .modal-tab.active {
    color: var(--yg-primary);
    border-bottom-color: var(--yg-primary);
}

.user-modal .modal-tabs {
    border-bottom-color: var(--yg-border);
}

.user-modal .form-group input {
    background: var(--yg-input-bg);
    border-color: var(--yg-border);
    color: #e8ecf1;
}

.user-modal .form-group input:focus {
    border-color: var(--yg-primary);
    background: rgba(255, 255, 255, .08);
}

/* ==================== Stat Cards ==================== */
.stat-card {
    background: rgba(255, 255, 255, .03);
    border-color: var(--yg-border);
}

.stat-card:hover {
    background: rgba(102, 126, 234, .06);
}

.stat-value {
    color: var(--yg-primary);
}

/* ==================== User Info Widget ==================== */
.user-info-card .user-name { color: #e8ecf1; }
.user-info-card .user-desc { color: #a0a8b8; }

.user-info-card .social-links a {
    background: rgba(255, 255, 255, .04);
    color: #a0a8b8;
}

.user-info-card .social-links a:hover {
    background: var(--yg-gradient);
    color: #fff;
}

.user-info-card .user-stats {
    border-top-color: var(--yg-border);
}

.user-info-card .user-stat .count { color: var(--yg-primary); }
.user-info-card .user-stat .label { color: #a0a8b8; }

/* ==================== Archive Page (Timeline) ==================== */
.archive-page-desc { color: #a0a8b8; }
.archive-page-desc strong { color: var(--yg-primary); }
.archive-stat-label { color: #a0a8b8; }
.archive-stat-num { color: var(--yg-primary); }
.archive-empty { color: #a0a8b8; }

.timeline-year-dot {
    border-color: #222240;
}

.timeline-post-item {
    border-bottom-color: rgba(255, 255, 255, .04);
}

.timeline-post-dot {
    background: #606878;
}

/* ==================== User Center ==================== */
.user-center-stats {
    border-top-color: var(--yg-border);
}

.user-center-stat-num { color: var(--yg-primary); }
.user-center-stat-label { color: #a0a8b8; }

.user-center-card-title {
    color: #e8ecf1;
    border-bottom-color: rgba(102, 126, 234, .15);
}

.user-center-link-item {
    color: #c0c6d4;
}

.user-center-link-item:hover {
    background: rgba(102, 126, 234, .06);
    color: var(--yg-primary);
}

.user-center-logout {
    color: #ef4444;
}

.user-center-logout:hover {
    background: rgba(239, 68, 68, .06);
    color: #ef4444;
}

.user-center-guest h2 { color: #e8ecf1; }
.user-center-guest p { color: #a0a8b8; }

/* ==================== Form Components ==================== */
.yicego-form-label {
    color: #c0c6d4;
}

.yicego-form-input {
    background: var(--yg-input-bg);
    border-color: var(--yg-border);
    color: #e8ecf1;
}

.yicego-form-input:focus {
    border-color: var(--yg-primary);
}

/* ==================== Footer Enhanced ==================== */
.yicego-footer {
    background: #16162e !important;
}

.footer-wave .wave-path {
    fill: #16162e;
}

.footer-nav {
    border-top-color: var(--yg-border);
    border-bottom-color: var(--yg-border);
}

.footer-disclaimer {
    color: #606878;
}

.footer-legal a {
    color: #a0a8b8;
}

.footer-legal a:hover {
    color: var(--yg-primary);
}

.footer-info {
    border-top-color: var(--yg-border);
}

.footer-info-inner {
    color: #606878;
}

.footer-info-inner a {
    color: #a0a8b8;
}

.footer-info-inner a:hover {
    color: var(--yg-primary);
}

.footer-icp a,
.footer-police a {
    color: #a0a8b8;
}

.footer-icp a:hover,
.footer-police a:hover {
    color: var(--yg-primary);
}

.police-icon {
    filter: brightness(.7);
}

.footer-divider {
    color: #606878;
}

/* ==================== YiceGo Card ==================== */
.yicego-card {
    background: var(--yg-card-bg);
    border: 1px solid var(--yg-border);
}

/* ==================== PWD Mask ==================== */
.yicego-pwdshow .pwd-mask {
    background: rgba(26, 26, 46, .9);
}

.yicego-pwdshow .pwd-icon {
    color: #a0a8b8;
}

.yicego-pwdshow .pwd-text {
    color: #a0a8b8;
}

/* ==================== Search Page ==================== */
.yicego-search-input {
    background: var(--yg-input-bg);
    border-color: var(--yg-border);
    color: #e8ecf1;
}

.yicego-search-input:focus {
    border-color: var(--yg-primary);
    box-shadow: 0 0 0 4px rgba(102, 126, 234, .08);
}

.yicego-search-btn {
    box-shadow: 0 4px 12px rgba(0, 0, 0, .3);
}

.yicego-search-count { color: #a0a8b8; }
.yicego-no-result {
    background: var(--yg-card-bg);
}

.yicego-no-result-text { color: #e8ecf1; }
.yicego-no-result-tips { color: #a0a8b8; }
.yicego-no-result-tips a { color: var(--yg-primary); }

.yicego-no-content {
    background: var(--yg-card-bg);
    color: #a0a8b8;
}

.search-results-count { color: #a0a8b8; }

.search-page-form input {
    background: var(--yg-input-bg);
    border-color: var(--yg-border);
    color: #e8ecf1;
}

/* ==================== Widget Search ==================== */
.widget-search input {
    background: var(--yg-input-bg);
    border-color: var(--yg-border);
    color: #e8ecf1;
}

.widget-search input:focus,
.sidebar-search-input:focus {
    border-color: var(--yg-primary);
}

.sidebar-search-header {
    color: #e0e4eb;
}

.sidebar-search-header svg {
    color: #7c93ee;
}

.sidebar-search-input {
    background: var(--yg-input-bg) !important;
    border-color: var(--yg-border) !important;
    color: #e8ecf1 !important;
}

.sidebar-search-input:focus {
    background: rgba(255, 255, 255, .06) !important;
}

.sidebar-search-btn {
    box-shadow: 0 2px 8px rgba(0, 0, 0, .4);
}

.sidebar-search-btn:hover {
    box-shadow: 0 4px 14px rgba(0, 0, 0, .5);
}

/* ==================== Comment Area ==================== */
.comment-area {
    background: var(--yg-card-bg);
}

/* Comment reply hint */
.comment-form .reply-hint {
    background: rgba(102, 126, 234, .08);
    color: #a0a8b8;
}

/* Comment pagination */
.comment-pagination a,
.comment-pagination span {
    color: #c0c6d4;
    background: var(--yg-card-bg);
    border-color: var(--yg-border);
}

.comment-pagination a:hover {
    border-color: var(--yg-primary);
    color: var(--yg-primary);
}

.comment-pagination span.current {
    background: var(--yg-gradient);
    color: #fff;
    border-color: transparent;
}

/* Need login tip */
.need-login-tip {
    color: #a0a8b8;
}

.need-login-tip a {
    color: var(--yg-primary);
}

.comment-area .comment-title {
    border-bottom-color: var(--yg-border);
    color: #e8ecf1;
}

.comment-form input,
.comment-form textarea {
    background: var(--yg-input-bg);
    border-color: var(--yg-border);
    color: #e8ecf1;
}

.comment-form input:focus,
.comment-form textarea:focus {
    border-color: var(--yg-primary);
    background: rgba(255, 255, 255, .06);
}

.comment-item .comment-reply-link {
    border-color: var(--yg-border);
    color: #a0a8b8;
}

.comment-item .comment-reply-link:hover {
    border-color: var(--yg-primary);
    color: var(--yg-primary);
}

.comment-list .children {
    border-left-color: var(--yg-border);
}

/* ==================== Post Tags ==================== */
.post-tags {
    border-top-color: var(--yg-border);
}

.post-tags > i {
    color: #606878;
}

.post-tags .post-tag {
    background: rgba(255, 255, 255, .04);
    color: #c0c6d4;
    border-color: transparent;
}

.post-tags .post-tag:hover {
    background: var(--yg-gradient);
    color: #fff;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .3);
}

/* ==================== Tag Cloud Widget ==================== */
.tag-cloud a {
    background: rgba(255, 255, 255, .04);
    color: #a0a8b8;
}

.tag-cloud a:hover {
    background: var(--yg-gradient);
    color: #fff;
}

.yg-tag-count {
    background: rgba(102, 126, 234, .2);
    color: #7c93ee;
}

.tag-cloud a:hover .yg-tag-count {
    background: rgba(255, 255, 255, .2);
    color: #fff;
}

/* ==================== Recent Posts Widget ==================== */
.widget-recent-posts .recent-item {
    border-bottom-color: var(--yg-border);
}

.widget-recent-posts .recent-item-title {
    color: #e0e4eb;
}

.widget-recent-posts .recent-item:hover .recent-item-title {
    color: var(--yg-primary);
}

.widget-recent-posts .recent-item-date,
.widget-recent-posts .recent-item-views {
    color: #606878;
}

/* ==================== Post Meta Badges ==================== */
.post-item .post-meta span,
.post-item .post-meta a {
    background: rgba(255, 255, 255, .04);
    color: #a0a8b8;
}

.post-item .post-meta a:hover {
    background: rgba(102, 126, 234, .08);
    color: var(--yg-primary);
}

/* ==================== Go-Top Button ==================== */
.go-top-btn {
    background: var(--yg-card-bg);
    border-color: var(--yg-border);
    color: #c0c6d4;
}

.go-top-btn:hover {
    background: var(--yg-gradient);
    color: #fff;
    border-color: transparent;
}

/* ==================== Loading Overlay ==================== */
.yicego-loading-overlay {
    background: #1a1a2e;
}

.loading-spinner {
    border-color: var(--yg-border);
    border-top-color: var(--yg-primary);
}

/* ==================== Mobile Bottom Nav ==================== */
.mobile-bottom-nav {
    background: rgba(26, 26, 46, .98);
    border-top-color: var(--yg-border);
}

.mobile-bottom-nav .nav-items a {
    color: #a0a8b8;
}

.mobile-bottom-nav .nav-items a.active,
.mobile-bottom-nav .nav-items a:hover {
    color: var(--yg-primary);
}

/* ==================== Share Dialog Close ==================== */
.share-dialog-close {
    color: #a0a8b8;
}

.share-dialog-close:hover {
    background: rgba(255, 255, 255, .06);
}

/* ==================== Notice Box Dark Text ==================== */
.yicego-notice.info { color: #7c93ee; }
.yicego-notice.success { color: #34d399; }
.yicego-notice.warning { color: #fbbf24; }
.yicego-notice.danger { color: #f87171; }

/* ==================== Calendar Widget ==================== */
.widget-calendar th { color: #a0a8b8; }
.widget-calendar td { color: #c0c6d4; }
.widget-calendar td a { color: var(--yg-primary); }

/* ==================== Full Page ==================== */
.full-page-meta { color: #a0a8b8; }
.full-page-content { color: #ccd0da; }

/* ==================== Author Page ==================== */
.yicego-author-header {
    background: var(--yg-card-bg);
}

.yicego-author-name { color: #e8ecf1; }
.yicego-author-description { color: #a0a8b8; }
.yicego-author-stat-count { color: var(--yg-primary); }
.yicego-author-stat-label { color: #a0a8b8; }
.yicego-author-post-list-title { color: #e8ecf1; border-bottom-color: var(--yg-border); }

/* ==================== Archive Header ==================== */
.yicego-archive-header {
    background: var(--yg-card-bg);
}

.yicego-archive-header::before {
    opacity: .8;
}

.yicego-archive-title {
    background: linear-gradient(135deg, #7c93ee, #a78bfa);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.yicego-archive-description { color: #a0a8b8; }

.yicego-archive-count {
    background: rgba(255, 255, 255, .04);
    color: #a0a8b8;
}

/* ==================== Search Header ==================== */
.yicego-search-title { color: #e8ecf1; }

/* ==================== 404 Page ==================== */
.yicego-404-content { color: #e8ecf1; }
.yicego-404-desc { color: #a0a8b8; }

/* ==================== Post Actions ==================== */
.post-actions .action-btn,
.post-actions .post-action-btn {
    background: var(--yg-card-bg);
    border-color: var(--yg-border);
    color: #c0c6d4;
}

.post-actions .action-btn:hover,
.post-actions .post-action-btn:hover {
    color: var(--yg-primary);
    border-color: var(--yg-primary);
}

/* ==================== Skeleton Loading ==================== */
.skeleton {
    background: linear-gradient(90deg, rgba(255, 255, 255, .02) 25%, rgba(255, 255, 255, .06) 50%, rgba(255, 255, 255, .02) 75%);
}

/* ==================== Footer Widgets ==================== */
.footer-widget .footer-widget-title { color: #e8ecf1; }
.footer-widget ul li a { color: #a0a8b8; }
.footer-widget ul li a:hover { color: var(--yg-primary); }

.footer-post-list a,
.footer-cat-list a {
    color: #a0a8b8;
}

.footer-post-list a:hover,
.footer-cat-list a:hover {
    color: var(--yg-primary);
}

.footer-cat-count {
    background: rgba(102, 126, 234, .1);
    color: var(--yg-primary);
}

.footer-col-title::after {
    background: var(--yg-gradient);
}

/* ==================== Mobile Search ==================== */
.mobile-search-form {
    background: var(--yg-card-bg) !important;
    border-color: var(--yg-border) !important;
}

.mobile-search-form:focus-within {
    border-color: var(--yg-primary) !important;
}

.mobile-search-input {
    color: #e8ecf1 !important;
}

.mobile-search-input::placeholder {
    color: #606878 !important;
}

/* ==================== Customer Service Float ==================== */
.yicego-cs-panel {
    background: var(--yg-card-bg);
    border-color: var(--yg-border);
    box-shadow: 0 8px 30px rgba(0, 0, 0, .5);
}

.yicego-cs-header {
    color: #e8ecf1;
    border-bottom-color: var(--yg-border);
}

.yicego-cs-item {
    color: #c0c6d4;
}

.yicego-cs-item:hover {
    background: rgba(255, 255, 255, .06);
    color: var(--yg-primary);
}

.yicego-cs-qr-popup {
    background: var(--yg-card-bg);
    border-color: var(--yg-border);
    box-shadow: 0 8px 30px rgba(0, 0, 0, .5);
}

/* ==================== Category Columns ==================== */
.cat-column {
    background: var(--yg-card-bg) !important;
    border-color: var(--yg-border) !important;
}
.cat-column-header {
    border-bottom-color: var(--yg-border) !important;
}
.cat-column-title { color: #e8ecf1; }
.cat-column-desc { color: #a0a8b8; }
.cat-column-more { color: #a0a8b8; }
.cat-column-more:hover { color: var(--yg-primary); }
.cat-column-item { border-bottom-color: rgba(255,255,255,.04) !important; }
.cat-column-item:hover { background: rgba(255,255,255,.03); }
.cat-column-item-title { color: #e0e4eb; }
.cat-column-item:hover .cat-column-item-title { color: var(--yg-primary); }
.cat-column-meta { color: #a0a8b8; }