/* 淺色模式：白底深字，避免沿用深色頁的淺色字 */
html.display-light {
    --match-panel-bg: #ffffff;
    --match-panel-border: rgba(42, 27, 61, 0.14);
    --match-chip-bg: #f3eaf0;
    --match-chip-border: rgba(42, 27, 61, 0.18);
    --match-text-muted: #5c5268;
    --match-text-body: #2a1b3d;
}

html.display-light .text-muted,
html.display-light .form-text,
html.display-light .small.text-muted,
html.display-light .home-trust-item span,
html.display-light .home-welcome-sub,
html.display-light .card-desc,
html.display-light .settings-page-sub,
html.display-light .settings-profile-meta p,
html.display-light .settings-link-copy small,
html.display-light .settings-toggle-copy p,
html.display-light .settings-card .form-text,
html.display-light .friends-drawer-subtitle,
html.display-light .friend-card-pro-sub,
html.display-light .friend-card-pro-status,
html.display-light .edit-profile-topbar-text p,
html.display-light .edit-avatar-meta p,
html.display-light .edit-field .form-text,
html.display-light .location-hint,
html.display-light #location-status,
html.display-light .match-settings-sub {
    color: #5c5268 !important;
    -webkit-text-fill-color: #5c5268 !important;
}

html.display-light h1,
html.display-light h2,
html.display-light h3,
html.display-light h4,
html.display-light .home-trust-item strong,
html.display-light .settings-page-header h1,
html.display-light .settings-profile-meta h2,
html.display-light .settings-link-copy strong,
html.display-light .settings-card-title,
html.display-light .settings-toggle-copy strong,
html.display-light .settings-card .form-check-label,
html.display-light .pref-section-title,
html.display-light .age-range-display,
html.display-light .match-settings-title,
html.display-light .edit-profile-card-title,
html.display-light .edit-profile-card-title i,
html.display-light .edit-field label,
html.display-light .edit-avatar-meta strong,
html.display-light .friends-drawer-header .offcanvas-title {
    color: #2a1b3d !important;
    -webkit-text-fill-color: #2a1b3d !important;
}

html.display-light .edit-field label i {
    color: #7c3aed !important;
    -webkit-text-fill-color: #7c3aed !important;
}

html.display-light .footer-note,
html.display-light .friends-drawer-stats,
html.display-light .offcanvas-body .friends-drawer-stats,
html.display-light .edit-avatar-filename,
html.display-light .edit-avatar-change-btn {
    color: #5c5268 !important;
    -webkit-text-fill-color: #5c5268 !important;
}

html.display-light .footer-note {
    background: #fff !important;
    border-color: rgba(42, 27, 61, 0.12) !important;
}

html.display-light .friends-drawer-stats,
html.display-light .offcanvas-body .friends-drawer-stats {
    background: #f6f0f4 !important;
    border-bottom-color: rgba(42, 27, 61, 0.1) !important;
}

html.display-light .edit-avatar-change-btn {
    background: #f3eaf0 !important;
    border: 1px solid rgba(42, 27, 61, 0.16) !important;
    color: #2a1b3d !important;
}

html.display-light .hero-overlay,
html.display-light .hero-overlay h2,
html.display-light .hero-overlay p,
html.display-light .home-hero-copy,
html.display-light .home-hero-copy h2,
html.display-light .mobile-hero .hero-overlay h2,
html.display-light .home-hero-copy p {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

html.display-light .hero-overlay .home-kicker,
html.display-light .home-hero-copy .home-kicker,
html.display-light .mobile-hero .home-kicker {
    color: #f5d0a6 !important;
    -webkit-text-fill-color: #f5d0a6 !important;
}

html.display-light .hero-overlay .hero-cta-group .btn-light,
html.display-light .home-hero-copy .hero-cta-group .btn-light {
    background: #fff !important;
    color: #2a1b3d !important;
    -webkit-text-fill-color: #2a1b3d !important;
    border: none !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.22);
}

html.display-light .hero-overlay .hero-cta-group .btn-outline-light,
html.display-light .home-hero-copy .hero-cta-group .btn-outline-light {
    background: rgba(255, 255, 255, 0.14) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    border: 1.5px solid rgba(255, 255, 255, 0.72) !important;
}

html.display-light .pref-chip,
html.display-light .age-preset-btn,
html.display-light .age-preset-btn:not(.active) {
    background: #f3eaf0 !important;
    border: 1px solid rgba(42, 27, 61, 0.18) !important;
    color: #2a1b3d !important;
    -webkit-text-fill-color: #2a1b3d !important;
}

html.display-light .pref-chip:has(input:checked),
html.display-light .pref-chip.active,
html.display-light .age-preset-btn.active {
    background: linear-gradient(135deg, #c084fc, #e879a9) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    border-color: transparent !important;
}

html.display-light input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
html.display-light textarea,
html.display-light select,
html.display-light .form-control,
html.display-light .form-select,
html.display-light .age-input {
    background: #fff !important;
    color: #2a1b3d !important;
    -webkit-text-fill-color: #2a1b3d !important;
    border-color: rgba(42, 27, 61, 0.18) !important;
}

html.display-light input::placeholder,
html.display-light textarea::placeholder {
    color: #8a8194 !important;
    -webkit-text-fill-color: #8a8194 !important;
}

html.display-light .match-panel,
html.display-light .settings-card,
html.display-light .settings-link-item,
html.display-light .settings-profile-card,
html.display-light .home-trust-item,
html.display-light .matching-card,
html.display-light .chat-container.match-card,
html.display-light .voice-chat-container.match-card {
    background: #fff !important;
    border-color: rgba(42, 27, 61, 0.12) !important;
    color: #2a1b3d !important;
}

html.display-light .start-match-wrap {
    background: linear-gradient(180deg, rgba(244, 238, 232, 0) 0%, #f4eee8 36%) !important;
}

html.display-light .mobile-top-bar .user-mini .name,
html.display-light .mobile-top-bar .top-actions .btn-icon {
    color: #f6f0ea !important;
}

html.display-light .mobile-top-bar .top-actions .btn-icon {
    background: rgba(255, 255, 255, 0.14) !important;
    border-color: rgba(255, 255, 255, 0.28) !important;
}

html.display-light .mobile-top-bar .top-actions .btn-icon.danger {
    color: #fecaca !important;
}

html.display-light .friend-action-btn {
    border-width: 1px;
    border-style: solid;
}

html.display-light .friend-action-btn--text {
    background: #f3e8ff !important;
    color: #7e22ce !important;
    border-color: #d8b4fe !important;
}

html.display-light .friend-action-btn--voice {
    background: #dcfce7 !important;
    color: #15803d !important;
    border-color: #86efac !important;
}

html.display-light .friend-action-btn--video {
    background: #e8eef5 !important;
    color: #334155 !important;
    border-color: #cbd5e1 !important;
}

html.display-light .friend-action-btn--remove {
    background: #fee2e2 !important;
    color: #b91c1c !important;
    border-color: #fecaca !important;
}

html.display-light .offcanvas,
html.display-light .offcanvas-header,
html.display-light .offcanvas-body,
html.display-light .modal-content {
    background: #fff !important;
    color: #2a1b3d !important;
    border-color: rgba(42, 27, 61, 0.12) !important;
}

html.display-light .btn-close {
    filter: none !important;
    opacity: 0.7;
}

html.display-light .edit-profile-back {
    background: #fff !important;
    border-color: rgba(42, 27, 61, 0.16) !important;
    color: #2a1b3d !important;
}

html.display-light .page-edit-profile .btn,
html.display-light .edit-avatar-actions .btn {
    color: #2a1b3d;
}

html.display-light .page-edit-profile .btn-outline-secondary,
html.display-light .page-edit-profile .display-mode-card .btn-outline-secondary {
    color: #2a1b3d !important;
    border-color: rgba(42, 27, 61, 0.2) !important;
    background: #fff !important;
}

html.display-light .page-edit-profile .btn-check:checked + .btn-outline-secondary,
html.display-light .settings-card .btn-check:checked + .btn-outline-secondary {
    color: #fff !important;
    background: linear-gradient(135deg, #c084fc, #e879a9) !important;
    border-color: transparent !important;
}

html.display-light .match-hub-header h1,
html.display-light .page-match .card-title {
    color: #2a1b3d !important;
    -webkit-text-fill-color: #2a1b3d !important;
}

html.display-light .match-hub-header p,
html.display-light .page-match .card-desc,
html.display-light .home-go-match p,
html.display-light .home-go-match p a {
    color: #5c5268 !important;
    -webkit-text-fill-color: #5c5268 !important;
}

@media (max-width: 767.98px) {
    html.display-light .match-settings {
        padding-bottom: 16px;
    }
}