/* 手机端 + 诺基亚/老年机兼容优化
   目标：普通手机保留可访问性；老设备自动极简化，避免白屏和卡死。 */

/* 老设备和小屏：关闭最重的动画层 */
html.old-phone #motionFxV7,
html.old-phone .cyber-bg,
html.old-phone .holo-panel,
html.old-phone .radar,
html.old-phone .fx-cursor,
html.old-phone .fx-comet,
html.old-phone .fx-holo,
html.old-phone .fx-orb,
html.old-phone .fx-noise,
html.old-phone .fx-scan,
html.old-phone .data-rain,
html.old-phone .scanline,
html.old-phone .grain {
  display: none !important;
}

html.old-phone *,
html.small-phone * {
  animation: none !important;
  transition: none !important;
  text-shadow: none !important;
  box-shadow: none !important;
  filter: none !important;
  backdrop-filter: none !important;
}

html.old-phone body {
  background: #07111f !important;
  color: #e8f7ff !important;
}

@media (max-width: 760px), (hover: none), (pointer: coarse) {
  html { scroll-behavior: auto !important; }
  body { overflow-x: hidden !important; }

  #motionFxV7 {
    display: none !important;
  }

  .cyber-bg .aurora,
  .cyber-bg .data-rain,
  .cyber-bg .scanline,
  .cyber-bg .grain,
  .fx-cursor,
  .fx-comet,
  .fx-holo,
  .fx-orb,
  .fx-noise,
  .fx-scan {
    display: none !important;
  }

  .wrap,
  .admin-container {
    width: calc(100% - 24px) !important;
    max-width: 100% !important;
  }

  .nav-shell {
    height: auto !important;
    min-height: 58px !important;
    padding: 10px 12px !important;
    gap: 8px !important;
    align-items: flex-start !important;
  }

  .brand small { display: none !important; }
  .brand-core { width: 36px !important; height: 36px !important; border-radius: 12px !important; }

  .nav-links {
    max-width: 58vw !important;
    overflow-x: auto !important;
    white-space: nowrap !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .nav-links a:not(.admin-pill),
  .theme-toggle {
    display: none !important;
  }

  .hero {
    min-height: auto !important;
    padding: 46px 0 38px !important;
  }

  .hero-layout,
  .split,
  .value-grid,
  .roadmap,
  .gallery,
  .comments-layout,
  .signal-strip {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .holo-panel,
  .radar {
    display: none !important;
  }

  .hero h1,
  h1 {
    font-size: clamp(34px, 13vw, 58px) !important;
    line-height: 1.06 !important;
    letter-spacing: -0.04em !important;
  }

  .hero p,
  .section-head p,
  .long-text,
  .comment-tip {
    font-size: 15px !important;
    line-height: 1.75 !important;
  }

  .section {
    padding: 48px 0 !important;
  }

  .glass-card,
  .value-card,
  .road-step,
  .comment-box,
  .admin-card,
  .panel {
    border-radius: 20px !important;
    padding: 18px !important;
    backdrop-filter: none !important;
  }

  .gallery img {
    height: auto !important;
    max-height: 260px !important;
    object-fit: cover !important;
  }

  input,
  textarea,
  button,
  .btn,
  .admin-btn {
    font-size: 16px !important;
  }

  input,
  textarea {
    min-height: 44px !important;
  }

  .btn,
  .admin-btn,
  .quick-reply,
  .quick-reply-btn,
  .comment-like-btn {
    min-height: 42px !important;
    padding: 10px 14px !important;
  }

  .comment-list,
  .comment-admin-list {
    max-height: none !important;
    overflow: visible !important;
  }

  .admin-sticky-actions {
    position: static !important;
    transform: none !important;
    width: 100% !important;
    margin-top: 16px !important;
  }
}

@media (max-width: 360px) {
  .wrap,
  .admin-container {
    width: calc(100% - 16px) !important;
  }

  .hero h1,
  h1 {
    font-size: 32px !important;
  }

  .system-badge,
  .badge {
    font-size: 12px !important;
    padding: 7px 10px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }

  #motionFxV7,
  .fx-cursor,
  .fx-comet,
  .fx-holo,
  .fx-orb {
    display: none !important;
  }
}