/*
 * NEON City legacy-page bridge
 * Keeps the original page markup and behavior while aligning every existing
 * screen with the bright, restrained visual language introduced on index.html.
 */

:root {
  color-scheme: light;
  --nl-ink: #17213b;
  --nl-ink-2: #34415f;
  --nl-muted: #74809a;
  --nl-line: rgba(88, 112, 160, 0.17);
  --nl-line-strong: rgba(66, 102, 179, 0.28);
  --nl-paper: rgba(255, 255, 255, 0.76);
  --nl-paper-solid: #ffffff;
  --nl-soft: #eef5ff;
  --nl-blue: #316ee8;
  --nl-blue-2: #4b8df8;
  --nl-cyan: #32b9dd;
  --nl-violet: #8269ef;
  --nl-coral: #ef718b;
  --nl-green: #18a36c;
  --nl-shadow: 0 24px 70px rgba(45, 73, 125, 0.12);
  --nl-shadow-soft: 0 14px 40px rgba(45, 73, 125, 0.09);
}

html {
  background: #f5f8fd;
  scroll-behavior: smooth;
}

body[data-neon-page] {
  color: var(--nl-ink) !important;
  font-family: Inter, "PingFang SC", "Microsoft YaHei", system-ui, -apple-system, sans-serif !important;
  background:
    radial-gradient(circle at 12% 4%, rgba(91, 142, 241, 0.20), transparent 28rem),
    radial-gradient(circle at 88% 8%, rgba(239, 113, 139, 0.13), transparent 24rem),
    linear-gradient(180deg, #eef5ff 0%, #f9fbff 42%, #f5f8fd 100%) !important;
  -webkit-font-smoothing: antialiased;
}

body[data-neon-page]::after {
  background-image:
    linear-gradient(rgba(70, 102, 165, 0.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(70, 102, 165, 0.055) 1px, transparent 1px) !important;
  background-size: 64px 64px !important;
  mask-image: linear-gradient(to bottom, #000 0%, rgba(0, 0, 0, .5) 56%, transparent 100%);
  z-index: 0 !important;
}

body[data-neon-page] #bgCanvas {
  opacity: 0.045 !important;
  filter: saturate(.75) brightness(1.8);
  mix-blend-mode: multiply;
}

body[data-neon-page] ::selection {
  color: #fff;
  background: var(--nl-blue);
}

body[data-neon-page] :focus-visible {
  outline: 3px solid rgba(49, 110, 232, .22);
  outline-offset: 3px;
}

body[data-neon-page] a {
  color: inherit;
}

body[data-neon-page] h1,
body[data-neon-page] h2,
body[data-neon-page] h3,
body[data-neon-page] h4,
body[data-neon-page] strong {
  color: var(--nl-ink);
  text-shadow: none !important;
}

body[data-neon-page] p,
body[data-neon-page] .sub,
body[data-neon-page] .form-hint,
body[data-neon-page] .info-hint,
body[data-neon-page] .empty-muted,
body[data-neon-page] .article-meta,
body[data-neon-page] .comment-time,
body[data-neon-page] .card-date,
body[data-neon-page] .card-desc,
body[data-neon-page] .resource-summary,
body[data-neon-page] .resource-content,
body[data-neon-page] .cardkey-meta,
body[data-neon-page] .cardkey-used-by,
body[data-neon-page] .withdrawal-meta,
body[data-neon-page] .agent-meta,
body[data-neon-page] .agent-note {
  color: var(--nl-muted) !important;
}

/* Shared header */
body[data-neon-page] .navbar {
  background: rgba(248, 251, 255, 0.82) !important;
  border-color: var(--nl-line) !important;
  box-shadow: 0 8px 30px rgba(52, 77, 123, .05) !important;
  backdrop-filter: blur(24px) saturate(145%) !important;
}

body[data-neon-page] .navbar .container {
  max-width: 1380px !important;
}

body[data-neon-page] .logo,
body[data-neon-page] .logo a {
  color: var(--nl-ink) !important;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
  filter: none !important;
  font-weight: 720 !important;
  letter-spacing: -.035em !important;
}

body[data-neon-page] .logo a {
  display: inline-flex !important;
  align-items: center;
  gap: 10px;
}

body[data-neon-page] .logo a > i:first-child {
  display: none !important;
}

body[data-neon-page] .logo a::before,
body[data-neon-page] .legacy-brand::before {
  content: "";
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  background: url("assets/neon-city-mark.svg") center / contain no-repeat;
  filter: drop-shadow(0 8px 13px rgba(49,101,211,.18));
}

body[data-neon-page="ai-center"] .brand-mark {
  width: 40px !important;
  height: 40px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: url("assets/neon-city-mark.svg") center / contain no-repeat !important;
  box-shadow: none !important;
}

body[data-neon-page] .portal-nav-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}

body[data-neon-page] .logo i,
body[data-neon-page] .back-link,
body[data-neon-page] .nav-links a,
body[data-neon-page] .admin-link {
  color: var(--nl-blue) !important;
  text-shadow: none !important;
}

body[data-neon-page] .nav-links a::after {
  background: linear-gradient(90deg, var(--nl-blue), var(--nl-violet)) !important;
  box-shadow: none !important;
}

body[data-neon-page] .user-info,
body[data-neon-page] .member-status-bar,
body[data-neon-page] .visitor-count,
body[data-neon-page] .music-player {
  color: var(--nl-ink-2) !important;
  background: rgba(255, 255, 255, .70) !important;
  border-color: var(--nl-line) !important;
  box-shadow: 0 7px 20px rgba(49, 78, 130, .07) !important;
}

body[data-neon-page] .user-info:hover {
  border-color: rgba(49, 110, 232, .34) !important;
  box-shadow: 0 10px 28px rgba(49, 110, 232, .12) !important;
}

body[data-neon-page] .user-name,
body[data-neon-page] .member-expire-text {
  color: var(--nl-ink-2) !important;
}

body[data-neon-page] .user-avatar,
body[data-neon-page] .avatar-placeholder,
body[data-neon-page] .author-avatar {
  color: #fff !important;
  background: linear-gradient(145deg, var(--nl-blue), var(--nl-violet)) !important;
  border-color: rgba(255, 255, 255, .72) !important;
  box-shadow: 0 12px 30px rgba(70, 96, 190, .24) !important;
}

body[data-neon-page] .member-status-text,
body[data-neon-page] .member-status-icon {
  color: var(--nl-green) !important;
}

/* Surfaces */
body[data-neon-page] :is(
  .profile-card, .publish-main, .info-card, .article-cover,
  .article-content, .download-section, .comment-section,
  .disclaimer-container, .detail-recommend-list, .resource-card,
  .cardkey-panel, .stat-item, .generate-form, .generated-keys-box,
  .withdrawal-card, .agent-card, .wallet-card, .invite-share-card,
  .invitee-row, .withdrawal-row, .reward-policy-box, .empty-state,
  .warning-card, .author-display
) {
  color: var(--nl-ink) !important;
  background: var(--nl-paper) !important;
  border-color: var(--nl-line) !important;
  box-shadow: var(--nl-shadow-soft) !important;
  backdrop-filter: blur(22px) saturate(125%) !important;
}

body[data-neon-page] :is(
  .profile-card, .publish-main, .article-content, .download-section,
  .comment-section, .cardkey-panel, .wallet-card, .invite-share-card
) {
  border-radius: 26px !important;
}

body[data-neon-page] :is(
  .resource-card, .info-card, .stat-item, .withdrawal-card,
  .agent-card, .invitee-row, .withdrawal-row, .author-display
) {
  border-radius: 18px !important;
}

body[data-neon-page] :is(.resource-card, .info-card, .stat-item, .withdrawal-card, .agent-card):hover {
  border-color: var(--nl-line-strong) !important;
  box-shadow: 0 22px 55px rgba(50, 80, 145, .13) !important;
  transform: translateY(-2px);
}

body[data-neon-page] :is(.page-header h1, .article-title, .panel h2, .section-title, .resource-title) {
  color: var(--nl-ink) !important;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
  filter: none !important;
  letter-spacing: -.035em;
}

body[data-neon-page] .info-section h2,
body[data-neon-page] .section-title,
body[data-neon-page] .resource-header,
body[data-neon-page] .wallet-header,
body[data-neon-page] .invite-share-header,
body[data-neon-page] .modal-header,
body[data-neon-page] .comment-header,
body[data-neon-page] .disclaimer-header {
  border-color: var(--nl-line) !important;
}

body[data-neon-page] .info-label,
body[data-neon-page] .stat-label,
body[data-neon-page] .wallet-label,
body[data-neon-page] .download-label,
body[data-neon-page] label {
  color: var(--nl-muted) !important;
}

body[data-neon-page] .info-value,
body[data-neon-page] .stat-value,
body[data-neon-page] .wallet-value,
body[data-neon-page] .download-info,
body[data-neon-page] .comment-author,
body[data-neon-page] .invitee-name,
body[data-neon-page] .withdrawal-title,
body[data-neon-page] .cardkey-key {
  color: var(--nl-ink) !important;
}

/* Controls */
body[data-neon-page] input:not([type="checkbox"]):not([type="radio"]),
body[data-neon-page] select,
body[data-neon-page] textarea,
body[data-neon-page] .form-input,
body[data-neon-page] .form-select,
body[data-neon-page] .withdraw-input,
body[data-neon-page] .invite-link-input,
body[data-neon-page] .reply-textarea,
body[data-neon-page] [contenteditable="true"] {
  color: var(--nl-ink) !important;
  background: rgba(255, 255, 255, .88) !important;
  border-color: var(--nl-line-strong) !important;
  box-shadow: inset 0 1px 1px rgba(33, 54, 92, .02), 0 7px 20px rgba(43, 70, 120, .05) !important;
}

body[data-neon-page] input::placeholder,
body[data-neon-page] textarea::placeholder {
  color: #a2adbf !important;
}

body[data-neon-page] input:focus,
body[data-neon-page] select:focus,
body[data-neon-page] textarea:focus,
body[data-neon-page] [contenteditable="true"]:focus {
  border-color: rgba(49, 110, 232, .56) !important;
  box-shadow: 0 0 0 4px rgba(49, 110, 232, .10) !important;
  outline: none !important;
}

body[data-neon-page] button,
body[data-neon-page] .btn,
body[data-neon-page] .refresh-btn,
body[data-neon-page] .publish-btn,
body[data-neon-page] .admin-nav-btn,
body[data-neon-page] .agent-verify-nav-btn,
body[data-neon-page] .page-btn,
body[data-neon-page] .code-btn,
body[data-neon-page] .invite-action-btn {
  border-radius: 999px !important;
  box-shadow: none !important;
  font-family: inherit !important;
}

body[data-neon-page] :is(
  .btn-primary, .btn-confirm, .btn-approve, .login-btn, .download-btn,
  .submit-reply-btn, .notice-confirm-btn, .agent-verify-submit,
  .access-submit, .invite-action-btn.primary
) {
  color: #fff !important;
  background: linear-gradient(115deg, var(--nl-blue), var(--nl-blue-2) 58%, var(--nl-violet)) !important;
  border-color: transparent !important;
  box-shadow: 0 12px 28px rgba(49, 110, 232, .22) !important;
}

body[data-neon-page] :is(
  .btn-secondary, .btn-refresh, .refresh-btn, .cancel-btn, .cancel-reply-btn,
  .code-btn, .page-btn, .publish-btn, .admin-nav-btn, .agent-verify-nav-btn,
  .invite-action-btn, .back-link, .mark-all-read
) {
  color: var(--nl-blue) !important;
  background: rgba(255, 255, 255, .72) !important;
  border-color: rgba(49, 110, 232, .24) !important;
}

body[data-neon-page] :is(.btn, button, .publish-btn, .admin-nav-btn, .agent-verify-nav-btn):not(:disabled):hover {
  filter: none !important;
  transform: translateY(-1px);
  border-color: rgba(49, 110, 232, .48) !important;
  box-shadow: 0 10px 24px rgba(45, 76, 138, .13) !important;
}

body[data-neon-page] .btn-reject {
  color: #d94966 !important;
  background: #fff3f5 !important;
  border-color: rgba(217, 73, 102, .22) !important;
}

/* Floating contact controls */
body[data-neon-page] .contact-btn {
  background: rgba(255, 255, 255, .82) !important;
  border-color: var(--nl-line) !important;
  box-shadow: 0 14px 34px rgba(49, 75, 125, .14) !important;
  backdrop-filter: blur(18px) !important;
}

body[data-neon-page] .contact-popup,
body[data-neon-page] .vip-toolbox-popup {
  color: var(--nl-ink) !important;
  background: rgba(255, 255, 255, .95) !important;
  border-color: var(--nl-line) !important;
  box-shadow: var(--nl-shadow) !important;
}

body[data-neon-page] .contact-popup p {
  color: var(--nl-muted) !important;
}

/* Authentication and dialogs */
body[data-neon-page] .login-wrapper {
  background:
    linear-gradient(120deg, rgba(246, 249, 255, .30), rgba(255, 255, 255, .18)),
    url("assets/neon-aurora-hero.png") center / cover no-repeat !important;
  backdrop-filter: blur(8px) saturate(112%) !important;
}

body[data-neon-page] .login-wrapper::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(110deg, rgba(55, 99, 220, .18), rgba(255, 255, 255, .08) 48%, rgba(239, 113, 139, .13));
  pointer-events: none;
}

body[data-neon-page] .login-card,
body[data-neon-page] .forgot-password-modal,
body[data-neon-page] .modal-card,
body[data-neon-page] .news-modal-card,
body[data-neon-page] .vip-modal,
body[data-neon-page] .notice-modal,
body[data-neon-page] .edit-modal,
body[data-neon-page] .rules-modal,
body[data-neon-page] .modal-content,
body[data-neon-page] .agent-modal-card {
  color: var(--nl-ink) !important;
  background: rgba(255, 255, 255, .76) !important;
  border: 1px solid rgba(255, 255, 255, .74) !important;
  border-radius: 30px !important;
  box-shadow: 0 30px 90px rgba(38, 57, 105, .20), inset 0 1px 0 #fff !important;
  backdrop-filter: blur(28px) saturate(135%) !important;
}

body[data-neon-page] :is(.panel h2, .forgot-password-modal h2, .modal-header h3, .vip-modal h2) {
  color: var(--nl-ink) !important;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
  filter: none !important;
}

body[data-neon-page] .forgot-option,
body[data-neon-page] .email-warning-box,
body[data-neon-page] .contact-item,
body[data-neon-page] .vip-plan-card,
body[data-neon-page] .agent-input-shell {
  color: var(--nl-ink-2) !important;
  background: rgba(255, 255, 255, .64) !important;
  border-color: var(--nl-line) !important;
  box-shadow: none !important;
}

body[data-neon-page] .modal-overlay,
body[data-neon-page] .vip-modal-overlay,
body[data-neon-page] .notice-modal-overlay,
body[data-neon-page] .edit-modal-overlay,
body[data-neon-page] .rules-modal-overlay,
body[data-neon-page] .modal {
  background: rgba(225, 234, 249, .72) !important;
  backdrop-filter: blur(14px) !important;
}

body[data-neon-page] .notification-dropdown {
  color: var(--nl-ink) !important;
  background: rgba(255, 255, 255, .96) !important;
  border-color: var(--nl-line) !important;
  box-shadow: var(--nl-shadow) !important;
}

body[data-neon-page] .notification-header,
body[data-neon-page] .notification-footer {
  color: var(--nl-ink) !important;
  border-color: var(--nl-line) !important;
}

body[data-neon-page] footer,
body[data-neon-page] .footer {
  color: var(--nl-muted) !important;
  background: rgba(248, 251, 255, .84) !important;
  border-color: var(--nl-line) !important;
  box-shadow: 0 -10px 32px rgba(48, 74, 124, .04) !important;
  backdrop-filter: blur(18px) !important;
}

body[data-neon-page] button:disabled,
body[data-neon-page] .btn:disabled {
  color: #8d98ad !important;
  background: #edf2f9 !important;
  border-color: var(--nl-line) !important;
  box-shadow: none !important;
  opacity: .72;
}

/* Resource city */
body[data-neon-page="neon-city"] {
  display: block !important;
}

body[data-neon-page="neon-city"] #bgCanvas {
  display: none !important;
}

body[data-neon-page="neon-city"] .navbar {
  background: rgba(248,251,255,.92) !important;
}

body[data-neon-page="neon-city"] #loadingOverlay {
  color: var(--nl-ink) !important;
  background: #f2f7ff !important;
}

body[data-neon-page="neon-city"] .loading-title {
  color: var(--nl-ink) !important;
  text-shadow: none !important;
}

body[data-neon-page="neon-city"] :is(
  .hero-shell, .hero-command-panel, .home-weather-panel,
  .resource-card, .recommend-slide, .search-box
) {
  color: var(--nl-ink) !important;
  background: rgba(255, 255, 255, .68) !important;
  border-color: var(--nl-line) !important;
  box-shadow: var(--nl-shadow-soft) !important;
  backdrop-filter: blur(20px) !important;
}

body[data-neon-page="neon-city"] .hero-eyebrow,
body[data-neon-page="neon-city"] .hero-metrics div,
body[data-neon-page="neon-city"] .recommend-carousel-empty,
body[data-neon-page="neon-city"] .home-notice-bar .links-scroll-msg {
  color: var(--nl-ink-2) !important;
  background: rgba(245, 249, 255, .86) !important;
  border-color: var(--nl-line) !important;
  box-shadow: none !important;
}

body[data-neon-page="neon-city"] .hero-eyebrow {
  color: var(--nl-blue) !important;
}

body[data-neon-page="neon-city"] .hero-metrics strong,
body[data-neon-page="neon-city"] .engine-title-small,
body[data-neon-page="neon-city"] .command-panel-top {
  color: var(--nl-ink) !important;
}

body[data-neon-page="neon-city"] .hero-metrics span,
body[data-neon-page="neon-city"] .recommend-carousel-empty,
body[data-neon-page="neon-city"] .home-notice-bar .scroll-content-msg span {
  color: var(--nl-muted) !important;
}

body[data-neon-page="neon-city"] .recommend-carousel-empty {
  background: linear-gradient(145deg, #eef5ff, #f8f4ff) !important;
}

body[data-neon-page="neon-city"] .hero-action-primary,
body[data-neon-page="neon-city"] .home-search button {
  color: #fff !important;
  background: linear-gradient(110deg, var(--nl-blue), var(--nl-violet)) !important;
  border-color: transparent !important;
}

body[data-neon-page="neon-city"] .hero-action-secondary {
  color: var(--nl-blue) !important;
  background: rgba(255, 255, 255, .82) !important;
  border-color: rgba(49, 110, 232, .22) !important;
}

body[data-neon-page="neon-city"] :is(.neon-title, .hero-copy h1, .hero-copy h2, .card-title, .recommend-slide-title) {
  color: var(--nl-ink) !important;
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: none !important;
  filter: none !important;
}

body[data-neon-page="neon-city"] :is(
  .hero-lede, .hero-panel-foot, .home-scroll-msg, .links-scroll-msg,
  .weather-current-copy, .forecast-day, .page-note
) {
  color: var(--nl-muted) !important;
}

body[data-neon-page="neon-city"] .category-chip,
body[data-neon-page="neon-city"] .feature-tag,
body[data-neon-page="neon-city"] .engine-badge,
body[data-neon-page="neon-city"] .access-badge {
  color: var(--nl-blue) !important;
  background: rgba(49, 110, 232, .07) !important;
  border-color: rgba(49, 110, 232, .17) !important;
  box-shadow: none !important;
}

body[data-neon-page="neon-city"] .category-chip.active {
  color: #fff !important;
  background: linear-gradient(110deg, var(--nl-blue), var(--nl-violet)) !important;
}

body[data-neon-page="neon-city"] .card-image-wrapper,
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-slide-placeholder {
  background: linear-gradient(145deg, #eaf3ff, #f6edff) !important;
  border-color: var(--nl-line) !important;
}

body[data-neon-page="neon-city"] .neon-engine-core,
body[data-neon-page="neon-city"] .command-panel-top {
  background: linear-gradient(145deg, rgba(255,255,255,.78), rgba(237,244,255,.76)) !important;
  border-color: var(--nl-line) !important;
  box-shadow: 0 20px 65px rgba(64, 86, 140, .12) !important;
}

body[data-neon-page="neon-city"] :is(
  .home-notice-bar, .weather-city-suggestions, .weather-forecast-item,
  .carousel-nav-btn, .weather-locate-btn, .pagination button
) {
  color: var(--nl-ink-2) !important;
  background: rgba(255,255,255,.82) !important;
  border-color: var(--nl-line) !important;
  box-shadow: 0 10px 28px rgba(49,74,120,.07) !important;
}

body[data-neon-page="neon-city"] :is(
  .weather-panel-head, .weather-panel-main, .resource-section-head,
  .categories, .hero-panel-foot
) {
  color: var(--nl-ink) !important;
  border-color: var(--nl-line) !important;
}

body[data-neon-page="neon-city"] :is(
  .weather-panel-title strong, .weather-temp-row strong,
  .resource-section-head h2, .recommend-slide-title
) {
  color: var(--nl-ink) !important;
  text-shadow: none !important;
}

body[data-neon-page="neon-city"] :is(
  .weather-panel-title span, .weather-temp-row span,
  .resource-section-head p, .recommend-slide-summary
) {
  color: var(--nl-muted) !important;
}

body[data-neon-page="neon-city"] .notification-icon > i {
  color: var(--nl-blue) !important;
}

/* Detail and publishing */
body[data-neon-page="detail"] .detail-container {
  max-width: 1040px !important;
}

body[data-neon-page="detail"] .article-cover-placeholder,
body[data-neon-page="detail"] .detail-recommend-placeholder {
  color: var(--nl-blue) !important;
  background: linear-gradient(145deg, #edf5ff, #f7efff) !important;
}

body[data-neon-page="detail"] .comment-item,
body[data-neon-page="detail"] .replies-container,
body[data-neon-page="detail"] .download-password-item,
body[data-neon-page="detail"] .comment-input-area {
  background: rgba(239, 245, 255, .68) !important;
  border-color: var(--nl-line) !important;
}

body[data-neon-page="publish"] .editor-toolbar-wrapper,
body[data-neon-page="publish"] .ql-toolbar,
body[data-neon-page="publish"] .ql-container,
body[data-neon-page="publish"] .upload-area {
  color: var(--nl-ink) !important;
  background: rgba(255, 255, 255, .82) !important;
  border-color: var(--nl-line-strong) !important;
}

body[data-neon-page="publish"] .ql-editor {
  color: var(--nl-ink) !important;
}

body[data-neon-page="publish"] .author-info,
body[data-neon-page="publish"] .author-info .name,
body[data-neon-page="publish"] .author-info strong {
  color: var(--nl-ink) !important;
}

body[data-neon-page="publish"] .upload-area:hover {
  background: var(--nl-soft) !important;
  border-color: var(--nl-blue) !important;
}

/* User and profile */
body[data-neon-page="user"] .status-badge,
body[data-neon-page="user"] .invite-code-pill,
body[data-neon-page="user"] .agent-badge {
  color: var(--nl-blue) !important;
  background: rgba(49, 110, 232, .08) !important;
  border-color: rgba(49, 110, 232, .18) !important;
  box-shadow: none !important;
}

/* Admin */
body[data-neon-page="admin"] .tab-nav {
  padding: 7px !important;
  background: rgba(255, 255, 255, .66) !important;
  border: 1px solid var(--nl-line) !important;
  border-radius: 18px !important;
  box-shadow: var(--nl-shadow-soft) !important;
}

body[data-neon-page="admin"] .tab-btn {
  color: var(--nl-muted) !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 13px !important;
}

body[data-neon-page="admin"] .tab-btn.active {
  color: var(--nl-blue) !important;
  background: #fff !important;
  box-shadow: 0 8px 22px rgba(48, 74, 124, .10) !important;
}

body[data-neon-page="admin"] .pending-badge,
body[data-neon-page="admin"] .meta-tag,
body[data-neon-page="admin"] .cardkey-type,
body[data-neon-page="admin"] .cardkey-status,
body[data-neon-page="admin"] .agent-status {
  box-shadow: none !important;
}

body[data-neon-page="admin"] .loading {
  color: var(--nl-muted) !important;
}

/* Project dashboard */
body[data-neon-page="projects"] .dashboard,
body[data-neon-page="ai-center"] .scene {
  color: var(--nl-ink) !important;
  background:
    radial-gradient(circle at 12% 3%, rgba(76, 132, 239, .20), transparent 30rem),
    radial-gradient(circle at 90% 7%, rgba(239, 113, 139, .14), transparent 27rem),
    linear-gradient(180deg, #eff5ff, #f9fbff 44%, #f5f8fd) !important;
}

body[data-neon-page="projects"] .dashboard::before,
body[data-neon-page="ai-center"] .scene::before {
  opacity: .55 !important;
  background-image:
    linear-gradient(rgba(58, 93, 158, .07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(58, 93, 158, .07) 1px, transparent 1px) !important;
}

body[data-neon-page="ai-center"] .scene::after {
  background: linear-gradient(180deg, transparent, rgba(244, 248, 255, .26)) !important;
}

body[data-neon-page="projects"] :is(.panel, .metric, .project, .mini, .bar-card, .modal-panel),
body[data-neon-page="ai-center"] .panel {
  color: var(--nl-ink) !important;
  background: rgba(255, 255, 255, .72) !important;
  border-color: var(--nl-line) !important;
  box-shadow: var(--nl-shadow-soft) !important;
  backdrop-filter: blur(22px) !important;
}

body[data-neon-page="projects"] :is(.panel, .project, .metric, .mini, .bar-card),
body[data-neon-page="ai-center"] .panel {
  border-radius: 20px !important;
}

body[data-neon-page="projects"] :is(.title p, .metric span, .project p, .side-list, .legend, .radar-core span, .modal-head p),
body[data-neon-page="ai-center"] :is(.brand, .sub-title, .hero-meta, .lead, .price-sub, .note, .footer) {
  color: var(--nl-muted) !important;
}

body[data-neon-page="projects"] :is(.panel h2, .project h3, .metric strong, .radar-core strong),
body[data-neon-page="ai-center"] :is(.panel h2, .title, .price-amount .num) {
  color: var(--nl-ink) !important;
  text-shadow: none !important;
}

body[data-neon-page="projects"] .nav a,
body[data-neon-page="ai-center"] .nav a.back {
  color: var(--nl-blue) !important;
  background: rgba(255,255,255,.70) !important;
  border-color: rgba(49,110,232,.20) !important;
  border-radius: 999px !important;
  box-shadow: 0 8px 22px rgba(49, 74, 120, .07) !important;
}

body[data-neon-page="projects"] .side-list div,
body[data-neon-page="projects"] .radar-stats b {
  color: var(--nl-ink-2) !important;
  background: rgba(238, 245, 255, .78) !important;
  border-color: var(--nl-line) !important;
  border-radius: 10px;
}

body[data-neon-page="projects"] .radar-core {
  background:
    radial-gradient(circle, rgba(73, 150, 238, .16) 0 34%, rgba(255,255,255,.88) 35% 58%, transparent 59%),
    conic-gradient(from -90deg, rgba(50,185,221,.42), rgba(130,105,239,.22), rgba(239,113,139,.30), rgba(50,185,221,.42)) !important;
  border-color: rgba(49,110,232,.22) !important;
  box-shadow: 0 24px 70px rgba(62, 101, 170, .15) !important;
}

body[data-neon-page="projects"] .radar::before {
  filter: drop-shadow(0 12px 24px rgba(49, 110, 232, .12)) !important;
}

body[data-neon-page="projects"] .access-input,
body[data-neon-page="projects"] .resource-btn,
body[data-neon-page="projects"] .data-table-wrap {
  color: var(--nl-ink) !important;
  background: #fff !important;
  border-color: var(--nl-line) !important;
}

body[data-neon-page="projects"] .data-table th {
  color: var(--nl-ink) !important;
  background: #edf4ff !important;
}

body[data-neon-page="projects"] .data-table td {
  color: var(--nl-ink-2) !important;
  border-color: var(--nl-line) !important;
}

body[data-neon-page="ai-center"] h1.title {
  background: linear-gradient(105deg, #15203b 4%, #316ee8 50%, #8269ef 78%, #ef718b 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  text-shadow: none !important;
}

body[data-neon-page="ai-center"] .eyebrow,
body[data-neon-page="ai-center"] .panel-tag,
body[data-neon-page="ai-center"] .badge {
  color: var(--nl-blue) !important;
  background: rgba(255,255,255,.62) !important;
  border-color: rgba(49,110,232,.20) !important;
}

body[data-neon-page="ai-center"] .price-panel {
  background:
    radial-gradient(circle at 100% 0%, rgba(239, 113, 139, .13), transparent 45%),
    rgba(255,255,255,.76) !important;
}

body[data-neon-page="ai-center"] .price-amount .currency,
body[data-neon-page="ai-center"] .price-panel .badge {
  color: var(--nl-coral) !important;
}

body[data-neon-page="ai-center"] .cta {
  color: #fff !important;
  background: linear-gradient(110deg, var(--nl-blue), var(--nl-violet)) !important;
  border-color: transparent !important;
  box-shadow: 0 14px 32px rgba(49,110,232,.21) !important;
}

body[data-neon-page="ai-center"] .cta-secondary {
  color: var(--nl-blue) !important;
  background: rgba(255,255,255,.72) !important;
  border-color: rgba(49,110,232,.22) !important;
}

/* Documentation page */
body[data-neon-page="mars-auto-glue"] {
  --bg: #f5f8fd !important;
  --panel: rgba(255,255,255,.84) !important;
  --text: var(--nl-ink) !important;
  --muted: var(--nl-muted) !important;
  --border: rgba(88,112,160,.17) !important;
  --accent: var(--nl-blue) !important;
  --accent-soft: #eaf2ff !important;
  --table-head: #edf4ff !important;
}

body[data-neon-page="mars-auto-glue"] .page-header,
body[data-neon-page="mars-auto-glue"] .content,
body[data-neon-page="mars-auto-glue"] .toc,
body[data-neon-page="mars-auto-glue"] .diagram-card {
  background: rgba(255,255,255,.82) !important;
  border-color: var(--nl-line) !important;
  box-shadow: var(--nl-shadow-soft) !important;
}

body[data-neon-page="mars-auto-glue"] .content,
body[data-neon-page="mars-auto-glue"] .toc {
  border-radius: 20px !important;
}

body[data-neon-page="mars-auto-glue"] .doc-actions a,
body[data-neon-page="mars-auto-glue"] .doc-actions button {
  border-radius: 999px !important;
  border-color: rgba(49,110,232,.22) !important;
  box-shadow: var(--nl-shadow-soft) !important;
}

/* Detail page: replace the remaining dark editorial components. */
body[data-neon-page="detail"] .detail-hero-card {
  color: var(--nl-ink) !important;
  background:
    radial-gradient(circle at 84% 12%, rgba(85, 142, 245, .16), transparent 22rem),
    radial-gradient(circle at 8% 92%, rgba(130, 105, 239, .10), transparent 20rem),
    rgba(255, 255, 255, .82) !important;
  border-color: rgba(71, 107, 174, .18) !important;
  box-shadow: 0 28px 78px rgba(45, 73, 125, .15) !important;
  backdrop-filter: blur(24px) saturate(130%) !important;
}

body[data-neon-page="detail"] .detail-hero-card::before {
  background-image:
    linear-gradient(rgba(70, 102, 165, .055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(70, 102, 165, .055) 1px, transparent 1px) !important;
  opacity: .85 !important;
}

body[data-neon-page="detail"] .detail-hero-card::after {
  background: linear-gradient(90deg, var(--nl-blue), var(--nl-violet), var(--nl-coral)) !important;
}

body[data-neon-page="detail"] .article-title {
  color: var(--nl-ink) !important;
  background: none !important;
  -webkit-text-fill-color: var(--nl-ink) !important;
  text-shadow: none !important;
}

body[data-neon-page="detail"] .detail-kicker span,
body[data-neon-page="detail"] .article-meta span {
  color: var(--nl-ink-2) !important;
  background: rgba(255, 255, 255, .76) !important;
  border-color: var(--nl-line) !important;
  box-shadow: 0 8px 20px rgba(45, 73, 125, .06) !important;
}

body[data-neon-page="detail"] .detail-access-badge.free {
  color: #126a5a !important;
  background: #e7fbf4 !important;
  border-color: rgba(24, 163, 108, .20) !important;
}

body[data-neon-page="detail"] .detail-access-badge.vip {
  color: #78510a !important;
  background: #fff4ce !important;
  border-color: rgba(189, 133, 20, .22) !important;
}

body[data-neon-page="detail"] .article-cover-shell {
  background: linear-gradient(145deg, rgba(236, 244, 255, .96), rgba(249, 245, 255, .94)) !important;
  border-color: var(--nl-line) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .92) !important;
}

body[data-neon-page="detail"] :is(
  .article-content, .comment-section, .disclaimer-container,
  .download-section, .detail-service-card, .detail-recommend-card
) {
  color: var(--nl-ink-2) !important;
  background: rgba(255, 255, 255, .84) !important;
  border-color: var(--nl-line) !important;
  box-shadow: var(--nl-shadow-soft) !important;
  backdrop-filter: blur(20px) saturate(125%) !important;
}

body[data-neon-page="detail"] :is(
  .article-content, .article-content p, .article-content li,
  .disclaimer-content, .disclaimer-content p, .disclaimer-content li,
  .detail-service-card li
) {
  color: var(--nl-muted) !important;
}

body[data-neon-page="detail"] :is(
  .article-content h1, .article-content h2, .article-content h3,
  .article-content h4, .comment-section h3, .disclaimer-header h3,
  .detail-service-card h3, .detail-recommend-card h3
) {
  color: var(--nl-ink) !important;
  -webkit-text-fill-color: var(--nl-ink) !important;
  text-shadow: none !important;
}

body[data-neon-page="detail"] .download-section {
  background:
    radial-gradient(circle at 92% 8%, rgba(43, 189, 145, .12), transparent 15rem),
    rgba(255, 255, 255, .88) !important;
  border-color: rgba(24, 163, 108, .20) !important;
}

body[data-neon-page="detail"] :is(.download-label, .download-password-item) {
  color: var(--nl-ink-2) !important;
}

body[data-neon-page="detail"] .download-password {
  color: #0d8d68 !important;
  background: #e8faf4 !important;
  border-color: rgba(24, 163, 108, .17) !important;
}

body[data-neon-page="detail"] .download-btn {
  color: #fff !important;
  background: linear-gradient(110deg, var(--nl-blue), var(--nl-violet)) !important;
  box-shadow: 0 14px 30px rgba(49, 110, 232, .19) !important;
}

body[data-neon-page="detail"] .download-warning {
  color: #9b4256 !important;
  background: linear-gradient(145deg, #fff7f8, #fff1f4) !important;
  border-color: rgba(214, 89, 116, .18) !important;
  box-shadow: 0 12px 34px rgba(157, 70, 89, .08) !important;
}

body[data-neon-page="detail"] .download-warning :is(i, span) {
  color: #a5485c !important;
}

body[data-neon-page="detail"] .detail-service-card li i,
body[data-neon-page="detail"] .detail-recommend-card > h3 i {
  color: var(--nl-blue) !important;
}

body[data-neon-page="detail"] .detail-recommend-list {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

body[data-neon-page="detail"] .detail-recommend-item {
  color: var(--nl-ink-2) !important;
  background: rgba(241, 246, 255, .88) !important;
  border-color: var(--nl-line) !important;
}

body[data-neon-page="detail"] .detail-recommend-item:hover {
  background: #fff !important;
  border-color: rgba(49, 110, 232, .28) !important;
  box-shadow: 0 10px 26px rgba(49, 80, 138, .10) !important;
}

body[data-neon-page="detail"] .detail-recommend-thumb {
  background: #edf4ff !important;
  border-color: var(--nl-line) !important;
}

body[data-neon-page="detail"] .detail-recommend-title {
  color: var(--nl-ink) !important;
  -webkit-text-fill-color: var(--nl-ink) !important;
}

body[data-neon-page="detail"] :is(
  .detail-recommend-meta, .detail-recommend-views,
  .detail-recommend-loading, .detail-recommend-empty
) {
  color: var(--nl-muted) !important;
}

body[data-neon-page="detail"] .detail-recommend-badge {
  color: var(--nl-blue) !important;
  background: rgba(49, 110, 232, .08) !important;
  border-color: rgba(49, 110, 232, .16) !important;
}

body[data-neon-page="detail"] :is(.detail-recommend-loading, .detail-recommend-empty) {
  background: rgba(239, 245, 255, .74) !important;
  border-color: var(--nl-line) !important;
}

/* Account center: keep every information and wallet surface in the light system. */
body[data-neon-page="user"] .profile-card {
  color: var(--nl-ink) !important;
  background:
    radial-gradient(circle at 92% 5%, rgba(130, 105, 239, .10), transparent 22rem),
    rgba(255, 255, 255, .84) !important;
  border-color: var(--nl-line) !important;
  box-shadow: 0 28px 78px rgba(45, 73, 125, .13) !important;
}

body[data-neon-page="user"] .profile-card::before {
  background-image:
    linear-gradient(rgba(70, 102, 165, .05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(70, 102, 165, .05) 1px, transparent 1px) !important;
  opacity: .72 !important;
}

body[data-neon-page="user"] .profile-card::after {
  background: linear-gradient(90deg, var(--nl-blue), var(--nl-violet), var(--nl-coral)) !important;
}

body[data-neon-page="user"] .profile-header {
  background: linear-gradient(135deg, rgba(234, 243, 255, .94), rgba(250, 246, 255, .92)) !important;
  border-color: var(--nl-line) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .94) !important;
}

body[data-neon-page="user"] .profile-header::before {
  color: var(--nl-blue) !important;
  background: rgba(255, 255, 255, .80) !important;
  border-color: rgba(49, 110, 232, .18) !important;
  box-shadow: 0 9px 24px rgba(49, 91, 171, .09) !important;
}

body[data-neon-page="user"] .profile-header .user-info {
  color: var(--nl-ink) !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

body[data-neon-page="user"] :is(.profile-header .user-info h1, #nickname) {
  color: var(--nl-ink) !important;
  -webkit-text-fill-color: var(--nl-ink) !important;
  text-shadow: none !important;
}

body[data-neon-page="user"] :is(.profile-header .user-info p, #memberTypeDisplay) {
  color: var(--nl-muted) !important;
}

body[data-neon-page="user"] :is(.info-section, .wallet-card, .invite-share-card) {
  color: var(--nl-ink-2) !important;
  background: rgba(255, 255, 255, .80) !important;
  border-color: var(--nl-line) !important;
  box-shadow: 0 14px 38px rgba(45, 73, 125, .08) !important;
}

body[data-neon-page="user"] :is(.info-section, .wallet-card, .invite-share-card)::before {
  background: linear-gradient(90deg, transparent, rgba(49, 110, 232, .34), transparent) !important;
}

body[data-neon-page="user"] :is(
  .info-section > div:first-child, .wallet-header, .invite-share-header,
  .info-item, .action-buttons
) {
  border-color: var(--nl-line) !important;
}

body[data-neon-page="user"] :is(
  .info-section h2, .wallet-header > div, .invite-share-title,
  .info-value, .wallet-value, .withdrawal-title
) {
  color: var(--nl-ink) !important;
  -webkit-text-fill-color: var(--nl-ink) !important;
  text-shadow: none !important;
}

body[data-neon-page="user"] :is(
  .info-label, .info-hint, .wallet-label, .withdrawal-meta,
  .invite-share-description
) {
  color: var(--nl-muted) !important;
}

body[data-neon-page="user"] .info-section h2::before,
body[data-neon-page="user"] .wallet-header > div::before,
body[data-neon-page="user"] .invite-share-title::before {
  background: var(--nl-blue) !important;
  box-shadow: 0 0 0 5px rgba(49, 110, 232, .09) !important;
}

body[data-neon-page="user"] .wallet-stat {
  color: var(--nl-ink) !important;
  background: linear-gradient(145deg, #f4f8ff, #eef3ff) !important;
  border-color: var(--nl-line) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .92) !important;
}

body[data-neon-page="user"] :is(
  .invite-link-input, .withdraw-input, .edit-form-group input,
  .edit-form-group select, #editIntroduction
) {
  color: var(--nl-ink) !important;
  background: rgba(255, 255, 255, .94) !important;
  border-color: var(--nl-line-strong) !important;
}

body[data-neon-page="user"] :is(
  .invite-link-input, .withdraw-input, .edit-form-group input,
  .edit-form-group select, #editIntroduction
)::placeholder {
  color: #9aa6bd !important;
}

body[data-neon-page="user"] :is(.invitee-row, .withdrawal-row) {
  color: var(--nl-ink-2) !important;
  background: rgba(239, 245, 255, .76) !important;
  border-color: var(--nl-line) !important;
}

body[data-neon-page="user"] :is(.btn-secondary, .invite-action-btn:not(.primary)) {
  color: var(--nl-blue) !important;
  background: #fff !important;
  border-color: rgba(49, 110, 232, .20) !important;
}

/* Public profile page uses the same account-card palette. */
body[data-neon-page="profile"] :is(.profile-header, .info-section) {
  color: var(--nl-ink-2) !important;
  background: rgba(255, 255, 255, .78) !important;
  border-color: var(--nl-line) !important;
}

body[data-neon-page="profile"] .profile-header .user-info {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body[data-neon-page="profile"] :is(.user-info h1, .info-section h2, .info-value) {
  color: var(--nl-ink) !important;
  -webkit-text-fill-color: var(--nl-ink) !important;
  text-shadow: none !important;
}

body[data-neon-page="profile"] :is(.user-info p, .info-label) {
  color: var(--nl-muted) !important;
}

/* Responsive refinements */
@media (max-width: 900px) {
  body[data-neon-page] .float-contact {
    right: 12px !important;
  }

  body[data-neon-page] .contact-btn {
    width: 46px !important;
    height: 46px !important;
  }

  body[data-neon-page="admin"] .tab-nav {
    overflow-x: auto;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
  }

  body[data-neon-page="projects"] .dashboard {
    padding: 16px !important;
  }

  body[data-neon-page="ai-center"] .nav,
  body[data-neon-page="ai-center"] .wrap {
    padding-left: 22px !important;
    padding-right: 22px !important;
  }
}

@media (max-width: 620px) {
  body[data-neon-page] .login-card,
  body[data-neon-page] .forgot-password-modal,
  body[data-neon-page] .modal-card {
    padding: 30px 22px !important;
    border-radius: 24px !important;
  }

  body[data-neon-page] .profile-card,
  body[data-neon-page] .publish-main,
  body[data-neon-page] .article-content,
  body[data-neon-page] .download-section,
  body[data-neon-page] .comment-section,
  body[data-neon-page] .cardkey-panel,
  body[data-neon-page] .wallet-card,
  body[data-neon-page] .invite-share-card {
    padding: 22px !important;
    border-radius: 20px !important;
  }

  body[data-neon-page] .float-contact {
    display: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-neon-page] *,
  body[data-neon-page] *::before,
  body[data-neon-page] *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
  }
}