/* === 基础重置 === */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

body {
  background: #f5f0e8;
  -webkit-font-smoothing: antialiased;
}

/* === 图片容器 === */
.page-wrapper {
  width: 100%;
}

.image-container {
  position: relative;
  width: 100%;
  line-height: 0;
}

.main-image {
  display: block;
  width: 100%;
  height: auto;
}

/* === 热区 === */
.hotspot {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  border-radius: 2px;
  transition: background 0.25s;
  cursor: pointer;
  z-index: 10;
  /* 调试时可打开背景色查看热区位置 */
  /* background: rgba(255, 100, 100, 0.15); */
}

/* 调试时可打开查看热区 hover 效果 */
/* .hotspot:hover {
  background: rgba(255, 255, 255, 0.15);
  outline: 2px solid rgba(255, 255, 255, 0.5);
  outline-offset: -2px;
} */

/* 热区名称标签 — 调试时取消注释 */
/* .hotspot-label {
  display: inline-block;
  padding: 3px 10px;
  font-size: 13px;
  color: #fff;
  background: rgba(0, 0, 0, 0.55);
  backdrop-filter: blur(4px);
  border-radius: 3px;
  letter-spacing: 1px;
  white-space: nowrap;
  pointer-events: none;
}
.hotspot:hover .hotspot-label {
  background: rgba(0, 0, 0, 0.75);
  transform: scale(1.05);
} */

/* === 无图模式：纯文本页头 === */
.page-header {
  text-align: center;
  padding: 80px 20px 40px;
}
.page-header h1 {
  font-size: 30px;
  letter-spacing: 4px;
  color: #3a3226;
  font-weight: 600;
}

/* === 文字链接列表（无背景图时的降级方案） === */
.text-links {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 0 16px 60px;
  max-width: 400px;
  margin: 0 auto;
}
.text-link-card {
  display: block;
  padding: 16px 20px;
  text-align: center;
  text-decoration: none;
  color: #3a3226;
  background: #fff;
  border-radius: 6px;
  font-size: 15px;
  letter-spacing: 1px;
  box-shadow: 0 1px 4px rgba(0,0,0,0.04);
  transition: transform 0.2s, box-shadow 0.2s;
}
.text-link-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(0,0,0,0.1);
  color: #c47f5a;
}

/* === 返回链接 === */
.back-link {
  display: inline-block;
  padding: 20px 16px 60px;
  color: #b0a090;
  text-decoration: none;
  font-size: 13px;
  letter-spacing: 2px;
  transition: color 0.2s;
}
.back-link:hover { color: #3a3226; }

/* === 空状态 === */
.empty-state {
  text-align: center;
  padding: 120px 20px;
  color: #b0a090;
  font-size: 16px;
  letter-spacing: 2px;
}
.empty-state p { margin-bottom: 20px; }
.empty-state a { color: #8b5e3c; }