/* 
Theme Name: 极简轻量SEO主题V2 
Theme URI: https://yourdomain.com/  
Author: 原创开发 
Description: 全新自适应双列布局，SEO深度优化，零冗余代码，秒开级WordPress主题 
Version: 2.0 
License: GPLv2 or later 
Text Domain: light-seo-v2 
*/ 
 
/* 全局变量+重置 */ 
:root { 
  --primary: #0ea5e9; 
  --bg: #f0f9ff; 
  --card-bg: #fff; 
  --text: #1e293b; 
  --text-light: #64748b; 
  --border: #e2e8f0; 
} 
* {margin:0; padding:0; box-sizing:border-box;} 
body {font-family: "PingFang SC", "Noto Sans SC", system-ui, sans-serif; line-height:1.7; color:var(--text); background:var(--bg);} 
a {color:var(--primary); text-decoration:none; transition:all 0.2s;} 
a:hover {color:#0284c7;} 
img {max-width:100%; height:auto; border-radius:6px; loading:lazy;} 
ul {list-style:none;} 
 
/* 公共组件 */ 
.container {max-width:1100px; margin:0 auto; padding:0 15px;} 
.btn {display:inline-block; padding:0.4rem 1rem; background:var(--primary); color:#fff; border-radius:4px;} 
.btn:hover {color:#fff; background:#0284c7; text-decoration:none;} 
 
/* 头部导航 */ 
.header-wrap {background:var(--card-bg); box-shadow:0 1px 3px rgba(0,0,0,0.05); padding:1rem 0; margin-bottom:2rem; position:sticky; top:0; z-index:99;} 
.header-inner {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;} 
.site-logo {font-size:1.4rem; font-weight:700;} 
.nav-wrap {display:flex; gap:1.5rem;} 
.nav-wrap a {color:var(--text); font-weight:500;} 
.nav-wrap a:hover {color:var(--primary);} 
 
/* 首页双列卡片列表 */ 
.post-grid {display:grid; grid-template-columns:repeat(auto-fit, minmax(320px, 1fr)); gap:1.5rem; margin-bottom:2rem;} 
.post-card {background:var(--card-bg); border-radius:8px; padding:1.5rem; box-shadow:0 2px 8px rgba(0,0,0,0.04); transition:all 0.3s;} 
.post-card:hover {transform:translateY(-3px); box-shadow:0 5px 15px rgba(0,0,0,0.08);} 
.post-card-title {font-size:1.2rem; font-weight:600; margin-bottom:0.8rem; line-height:1.4;} 
.post-card-meta {font-size:0.85rem; color:var(--text-light); margin-bottom:0.8rem;} 
.post-card-excerpt {color:var(--text-light); line-height:1.6; margin-bottom:1rem;} 
 
/* 分页 */ 
.pagination {text-align:center; margin-bottom:2rem;} 
.page-numbers {padding:0.4rem 0.8rem; border-radius:4px; margin:0 0.2rem; background:var(--card-bg); border:1px solid var(--border);} 
.page-numbers.current {background:var(--primary); color:#fff; border-color:var(--primary);} 
 
/* 文章详情页 */ 
.single-wrap {max-width:800px; margin:0 auto 2rem; background:var(--card-bg); padding:2rem; border-radius:8px; box-shadow:0 2px 8px rgba(0,0,0,0.04);} 
.single-title {font-size:1.8rem; line-height:1.4; margin-bottom:1rem;} 
.single-meta {font-size:0.9rem; color:var(--text-light); padding-bottom:1rem; border-bottom:1px solid var(--border); margin-bottom:1.5rem;} 
.single-content p {margin-bottom:1rem;} 
.single-content h2 {font-size:1.4rem; margin:1.5rem 0 1rem;} 
.single-content ul, .single-content ol {margin-left:1.5rem; margin-bottom:1rem;} 
.related-posts {margin-top:2rem; padding-top:1.5rem; border-top:1px solid var(--border);} 
.related-posts h3 {margin-bottom:1rem;} 
.related-list {display:grid; grid-template-columns:1fr 1fr; gap:0.8rem;} 
 
/* 侧边栏（底部） */ 
.sidebar-wrap {display:grid; grid-template-columns:repeat(auto-fit, minmax(250px, 1fr)); gap:1.5rem; background:var(--card-bg); padding:2rem; border-radius:8px; margin-bottom:2rem; box-shadow:0 2px 8px rgba(0,0,0,0.04);} 
.widget h3 {font-size:1.1rem; margin-bottom:1rem; padding-bottom:0.5rem; border-bottom:1px solid var(--border);} 
.widget li {margin-bottom:0.6rem; line-height:1.4;} 
 
/* 页脚 */ 
.footer-wrap {text-align:center; padding:1.5rem 0; color:var(--text-light); border-top:1px solid var(--border);} 
 
/* 回到顶部按钮 */ 
.back-top {position:fixed; bottom:2rem; right:2rem; width:40px; height:40px; background:var(--primary); color:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:1.2rem; opacity:0.8;} 
.back-top:hover {opacity:1; color:#fff;} 
 
/* 移动端适配 */ 
@media (max-width:768px) { 
  .header-inner {flex-direction:column; gap:0.8rem;} 
  .nav-wrap {gap:1rem;} 
  .post-grid {grid-template-columns:1fr;} 
  .single-wrap {padding:1.2rem;} 
  .related-list {grid-template-columns:1fr;} 
  .back-top {bottom:1rem; right:1rem;} 
}