/* —— 主题与全局 —— */
:root {
  --main-color:#8c84d9;  /* 强调色 */
  --light-color:#dcd6f7; /* 高光 */
  --text-color:#333;
  --bg-color:#f5f5f5;
}
html,body{
  margin:0; overflow-x:hidden; text-align:center;
  font-family:"YouYuan","幼圆","Hiragino Maru Gothic ProN","Yu Gothic UI","Meiryo","Comic Sans MS","Baloo 2",sans-serif;
  font-size:18px; line-height:1.6; color:var(--text-color);
  background:var(--bg-color) url("assets/bg.jpg") no-repeat center/cover fixed;
}
h1{font-size:20px;font-weight:700;}
h2{font-size:18px;font-weight:700;color:var(--main-color);}
h3{font-size:16px;}
p,li,a { font-size:inherit;}

/* —— 通用容器与按钮 —— */
.container{
  max-width:960px;margin:40px auto;padding:30px;
  background:rgba(255,255,255,.9);border-radius:20px;box-shadow:0 2px 8px rgba(0,0,0,.05);
}
.back-home{margin:20px;text-align:left;}
.back-home a{color:var(--main-color);font-size:18px;font-weight:700;text-decoration:none;}
.back-home a:hover{text-decoration:underline;}
.links a{color:var(--main-color);font-weight:700;text-decoration:none;margin:0 5px;}
.links a:hover{text-decoration:underline;}
.section {
  display:inline-block;
  padding:16px 40px;
  border:2px solid var(--main-color);
  border-radius:16px;

  font-size:13px;              /* 改小字体 */
  font-weight:700;
  color:var(--main-color);     /* 字体颜色改成和边框一致 */
  background:#fff;
  text-decoration:none;
  transition:.3s;
}

.section:hover {
  background:var(--main-color);
  color:#fff;                  /* 悬停时仍然反转成白字 */
}


/* —— 首页 —— */
.avatar{width:120px;height:120px;border-radius:50%;border:3px solid var(--main-color);margin-bottom:15px;}
.visual img{max-width:100%;margin:30px 0;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.15);}
.sections{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;}

/* —— 日记页 —— */
.diary-container{display:flex;gap:20px;margin-top:30px;text-align:left;}
.diary-nav{flex:1;max-width:250px;background:#fff;padding:15px;border-radius:10px;border:1px solid #ddd;}
.diary-nav ul{list-style:none;margin:0;padding:0;}
.diary-nav li{margin:8px 0;}
.diary-nav a{color:#333;text-decoration:none;}
.diary-nav a:hover{color:var(--main-color);}
.diary-content{font-size:17px;flex:3;background:#fff;padding:20px;border-radius:10px;border:1px solid #ddd;}
.diary-content *{box-sizing:border-box;}
.diary-content img,.diary-content video,.diary-content canvas{
  max-width:100%!important;height:auto!important;display:block;margin:12px auto;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.06);
}
.diary-content table,.diary-content pre,.diary-content code{max-width:100%;overflow-x:auto;display:block;}
.diary-content{font-size:20px;overflow-wrap:anywhere;word-break:break-word;}
.diary-content {
  flex:3;
  background:#fff;
  padding:16px;
  border-radius:10px;
  border:1px solid #ddd;
  overflow-wrap:anywhere;
  word-break:break-word;

  /* 👇 新增：正文整体字号 */
  font-size:17px;  
  line-height:1.8; /* 行距可以顺便调大一点，阅读更舒服 */
}

/* —— 画廊网格 —— */
.gallery-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px;margin-top:20px;
}
.gallery-grid img{
  width:100%;border-radius:8px;cursor:pointer;transition:transform .2s,box-shadow .2s;
}
.gallery-grid img:hover{transform:scale(1.05);box-shadow:0 4px 12px var(--light-color);}

/* —— 画廊筛选（年份/标签） —— */
.filter-bar{
  display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:10px 0 16px;
}
.filter-btn{
  padding:6px 12px;border:1px solid rgba(0,0,0,.1);background:#fff;border-ra dius:999px;
  cursor:pointer;font-size:13px;
}
.filter-btn.active{
  background:var(--light-color);border-color:var(--main-color);color:var(--main-color);font-weight:700;
}

/* —— 分页 —— */
.pagination{
  display:flex;justify-content:center;align-items:center;gap:12px;margin:16px 0 4px;
}
.page-btn{
  padding:6px 12px;border:1px solid rgba(0,0,0,.1);background:#fff;border-radius:8px;cursor:pointer;font-size:13px;
}
.page-btn:disabled{opacity:.4;cursor:not-allowed;}
.page-info{font-size:13px;color:#666;}

/* —— Lightbox —— */
.lightbox{
  display:none;position:fixed;inset:0;background:rgba(0,0,0,.8);
  justify-content:center;align-items:center;flex-direction:column;z-index:999;
}
.lightbox img{
  max-width:90vw;max-height:90vh;object-fit:contain;border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,.3);
}
.lightbox-btn{
  position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.7);
  border:none;font-size:24px;padding:10px 15px;cursor:pointer;border-radius:50%;
}
.lightbox-btn:hover{background:rgba(255,255,255,.9);}
.lightbox-btn.prev{left:20px;}
.lightbox-btn.next{right:20px;}
#lightbox-caption{margin-top:10px;color:#fff;font-size:14px;text-align:center;}

/* —— Diary 统一样式罩子 —— */
.diary-content {
  font-family: inherit;            /* 跟站点一致 */
  font-size: 20px;                 /* 统一字号 */
  line-height: 1.8;                /* 舒适行距 */
  color: var(--text-color);
}

/* 清掉粘贴进来的乱七八糟字号/字体（含行内） */
.diary-content, .diary-content * {
  font-size: 20px !important;      /* 锁死正文字号 */
  font-family: inherit !important; /* 不用花里胡哨字体 */
}

/* 但仍然保留标题的层级感（相对正文稍大/稍小） */
.diary-content h1 { font-size: 28px !important; line-height: 1.5; }
.diary-content h2 { font-size: 24px !important; line-height: 1.6; }
.diary-content h3 { font-size: 22px !important; line-height: 1.7; }
.diary-content h4, 
.diary-content h5, 
.diary-content h6 { font-size: 20px !important; line-height: 1.8; }

/* 段落/列表的间距统一 */
.diary-content p,
.diary-content li { margin: 0.6em 0; }

/* 链接、引用、代码块 */
.diary-content a { color: var(--main-color); text-decoration: underline; }
.diary-content blockquote {
  margin: 1em 0; padding: .6em 1em;
  border-left: 4px solid var(--main-color);
  background: rgba(140,132,217,.06);
}
.diary-content pre, 
.diary-content code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
  font-size: 16px !important;
}

/* 图片/表格不破框（你之前已加，留在这里以防覆盖） */
.diary-content img,
.diary-content video,
.diary-content canvas {
  max-width: 100% !important;
  height: auto !important;
  display: block;
  margin: 12px auto;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0,0,0,.06);
}
.diary-content table { max-width: 100%; overflow-x: auto; display: block; }

/* 防止 p, li, a 被全局别处“缩小” */
p, li, a { font-size: inherit; }

/* 1) 关闭移动端的自动字体放大（iOS/Safari/部分安卓） */
html {
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
          text-size-adjust: 100%;
}

/* 2) 统一日记正文字号（无视粘贴进来的乱字号） */
.diary-content,
.diary-content * {
  font-size: 14px !important; 
  font-family: inherit !important;
  line-height: 1.8 !important;
}

/* 3) 保留标题的层级（不想放大的可以删掉这块） */
.diary-content h1 { font-size: 28px !important; line-height: 1.5 !important; }
.diary-content h2 { font-size: 24px !important; line-height: 1.6 !important; }
.diary-content h3 { font-size: 22px !important; line-height: 1.7 !important; }
.diary-content h4, .diary-content h5, .diary-content h6 { font-size: 20px !important; line-height: 1.8 !important; }

/* 4) 列表/段落的间距统一一下，视觉更稳 */
.diary-content p,
.diary-content li { margin: 0.6em 0; }

/* 5) 兜底：别让全局把 p / li / a 强行改小 */
p, li, a { font-size: inherit; }

/* 年份折叠样式 */
#diary-list .year-toggle{
  width:100%; text-align:left; padding:8px 10px; margin:10px 0 4px;
  border:1px solid #e5e5e5; background:#fff; border-radius:8px;
  font-weight:700; color:var(--text-color); cursor:pointer;
}
#diary-list .year-toggle .count{ color:#999; font-weight:400; margin-left:.25em; }
#diary-list .year-toggle .chev{ float:right; transition:.2s; }
#diary-list .year-group.collapsed .year-toggle .chev{ transform:rotate(-90deg); }

#diary-list .year-list{ list-style:none; padding-left:10px; margin:6px 0 12px; }
#diary-list .year-group.collapsed .year-list{ display:none; }
#diary-list .year-list li{ margin:6px 0; }
#diary-list .year-list a{ color:#333; text-decoration:none; border-radius:6px; padding:4px 6px; display:inline-block; }
#diary-list .year-list a:hover{ color:var(--main-color); background:rgba(140,132,217,.06); }
#diary-list .year-list a.active{ color:#fff; background:var(--main-color); }