/* ========================================
   极客AI 主题美化 - Begin风格
   ======================================== */

:root {
    --primary: #2c3e50;
    --accent: #3498db;
    --accent-hover: #2980b9;
    --text-dark: #333;
    --text-light: #666;
    --text-muted: #999;
    --bg-dark: #1a1a2e;
    --bg-light: #f5f6f7;
    --bg-card: #fff;
    --border-color: #eee;
    --shadow: 0 1px 3px rgba(0,0,0,0.08);
    --shadow-hover: 0 4px 12px rgba(0,0,0,0.12);
    --radius: 4px;
}

/* ===== 全局 ===== */
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif;
    font-size: 15px;
    line-height: 1.8;
    color: var(--text-dark);
    background: var(--bg-light);
}

/* ===== 隐藏原头部 ===== */
.header-cover, .header.section { display: none !important; }

/* ===== 顶部导航栏 ===== */
.navigation.section.no-padding.bg-dark {
    background: var(--bg-dark) !important;
    padding: 0 !important;
    position: sticky !important;
    top: 0 !important;
    z-index: 9999 !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.15);
}

.navigation-inner.section-inner.group {
    max-width: 1200px !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: center !important;
    height: 56px !important;
    padding: 0 20px !important;
}

.toggle-container { display: none !important; }

.blog-menu {
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    flex: 1 !important;
}

.blog-menu li {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.blog-menu li a {
    display: block !important;
    color: rgba(255,255,255,0.85) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 0 16px !important;
    height: 56px !important;
    line-height: 56px !important;
    transition: all 0.2s ease !important;
    text-decoration: none !important;
}

.blog-menu li a:hover {
    color: #fff !important;
    background: rgba(255,255,255,0.1) !important;
}

.blog-menu li.current-menu-item a,
.blog-menu li.current_page_item a {
    color: #fff !important;
    background: rgba(52, 152, 219, 0.3) !important;
}

.mobile-menu { display: none !important; }

/* ===== 搜索框 ===== */
.search-toggle { display: none !important; }
.header-search { margin-left: auto; padding-left: 20px; }
.header-search form { display: flex; align-items: center; background: rgba(255,255,255,0.1); border-radius: 20px; padding: 0 5px; }
.header-search input[type="search"] { background: transparent; border: none; color: #fff; font-size: 14px; padding: 8px 12px; width: 150px; outline: none; }
.header-search input[type="search"]::placeholder { color: rgba(255,255,255,0.6); }
.header-search button { background: transparent; border: none; color: rgba(255,255,255,0.8); cursor: pointer; padding: 5px 10px; font-size: 16px; }

/* ===== 主内容区 ===== */
.wrapper.section-inner {
    max-width: 1000px !important;
    margin: 0 auto !important;
    padding: 25px 20px !important;
}

.content.left {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
}

/* ===== 文章列表卡片 ===== */
.post-item {
    background: var(--bg-card) !important;
    border-radius: var(--radius) !important;
    margin-bottom: 15px !important;
    box-shadow: var(--shadow) !important;
    border: none !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
}

.post-item:hover {
    box-shadow: var(--shadow-hover) !important;
    transform: translateY(-2px) !important;
}

.post-item-inner {
    display: flex !important;
    padding: 20px !important;
    gap: 20px !important;
}

.post-thumbnail {
    flex-shrink: 0 !important;
    width: 200px !important;
    height: 140px !important;
    position: relative !important;
    overflow: hidden !important;
    border-radius: var(--radius) !important;
    margin: 0 !important;
}

.post-thumbnail img,
.post-thumbnail .thumb-placeholder {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

.thumb-placeholder {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.thumb-icon {
    font-size: 32px !important;
    font-weight: 700 !important;
    color: rgba(255,255,255,0.8) !important;
}

.post-cat {
    position: absolute !important;
    top: 8px !important;
    left: 8px !important;
    background: var(--accent) !important;
    color: #fff !important;
    font-size: 12px !important;
    padding: 2px 10px !important;
    border-radius: 2px !important;
    z-index: 2 !important;
}

.post-cat a { color: #fff !important; font-size: 12px !important; }

.post-content-area {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    min-width: 0 !important;
}

.entry-header { margin-bottom: 8px !important; }
.entry-title { margin: 0 !important; line-height: 1.4 !important; }
.entry-title a {
    font-size: 18px !important;
    font-weight: 600 !important;
    color: var(--text-dark) !important;
    transition: color 0.2s !important;
    display: block !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
.entry-title a:hover { color: var(--accent) !important; }

.entry-excerpt {
    color: var(--text-light) !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
    margin-bottom: 10px !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.entry-meta {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: var(--text-muted) !important;
    font-size: 13px !important;
    margin-bottom: 12px !important;
}
.meta-sep { opacity: 0.5 !important; }

.entry-more a {
    display: inline-block !important;
    color: var(--accent) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    transition: all 0.2s !important;
}
.entry-more a:hover {
    color: var(--accent-hover) !important;
    transform: translateX(3px) !important;
}

/* 隐藏原主题样式 */
.post-preview { 
    padding: 0 !important; 
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    animation: none !important;
    transform: none !important;
}
.post-preview .post-header { display: none !important; }

/* ===== 单篇文章页 ===== */
.single .post-item { background: var(--bg-card) !important; border-radius: var(--radius) !important; padding: 30px !important; }
.single .post-item-inner { display: block !important; padding: 0 !important; }
.single .post-thumbnail { width: 100% !important; height: auto !important; max-height: 400px !important; margin: -30px -30px 25px !important; border-radius: 0 !important; }
.single .entry-title { margin-bottom: 15px !important; }
.single .entry-title a { font-size: 24px !important; white-space: normal !important; }
.single .post-content { color: var(--text-dark) !important; font-size: 16px !important; line-height: 2 !important; }
.single .post-content h2 { font-size: 20px !important; margin: 2em 0 1em !important; padding-bottom: 10px !important; border-bottom: 2px solid var(--border-color) !important; }
.single .post-content h3 { font-size: 18px !important; margin: 1.5em 0 0.8em !important; }
.single .post-content p { margin: 0 0 1em !important; }
.single .post-content ul, .single .post-content ol { margin: 1em 0 !important; padding-left: 1.5em !important; }
.single .post-content li { margin: 0.5em 0 !important; }
.single .post-content code { background: #f5f5f5 !important; padding: 2px 6px !important; border-radius: 3px !important; font-size: 0.9em !important; }
.single .post-content pre { background: #2d2d2d !important; color: #ccc !important; padding: 15px !important; border-radius: var(--radius) !important; overflow-x: auto !important; }
.single .post-content pre code { background: none !important; padding: 0 !important; }
.single .post-content blockquote { border-left: 4px solid var(--accent) !important; background: #f8f9fa !important; padding: 15px 20px !important; margin: 1.5em 0 !important; border-radius: 0 var(--radius) var(--radius) 0 !important; }

/* ===== 侧边栏隐藏 ===== */

/* ===== 页脚 ===== */
.footer.section { background: var(--bg-dark) !important; padding: 30px 0 !important; margin-top: 40px !important; }
.footer-inner { max-width: 1000px !important; margin: 0 auto !important; padding: 0 20px !important; text-align: center !important; }
.footer .credits { color: rgba(255,255,255,0.5) !important; font-size: 13px !important; }
.footer a { color: var(--accent) !important; }

/* ===== 链接 ===== */
a { color: var(--accent); transition: color 0.2s; }
a:hover { color: var(--accent-hover); }

/* ===== 分页 ===== */
.posts-navigation { margin: 20px 0 !important; text-align: center !important; }
.posts-navigation a { display: inline-block !important; background: var(--accent) !important; color: #fff !important; padding: 8px 20px !important; border-radius: var(--radius) !important; font-size: 14px !important; transition: background 0.2s !important; }
.posts-navigation a:hover { background: var(--accent-hover) !important; }

/* ===== 滚动条 ===== */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #f1f1f1; }
::-webkit-scrollbar-thumb { background: #c1c1c1; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #a8a8a8; }

/* ===== 响应式 ===== */
@media (max-width: 768px) {
    .post-item-inner { flex-direction: column !important; }
    .post-thumbnail { width: 100% !important; height: 180px !important; }
    .blog-menu li a { padding: 0 10px !important; font-size: 13px !important; }
    .header-search input[type="search"] { width: 120px !important; font-size: 13px !important; }
    .entry-title a { font-size: 16px !important; }
}

@media (max-width: 600px) {
    .blog-menu { display: none !important; }
    .mobile-menu { display: flex !important; flex-direction: column !important; position: absolute !important; top: 56px !important; left: 0 !important; right: 0 !important; background: var(--bg-dark) !important; padding: 10px 0 !important; }
    .mobile-menu li a { color: #fff !important; padding: 10px 20px !important; height: auto !important; line-height: 1.5 !important; }
    .post-thumbnail { height: 150px !important; }
    .post-item-inner { padding: 15px !important; }
    .entry-title a { font-size: 15px !important; }
}

/* ===== 覆盖主题原始按钮hover ===== */
.header-search button,
.header-search button:hover,
.header-search button:focus,
.header-search input[type="submit"],
.header-search input[type="submit"]:hover,
.header-search input[type="submit"]:focus {
    background: transparent !important;
    color: rgba(255,255,255,0.8) !important;
    cursor: pointer !important;
}

/* ===== 侧边栏 ===== */
.wrapper.section-inner {
    display: flex !important;
    gap: 30px !important;
    max-width: 1200px !important;
}

.content.left {
    flex: 1 !important;
    max-width: calc(100% - 320px) !important;
}

.sidebar.right {
    display: block !important;
    width: 290px !important;
    flex-shrink: 0 !important;
    float: none !important;
}

.sidebar {
    background: #fff;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.08);
    border: 1px solid #eee;
}

.sidebar .widget {
    margin-bottom: 25px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
}

.sidebar .widget:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.sidebar .widget-title {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #2c3e50 !important;
    margin-bottom: 15px !important;
    padding-bottom: 10px !important;
    border-bottom: 2px solid #3498db !important;
}

.sidebar ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sidebar li {
    padding: 8px 0;
    border-bottom: 1px solid #f5f5f5;
}

.sidebar li:last-child {
    border-bottom: none;
}

.sidebar a {
    color: #333;
    font-size: 14px;
    transition: color 0.2s;
}

.sidebar a:hover {
    color: #3498db;
}

/* 最新文章小工具 */
.widget_recent_entries li {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.widget_recent_entries .post-date {
    font-size: 12px;
    color: #999;
}

@media (max-width: 900px) {
    .wrapper.section-inner {
        flex-direction: column !important;
    }
    .content.left {
        max-width: 100% !important;
    }
    .sidebar.right {
        width: 100% !important;
        margin-top: 30px;
    }
}

/* ===== 单篇文章页标题 ===== */
.single .post-title {
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #2c3e50 !important;
    margin-bottom: 20px !important;
    line-height: 1.4 !important;
}

.single .post-header {
    display: block !important;
    margin-bottom: 25px !important;
}

.single .post-meta {
    color: #666 !important;
    font-size: 14px !important;
    margin-bottom: 20px !important;
}

/* ===== 单篇文章页标题修复 ===== */
.single .post-header {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin-bottom: 25px !important;
    padding-bottom: 15px !important;
    border-bottom: 1px solid #eee !important;
}

.single .post-title,
.single .post-title.entry-title {
    display: block !important;
    visibility: visible !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #2c3e50 !important;
    margin: 0 0 15px 0 !important;
    padding: 0 !important;
    line-height: 1.4 !important;
    background: transparent !important;
}

.single .blog-title .post-title {
    font-size: 32px !important;
    color: #2c3e50 !important;
}

.single .post-meta {
    display: block !important;
    visibility: visible !important;
    color: #666 !important;
    font-size: 14px !important;
}

/* ===== 隐藏评论区域 ===== */
.comments-section,
.comments-area,
#comments,
#respond,
.comment-respond,
.post-comments {
    display: none !important;
}

/* 隐藏评论链接 */
.post-meta .comment,
.comments-link {
    display: none !important;
}