@import url('https://fonts.googleapis.com/css2?family=Hina+Mincho&display=swap');

/* 1. 全体の設定 */
body {
  background-color: #362d45 !important;
  color: #a098ab !important;
  font-family: "Hina Mincho", serif !important;
  font-size: 9px !important;
  margin: 0 5% !important;
  line-height: 2.2 !important;
  overflow-x: hidden !important;
}

/* 2. 不要な線をすべて消去 */
hr, .entry, .diary_body, #main, #container { border: none !important; box-shadow: none !important; }

/* 3. リンクの設定 */
a { color: #837b91 !important; text-decoration: none !important; }
a:hover { color: #d8d0e0 !important; }

/* 4. 🫧 泡アニメーション（境界線なし・光の粒Ver.） */
body::before, body::after {
  content: "" !important;
  position: fixed !important;
  /* 線を消して、本体をふんわり光らせたよ */
  background: rgba(255, 255, 255, 0.3) !important; 
  border: none !important; /* ★外枠を削除！ */
  border-radius: 50% !important;
  /* ほんの少しだけボカして泡の柔らかさを出したよ */
  filter: blur(0.5px) !important;
  bottom: -100px !important;
  z-index: 0 !important;
  animation: bubbleUp 18s linear infinite !important;
}

/* 左から中央にかけての泡 */
body::before {
  width: 4px; height: 4px;
  left: 12% !important;
  box-shadow: 
    40px 150px 0 0 rgba(255,255,255,0.2), 
    150px 300px 0 -1px rgba(255,255,255,0.15), 
    220px 500px 0 1px rgba(255,255,255,0.1), 
    80px 700px 0 0 rgba(255,255,255,0.2), 
    190px 900px 0 -2px rgba(255,255,255,0.1) !important;
}

/* 右から中央にかけての泡 */
body::after {
  width: 5px; height: 5px;
  left: 60% !important;
  animation-duration: 25s !important;
  box-shadow: 
    -60px 200px 0 1px rgba(255,255,255,0.15), 
    -180px 450px 0 -2px rgba(255,255,255,0.2), 
    100px 650px 0 0 rgba(255,255,255,0.1), 
    -220px 850px 0 1px rgba(255,255,255,0.15), 
    40px 1050px 0 -1px rgba(255,255,255,0.2) !important;
}

@keyframes bubbleUp {
  0% { transform: translateY(0); opacity: 0; }
  20% { opacity: 0.6; } 
  80% { opacity: 0.3; }
  100% { transform: translateY(-130vh); opacity: 0; }
}

/* 5. タイトルのチカチカ演出（Melty.） */
.cover-title {
  font-size: 20px !important;
  text-align: center !important;
  letter-spacing: 4px !important;
  color: #e5e0eb !important;
  display: inline-block;
  animation: glitch 3s infinite;
  position: relative;
}

@keyframes glitch {
  0% { transform: none; opacity: 1; }
  7% { transform: skew(-0.5deg, -0.9deg); opacity: 0.75; }
  10% { transform: none; opacity: 1; }
  27% { transform: none; opacity: 1; }
  30% { transform: skew(0.8deg, -0.1deg); opacity: 0.75; }
  35% { transform: none; opacity: 1; }
  52% { transform: none; opacity: 1; }
  55% { transform: skew(-1.0deg, 0.2deg); opacity: 0.75; }
  50% { text-shadow: 1.5px 0 #ff00ff, -1.5px 0 #00ffff; }
  72% { transform: none; opacity: 1; text-shadow: none; }
  100% { transform: none; opacity: 1; }
}