* { margin:0; padding:0; box-sizing:border-box; }

/* 隐藏全局滚动条，让页面看起来像一页纸，而不是网页 */
::-webkit-scrollbar {
  width: 0px;
  background: transparent;
}

body {
  background:#2e2e2e;
  font-family: "Kaiti SC", "STKaiti", "KaiTi", "楷体", "Microsoft YaHei", serif;
  padding:60px 16px 120px;
  overflow-x: hidden;
  
  /* 核心：禁止玩家选中文字，防止出现蓝色选中框破坏沉浸感 */
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  
  /* 黑屏渐显动画 */
  animation: fadeInPage 0.8s ease-in-out forwards;
}

@keyframes fadeInPage {
  from { opacity: 0; background-color: #000; }
  to { opacity: 1; background-color: #2e2e2e; }
}

.paper {
  width:100%;
  max-width:600px;
  margin: 0 auto;
  background:#f4efe4;
  background-image: radial-gradient(rgba(180,170,150,0.07) 1px, transparent 1px);
  background-size: 4px 4px;
  box-shadow: 0 4px 30px rgba(0,0,0,0.4);
  padding:70px 56px 140px;
  position:relative;
  overflow-wrap: break-word;
  word-break: break-word;
}

.date-row { display:flex; align-items:center; gap:10px; margin-bottom:44px; }
.date-row .date { font-size:15px; color:#8a8478; letter-spacing:1px; }
.date-row .weather { width:26px; height:26px; }

.line { font-size:18px; line-height:2.1; color:#4a4538; margin-bottom:3px; overflow-wrap: break-word; }
.line.small { font-size:17px; }
.line.big { font-size:19px; }
.line.blue { color:#1e3a6e; }
.line.black { color:#1a1a1a; font-weight:bold; }
.line.tilt { transform:rotate(-0.4deg); transform-origin: left center; }

.gap { height:82px; }
.gap-small { height:30px; }
.end-space { height:140px; }

.doodle { 
  position:absolute; 
  right:52px; 
  bottom:80px; 
  opacity:0.7; 
  max-width: calc(100% - 104px); 
  height: auto; 
}

.back-link { 
  position:absolute; 
  top:24px; 
  left:28px; 
  font-size:12px; 
  color:#a8a295; 
  text-decoration:none; 
  z-index: 999;
}
.back-link:hover { color:#7a7468; }

/* 手机端适配 */
@media (max-width: 600px) {
  body { padding: 20px 10px 80px; }
  .paper { padding: 40px 24px 80px; }
  .line { font-size: 16px; line-height: 2; }
  .line.small { font-size: 15px; }
  .line.big { font-size: 17px; }
  .gap { height: 50px; }
  .back-link { top: 16px; left: 16px; padding: 8px; }
  .doodle { right: 20px; bottom: 40px; max-width: calc(100% - 40px); transform: scale(0.85); transform-origin: bottom right; }
}