@font-face {
  font-family: "Cubic_11";
  src: url("../fonts/Cubic_11.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

html, body {
  height: 100%;
  margin: 0;
  display: flex;
  font-family: 'Cubic_11', 'Courier New', monospace;
  -webkit-font-smoothing: none;
  image-rendering: pixelated;
}

.content_scroll {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  background: #f1edef; 
  padding: 0; 
}

/* 捲動條樣式 */
.content_scroll::-webkit-scrollbar { width: 14px; }
.content_scroll::-webkit-scrollbar-track { background: #f1edef; }
.content_scroll::-webkit-scrollbar-thumb {
  background: #fad6e4;
  border-top: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
  border-bottom: 2px solid #a36270;
  border-right: 2px solid #a36270;
}


/* 黑色內框 */
.inner_box {
  background-color: #000000; /* 加入純黑底色打底，避免圖片載入前閃爍白屏 */
  background-image: url('https://i.pinimg.com/1200x/28/0c/57/280c579ba42a1bf67ca2a205befd7bc1.jpg');
  
  /* 關鍵修改：強制寬高完全貼合視窗 100%，不裁切 */
  background-size: 100% 100%; 
  background-position: center; 
  background-repeat: no-repeat;
  width: 100%;
  min-height: 100%;            
  
  /* 關鍵微調：因為邊框顯現出來了，我們要把 padding 加大，避免文字壓在花紋上 */
  padding: 40px 30px; 
  box-sizing: border-box;
  color: #ffffff;
}

/* 1. 修正名稱為 .blog_title，並加入 Flexbox 排版 */
.blog_title {
  font-size: 24px;
  color: #fbd9e4;
  margin-top: 0;
  margin-bottom: 30px; /* 將底下的留白加大，推開與日期的距離 */
  text-shadow: 2px 2px #a36270;
  
  /* 啟動 Flexbox 排版，讓內部元素強制水平與垂直置中 */
  display: flex;


  gap: 12px; /* 設定文字與兩側翅膀的間距 */
}

/* 2. 獨立控制標題旁的翅膀圖片 */
.blog_title img {
  height: 25px; /* 統一圖片的高度 */
  width: auto;
  /* 像素字體的重心通常偏下，透過 translateY 將圖片微幅下推，視覺上就會完全對齊 */
  transform: translateY(2px); 
}

/* 單篇日誌區塊 */
.blog_entry {
  margin-bottom: 32px;
  padding-bottom: 16px;
  border-bottom: 1px dashed #a36270;
}

.entry_header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}

.entry_date {
  font-size: 14px;
  color: #fbd9e4;
}

.entry_tag {
  font-size: 12px;
  background-color: #a36270;
  color: #ffffff;
  padding: 2px 6px;
}

.entry_content {
  font-size: 14px;
  line-height: 1.8;
  color: #eeeeee;
}