/*
Theme Name: SEO
Description: 专为SEO服务商打造的深色高级感WordPress主题
Version: 1.0
*/

:root{--bg:#0a0e17;--card:#131926;--accent:#c9a96e;--text:#e8e8e8;--sub:#9ca3af}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Helvetica Neue',Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}
a{text-decoration:none;color:inherit;transition:.3s}
img{max-width:100%;height:auto;display:block}

/* Header */
header{display:flex;justify-content:space-between;align-items:center;padding:20px 5%;border-bottom:1px solid rgba(255,255,255,.05)}
.logo{font-size:24px;font-weight:bold;color:var(--accent);letter-spacing:2px}
nav ul{list-style:none;display:flex}
nav li{margin-left:30px}
nav a{color:var(--sub);font-size:14px}
nav a:hover,nav .current-menu-item a{color:var(--accent)}

/* Hero & Sections */
.page-hero{padding:80px 5% 40px;text-align:center}
.page-hero h1{font-size:36px;color:var(--accent);margin-bottom:15px}
.page-hero p{color:var(--sub);max-width:600px;margin:0 auto}
.section{padding:60px 5%;max-width:1200px;margin:0 auto}

/* Blog List Layout */
.blog-layout{display:flex;gap:40px;align-items:flex-start}
.article-list{flex:1;min-width:0}
.article-card{display:flex;gap:25px;background:var(--card);border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.03);margin-bottom:30px;transition:.3s}
.article-card:hover{transform:translateY(-3px);border-color:var(--accent)}
.article-card img{width:280px;height:auto;object-fit:cover;flex-shrink:0}
.article-content{padding:25px;display:flex;flex-direction:column;justify-content:center}
.article-meta{display:flex;gap:15px;font-size:12px;color:var(--sub);margin-bottom:10px}
.article-tag{color:var(--accent);font-weight:bold}
.article-content h2{font-size:20px;margin-bottom:10px;line-height:1.4}
.article-content h2 a:hover{color:var(--accent)}
.article-excerpt{color:var(--sub);font-size:14px;margin-bottom:15px}
.read-more{font-size:13px;color:var(--accent);font-weight:bold}

/* Single Post Content */
.single-content{background:var(--card);padding:40px;border-radius:8px;border:1px solid rgba(255,255,255,.03)}
.single-content p,.single-content ul,.single-content ol{margin-bottom:20px;color:var(--sub);font-size:16px}
.single-content h2,.single-content h3{color:var(--text);margin:30px 0 15px}
.single-content img{border-radius:8px;margin:30px auto}
.single-content blockquote{border-left:4px solid var(--accent);padding-left:20px;color:var(--text);margin:30px 0;font-style:italic}

/* Sidebar */
.sidebar{width:300px;flex-shrink:0;position:sticky;top:20px}
.widget{background:var(--card);border-radius:8px;padding:25px;border:1px solid rgba(255,255,255,.03);margin-bottom:30px}
.widget h3{font-size:16px;color:var(--accent);margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.05)}
.widget ul{list-style:none}
.widget li{margin-bottom:12px;font-size:14px;color:var(--sub)}
.widget li a:hover{color:var(--accent)}
.tag-cloud{display:flex;flex-wrap:wrap;gap:8px}
.tagcloud a{padding:5px 12px;background:rgba(255,255,255,.05);border-radius:20px;font-size:12px!important;color:var(--sub)!important}
.tagcloud a:hover{background:var(--accent);color:#000!important}

/* Pagination */
.pagination{display:flex;justify-content:center;gap:10px;margin-top:40px}
.pagination a,.pagination span{padding:8px 15px;background:var(--card);border:1px solid rgba(255,255,255,.05);border-radius:4px;font-size:14px;color:var(--sub)}
.pagination .current,.pagination a:hover{background:var(--accent);color:#000;border-color:var(--accent)}

/* Footer */
footer{text-align:center;padding:40px 5%;border-top:1px solid rgba(255,255,255,.05);color:var(--sub);font-size:12px}
footer a{color:var(--accent)}

@media(max-width:900px){
    .blog-layout{flex-direction:column}
    .sidebar{width:100%;position:static}
    .article-card{flex-direction:column}
    .article-card img{width:100%;height:200px}
    header{flex-direction:column;gap:15px}
    nav ul{flex-wrap:wrap;justify-content:center;gap:10px}
    nav li{margin-left:0}
}
/* 移动端菜单按钮默认隐藏 */
.mobile-menu-toggle {
    display: none;
    background: none;
    border: 1px solid var(--accent);
    color: var(--accent);
    font-size: 20px;
    padding: 5px 12px;
    cursor: pointer;
    border-radius: 4px;
}

/* 页脚排版优化 */
.footer-inner { max-width: 1200px; margin: 0 auto; }
.seo-tags { margin-top: 8px; opacity: 0.7; letter-spacing: 1px; }

/* 响应式适配 */
@media(max-width: 900px){
    .mobile-menu-toggle { display: block; }
    
    nav#primary-navigation {
        display: none; /* 默认隐藏 */
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: var(--card);
        border-bottom: 1px solid rgba(255,255,255,.05);
        z-index: 999;
    }
    
    nav#primary-navigation.active { display: block; }
    nav#primary-navigation ul { flex-direction: column; padding: 20px 5%; }
    nav#primary-navigation li { margin: 15px 0; }
    
    header { position: relative; }
}
/* 页脚链接间距优化 */
.copyright a { margin: 0 4px; }
.sitemap-link { color: var(--accent); opacity: 0.8; transition: opacity .3s; }
.sitemap-link:hover { opacity: 1; text-decoration: underline; }

/* 移动端页脚自动换行避免拥挤 */
@media(max-width: 768px){
    .copyright { font-size: 11px; line-height: 1.8; }
}