/* 移动端与自适应强化样式 */
@media (max-width: 960px) {
  .world-header nav {
    display: none;
  }
  .world-header {
    height: 70px;
    padding: 0 20px;
  }
  .time-leap-btn {
    padding: 6px 10px;
    font-size: 11px;
  }
  .badge-hot {
    display: none;
  }
  .landing {
    min-height: 640px;
    padding: 60px 24px 50px;
  }
  .living-seed {
    right: -40px;
    transform: scale(0.68);
    transform-origin: bottom right;
  }
  .trajectory-section {
    padding: 30px 20px;
  }
  .trajectory-footer {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .story-section {
    grid-template-columns: 1fr;
    gap: 36px;
    padding: 50px 20px 80px;
  }
  .section-stamp {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .section-stamp span {
    margin: 0;
  }
  .section-stamp p {
    margin: 0;
  }
  .pov-bar {
    grid-template-columns: 1fr;
    gap: 8px;
  }
  .split-columns {
    grid-template-columns: 1fr;
  }
  .tree-section {
    grid-template-columns: 1fr;
    gap: 30px;
    padding: 60px 20px;
  }
  .branch-detail {
    grid-column: 1;
    margin-top: 0;
  }
  .campfire-section {
    grid-template-columns: 1fr;
    gap: 40px;
    padding: 60px 20px;
  }
  .chronicle-grid {
    grid-template-columns: 1fr;
  }
  .codex-stats {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .header-actions .codex-btn {
    display: none;
  }
  .landing h1 {
    font-size: 38px;
  }
  .landing-summary {
    font-size: 14px;
  }
  .hero-actions {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .hero-actions .action-main {
    width: 100%;
  }
  .living-seed {
    right: -110px;
    bottom: 20px;
    transform: scale(0.48);
  }
  .read-mode-bar {
    flex-direction: column;
    align-items: stretch;
  }
  .mode-tabs {
    flex-direction: column;
  }
  .story-footer {
    flex-direction: column;
    align-items: flex-start;
  }
  .story-footer button {
    width: 100%;
    text-align: left;
  }
  .sandbox-actions {
    flex-direction: column;
    align-items: stretch;
  }
  .sandbox-actions button {
    width: 100%;
  }
  .chronicle-card, .codex-card {
    padding: 24px 18px;
    margin: 3vh auto;
  }
  .chronicle-actions {
    flex-direction: column;
  }
  .chronicle-actions button {
    width: 100%;
  }
  .full-chronicle-view {
    padding: 20px 16px;
  }
  .chronicle-chapters-list {
    padding-left: 20px;
  }
  .chapter-stream-node {
    left: -32px;
    width: 22px;
    height: 22px;
    font-size: 9px;
  }
}