/* ===== 基础变量 ===== */
:root {

  --primary: #8AB0AB;

  --secondary: #F4F7F7;

  --accent: #D4B483;

  --text: #3E505B;

}


/* ===== 通用样式 ===== */
body {

  font-family: "Segoe UI", "Source Han Sans CN", system-ui, sans-serif;

  line-height: 1.6;

  color: var(--text);

  background: var(--secondary);

  max-width: 1200px;

  margin: 0 auto;

  padding: 20px;

}


/* ===== 头部样式 ===== */
#blogTitle {

  position: relative;

  height: 60vh !important;

  background: url(https://source.unsplash.com/random/1920x600?nature) center/cover !important;

  border: none !important;

}


#blogTitle h1 {

  font-size: 3.5rem !important;

  text-shadow: 2px 2px 4px rgba(0,0,0,0.3);

  z-index: 2;

  position: relative;

  color: white !important;

}


#blogTitle h2 {

  color: white !important;

  z-index: 2;

  position: relative;

  font-size: 1.5rem !important;

}


.header-overlay {

  position: absolute;

  background: rgba(0,0,0,0.3);

  inset: 0;

  z-index: 1;

}


/* ===== 文章列表 ===== */
.day {

  background: white !important;

  border-radius: 12px !important;

  padding: 2rem !important;

  box-shadow: 0 2px 4px rgba(0,0,0,0.08) !important;

  transition: transform 0.2s !important;

  margin-bottom: 2rem !important;

}


.day:hover {

  transform: translateY(-5px) !important;

}


/* ===== 侧边栏 ===== */
#sidebar {

  background: linear-gradient(145deg, var(--secondary) 0%, white 100%) !important;

  padding: 2rem !important;

  border-radius: 8px !important;

  box-shadow: 0 4px 6px rgba(0,0,0,0.05) !important;

}