/* ===========================================================
        🌸 超级可爱 · 粉色心心 · 糖果 UI 完整主题
   =========================================================== */

/* ========== 全局颜色（极致可爱粉） ========== */
:root {
  --main-pink: #ffbfd4;
  --accent-pink: #ff7eb3;
  --hover-pink: #ff95c8;
  --soft-bg: rgba(255, 245, 250, 0.72);
  --soft-shadow: 0 8px 20px rgba(255, 182, 193, 0.3);
  --cute-radius: 20px;
}

/* ========== 页面背景 + 超可爱粉色兔兔光标 ========== */
body {
  background: url("https://i.hd-r.icu/e3a42227840b4a2dfb6563572eb3e8af.png") center left / cover no-repeat fixed;
  font-family: "微软雅黑", "宋体", Arial, sans-serif;
  cursor: url(https://cur.cursors-4u.net/cursors/cur-2/cur165.cur), auto;
  transition: background 0.4s ease;
}

/* ========== 页面主容器 ========== */
#home {
  margin: 50px auto;
  width: 80%;
  min-width: 980px;
  background-color: var(--soft-bg);
  padding: 30px;
  box-shadow: var(--soft-shadow);
  border-radius: var(--cute-radius);
  backdrop-filter: blur(6px);
  animation: fadeIn 1.4s ease;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(20px);}
  to { opacity: 1; transform: translateY(0);}
}

/* ========== 博客标题区 ========== */
#blogTitle {
  height: 120px;
  background-color: rgba(255, 182, 193, 0.35);
  border-radius: var(--cute-radius);
  clear: both;
  position: relative;
  box-shadow: 0 4px 12px rgba(255, 182, 193, 0.25);
}

#blogTitle h1 {
  font-size: 42px;
  color: var(--accent-pink);
  font-weight: bold;
  margin-top: 15px;
  text-shadow: 0 2px 6px rgba(255, 120, 160, 0.5);
  animation: float 2.5s ease-in-out infinite;
  font-family: "Comic Sans MS", cursive;
}

@keyframes float {
  0%,100% { transform: translateY(0); }
  50% { transform: translateY(-5px); }
}

#blogTitle h2 {
  font-size: 17px;
  color: var(--accent-pink);
  padding-right: 15px;
  font-weight: bold;
  float: right;
}

/* ========== 导航栏 ========== */
#navigator {
  border-radius: 12px;
  background-color: rgba(255, 192, 203, 0.75);
  box-shadow: var(--soft-shadow);
}

#navList a {
  color: white !important;
  font-size: 18px;
  font-weight: bold;
  padding: 6px 10px;
  border-radius: 18px;
  transition: all 0.3s;
}

#navList a:hover {
  background: white;
  color: var(--hover-pink) !important;
  box-shadow: 0 4px 12px rgba(255, 150, 180, 0.45);
  transform: translateY(-2px);
}

/* ========== 文章标题 ========== */
.postTitle a {
  color: var(--accent-pink);
  font-size: 22px;
  font-weight: bold;
  transition: 0.3s;
}

.postTitle a:hover {
  color: var(--hover-pink);
  margin-left: 10px;
  text-shadow: 0 3px 6px rgba(255, 200, 230, 0.7);
}

/* ========== 文章内容区 ========== */
.day {
  background: var(--soft-bg);
  border-radius: var(--cute-radius);
  padding: 15px 20px;
  box-shadow: var(--soft-shadow);
}

/* ========== 侧边栏 ========== */
.newsItem,
.catList,
.entrylist,
#blog-calendar {
  background: var(--soft-bg);
  border-radius: var(--cute-radius);
  padding: 12px;
  box-shadow: var(--soft-shadow);
  transition: 0.3s;
}

.newsItem:hover,
.catList:hover {
  transform: translateY(-5px);
}

/* ========== 评论框 ========== */
#tbCommentBody {
  width: 100%;
  height: 220px;
  background: var(--soft-bg);
  border-radius: var(--cute-radius);
  box-shadow: var(--soft-shadow);
  padding: 10px;
}

/* ========== 返回顶部按钮 ========== */
#back-to-top {
  background-color: var(--main-pink);
  color: white;
  padding: 12px 16px;
  border-radius: 35px;
  position: fixed;
  bottom: 20px;
  right: 50px;
  box-shadow: var(--soft-shadow);
  transition: 0.3s;
}

#back-to-top:hover {
  background-color: var(--hover-pink);
  transform: translateY(-4px);
}

/* ========== 图片可爱放大效果 ========== */
img {
  border-radius: 20px;
  box-shadow: 0 6px 15px rgba(255, 170, 200, 0.4);
  transition: 0.3s;
}

img:hover {
  transform: scale(1.05);
}

/* ===========================================================
        💗 下面是内置特效（心心飘落 + 点击冒心心）
   =========================================================== */

/* 飘落的心心 */
.heart {
  position: fixed;
  bottom: -20px;
  color: #ff7eb3;
  font-size: 18px;
  opacity: 0.7;
  animation: floatHeart 4s linear infinite;
  pointer-events: none;
  z-index: 9999;
}

@keyframes floatHeart {
  0% { transform: translateY(0) translateX(0); opacity: 1; }
  100% { transform: translateY(-200px) translateX(30px); opacity: 0; }
}

/* 点击冒心心 */
.click-heart {
  position: fixed;
  color: #ff85c4;
  font-size: 20px;
  pointer-events: none;
  animation: clickHeart 0.8s ease-out forwards;
}

@keyframes clickHeart {
  0% { opacity: 1; transform: scale(1); }
  100% { opacity: 0; transform: translateY(-50px) scale(1.6); }
}

/* ===========================================================
        💗 可爱加载动画
   =========================================================== */
#cute-loading {
  position: fixed;
  left: 0; top: 0;
  width: 100%; height: 100%;
  background: rgba(255, 240, 250, 0.9);
  z-index: 10000;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 32px;
  color: #ff7eb3;
  font-weight: bold;
  animation: fadeOutLoading 1s ease 1.6s forwards;
}

@keyframes fadeOutLoading {
  to { opacity: 0; visibility: hidden; }
}

.loading-heart {
  animation: heartbeat 1s infinite;
}

@keyframes