/* ============================================
   岩录·地层断层翻页 — Geological Strata Style
   深地岩室 × 沉积层理 × 断裂滑动 × 矿物标签
   ============================================ */

/* ===== 全局重置 ===== */
*, *::before, *::after {
  margin: 0; padding: 0; box-sizing: border-box;
}
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }

/* ===== Body — 深地岩室 ===== */
.geo-body {
  font-family: 'Inter', 'Helvetica Neue', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  background: #0F0D0A;
  color: #C4B49A;
  line-height: 1.6;
  min-height: 100vh;
  overflow-x: hidden;
  position: relative;
}

/* ===== 深地背景渐变 ===== */
.geo-cave-bg {
  position: fixed; top: 0; left: 0; width: 100%; height: 100%;
  z-index: 0; pointer-events: none;
  background: linear-gradient(180deg, #2A2418 0%, #1C1812 50%, #0F0D0A 100%);
}

/* ===== 岩石纹理叠加 ===== */
.geo-rock-texture {
  position: fixed; top: 0; left: 0; width: 100%; height: 100%;
  z-index: 0; pointer-events: none;
  background:
    repeating-linear-gradient(90deg, rgba(70,50,35,0.3) 0px, rgba(70,50,35,0.3) 1px, transparent 1px, transparent 3px),
    repeating-linear-gradient(0deg, rgba(70,50,35,0.08) 0px, rgba(70,50,35,0.08) 1px, transparent 1px, transparent 8px);
}

/* ===== 探照灯光扫 ===== */
.geo-light-sweep {
  position: fixed; top: 0; left: 0; width: 100%; height: 100%;
  z-index: 0; pointer-events: none;
  animation: light-drift 15s ease-in-out infinite alternate;
}
@keyframes light-drift {
  0% { opacity: 0.3; }
  50% { opacity: 1; }
  100% { opacity: 0.3; }
}

/* ===== Noise filter (hidden SVG) ===== */
.geo-noise-filter { position: absolute; width: 0; height: 0; overflow: hidden; }

/* ===== 顶部粘性导航栏 — 岩壁 ===== */
.geo-navbar {
  position: sticky; top: 0; z-index: 100; width: 100%; height: 72px;
  background: rgba(15, 13, 10, 0.94);
  backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
  border-bottom: 2px solid rgba(139,90,43,0.15);
}
.geo-navbar-inner {
  max-width: 1600px; margin: 0 auto; height: 100%;
  display: flex; align-items: center; padding: 0 24px; gap: 28px;
}
/* Logo */
.geo-logo {
  display: flex; align-items: center; gap: 8px;
  text-decoration: none; flex-shrink: 0;
}
.geo-logo-icon {
  font-size: 28px; color: #B87C4F;
  animation: crystal-rotate 4s ease-in-out infinite;
  filter: drop-shadow(0 0 6px rgba(184,124,79,0.4));
}
@keyframes crystal-rotate {
  0%, 100% { transform: scale(1); opacity: 0.9; }
  50% { transform: scale(1.08); opacity: 1; }
}
.geo-logo-text {
  font-family: 'Impact', 'Arial Black', sans-serif;
  font-size: 26px; font-weight: 700;
  background: linear-gradient(90deg, #B87C4F, #8B5A2B);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
  letter-spacing: 6px; text-transform: uppercase;
  text-shadow: none;
}

/* 主导航链接 */
.geo-nav-links { display: flex; align-items: center; gap: 32px; }
.geo-nav-link {
  color: #6B5B4A; text-decoration: none; font-size: 13px; font-weight: 300;
  letter-spacing: 3px; position: relative; padding: 4px 0;
  transition: color 0.3s; white-space: nowrap; text-transform: uppercase;
}
.geo-nav-link::after {
  content: ''; position: absolute; bottom: -2px; left: 50%; width: 0; height: 2px;
  background: linear-gradient(90deg, #B87C4F, #8B5A2B);
  border-radius: 0; transition: all 0.3s; transform: translateX(-50%);
}
.geo-nav-link:hover { color: #B87C4F; }
.geo-nav-link:hover::after { width: 100%; }

/* 搜索框 */
.geo-search-wrap { position: relative; flex: 1; max-width: 480px; margin-left: auto; }
.geo-search-icon {
  position: absolute; left: 14px; top: 50%; transform: translateY(-50%);
  pointer-events: none;
}
.geo-search-input {
  width: 100%; padding: 10px 16px 10px 42px; height: 44px;
  background: rgba(26,22,18,0.9);
  border: 1px solid rgba(139,90,43,0.2); border-radius: 0;
  color: #C4B49A; font-family: 'Inter', sans-serif;
  font-size: 14px; outline: none; transition: all 0.3s;
}
.geo-search-input::placeholder { color: #4A3A2A; }
.geo-search-input:focus {
  border-color: #B87C4F;
  box-shadow: 0 0 12px rgba(184,124,79,0.2);
}

/* 汉堡菜单按钮 */
.geo-mobile-menu-btn {
  display: none; flex-direction: column; justify-content: center; gap: 5px;
  width: 36px; height: 36px; background: transparent;
  border: 1px solid rgba(139,90,43,0.2); border-radius: 0;
  cursor: pointer; padding: 8px; flex-shrink: 0;
}
.geo-mobile-menu-btn span { display: block; width: 100%; height: 2px; background: #B87C4F; border-radius: 0; transition: all 0.3s; }
.geo-mobile-menu-btn.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px);}
.geo-mobile-menu-btn.active span:nth-child(2){opacity:0;}
.geo-mobile-menu-btn.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px);}

/* 移动端导航面板 */
.geo-mobile-nav-panel {
  display: none; background: rgba(15,13,10,0.95); backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 2px solid rgba(139,90,43,0.15); overflow: hidden;
  max-height: 0; transition: max-height 0.4s;
}
.geo-mobile-nav-panel.open { max-height: 360px; }
.geo-mobile-nav-links { display: flex; flex-direction: column; padding: 12px 24px; gap: 4px; }
.geo-mobile-nav-links .geo-nav-link { padding: 12px 16px; border-radius: 0; font-size: 15px; letter-spacing: 4px; color: #6B5B4A; transition: all .2s; }
.geo-mobile-nav-links .geo-nav-link:hover { background: rgba(139,90,43,0.08); color: #B87C4F; }

/* ===== Hero 地层断层区 ===== */
.geo-hero-section {
  position: relative; max-width: 1600px; margin: 0 auto;
  padding: 24px 24px 0; overflow: hidden;
}
.geo-strata-container {
  height: 221px; overflow: hidden; position: relative;
  background: rgba(15,13,10,0.6);
  border: 1px solid rgba(139,90,43,0.1);
  border-radius: 0;
  backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);
  /* Base rock shadow */
  box-shadow: inset 0 -8px 16px rgba(0,0,0,0.4);
}

/* 单个地层 */
.geo-stratum {
  position: relative; width: 100%; height: var(--strata-thickness);
  cursor: pointer; -webkit-tap-highlight-color: transparent;
  transition: all 0.3s;
  /* Rock texture gradient */
  background: linear-gradient(90deg,
    rgba(70,50,35,0.6) 0%,
    rgba(90,65,45,0.7) 20%,
    rgba(80,55,40,0.8) 40%,
    rgba(100,70,50,0.7) 60%,
    rgba(70,50,35,0.6) 100%
  );
  border-bottom: 1px solid rgba(40,30,20,0.6);
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  overflow: hidden;
  display: flex; align-items: center;
}

/* 岩层分裂动画 — 左半 */
.geo-stratum-left {
  position: absolute; inset: 0; right: 50%;
  background: inherit;
  transition: transform 0.25s ease;
  z-index: 1;
}
/* 右半 */
.geo-stratum-right {
  position: absolute; inset: 0; left: 50%;
  background: inherit;
  transition: transform 0.25s ease;
  z-index: 1;
}

/* 矿脉 — 断裂时显露 */
.geo-stratum-vein {
  position: absolute; top: 0; bottom: 0; left: 50%; width: 2px;
  background: linear-gradient(180deg, transparent, #D4A56A, #FFD700, #D4A56A, transparent);
  opacity: 0; z-index: 0;
  transition: opacity 0.2s;
}

/* 断裂动画激活 */
.geo-stratum.active .geo-stratum-left {
  transform: translateX(-20px);
}
.geo-stratum.active .geo-stratum-right {
  transform: translateX(20px);
}
.geo-stratum.active .geo-stratum-vein {
  opacity: 1;
}
/* 弹性回位 */
.geo-stratum.active .geo-stratum-left,
.geo-stratum.active .geo-stratum-right {
  animation: fault-slide 0.45s ease;
}
@keyframes fault-slide {
  0% { transform: translateX(0); }
  40% { transform: translateX(-20px); }
  60% { transform: translateX(-20px); }
  80% { transform: translateX(4px); }
  100% { transform: translateX(0); }
}
.geo-stratum.active .geo-stratum-right {
  animation: fault-slide-r 0.45s ease;
}
@keyframes fault-slide-r {
  0% { transform: translateX(0); }
  40% { transform: translateX(20px); }
  60% { transform: translateX(20px); }
  80% { transform: translateX(-4px); }
  100% { transform: translateX(0); }
}

/* 地震波闪烁 */
.geo-stratum.quake-flash {
  animation: quake-glow 0.6s ease;
}
@keyframes quake-glow {
  0% { filter: brightness(1); }
  30% { filter: brightness(1.5) saturate(1.2); }
  50% { filter: brightness(1.8) saturate(0.6); }
  100% { filter: brightness(1); }
}

/* 矿物分析悬浮层 */
.geo-stratum.analyzing::after {
  content: 'Mineral Analysis...';
  position: absolute; top: -30px; left: 50%; transform: translateX(-50%);
  background: rgba(15,13,10,0.9); color: #D4A56A;
  font-size: 11px; letter-spacing: 2px; text-transform: uppercase;
  padding: 4px 12px; border: 1px solid rgba(184,124,79,0.3);
  white-space: nowrap; z-index: 10;
}

/* 选中彩化 */
.geo-stratum.active {
  filter: saturate(0.6) brightness(1.1);
}

/* 岩画拓印图片 */
.geo-stratum-rubbing {
  position: relative; z-index: 2;
  width: 50px; height: 40px; margin-left: 16px;
  overflow: hidden; flex-shrink: 0;
}
.geo-stratum-rubbing img {
  width: 100%; height: 100%; object-fit: cover;
  filter: grayscale(60%) contrast(150%) brightness(70%);
  transition: filter 0.3s;
}
.geo-stratum.active .geo-stratum-rubbing img {
  filter: saturate(0.6) contrast(120%) brightness(90%);
}

/* 矿物标签 */
.geo-stratum-label {
  position: absolute; right: 12px; top: 50%; transform: translateY(-50%);
  font-family: 'Impact', 'Arial Black', sans-serif;
  font-size: 12px; font-weight: 700; color: #B87C4F;
  letter-spacing: 2px; text-transform: uppercase;
  background: transparent;
  border-bottom: 2px solid #B87C4F;
  padding: 2px 6px;
  z-index: 2;
}

.geo-stratum-link { display: block; text-decoration: none; color: inherit; }

/* ===== 地层分类核心 ===== */
.geo-cores-section { padding: 20px 24px; max-width: 1600px; margin: 0 auto; }
.geo-cores-scroll {
  display: flex; gap: 16px; overflow-x: auto;
  scrollbar-width: thin; scrollbar-color: rgba(139,90,43,.3) transparent; padding: 4px 0;
}
.geo-cores-scroll::-webkit-scrollbar { height: 6px; }
.geo-cores-scroll::-webkit-scrollbar-track { background: transparent; }
.geo-cores-scroll::-webkit-scrollbar-thumb { background: rgba(139,90,43,.3); border-radius: 0; }

.geo-strata-core {
  flex-shrink: 0; display: flex; align-items: center; justify-content: center;
  gap: 8px; min-width: 130px; height: 90px; border-radius: 0;
  border: 1px solid rgba(139,90,43,0.15); text-decoration: none;
  transition: all .3s; position: relative; overflow: hidden;
  background: rgba(26,22,18,0.8); cursor: pointer;
}
.geo-core-vein {
  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
  width: 40px; height: 40px; opacity: 0.1;
  filter: blur(12px); transition: all 0.3s;
}
.geo-strata-core:hover .geo-core-vein {
  width: 80px; height: 80px; opacity: 0.25;
}
.geo-strata-core:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 24px rgba(139,90,43,0.15);
  border-color: rgba(139,90,43,0.4);
}
.geo-core-icon { font-size: 24px; position: relative; z-index: 1; }
.geo-core-label {
  font-family: 'Impact', 'Arial Black', sans-serif;
  font-size: 12px; font-weight: 700; color: #C4B49A; letter-spacing: 1px;
  text-transform: uppercase; position: relative; z-index: 1;
}

/* ===== 岩区游戏列表 ===== */
.geo-main { position: relative; z-index: 1; max-width: 1600px; margin: 0 auto; padding: 0 0 40px; }
.geo-sector {
  margin: 0 24px; overflow: hidden;
  background: rgba(15,13,10,0.7); border: 1px solid rgba(139,90,43,0.08);
  margin-bottom: 8px; position: relative; border-radius: 0;
}
.geo-sector-header {
  display: flex; align-items: center; justify-content: flex-start; gap: 12px;
  padding: 0 20px; height: 48px; cursor: pointer; transition: background 0.2s;
  user-select: none; -webkit-tap-highlight-color: transparent;
  border-bottom: 1px solid rgba(139,90,43,0.06);
}
.geo-sector-header:hover { background: rgba(139,90,43,0.04); }
.geo-sector-right { margin-left: auto; display: flex; align-items: center; gap: 12px; }

/* 锈褐色指示条 */
.geo-sector-bar {
  width: 3px; height: 20px; border-radius: 0; flex-shrink: 0;
  background: rgba(139,90,43,0.3); transition: all 0.3s;
}
.geo-sector-bar.active {
  background: #8B5A2B;
  box-shadow: 0 0 8px rgba(139,90,43,0.6), 0 0 16px rgba(139,90,43,0.2);
}

.geo-sector-arrow {
  font-size: 14px; color: #6B5B4A; transition: transform 0.3s;
}
.geo-sector.open .geo-sector-arrow { transform: rotate(180deg); }

.geo-section-title {
  font-family: 'Impact', 'Arial Black', sans-serif;
  font-size: 18px; font-weight: 700;
  color: #8B5A2B;
  letter-spacing: 4px; text-transform: uppercase;
  text-shadow: 1px 1px 0 rgba(0,0,0,0.8);
}
.geo-sector-more {
  color: #6B5B4A; text-decoration: none; font-size: 12px; font-weight: 300;
  letter-spacing: 2px; transition: all .3s; text-transform: uppercase;
}
.geo-sector-more:hover { color: #B87C4F; letter-spacing: 3px; }

/* 岩区内容展开 */
.geo-sector-content {
  max-height: 0; overflow: hidden;
  transition: max-height 0.3s cubic-bezier(0.33,1,0.68,1);
}
.geo-sector.open .geo-sector-content {
  max-height: 3000px;
}

/* ===== 游戏网格（响应式）===== */
.geo-games-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; padding: 0 16px 16px; }
@media (min-width: 640px) { .geo-games-grid { grid-template-columns: repeat(3, 1fr); gap: 14px; } }
@media (min-width: 1024px) { .geo-games-grid { grid-template-columns: repeat(6, 1fr); gap: 16px; } }
@media (min-width: 1440px) { .geo-games-grid { grid-template-columns: repeat(7, 1fr); } }

/* ===== 岩芯样本卡片 ===== */
.geo-game-core {
  background: rgba(26,22,18,0.9);
  border-radius: 0; overflow: hidden;
  transition: transform 0.3s, box-shadow 0.3s, border-color 0.3s;
  position: relative; border: 1px solid rgba(139,90,43,0.1);
  opacity: 0; transform: translateY(20px);
}
.geo-game-core.visible { opacity: 1; transform: translateY(0); transition: opacity 0.5s, transform 0.3s, box-shadow 0.3s, border-color 0.3s; }
.geo-game-core:hover {
  transform: translateY(-4px);
  border-color: var(--strata-color);
  box-shadow: 0 8px 24px rgba(0,0,0,0.4), 0 0 12px var(--strata-color);
}
.geo-game-core.scan-hit {
  animation: scan-fracture 0.6s ease;
}
@keyframes scan-fracture {
  0% { box-shadow: 0 0 0 rgba(184,124,79,0); }
  50% { box-shadow: 0 0 24px rgba(184,124,79,0.5); }
  100% { box-shadow: 0 0 0 rgba(184,124,79,0); }
}
.geo-core-link { display: block; text-decoration: none; color: inherit; }

/* 岩芯样本容器 — 可翻转 */
.geo-core-sample {
  position: relative; perspective: 600px;
  min-height: 160px;
}
.geo-core-face {
  position: relative; width: 100%;
  backface-visibility: hidden;
  transition: transform 0.6s;
}
.geo-core-front {
  /* Default: show image */
}
.geo-core-back {
  position: absolute; top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(26,22,18,0.95);
  transform: rotateY(180deg);
  display: flex; flex-direction: column; justify-content: center;
  padding: 16px; backface-visibility: hidden;
}
.geo-core-sample.flipped .geo-core-front {
  transform: rotateY(180deg);
}
.geo-core-sample.flipped .geo-core-back {
  transform: rotateY(360deg);
}

/* 深度标记 */
.geo-core-depth {
  position: absolute; top: 6px; left: 6px; z-index: 3;
  font-family: 'Impact', 'Arial Black', sans-serif;
  font-size: 10px; color: #B87C4F;
  background: rgba(15,13,10,0.8);
  padding: 2px 6px; border-bottom: 1px solid #B87C4F;
  letter-spacing: 1px;
}

/* 卡片图片 — 4:3 岩画拓印 */
.geo-core-front { position: relative; aspect-ratio: 4/3; overflow: hidden; background: #1A1610; }
.geo-core-front img {
  width: 100%; height: 100%; object-fit: cover;
  filter: grayscale(60%) contrast(150%) brightness(70%);
  transition: filter 0.4s, transform 0.4s;
}
.geo-game-core:hover .geo-core-front img {
  transform: scale(1.05);
  filter: saturate(0.6) contrast(120%) brightness(90%);
}

/* 背面标题和标签 */
.geo-core-title {
  font-family: 'Impact', 'Arial Black', sans-serif;
  font-size: 14px; font-weight: 700; color: #8B5A2B;
  letter-spacing: 1px; text-transform: uppercase;
  margin-bottom: 8px;
  text-shadow: 1px 1px 0 rgba(0,0,0,0.8);
}
.geo-core-tags { display: flex; flex-wrap: wrap; gap: 6px; }
.geo-core-tag {
  font-family: 'Impact', 'Arial Black', sans-serif;
  font-size: 11px; font-weight: 700; color: #B87C4F;
  background: transparent;
  border-bottom: 2px solid #B87C4F;
  padding: 1px 4px;
  letter-spacing: 1px; text-transform: uppercase;
}

/* ===== 广告容器 ===== */
.geo-ad-container {
  text-align: center; padding: 20px 24px;
  display: flex; flex-direction: column; align-items: center;
  max-width: 1600px; margin: 8px auto 0;
  background: rgba(26,22,18,0.6);
  border: 1px solid rgba(139,90,43,0.08); border-radius: 0;
}
.geo-ad-label { color: #4A3A2A; font-size: 11px; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 8px; }

/* ===== 详情页 ===== */
.geo-detail-page { position: relative; z-index: 1; max-width: 1100px; margin: 0 auto; padding: 28px 24px 48px; }
.geo-detail-back { margin-bottom: 24px; }
.geo-back-btn {
  display: inline-flex; align-items: center; gap: 6px; color: #B87C4F;
  text-decoration: none; font-size: 14px; font-weight: 300;
  padding: 10px 20px; border-radius: 0;
  background: rgba(26,22,18,0.9); border: 1px solid rgba(139,90,43,0.2);
  transition: all .3s; letter-spacing: 2px; text-transform: uppercase;
  font-family: 'Impact', 'Arial Black', sans-serif; font-weight: 700;
}
.geo-back-btn:hover { background: rgba(26,22,18,1); border-color: rgba(139,90,43,0.5); box-shadow: 0 0 15px rgba(139,90,43,0.15); }

.geo-detail-hero {
  display: flex; gap: 32px;
  background: rgba(26,22,18,0.85); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(139,90,43,0.1); border-radius: 0; padding: 28px; margin-bottom: 28px;
}
.geo-detail-thumb {
  flex-shrink: 0; width: 340px; overflow: hidden;
  border: 1px solid rgba(139,90,43,0.15); position: relative;
}
.geo-detail-thumb img { width: 100%; height: auto; display: block; filter: grayscale(60%) contrast(150%) brightness(70%); }
.geo-detail-glow {
  position: absolute; inset: -20px; pointer-events: none; z-index: -1;
}
.geo-detail-info { flex: 1; display: flex; flex-direction: column; justify-content: center; gap: 16px; }
.geo-detail-title {
  font-family: 'Impact', 'Arial Black', sans-serif;
  font-size: 28px; font-weight: 700;
  color: #8B5A2B; line-height: 1.2; letter-spacing: 3px; text-transform: uppercase;
  text-shadow: 1px 1px 0 rgba(0,0,0,0.8);
}
.geo-detail-desc { color: #6B5B4A; font-size: 15px; line-height: 1.8; }
.geo-play-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  padding: 16px 42px;
  background: linear-gradient(90deg, #B87C4F, #8B5A2B);
  color: #0F0D0A; border: none; border-radius: 0; font-family: 'Impact', 'Arial Black', sans-serif;
  font-size: 16px; font-weight: 700; cursor: pointer; letter-spacing: 3px; text-transform: uppercase;
  width: fit-content; transition: transform .3s, box-shadow .3s; position: relative; overflow: hidden;
}
.geo-play-btn::before {
  content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.18), transparent); transition: left .5s;
}
.geo-play-btn:hover::before { left: 100%; }
.geo-play-btn:hover { transform: scale(1.04); box-shadow: 0 0 30px rgba(139,90,43,0.5); }
.geo-play-btn:active { transform: scale(0.98); }

.geo-game-iframe {
  width: 100%; height: 650px; overflow: hidden;
  margin-bottom: 28px; background: #0F0D0A; border: 1px solid rgba(139,90,43,0.1);
  box-shadow: 0 0 20px rgba(139,90,43,0.05);
}
.geo-game-iframe iframe { width: 100%; height: 100%; border: none; }

.geo-related-section { margin-top: 48px; }
.geo-related-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
@media (min-width: 768px) { .geo-related-grid { grid-template-columns: repeat(4, 1fr); } }

/* ===== 静态页面 ===== */
.geo-static-page { position: relative; z-index: 1; max-width: 900px; margin: 0 auto; padding: 28px 24px 48px; }
.geo-static-back { margin-bottom: 24px; }
.geo-static-title {
  font-family: 'Impact', 'Arial Black', sans-serif;
  font-size: 28px; font-weight: 700;
  color: #8B5A2B; margin-bottom: 24px; letter-spacing: 5px; text-transform: uppercase;
  text-shadow: 1px 1px 0 rgba(0,0,0,0.8);
}
.geo-static-content {
  background: rgba(26,22,18,0.85); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(139,90,43,0.1); border-radius: 0; padding: 36px;
  color: #C4B49A; line-height: 1.85; font-size: 15px;
}
.geo-static-content p { margin-bottom: 16px; }
.geo-static-content strong { color: #D4C4AA; font-weight: 500; }
.geo-static-content ul, .geo-static-content ol { margin: 12px 0 12px 24px; }
.geo-static-content li { margin-bottom: 8px; }
.geo-static-content a { color: #B87C4F; text-decoration: underline; }
.geo-static-content h2, .geo-static-content h3, .geo-static-content h4 {
  font-family: 'Impact', 'Arial Black', sans-serif;
  color: #8B5A2B;
  margin-top: 24px; margin-bottom: 12px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase;
  text-shadow: 1px 1px 0 rgba(0,0,0,0.8);
}

/* ===== 手机端底部导航栏 ===== */
.geo-bottom-nav {
  display: none; position: fixed; bottom: 0; left: 0; right: 0; z-index: 101;
  height: 64px; background: rgba(15,13,10,0.94); backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-top: 2px solid rgba(139,90,43,0.15); box-shadow: 0 -4px 20px rgba(0,0,0,.3);
  justify-content: space-around; align-items: center;
}
.geo-bottom-nav a {
  display: flex; flex-direction: column; align-items: center; gap: 2px;
  color: #6B5B4A; text-decoration: none; font-size: 10px; font-weight: 700;
  padding: 6px 12px; border-radius: 0; transition: color .3s;
  letter-spacing: 1px; text-transform: uppercase;
  font-family: 'Impact', 'Arial Black', sans-serif;
}
.geo-bottom-nav a:hover, .geo-bottom-nav .geo-bottom-nav-active { color: #B87C4F; }
.geo-bottom-nav-icon { font-size: 20px; }

/* ===== 压裂纹理触摸反馈 ===== */
.geo-game-core:active::before {
  content: '';
  position: absolute; top: 50%; left: 50%;
  width: 60px; height: 60px;
  transform: translate(-50%, -50%);
  background: radial-gradient(circle, rgba(184,124,79,0.3) 0%, transparent 70%);
  border-radius: 50%;
  animation: fracture-spread 0.15s ease-out forwards;
  z-index: 5;
  pointer-events: none;
}
@keyframes fracture-spread {
  0% { width: 0; height: 0; opacity: 1; }
  100% { width: 80px; height: 80px; opacity: 0; }
}

/* ===== 响应式调整 ===== */
@media (max-width: 1024px) {
  .geo-nav-links { display: none; }
  .geo-search-wrap { display: none; }
  .geo-mobile-menu-btn { display: flex; }
  .geo-mobile-nav-panel { display: block; }
  .geo-detail-hero { flex-direction: column; }
  .geo-detail-thumb { width: 100%; max-width: 420px; }
}

@media (max-width: 640px) {
  .geo-navbar { height: 58px; }
  .geo-logo-text { font-size: 20px; letter-spacing: 3px; }
  .geo-cores-section { display: none; }
  .geo-bottom-nav { display: flex !important; }
  .geo-main { padding-bottom: 80px; }
  .geo-detail-page { padding-bottom: 80px; }
  .geo-static-page { padding-bottom: 80px; }
  .geo-hero-section { padding: 16px 16px 0; }
  .geo-strata-container { height: 221px; }
  .geo-sector { margin: 0 16px; }
  .geo-section-title { font-size: 15px; letter-spacing: 3px; }
  .geo-detail-page { padding: 16px; }
  .geo-detail-hero { padding: 16px; }
  .geo-detail-title { font-size: 22px; letter-spacing: 2px; }
  .geo-game-iframe { height: 450px; }
  .geo-static-page { padding: 16px; }
  .geo-static-content { padding: 20px; }
  .geo-games-grid { gap: 12px; }
  .geo-footer .geo-footer-inner { grid-template-columns: 1fr; gap: 24px; }
}

/* ===== 自定义滚动条 ===== */
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: #0F0D0A; }
::-webkit-scrollbar-thumb { background: rgba(139,90,43,0.25); border-radius: 0; }
::-webkit-scrollbar-thumb:hover { background: rgba(139,90,43,0.4); }
::selection { background: rgba(139,90,43,0.2); color: #C4B49A; }
a { color: inherit; }
