/* Final visual pass: a quiet, light surface with precise neon accents. */
:root {
  --modern-ink: #14233f;
  --modern-ink-soft: #3d5577;
  --modern-muted: #71839d;
  --modern-line: rgba(87, 119, 169, .18);
  --modern-blue: #3b78ee;
  --modern-violet: #7967e9;
  --modern-paper: rgba(255, 255, 255, .86);
  --modern-shadow: 0 22px 60px rgba(54, 84, 137, .12);
}

/* Resource center */
body[data-neon-page="neon-city"] {
  color: var(--modern-ink) !important;
  background:
    radial-gradient(circle at 8% 4%, rgba(90, 160, 246, .20), transparent 28rem),
    radial-gradient(circle at 92% 12%, rgba(127, 103, 233, .13), transparent 26rem),
    linear-gradient(180deg, #f3f7ff 0%, #fbfcff 52%, #f5f8fd 100%) !important;
}
body[data-neon-page="neon-city"] #mainContent { background: transparent !important; }
body[data-neon-page="neon-city"] .navbar {
  background: rgba(255, 255, 255, .82) !important;
  border-bottom: 1px solid var(--modern-line) !important;
  box-shadow: 0 8px 30px rgba(53, 82, 135, .08) !important;
  backdrop-filter: blur(24px) saturate(145%) !important;
}
body[data-neon-page="neon-city"] .container { max-width: 1380px !important; }
body[data-neon-page="neon-city"] .home-hero { padding-top: 34px !important; }
body[data-neon-page="neon-city"] .hero-shell,
body[data-neon-page="neon-city"] .hero-command-panel,
body[data-neon-page="neon-city"] .neon-engine-core,
body[data-neon-page="neon-city"] .home-weather-panel,
body[data-neon-page="neon-city"] .recommend-section,
body[data-neon-page="neon-city"] .resource-card,
body[data-neon-page="neon-city"] .categories {
  color: var(--modern-ink) !important;
  background: var(--modern-paper) !important;
  border: 1px solid var(--modern-line) !important;
  box-shadow: var(--modern-shadow) !important;
  backdrop-filter: blur(22px) saturate(125%) !important;
}
body[data-neon-page="neon-city"] .hero-shell {
  border-radius: 28px !important;
  padding: 34px !important;
  background:
    radial-gradient(circle at 98% 0%, rgba(95, 143, 246, .12), transparent 24rem),
    rgba(255,255,255,.80) !important;
}
body[data-neon-page="neon-city"] .hero-command-panel { border-radius: 24px !important; padding: 18px !important; }
body[data-neon-page="neon-city"] .neon-engine-core { border-radius: 18px !important; }
body[data-neon-page="neon-city"] .hero-eyebrow,
body[data-neon-page="neon-city"] .hero-lede,
body[data-neon-page="neon-city"] .resource-section-head p,
body[data-neon-page="neon-city"] .home-scroll-msg,
body[data-neon-page="neon-city"] .weather-panel-title span,
body[data-neon-page="neon-city"] .forecast-day span,
body[data-neon-page="neon-city"] .forecast-day em,
body[data-neon-page="neon-city"] .card-desc,
body[data-neon-page="neon-city"] .card-date {
  color: var(--modern-muted) !important;
}
body[data-neon-page="neon-city"] .neon-title,
body[data-neon-page="neon-city"] .resource-section-head h2,
body[data-neon-page="neon-city"] .card-title,
body[data-neon-page="neon-city"] .weather-panel-title strong,
body[data-neon-page="neon-city"] .weather-temp-row strong,
body[data-neon-page="neon-city"] .engine-title-small,
body[data-neon-page="neon-city"] .command-panel-top,
body[data-neon-page="neon-city"] .recommend-slide-title {
  color: var(--modern-ink) !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: none !important;
}
body[data-neon-page="neon-city"] .neon-title {
  background: linear-gradient(105deg, #1b3f82, var(--modern-blue) 50%, var(--modern-violet)) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
body[data-neon-page="neon-city"] .home-search,
body[data-neon-page="neon-city"] .weather-city-search,
body[data-neon-page="neon-city"] .weather-current,
body[data-neon-page="neon-city"] .forecast-day,
body[data-neon-page="neon-city"] .recommend-slide-media,
body[data-neon-page="neon-city"] .card-image-placeholder,
body[data-neon-page="neon-city"] .recommend-carousel-empty {
  color: var(--modern-ink-soft) !important;
  background: linear-gradient(145deg, #f0f5ff, #faf7ff) !important;
  border-color: var(--modern-line) !important;
  box-shadow: none !important;
}
body[data-neon-page="neon-city"] .home-search input,
body[data-neon-page="neon-city"] .weather-city-input { color: var(--modern-ink) !important; }
body[data-neon-page="neon-city"] .home-search input::placeholder,
body[data-neon-page="neon-city"] .weather-city-input::placeholder { color: #95a5bc !important; }
body[data-neon-page="neon-city"] .home-search button,
body[data-neon-page="neon-city"] .hero-action-primary,
body[data-neon-page="neon-city"] .category-chip.active {
  background: linear-gradient(110deg, var(--modern-blue), var(--modern-violet)) !important;
  color: #fff !important;
  border-color: transparent !important;
  box-shadow: 0 12px 26px rgba(67, 105, 214, .22) !important;
}
body[data-neon-page="neon-city"] .hero-action-secondary,
body[data-neon-page="neon-city"] .category-chip,
body[data-neon-page="neon-city"] .feature-tag,
body[data-neon-page="neon-city"] .engine-badge {
  color: var(--modern-blue) !important;
  background: rgba(255,255,255,.76) !important;
  border-color: rgba(59,120,238,.20) !important;
  box-shadow: none !important;
}
body[data-neon-page="neon-city"] .resource-card { border-radius: 20px !important; padding: 14px !important; }
body[data-neon-page="neon-city"] .resource-card:hover { transform: translateY(-5px) !important; border-color: rgba(59,120,238,.35) !important; box-shadow: 0 28px 65px rgba(54,84,137,.17) !important; }
body[data-neon-page="neon-city"] .card-image,
body[data-neon-page="neon-city"] .card-image-placeholder { border-radius: 14px !important; }
body[data-neon-page="neon-city"] .card-meta { border-top-color: var(--modern-line) !important; }
body[data-neon-page="neon-city"] .card-type { color: var(--modern-blue) !important; background: #edf4ff !important; border-color: rgba(59,120,238,.18) !important; }
body[data-neon-page="neon-city"] .card-link { background: linear-gradient(110deg, var(--modern-blue), var(--modern-violet)) !important; }
body[data-neon-page="neon-city"] .recommend-slide { border-radius: 16px !important; background: #fff !important; border-color: var(--modern-line) !important; box-shadow: none !important; }
body[data-neon-page="neon-city"] .recommend-slide-title { background: #fff !important; border-top-color: var(--modern-line) !important; }
body[data-neon-page="neon-city"] .recommend-heat-badge { color: var(--modern-ink-soft) !important; background: rgba(255,255,255,.88) !important; border-color: var(--modern-line) !important; }
body[data-neon-page="neon-city"] .carousel-nav-btn,
body[data-neon-page="neon-city"] .weather-locate-btn { color: var(--modern-blue) !important; background: #fff !important; border-color: var(--modern-line) !important; box-shadow: 0 8px 22px rgba(54,84,137,.10) !important; }
body[data-neon-page="neon-city"] .home-notice-bar .links-scroll-msg { background: rgba(255,255,255,.78) !important; border-color: var(--modern-line) !important; }
body[data-neon-page="neon-city"] .resource-loading-state { color: var(--modern-muted) !important; }

/* High contrast today-news dialog */
body[data-neon-page="neon-city"] .news-modal-card {
  color: var(--modern-ink) !important;
  background: rgba(255,255,255,.97) !important;
  border: 1px solid rgba(255,255,255,.92) !important;
  box-shadow: 0 30px 90px rgba(35, 58, 105, .24) !important;
}
body[data-neon-page="neon-city"] .news-header { border-bottom-color: var(--modern-line) !important; }
body[data-neon-page="neon-city"] .news-header h3,
body[data-neon-page="neon-city"] .news-content p { color: var(--modern-ink-soft) !important; }
body[data-neon-page="neon-city"] .news-header h3 { color: var(--modern-ink) !important; }
body[data-neon-page="neon-city"] .news-date { color: #7388a7 !important; }
body[data-neon-page="neon-city"] .news-confirm-btn { background: linear-gradient(110deg, #ffb547, #ff7b43) !important; color: #18233a !important; box-shadow: 0 12px 24px rgba(255, 143, 72, .22) !important; }

/* AI center */
body[data-neon-page="ai-center"] .scene {
  color: var(--modern-ink) !important;
  background:
    radial-gradient(circle at 10% 3%, rgba(89, 152, 244, .18), transparent 30rem),
    radial-gradient(circle at 92% 7%, rgba(127, 103, 233, .13), transparent 27rem),
    linear-gradient(180deg, #f3f7ff 0%, #fbfcff 52%, #f5f8fd 100%) !important;
}
body[data-neon-page="ai-center"] .scene::before { opacity: .32 !important; }
body[data-neon-page="ai-center"] .nav { padding-top: 20px !important; }
body[data-neon-page="ai-center"] .panel,
body[data-neon-page="ai-center"] .stat {
  color: var(--modern-ink) !important;
  background: rgba(255,255,255,.86) !important;
  border: 1px solid var(--modern-line) !important;
  box-shadow: var(--modern-shadow) !important;
  backdrop-filter: blur(22px) saturate(125%) !important;
}
body[data-neon-page="ai-center"] .panel { border-radius: 24px !important; }
body[data-neon-page="ai-center"] .price-panel { background: linear-gradient(145deg, rgba(255,255,255,.92), rgba(250,246,255,.88)) !important; }
body[data-neon-page="ai-center"] :is(.sub-title, .hero-meta, .panel p.lead, .price-sub, .note, .footer, .stat span) { color: var(--modern-muted) !important; }
body[data-neon-page="ai-center"] :is(.panel h2, .stat b, .price-amount .num) { color: var(--modern-ink) !important; text-shadow: none !important; }
body[data-neon-page="ai-center"] .panel ul.features li,
body[data-neon-page="ai-center"] .price-list li { color: var(--modern-ink-soft) !important; }
body[data-neon-page="ai-center"] .panel-tag,
body[data-neon-page="ai-center"] .eyebrow,
body[data-neon-page="ai-center"] .badge { color: var(--modern-blue) !important; background: #f2f6ff !important; border-color: rgba(59,120,238,.20) !important; }
body[data-neon-page="ai-center"] .cta { background: linear-gradient(110deg, var(--modern-blue), var(--modern-violet)) !important; color: #fff !important; }
body[data-neon-page="ai-center"] .cta-secondary { color: var(--modern-blue) !important; background: #fff !important; border-color: rgba(59,120,238,.22) !important; }
body[data-neon-page="ai-center"] .footer { border-top-color: var(--modern-line) !important; }

body[data-neon-page="ai-center"] .ai-visual-panel {
  min-height: 610px;
  display: flex;
  flex-direction: column;
  padding: 26px !important;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 42%, rgba(94, 134, 255, .12), transparent 46%),
    rgba(255,255,255,.88) !important;
}
body[data-neon-page="ai-center"] .ai-visual-panel::before {
  background: linear-gradient(90deg, transparent, rgba(59,120,238,.55), rgba(121,103,233,.45), transparent) !important;
}
body[data-neon-page="ai-center"] .ai-visual-head {
  position: relative;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
}
body[data-neon-page="ai-center"] .ai-visual-head .panel-tag { margin: 0 !important; }
body[data-neon-page="ai-center"] .ai-online {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #2c8b73;
  font-size: 11px;
  font-weight: 750;
  letter-spacing: .14em;
}
body[data-neon-page="ai-center"] .ai-online i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #35c89b;
  box-shadow: 0 0 0 5px rgba(53,200,155,.11), 0 0 15px rgba(53,200,155,.45);
  animation: aiStatusPulse 1.8s ease-in-out infinite;
}
body[data-neon-page="ai-center"] .ai-visual-stage {
  position: relative;
  flex: 1;
  min-height: 438px;
  overflow: hidden;
  border: 1px solid rgba(79, 116, 183, .16);
  border-radius: 22px;
  background:
    radial-gradient(circle at 50% 48%, rgba(88, 135, 255, .16), transparent 28%),
    radial-gradient(circle at 36% 32%, rgba(70, 209, 232, .11), transparent 22%),
    linear-gradient(145deg, rgba(239,246,255,.96), rgba(249,247,255,.94));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.92);
}
body[data-neon-page="ai-center"] .ai-visual-stage::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(67, 106, 178, .055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(67, 106, 178, .055) 1px, transparent 1px);
  background-size: 34px 34px;
  mask-image: radial-gradient(circle at center, #000 15%, transparent 76%);
}
body[data-neon-page="ai-center"] .ai-visual-stage::after {
  content: "";
  position: absolute;
  z-index: 2;
  left: 8%;
  right: 8%;
  top: -8%;
  height: 22%;
  background: linear-gradient(180deg, transparent, rgba(76, 151, 245, .10), transparent);
  filter: blur(3px);
  animation: aiScan 5.2s ease-in-out infinite;
}
body[data-neon-page="ai-center"] .ai-core {
  position: absolute;
  z-index: 4;
  left: 50%;
  top: 50%;
  width: 154px;
  height: 154px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border: 1px solid rgba(255,255,255,.82);
  border-radius: 50%;
  color: white;
  background: linear-gradient(145deg, #4ac5e7 0%, #4c82ef 45%, #8066e8 100%);
  box-shadow: inset 10px 12px 24px rgba(255,255,255,.20), 0 24px 50px rgba(67, 105, 206, .27);
  transform: translate(-50%, -50%);
  animation: aiCoreFloat 4.4s ease-in-out infinite;
}
body[data-neon-page="ai-center"] .ai-core::before,
body[data-neon-page="ai-center"] .ai-core::after {
  content: "";
  position: absolute;
  inset: 13px;
  border: 1px solid rgba(255,255,255,.24);
  border-radius: 50%;
}
body[data-neon-page="ai-center"] .ai-core::after { inset: 26px; border-style: dashed; animation: aiCoreSpin 12s linear infinite; }
body[data-neon-page="ai-center"] .ai-core-halo {
  position: absolute;
  inset: -18px;
  border: 1px solid rgba(84, 130, 238, .24);
  border-radius: 50%;
  animation: aiHalo 2.8s ease-out infinite;
}
body[data-neon-page="ai-center"] .ai-core strong {
  position: relative;
  z-index: 2;
  color: #fff !important;
  font-size: 42px;
  line-height: 1;
  letter-spacing: -.05em;
  text-shadow: 0 4px 20px rgba(21,47,105,.24) !important;
}
body[data-neon-page="ai-center"] .ai-core small {
  position: relative;
  z-index: 2;
  margin-top: 9px;
  color: rgba(255,255,255,.76);
  font-size: 7px;
  font-weight: 700;
  letter-spacing: .18em;
}
body[data-neon-page="ai-center"] .ai-orbit {
  position: absolute;
  z-index: 3;
  left: 50%;
  top: 50%;
  border: 1px solid rgba(70, 118, 221, .20);
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
body[data-neon-page="ai-center"] .ai-orbit::before {
  content: "";
  position: absolute;
  top: -4px;
  left: 50%;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #4c83ef;
  box-shadow: 0 0 16px rgba(76,131,239,.75);
}
body[data-neon-page="ai-center"] .ai-orbit-one { width: 226px; height: 226px; animation: aiSpin 14s linear infinite; }
body[data-neon-page="ai-center"] .ai-orbit-two { width: 310px; height: 188px; transform: translate(-50%,-50%) rotate(28deg); animation: aiOrbitTwo 18s linear infinite; }
body[data-neon-page="ai-center"] .ai-orbit-three { width: 188px; height: 310px; transform: translate(-50%,-50%) rotate(-32deg); animation: aiOrbitThree 21s linear infinite; }
body[data-neon-page="ai-center"] .ai-node {
  position: absolute;
  z-index: 5;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 7px 10px;
  border: 1px solid rgba(68, 113, 204, .15);
  border-radius: 8px;
  color: #567093;
  background: rgba(255,255,255,.78);
  box-shadow: 0 8px 24px rgba(55,84,137,.09);
  backdrop-filter: blur(10px);
  font-size: 8px;
  font-weight: 750;
  letter-spacing: .12em;
}
body[data-neon-page="ai-center"] .ai-node i { width: 5px; height: 5px; border-radius: 50%; background: #4d83ed; box-shadow: 0 0 9px rgba(77,131,237,.64); }
body[data-neon-page="ai-center"] .ai-node-one { left: 7%; top: 18%; animation: aiNodeFloat 4.6s ease-in-out infinite; }
body[data-neon-page="ai-center"] .ai-node-two { right: 6%; top: 24%; animation: aiNodeFloat 5.1s ease-in-out .7s infinite; }
body[data-neon-page="ai-center"] .ai-node-three { left: 8%; bottom: 17%; animation: aiNodeFloat 5.4s ease-in-out 1.2s infinite; }
body[data-neon-page="ai-center"] .ai-node-four { right: 7%; bottom: 14%; animation: aiNodeFloat 4.9s ease-in-out .3s infinite; }
body[data-neon-page="ai-center"] .ai-particle { position: absolute; z-index: 2; width: 5px; height: 5px; border-radius: 50%; background: #73d8e9; box-shadow: 0 0 12px rgba(80,199,226,.65); animation: aiParticle 4s ease-in-out infinite; }
body[data-neon-page="ai-center"] .particle-one { left: 26%; top: 18%; }
body[data-neon-page="ai-center"] .particle-two { right: 24%; top: 14%; animation-delay: .8s; }
body[data-neon-page="ai-center"] .particle-three { left: 22%; bottom: 25%; animation-delay: 1.5s; }
body[data-neon-page="ai-center"] .particle-four { right: 25%; bottom: 23%; animation-delay: 2.2s; }
body[data-neon-page="ai-center"] .ai-visual-foot {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin-top: 14px;
}
body[data-neon-page="ai-center"] .ai-visual-foot span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 38px;
  border: 1px solid rgba(77, 116, 180, .14);
  border-radius: 10px;
  color: #617797;
  background: rgba(244,248,255,.82);
  font-size: 11px;
}
body[data-neon-page="ai-center"] .ai-visual-foot i { color: var(--modern-blue); }

@keyframes aiStatusPulse { 50% { opacity: .45; transform: scale(.78); } }
@keyframes aiScan { 0%, 12% { transform: translateY(0); opacity: 0; } 35% { opacity: 1; } 82%, 100% { transform: translateY(410px); opacity: 0; } }
@keyframes aiCoreFloat { 0%, 100% { transform: translate(-50%,-50%) translateY(-5px); } 50% { transform: translate(-50%,-50%) translateY(6px); } }
@keyframes aiHalo { 0% { transform: scale(.88); opacity: .75; } 100% { transform: scale(1.32); opacity: 0; } }
@keyframes aiCoreSpin { to { transform: rotate(360deg); } }
@keyframes aiSpin { to { transform: translate(-50%,-50%) rotate(360deg); } }
@keyframes aiOrbitTwo { to { transform: translate(-50%,-50%) rotate(388deg); } }
@keyframes aiOrbitThree { to { transform: translate(-50%,-50%) rotate(-392deg); } }
@keyframes aiNodeFloat { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } }
@keyframes aiParticle { 0%,100% { transform: scale(.6); opacity: .25; } 50% { transform: scale(1.45); opacity: 1; } }

/* VIP access dialog: bright, readable and consistent with the modern product UI. */
body[data-neon-page]:is([data-neon-page="neon-city"], [data-neon-page="detail"]) .vip-modal-overlay {
  padding: 24px !important;
  background: rgba(224, 233, 248, .72) !important;
  backdrop-filter: blur(18px) saturate(118%) !important;
}
body[data-neon-page]:is([data-neon-page="neon-city"], [data-neon-page="detail"]) .vip-modal {
  width: min(980px, calc(100vw - 32px)) !important;
  max-height: min(880px, calc(100vh - 32px)) !important;
  overflow: hidden !important;
  color: var(--modern-ink) !important;
  background: rgba(250, 252, 255, .98) !important;
  border: 1px solid rgba(255,255,255,.96) !important;
  border-radius: 28px !important;
  box-shadow: 0 34px 90px rgba(42, 67, 116, .24) !important;
}
body[data-neon-page]:is([data-neon-page="neon-city"], [data-neon-page="detail"]) .vip-modal-header {
  min-height: 142px !important;
  padding: 28px 36px 26px !important;
  color: var(--modern-ink) !important;
  background:
    radial-gradient(circle at 82% -40%, rgba(116, 98, 233, .20), transparent 21rem),
    linear-gradient(118deg, #edf5ff 0%, #f7f9ff 55%, #f9f5ff 100%) !important;
  border-bottom: 1px solid rgba(64, 105, 181, .12) !important;
}
body[data-neon-page]:is([data-neon-page="neon-city"], [data-neon-page="detail"]) :is(.vip-kicker, .vip-modal-header h2, .vip-modal-header p) {
  color: var(--modern-ink) !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: none !important;
}
body[data-neon-page]:is([data-neon-page="neon-city"], [data-neon-page="detail"]) .vip-kicker {
  color: var(--modern-blue) !important;
  letter-spacing: .15em !important;
}
body[data-neon-page]:is([data-neon-page="neon-city"], [data-neon-page="detail"]) .vip-kicker span {
  background: #39cba8 !important;
  box-shadow: 0 0 0 5px rgba(57, 203, 168, .12) !important;
}
body[data-neon-page]:is([data-neon-page="neon-city"], [data-neon-page="detail"]) .vip-modal-header h2 i {
  color: #e7a719 !important;
  filter: drop-shadow(0 5px 10px rgba(231,167,25,.20)) !important;
}
body[data-neon-page]:is([data-neon-page="neon-city"], [data-neon-page="detail"]) .vip-modal-header p {
  color: var(--modern-muted) !important;
}
body[data-neon-page]:is([data-neon-page="neon-city"], [data-neon-page="detail"]) .vip-close-btn {
  color: #4e6687 !important;
  background: rgba(255,255,255,.82) !important;
  border: 1px solid rgba(69, 105, 166, .16) !important;
  box-shadow: 0 8px 20px rgba(48, 75, 123, .10) !important;
}
body[data-neon-page]:is([data-neon-page="neon-city"], [data-neon-page="detail"]) .vip-close-btn:hover {
  color: #fff !important;
  background: #5979db !important;
}
body[data-neon-page]:is([data-neon-page="neon-city"], [data-neon-page="detail"]) .vip-modal-body {
  padding: 24px 32px 28px !important;
  color: var(--modern-ink-soft) !important;
  background:
    linear-gradient(rgba(70, 111, 185, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(70, 111, 185, .035) 1px, transparent 1px),
    #fbfdff !important;
  background-size: 38px 38px !important;
}
body[data-neon-page]:is([data-neon-page="neon-city"], [data-neon-page="detail"]) .vip-promotion-bar {
  color: #315483 !important;
  background: linear-gradient(110deg, #edf5ff, #f8f5ff) !important;
  border: 1px solid rgba(73, 116, 196, .16) !important;
  box-shadow: none !important;
}
body[data-neon-page]:is([data-neon-page="neon-city"], [data-neon-page="detail"]) :is(.vip-promotion-date, .vip-promotion-title) {
  color: #315483 !important;
  text-shadow: none !important;
}
body[data-neon-page]:is([data-neon-page="neon-city"], [data-neon-page="detail"]) .vip-trust-strip {
  gap: 10px !important;
  margin: 14px 0 18px !important;
}
body[data-neon-page]:is([data-neon-page="neon-city"], [data-neon-page="detail"]) .vip-trust-strip span {
  min-height: 42px !important;
  color: #486382 !important;
  background: #fff !important;
  border: 1px solid rgba(69, 108, 176, .14) !important;
  border-radius: 12px !important;
  box-shadow: 0 7px 20px rgba(53, 83, 133, .06) !important;
}
body[data-neon-page]:is([data-neon-page="neon-city"], [data-neon-page="detail"]) .vip-trust-strip i {
  color: #38ae91 !important;
}
body[data-neon-page]:is([data-neon-page="neon-city"], [data-neon-page="detail"]) .vip-plan-grid {
  gap: 14px !important;
  overflow: visible !important;
}
body[data-neon-page]:is([data-neon-page="neon-city"], [data-neon-page="detail"]) .vip-plan-card {
  min-width: 0 !important;
  padding: 20px 18px !important;
  color: var(--modern-ink) !important;
  background: rgba(255,255,255,.96) !important;
  border: 1px solid rgba(70, 110, 181, .15) !important;
  border-radius: 18px !important;
  box-shadow: 0 12px 30px rgba(51, 80, 130, .08) !important;
}
body[data-neon-page]:is([data-neon-page="neon-city"], [data-neon-page="detail"]) .vip-plan-card-basic {
  background: #f7f9fc !important;
}
body[data-neon-page]:is([data-neon-page="neon-city"], [data-neon-page="detail"]) .vip-plan-card-hot {
  background: linear-gradient(145deg, #fffdf7, #fff 58%, #f6f2ff) !important;
  border-color: rgba(225, 169, 44, .32) !important;
  box-shadow: 0 16px 34px rgba(126, 92, 40, .11) !important;
}
body[data-neon-page]:is([data-neon-page="neon-city"], [data-neon-page="detail"]) :is(.vip-plan-name, .vip-plan-price) {
  color: var(--modern-ink) !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: none !important;
}
body[data-neon-page]:is([data-neon-page="neon-city"], [data-neon-page="detail"]) .vip-plan-card-hot .vip-plan-price {
  color: #b77b0d !important;
}
body[data-neon-page]:is([data-neon-page="neon-city"], [data-neon-page="detail"]) :is(.vip-plan-meta, .vip-plan-meta s, .vip-plan-benefits li) {
  color: #607694 !important;
  text-shadow: none !important;
}
body[data-neon-page]:is([data-neon-page="neon-city"], [data-neon-page="detail"]) .vip-plan-meta span {
  color: #c18415 !important;
  background: #fff5d9 !important;
}
body[data-neon-page]:is([data-neon-page="neon-city"], [data-neon-page="detail"]) .vip-plan-benefits li i {
  color: #239e7f !important;
  background: #e7f9f3 !important;
}
body[data-neon-page]:is([data-neon-page="neon-city"], [data-neon-page="detail"]) .vip-get-code {
  margin-top: 18px !important;
  color: var(--modern-ink-soft) !important;
  background: linear-gradient(110deg, #eef6ff, #f5f7ff) !important;
  border: 1px solid rgba(67, 113, 192, .16) !important;
  border-radius: 16px !important;
  box-shadow: none !important;
}
body[data-neon-page]:is([data-neon-page="neon-city"], [data-neon-page="detail"]) :is(.vip-get-code-title, .vip-get-code-content, .vip-get-code-content p) {
  color: #415c7d !important;
  text-shadow: none !important;
}
body[data-neon-page]:is([data-neon-page="neon-city"], [data-neon-page="detail"]) .vip-get-code-content span {
  color: #286fd1 !important;
}
body[data-neon-page]:is([data-neon-page="neon-city"], [data-neon-page="detail"]) .vip-form-group label {
  color: #415b7c !important;
}
body[data-neon-page]:is([data-neon-page="neon-city"], [data-neon-page="detail"]) .vip-form-group input {
  color: var(--modern-ink) !important;
  background: #fff !important;
  border: 1px solid rgba(65, 110, 190, .25) !important;
  box-shadow: 0 8px 20px rgba(51, 80, 130, .06) !important;
}
body[data-neon-page]:is([data-neon-page="neon-city"], [data-neon-page="detail"]) .vip-form-group input::placeholder {
  color: #8ca0ba !important;
}
body[data-neon-page]:is([data-neon-page="neon-city"], [data-neon-page="detail"]) .vip-modal-footer {
  padding: 18px 32px 22px !important;
  background: #f5f8fd !important;
  border-top: 1px solid rgba(66, 105, 173, .12) !important;
  box-shadow: none !important;
}
body[data-neon-page]:is([data-neon-page="neon-city"], [data-neon-page="detail"]) .vip-modal-footer .btn-secondary {
  color: #436185 !important;
  background: #fff !important;
  border: 1px solid rgba(61, 103, 181, .20) !important;
}
body[data-neon-page]:is([data-neon-page="neon-city"], [data-neon-page="detail"]) .btn-vip {
  color: #fff !important;
  background: linear-gradient(110deg, #3479ee, #745eea) !important;
  border: 0 !important;
  box-shadow: 0 12px 25px rgba(67, 92, 206, .24) !important;
}

/* Detail page keeps the same paper surfaces and readable metadata. */
body[data-neon-page="detail"] {
  color: var(--modern-ink) !important;
  background:
    radial-gradient(circle at 8% 4%, rgba(90, 160, 246, .18), transparent 28rem),
    radial-gradient(circle at 92% 14%, rgba(127, 103, 233, .12), transparent 25rem),
    linear-gradient(180deg, #f3f7ff 0%, #fbfcff 52%, #f5f8fd 100%) !important;
}
body[data-neon-page="detail"] .detail-container { max-width: 1240px !important; margin: 0 auto !important; }
body[data-neon-page="detail"] .detail-container,
body[data-neon-page="detail"] .detail-hero-card { color: var(--modern-ink) !important; }
body[data-neon-page="detail"] .comment-time,
body[data-neon-page="detail"] .article-meta,
body[data-neon-page="detail"] .detail-recommend-meta { color: var(--modern-muted) !important; }

@media (max-width: 760px) {
  body[data-neon-page="neon-city"] .hero-shell { padding: 20px !important; }
  body[data-neon-page="neon-city"] .resource-section-head { align-items: flex-start !important; flex-direction: column !important; }
  body[data-neon-page="neon-city"] .resource-section-head p { text-align: left !important; }
  body[data-neon-page="neon-city"] .weather-panel-main { grid-template-columns: 1fr !important; }
  body[data-neon-page="neon-city"] .weather-forecast-list { grid-template-columns: repeat(5, minmax(62px, 1fr)) !important; overflow-x: auto !important; }
  body[data-neon-page="ai-center"] .wrap { padding-left: 18px !important; padding-right: 18px !important; }
  body[data-neon-page="ai-center"] .ai-visual-panel { min-height: 500px; padding: 18px !important; }
  body[data-neon-page="ai-center"] .ai-visual-stage { min-height: 350px; }
  body[data-neon-page="ai-center"] .ai-core { width: 128px; height: 128px; }
  body[data-neon-page="ai-center"] .ai-core strong { font-size: 35px; }
  body[data-neon-page="ai-center"] .ai-orbit-one { width: 188px; height: 188px; }
  body[data-neon-page="ai-center"] .ai-orbit-two { width: 250px; height: 154px; }
  body[data-neon-page="ai-center"] .ai-orbit-three { width: 154px; height: 250px; }
  body[data-neon-page="ai-center"] .ai-visual-foot { grid-template-columns: 1fr; }
  body[data-neon-page="ai-center"] .ai-visual-foot span { min-height: 34px; }
  body[data-neon-page]:is([data-neon-page="neon-city"], [data-neon-page="detail"]) .vip-modal-overlay { padding: 8px !important; }
  body[data-neon-page]:is([data-neon-page="neon-city"], [data-neon-page="detail"]) .vip-modal { width: calc(100vw - 16px) !important; max-height: none !important; margin: 8px 0 !important; }
  body[data-neon-page]:is([data-neon-page="neon-city"], [data-neon-page="detail"]) .vip-modal-header { min-height: auto !important; padding: 22px 18px 20px !important; }
  body[data-neon-page]:is([data-neon-page="neon-city"], [data-neon-page="detail"]) .vip-modal-body { padding: 18px !important; }
  body[data-neon-page]:is([data-neon-page="neon-city"], [data-neon-page="detail"]) .vip-plan-grid { grid-template-columns: 1fr !important; }
  body[data-neon-page]:is([data-neon-page="neon-city"], [data-neon-page="detail"]) .vip-modal-footer { padding: 16px 18px 18px !important; }
}

@media (prefers-reduced-motion: reduce) {
  body[data-neon-page="ai-center"] :is(.ai-online i, .ai-visual-stage::after, .ai-core, .ai-core::after, .ai-core-halo, .ai-orbit, .ai-node, .ai-particle) {
    animation: none !important;
  }
}