/*
Theme Name: Clean SEO Dual
Version: 2.0
Description: 全新SEO主题 暗黑模式 响应式
Author: Custom
*/
:root {
  --bg: #fbfbfb;
  --text: #2d2d2d;
  --card: #ffffff;
  --line: #e6e6e6;
  --main: #2d6ef5;
  --sidebar: #f5f7fa;
  --shadow: 0 2px 8px rgba(0,0,0,0.06);
}
[data-theme="dark"] {
  --bg: #0f172a;
  --text: #e2e8f0;
  --card: #1e293b;
  --line: #334155;
  --main: #60a5fa;
  --sidebar: #1e293b;
  --shadow: 0 2px 8px rgba(0,0,0,0.2);
}
* {
  margin:0;
  padding:0;
  box-sizing:border-box;
  transition:background 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}
body {
  background:var(--bg);
  color:var(--text);
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, sans-serif;
  line-height:1.8;
}
a {
  color:var(--main);
  text-decoration:none;
}
.wrap {
  max-width:1120px;
  margin:0 auto;
  padding:0 20px;
}

/* 暗黑按钮 */
#darkBtn {
  position:fixed;
  top:24px;
  right:24px;
  width:44px;
  height:44px;
  border-radius:50%;
  background:var(--card);
  color:var(--text);
  border:1px solid var(--line);
  font-size:18px;
  cursor:pointer;
  z-index:999;
  box-shadow:var(--shadow);
}

/* 顶部 */
.top {
  padding:28px 0;
  border-bottom:1px solid var(--line);
  margin-bottom:36px;
}
.logo {
  font-size:26px;
  font-weight:700;
  color:var(--text);
}
.menu {
  margin-top:12px;
}
.menu ul {
  display:flex;
  gap:18px;
  list-style:none;
  flex-wrap:wrap;
}
.menu a {
  color:var(--text);
  font-weight:500;
  padding:6px 0;
}

/* 双栏 */
.flex {
  display:flex;
  gap:36px;
  margin-bottom:50px;
}
.main {
  width:68%;
}
.side {
  width:32%;
}

/* 文章卡片 */
.card {
  background:var(--card);
  border-radius:14px;
  padding:28px;
  margin-bottom:24px;
  border:1px solid var(--line);
  box-shadow:var(--shadow);
}
.title {
  font-size:22px;
  margin-bottom:10px;
  line-height:1.4;
}
.title a {
  color:var(--text);
}
.info {
  font-size:13px;
  color:var(--text);
  opacity:0.6;
  margin-bottom:14px;
}
.excerpt {
  font-size:15px;
  line-height:1.75;
}

/* 内容页 */
.single-title {
  font-size:28px;
  line-height:1.4;
  margin-bottom:16px;
}
.content {
  font-size:16px;
  line-height:1.9;
}
.content p {
  margin-bottom:1.2em;
}
.content img {
  max-width:100%;
  height:auto;
  border-radius:8px;
}

/* 侧边栏 */
.widget {
  background:var(--sidebar);
  border-radius:12px;
  padding:22px;
  margin-bottom:22px;
  border:1px solid var(--line);
}
.widget h3 {
  font-size:16px;
  margin-bottom:16px;
  padding-bottom:10px;
  border-bottom:1px solid var(--line);
}
.widget ul {
  list-style:none;
}
.widget li {
  padding:7px 0;
  border-bottom:1px dashed var(--line);
}
.widget li:last-child {
  border-bottom:none;
}

/* 底部 */
.footer {
  border-top:1px solid var(--line);
  padding:30px 0;
  text-align:center;
  font-size:14px;
  opacity:0.7;
}

/* 自适应 */
@media (max-width:768px) {
  .flex {
    flex-direction:column;
  }
  .main, .side {
    width:100%;
  }
  .single-title {
    font-size:24px;
  }
  .title {
    font-size:20px;
  }
}
/* 翻页样式 */
.pagination {
  margin: 20px 0;
  text-align: center;
}
.pagination .page-numbers {
  display: inline-block;
  padding: 8px 12px;
  margin: 0 4px;
  border-radius: 6px;
  background: var(--card);
  border: 1px solid var(--border);
  color: var(--text);
  text-decoration: none;
}
.pagination .current {
  background: var(--main);
  color: #fff !important;
  border-color: var(--main);
}
.pagination a:hover {
  background: var(--main);
  color: #fff !important;
}