<?php if (!defined('__TYPECHO_ROOT_DIR__')) exit; ?>
/**
 * 归心 Theme
 *
 * @package 归心 Theme
 * @author 山海莫问Team
 * @version 0.1
 * @link https://next.wvnm.cn
 */

/* 优化配色方案 */
:root {
  --primary: #5d7685;         /* 黛蓝主色 */
  --accent: #4a90e2;          /* 好看的高亮蓝色 */
  --bg: #f5f7fa;              /* 整体：非常浅的灰色 */
  --card-bg: #fafbfc;         /* 卡片：比背景更偏白的底色 */
  --text-main: #2c2c2c;
  --text-sub: #666666;
  --white: #ffffff;
  --shadow: 0 4px 12px rgba(93, 118, 133, 0.08); /* 更柔和的阴影 */
  --radius: 6px;              /* 稍微圆润一点 */
}

* { 
  margin: 0; 
  padding: 0; 
  box-sizing: border-box; 
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "WenQuanYi Micro Hei", sans-serif;
  background: var(--bg); /* 应用浅灰背景 */
  color: var(--text-main);
  line-height: 1.8;
  scroll-behavior: smooth;
}

/* --- 头部 --- */
header {
  background: var(--card-bg); /* 头部也用偏白底色 */
  padding: 2.5rem 1rem 1.5rem;
  text-align: center;
  border-bottom: 1px solid rgba(0,0,0,0.03);
}
header h1 {
  font-size: 2.2rem;
  color: var(--text-main);
  font-weight: 700;
  letter-spacing: 0.15em;
  margin-bottom: 0.5rem;
  font-family: SimSun, "STSong", "宋体", serif; 
}
header p {
  color: var(--text-sub);
  font-size: 1rem;
  font-style: italic;
  font-family: KaiTi, "STKaiti", "楷体", serif;
}

/* --- 导航栏：高亮改为好看的蓝色 --- */
nav {
  background: rgba(250, 251, 252, 0.98); /* 半透明偏白 */
  position: sticky;
  top: 0;
  z-index: 1000;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
  backdrop-filter: blur(10px);
}
.nav-container {
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
/* 左侧Logo */
.nav-left-logo {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: block;
}
.nav-left-logo img {
  max-height: 40px;
  max-width: 120px;
  height: auto;
  width: auto;
  display: block;
}
nav ul {
  display: flex;
  justify-content: center;
  list-style: none;
  padding: 0.8rem;
  gap: 0.5rem;
  flex-wrap: wrap;
}
nav a {
  text-decoration: none;
  color: var(--text-sub);
  font-weight: 500;
  padding: 0.6rem 1.2rem;
  border-radius: 50px;
  transition: all 0.3s;
  cursor: pointer;
  font-size: 0.95rem;
  display: inline-block;
}
nav a:hover {
  background: rgba(74, 144, 226, 0.08); /* 悬停淡蓝 */
  color: var(--accent);
}
/* 核心修改：好看的蓝色高亮 */
nav a.active {
  background: var(--accent); /* 清爽蓝色背景 */
  color: #fff;              /* 纯白文字 */
  box-shadow: 0 4px 12px rgba(74, 144, 226, 0.25);
  font-weight: 600;
}

/* --- 主内容区 --- */
main {
  max-width: 1100px;
  margin: 2rem auto;
  padding: 0 1.5rem;
  min-height: 60vh;
}

/* --- 核心分栏布局：使用新的卡片底色 --- */
.split-layout {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 3rem;
  align-items: center;
  background: var(--card-bg); /* 偏白底色 */
  padding: 3rem;
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  margin-bottom: 2rem;
}
.content-side h2 {
  font-size: 1.9rem;
  color: var(--primary);
  margin-bottom: 1.5rem;
  font-family: SimSun, "STSong", "宋体", serif;
  border-left: 4px solid var(--accent); /* 装饰条也用蓝色 */
  padding-left: 1rem;
  line-height: 1.3;
}
.content-side p {
  font-size: 1.05rem;
  color: var(--text-sub);
  margin-bottom: 1.5rem;
  text-align: justify;
  text-indent: 2em;
}
.visual-side {
  height: 400px;
  border-radius: var(--radius);
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(255,255,255,0.95);
  font-size: 1.5rem;
  font-weight: bold;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 0 20px rgba(0,0,0,0.08);
  font-family: KaiTi, "STKaiti", "楷体", serif;
  letter-spacing: 0.2em;
}
/* 稍微调整渐变，让它和新的蓝色更搭 */
.bg-mountain { background: linear-gradient(135deg, #5d7685 0%, #7a95a6 100%); }
.bg-river { background: linear-gradient(135deg, #6bb3f0 0%, #a8d4ff 100%); } /* 更清爽的蓝 */
.bg-sun { background: linear-gradient(135deg, #f5a623 0%, #f7ca88 100%); }
.bg-moon { background: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%); }
.bg-wind { background: linear-gradient(135deg, #7ed56f 0%, #a8e6cf 100%); }

/* --- 按钮：也呼应蓝色 --- */
.btn {
  display: inline-block;
  margin-top: 1rem;
  padding: 0.8rem 2.2rem;
  background: var(--accent); /* 蓝色按钮 */
  color: #fff;
  text-decoration: none;
  border-radius: var(--radius);
  font-size: 0.95rem;
  transition: all 0.3s;
  cursor: pointer;
  border: none;
  letter-spacing: 0.05em;
}
.btn:hover {
  background: #357abd; /* 悬停加深蓝 */
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(74, 144, 226, 0.3);
}

/* --- 首页卡片：使用新的偏白底色 --- */
.home-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 1.5rem;
}
.card {
  background: var(--card-bg); /* 偏白底色 */
  padding: 2rem;
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  cursor: pointer;
  transition: 0.3s;
  border-top: 3px solid transparent;
}
.card:hover {
  transform: translateY(-5px);
  border-top-color: var(--accent); /* 悬停变蓝 */
  box-shadow: 0 8px 20px rgba(74, 144, 226, 0.12);
}
.card h3 { 
  font-family: SimSun, "STSong", "宋体", serif;
  font-size: 1.2rem; 
  color: var(--text-main); 
  margin-bottom: 0.5rem; 
}
.card p { 
  color: var(--text-sub); 
  font-size: 0.9rem; 
  margin: 0; 
}

/* --- 页脚 --- */
footer {
  text-align: center;
  padding: 3rem 1rem;
  color: #999;
  font-size: 0.85rem;
  margin-top: 4rem;
  border-top: 1px solid rgba(0,0,0,0.05);
  font-family: KaiTi, "STKaiti", "楷体", serif;
  background: var(--card-bg);
}

/* --- 返回顶部：蓝色 --- */
.back-to-top {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: var(--accent); /* 蓝色 */
  border: none;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(74, 144, 226, 0.3);
  transition: all 0.3s;
  opacity: 0;
  visibility: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.back-to-top:hover {
  background: #357abd;
  transform: translateY(-3px);
}
.back-to-top.visible {
  opacity: 1;
  visibility: visible;
}

/* --- 移动端适配 --- */
@media (max-width: 768px) {
  header h1 { 
    font-size: 1.8rem; 
  }
  .split-layout {
    grid-template-columns: 1fr;
    gap: 2rem;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .visual-side {
    height: 240px;
    order: -1;
  }
  .content-side h2 { 
    font-size: 1.5rem; 
  }
  .content-side p { 
    text-indent: 0; 
  }
  nav ul { 
    gap: 0.2rem; 
  }
  nav a { 
    padding: 0.5rem 0.8rem; 
    font-size: 0.85rem; 
  }
  .back-to-top {
    width: 40px;
    height: 40px;
    bottom: 1.5rem;
    right: 1.5rem;
  }
  .nav-left-logo img {
    max-height: 32px;
  }
  .home-grid {
    grid-template-columns: 1fr;
  }
}

@media (min-width: 769px) {
  .nav-left-logo {
    display: block;
  }
}