/* ============================================================
   User Pages (password / message / etc.) · 玫红夜空主题
   通用规则: 适用于使用 page_header + page_body 结构的用户页
   ============================================================ */

:root {
    --acg-bg-1: #2A0F1F;
    --acg-bg-2: #3A1228;
    --acg-bg-deep: #1A0610;
    --acg-surface: #C25578;
    --acg-surface-hi: #DC6E92;
    --acg-gold: #E8B79A;
    --acg-gold-light: #FFC09F;
    --acg-gold-soft: #FAD4C0;
    --acg-rose: #FF8FA3;
    --acg-rose-deep: #C44569;
    --acg-text-1: #FFF0E0;
    --acg-text-2: #E8B7A8;
    --acg-text-3: #C9A98C;
    --acg-border: rgba(255, 192, 159, 0.32);
    --acg-border-strong: rgba(255, 192, 159, 0.55);
}

/* —— 页面底色 —— */
html.app-dark,
html.app-dark body {
    background: var(--acg-bg-1) !important;
    background-color: var(--acg-bg-1) !important;
    color: var(--acg-text-1) !important;
}
html.app-dark body {
    background:
        radial-gradient(110% 45% at 50% 0%, rgba(255, 90, 160, 0.22) 0%, transparent 60%),
        radial-gradient(60% 35% at 92% 18%, rgba(255, 143, 181, 0.20) 0%, transparent 55%),
        radial-gradient(80% 40% at 30% 50%, rgba(200, 70, 115, 0.16) 0%, transparent 60%),
        radial-gradient(70% 38% at 95% 95%, rgba(130, 35, 65, 0.22) 0%, transparent 60%),
        linear-gradient(180deg, #1A0610 0%, #2A0F1F 30%, #3A1228 60%, #2A0F1F 90%, #1A0610 100%) !important;
}

/* —— 通用页容器透明 —— */
html.app-dark .update_pwd_page,
html.app-dark .invest_record_page,
html.app-dark .page_body {
    background: transparent !important;
    background-color: transparent !important;
    color: var(--acg-text-1) !important;
}

/* —— 顶部 page_header (原橙色 → 玻璃酒红) —— */
html.app-dark .page_header {
    background: rgba(45, 16, 24, 0.55) !important;
    background-image: none !important;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--acg-border) !important;
    box-shadow: 0 1px 6px rgba(139, 44, 63, 0.28) !important;
}
html.app-dark .page_header .header_title,
html.app-dark .header_title {
    color: var(--acg-text-1) !important;
    text-shadow: 0 0 10px rgba(255, 143, 163, 0.45);
    font-weight: 800 !important;
    font-family: 'Noto Serif SC', 'Songti SC', serif;
}
html.app-dark .page_header .back_btn img,
html.app-dark .back_btn img {
    filter: brightness(0) invert(1) sepia(0.5) saturate(450%) hue-rotate(320deg);
    opacity: 0.95;
}
html.app-dark .chat-button {
    filter: brightness(0) invert(1) sepia(0.5) saturate(450%) hue-rotate(320deg);
    opacity: 0.9;
}

/* ============================================================
   修改密码 (password.html)
   ============================================================ */
html.app-dark .password-container {
    background: transparent !important;
}
html.app-dark .password-field-container {
    background: rgba(58, 18, 40, 0.55) !important;
    background-color: rgba(58, 18, 40, 0.55) !important;
    border: 1px solid var(--acg-border) !important;
    border-radius: 12px !important;
}
html.app-dark .password-field-label {
    color: var(--acg-text-1) !important;
    font-weight: 700 !important;
}
html.app-dark .password-field-input {
    background: transparent !important;
    background-color: transparent !important;
    color: var(--acg-text-1) !important;
    caret-color: var(--acg-rose) !important;
    border: 0 !important;
}
html.app-dark .password-field-input::placeholder {
    color: var(--acg-text-2) !important;
    opacity: 0.7;
}
html.app-dark .clear_texts {
    filter: brightness(0) invert(1) sepia(0.5) saturate(300%) hue-rotate(320deg);
    opacity: 0.6;
}
html.app-dark .update_pwd_btn {
    background: linear-gradient(135deg, #FAD4C0 0%, #FFB088 25%, #FF8FA3 55%, #C44569 85%, #6B1A2F 100%) !important;
    background-color: transparent !important;
    color: #2D1018 !important;
    border: 1px solid rgba(244, 212, 168, 0.85) !important;
    font-weight: 800 !important;
    box-shadow: 0 4px 14px rgba(255, 107, 138, 0.5) !important;
    border-radius: 999px !important;
}
html.app-dark .update_pwd_btn:active {
    transform: scale(0.97);
}

/* ============================================================
   消息中心 (message.html)
   ============================================================ */
html.app-dark .msg_cons {
    background: transparent !important;
}
html.app-dark .msg_cons .record-item {
    background: linear-gradient(180deg, rgba(74, 26, 42, 0.85) 0%, rgba(58, 18, 40, 0.85) 100%) !important;
    background-color: transparent !important;
    border: 1px solid var(--acg-border) !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 14px rgba(139, 44, 63, 0.3) !important;
    color: var(--acg-text-1) !important;
    transition: transform 0.18s ease;
}
html.app-dark .msg_cons .record-item:active {
    transform: scale(0.98);
}
html.app-dark .message-title {
    color: var(--acg-text-1) !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    font-weight: 700 !important;
}
html.app-dark .message-content {
    color: var(--acg-text-2) !important;
}
html.app-dark .message-time {
    color: var(--acg-text-3) !important;
}

/* —— 空状态 / 加载更多 (原有白底, 要强制透明) —— */
html.app-dark .no_invest_info,
html.app-dark .invest_record_page .no_invest_info,
html.app-dark .invest_money_cons,
html.app-dark .invest_record_header {
    background: transparent !important;
    background-color: transparent !important;
    border-top-color: var(--acg-border) !important;
    color: var(--acg-text-2) !important;
    text-align: center;
}
html.app-dark .dropload-down,
html.app-dark .dropload-down .dropload-noData {
    background: transparent !important;
    background-color: transparent !important;
    color: var(--acg-text-3) !important;
}