/* ============================================================
   User Center v2 · 玫红夜空主题
   置于 user-center.css / vip-modal.css 之后
   注意: 不动 .uc-hero-bg 图 + .main-container background-image (用户自己换)
   ============================================================ */

: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);
}

/* —— 页面底色 (与日常页统一: 渐变光晕放 body, 容器透明)
   原方案把渐变挂在 .main-container 上, 而它是 height:calc(100vh-nav)+overflow:auto 的滚动容器,
   再叠加内联 ptbcz-bg.png 覆盖, 导致底色显示异常 —— 改为日常页同款做法。 —— */
html.app-dark,
html.app-dark body {
    background: var(--acg-bg-1) !important;
    color: var(--acg-text-1) !important;
}
html.app-dark .main-container {
    background: transparent !important;
    background-color: transparent !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;
}

/* —— 背景装饰: 与首页(推荐页)同款挂件分布 —— 玫瑰×2 / 蝴蝶×2 / 月 / 缎带 / 羽毛 + 星点 —— */
html.app-dark .main-container::before {
    content: '';
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background-image:
        url('/themes/simpleboot3/mobilepublic/assets/images/anime/rose.svg'),
        url('/themes/simpleboot3/mobilepublic/assets/images/anime/rose.svg'),
        url('/themes/simpleboot3/mobilepublic/assets/images/anime/butterfly.svg'),
        url('/themes/simpleboot3/mobilepublic/assets/images/anime/butterfly.svg'),
        url('/themes/simpleboot3/mobilepublic/assets/images/anime/moon.svg'),
        url('/themes/simpleboot3/mobilepublic/assets/images/anime/ribbon-bow.svg'),
        url('/themes/simpleboot3/mobilepublic/assets/images/anime/feather.svg');
    background-repeat: no-repeat;
    background-position: 93% 91%, 5% 78%, 10% 32%, 88% 50%, 91% 13%, 6% 8%, 94% 70%;
    background-size: 58px, 44px, 36px, 30px, 48px, 30px, 22px;
    opacity: 0.5;
    animation: acgUcFloat 18s ease-in-out infinite;
}
html.app-dark .main-container::after {
    content: '';
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background-image:
        url('/themes/simpleboot3/mobilepublic/assets/images/anime/sparkle.svg'),
        url('/themes/simpleboot3/mobilepublic/assets/images/anime/sparkle.svg'),
        url('/themes/simpleboot3/mobilepublic/assets/images/anime/sparkle-small.svg'),
        url('/themes/simpleboot3/mobilepublic/assets/images/anime/sparkle-small.svg'),
        url('/themes/simpleboot3/mobilepublic/assets/images/anime/sparkle-small.svg'),
        url('/themes/simpleboot3/mobilepublic/assets/images/anime/sparkle-small.svg'),
        url('/themes/simpleboot3/mobilepublic/assets/images/anime/sparkle-small.svg'),
        url('/themes/simpleboot3/mobilepublic/assets/images/anime/sparkle-small.svg');
    background-repeat: no-repeat;
    background-position: 22% 20%, 78% 28%, 48% 38%, 18% 55%, 82% 68%, 36% 74%, 62% 10%, 52% 88%;
    background-size: 22px, 20px, 12px, 14px, 11px, 13px, 10px, 12px;
    opacity: 0.55;
    animation: acgUcTwinkle 3.6s ease-in-out infinite;
}
@keyframes acgUcFloat {
    0%, 100% { transform: translateY(0) rotate(0deg); }
    50% { transform: translateY(-8px) rotate(1.5deg); }
}
@keyframes acgUcTwinkle {
    0%, 100% { opacity: 0.3; }
    50% { opacity: 0.7; }
}
@media (prefers-reduced-motion: reduce) {
    html.app-dark .main-container::before,
    html.app-dark .main-container::after {
        animation: none !important;
    }
}

/* —— Hero 顶部: 方案 A (短 banner + user-info 绝对定位跨边界) —— */
html.app-dark .uc-hero {
    background: transparent !important;
    position: relative !important;
    overflow: visible !important;
}
/* hero 内只含 topbar + image. user-info 用绝对定位放在 hero 底, 一半在内一半在外 */
html.app-dark .header.uc-hero {
    padding: 52px 14px 50px !important;   /* 底 padding 留出 user-info 上半身 */
    min-height: 0 !important;
    overflow: visible !important;
}
/* 图本身底部渐隐 */
html.app-dark .uc-hero .uc-hero-bg img {
    -webkit-mask-image: linear-gradient(180deg,
        #000 0%,
        #000 50%,
        rgba(0, 0, 0, 0.55) 78%,
        transparent 100%) !important;
    mask-image: linear-gradient(180deg,
        #000 0%,
        #000 50%,
        rgba(0, 0, 0, 0.55) 78%,
        transparent 100%) !important;
}
html.app-dark .uc-topbar-title {
    color: var(--acg-text-1) !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.7), 0 0 12px rgba(255, 143, 163, 0.4);
    font-family: 'Noto Serif SC', 'Songti SC', serif;
    font-weight: 800 !important;
}

/* 顶部操作按钮 (消息/设置) */
html.app-dark .header-actions .action-btn {
    background: rgba(31, 10, 18, 0.55) !important;
    background-color: rgba(31, 10, 18, 0.55) !important;
    border: 1px solid var(--acg-border) !important;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}
html.app-dark .header-actions .action-btn img {
    filter: brightness(0) invert(1) sepia(0.5) saturate(450%) hue-rotate(320deg) brightness(1.05);
    opacity: 0.95;
}
html.app-dark .header-actions .tip_dot {
    background: var(--acg-rose) !important;
    box-shadow: 0 0 6px rgba(255, 143, 163, 0.7);
    border: 1px solid var(--acg-bg-1);
}

/* —— 用户信息行: 绝对定位, 跨在 hero 底 / ucv-demo 顶之间 —— */
html.app-dark .uc-hero .user-info,
html.app-dark .user-info {
    background: rgba(45, 16, 24, 0.78) !important;
    background-color: rgba(45, 16, 24, 0.78) !important;
    -webkit-backdrop-filter: blur(14px) saturate(140%);
    backdrop-filter: blur(14px) saturate(140%);
    border: 1px solid var(--acg-border) !important;
    border-radius: 16px !important;
    padding: 12px 14px !important;
    box-shadow: 0 8px 24px rgba(139, 44, 63, 0.5) !important;
    margin: 0 !important;
    /* 绝对定位: 大部分突出到下方 */
    position: absolute !important;
    left: 14px !important;
    right: 14px !important;
    bottom: -85px !important;       /* 大半身 (~85px) 突出到 hero 下方 */
    z-index: 10 !important;
}
/* ucv-demo: 给上方留更多空间 */
html.app-dark .ucv-demo {
    margin-top: 110px !important;
    position: relative;
    z-index: 1;
}
/* 头像: 强制圆形 — 用 px + min/max + flex shorthand 三重锁定, 防 flex 拉扁 */
html.app-dark .uc-hero .user-info .avatar,
html.app-dark .user-info .avatar,
html.app-dark .avatar {
    width: 76px !important;
    height: 76px !important;
    min-width: 76px !important;
    max-width: 76px !important;
    min-height: 76px !important;
    max-height: 76px !important;
    flex: 0 0 76px !important;
    aspect-ratio: 1 / 1 !important;
    border-radius: 50% !important;
    border: 2.5px solid var(--acg-gold-light) !important;
    box-shadow: 0 0 16px rgba(255, 107, 138, 0.55) !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    margin: 0 !important;
    position: relative;
    display: inline-block !important;
}
html.app-dark .uc-hero .user-info .avatar img,
html.app-dark .user-info .avatar img,
html.app-dark .avatar img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 50% !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}
html.app-dark .uc-verified {
    background: linear-gradient(135deg, #FAD4C0 0%, #FF8FA3 100%) !important;
    color: #2D1018 !important;
    border: 1.5px solid var(--acg-bg-1) !important;
}
html.app-dark .username {
    color: var(--acg-text-1) !important;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.85), 0 0 12px rgba(255, 143, 163, 0.4);
    font-weight: 800 !important;
}
html.app-dark .account-id,
html.app-dark .account-id a {
    color: var(--acg-text-1) !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.85);
}

/* VIP 状态徽章 (非会员/会员两态) */
html.app-dark .user_vip_status {
    background: linear-gradient(135deg, rgba(255, 192, 159, 0.45) 0%, rgba(255, 143, 163, 0.32) 100%) !important;
    border: 1px solid var(--acg-gold-light) !important;
    color: var(--acg-text-1) !important;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    box-shadow: 0 2px 8px rgba(255, 107, 138, 0.3);
}
html.app-dark .user_vip_status--free {
    background: rgba(31, 10, 18, 0.6) !important;
    border-color: var(--acg-border) !important;
}
html.app-dark .user_vip_status_icon {
    filter: drop-shadow(0 0 4px rgba(255, 192, 159, 0.5));
}
html.app-dark .user_vip_status_lb {
    color: var(--acg-text-1) !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
    font-weight: 700 !important;
}
html.app-dark .user_vip_status_arrow {
    color: var(--acg-gold-light) !important;
}

/* 未登录态 */
html.app-dark .username:contains("未登录"),
html.app-dark .user-details .login,
html.app-dark .user-details .zhuce {
    color: var(--acg-gold-light) !important;
}

/* —— VIP 卡片区 .ucv-demo —— */
html.app-dark .ucv-demo {
    background: transparent !important;
}

/* 普通用户卡 / 会员卡: 完全透明无边框 (背景由 main-container 接管) */
html.app-dark .ucv-demo .ucv-card-free,
html.app-dark .ucv-demo .ucv-card-member,
html.app-dark .ucv-card,
html.app-dark .ucv-card-free,
html.app-dark .ucv-card-member {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-color: transparent !important;
    box-shadow: none !important;
    color: var(--acg-text-1) !important;
}
/* ucv-card-top: 玻璃酒红卡 + 金色描边 */
html.app-dark .ucv-card-free .ucv-card-top,
html.app-dark .ucv-card-member .ucv-card-top,
html.app-dark .ucv-card-top {
    background: rgba(45, 16, 24, 0.55) !important;
    background-color: rgba(45, 16, 24, 0.55) !important;
    border: 1px solid var(--acg-border) !important;
    border-radius: 14px !important;
    padding: 14px !important;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    box-shadow: 0 6px 18px rgba(139, 44, 63, 0.32) !important;
}
/* 卡头图标: 玻璃酒红, 高优先级链 */
html.app-dark .ucv-card-free .ucv-card-ico,
html.app-dark .ucv-card-member .ucv-card-ico,
html.app-dark .ucv-card-top .ucv-card-ico,
html.app-dark .ucv-card-ico {
    background: rgba(31, 10, 18, 0.55) !important;
    background-image: none !important;
    color: var(--acg-gold-light) !important;
    border: 1px solid var(--acg-border) !important;
    box-shadow: none !important;
    filter: drop-shadow(0 0 6px rgba(255, 192, 159, 0.5));
}
/* 标题/描述: 多层选择器压过原色 (原 #1f2329 / #8a909a) */
html.app-dark .ucv-card-free .ucv-card-top .ucv-card-title,
html.app-dark .ucv-card-free .ucv-card-title,
html.app-dark .ucv-card-member .ucv-card-title,
html.app-dark .ucv-card-top .ucv-card-title,
html.app-dark .ucv-card-title {
    color: var(--acg-text-1) !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    font-weight: 800 !important;
}
html.app-dark .ucv-card-free .ucv-card-top .ucv-card-desc,
html.app-dark .ucv-card-free .ucv-card-desc,
html.app-dark .ucv-card-member .ucv-card-desc,
html.app-dark .ucv-card-top .ucv-card-desc,
html.app-dark .ucv-card-desc {
    color: var(--acg-text-2) !important;
}
html.app-dark .ucv-card-main {
    background: transparent !important;
    color: var(--acg-text-1) !important;
}

/* 开通会员 / 续购按钮：金玫渐变 + 深酒红字（与首页下载、复制邀请链接同款主 CTA）。
   选择器特指到 .ucv-card-free/.ucv-card-member（0,0,3,1），压过 user-center.css 里
   残留的 ethereal「品牌粉紫渐变」块（同特指度，但本表后加载），否则按钮会是紫→粉。 */
html.app-dark .ucv-card-free .ucv-card-btn,
html.app-dark .ucv-card-member .ucv-card-btn {
    background: linear-gradient(135deg, #FAD4C0 0%, #FFB088 25%, #FF8FA3 55%, #C44569 85%, #6B1A2F 100%) !important;
    color: #2D1018 !important;
    font-weight: 800 !important;
    border: 1px solid rgba(244, 212, 168, 0.85) !important;
    box-shadow: 0 6px 18px rgba(255, 107, 138, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.4) !important;
}

/* 统计小卡 (今日剩余下载/试玩) - 高优先级覆盖原浅蓝/浅金 */
html.app-dark .ucv-stats {
    background: transparent !important;
}
html.app-dark .ucv-demo .ucv-card-free .ucv-stat,
html.app-dark .ucv-demo .ucv-card-member .ucv-stat,
html.app-dark .ucv-card-free .ucv-stat,
html.app-dark .ucv-card-member .ucv-stat,
html.app-dark .ucv-stat-blue,
html.app-dark .ucv-stat-gold {
    background: rgba(31, 10, 18, 0.55) !important;
    border: 1px solid var(--acg-border) !important;
    border-radius: 12px !important;
    color: var(--acg-text-1) !important;
    box-shadow: none !important;
}
html.app-dark .ucv-stat-blue {
    background: linear-gradient(180deg, rgba(255, 192, 159, 0.22) 0%, rgba(31, 10, 18, 0.65) 100%) !important;
}
html.app-dark .ucv-stat-gold {
    background: linear-gradient(180deg, rgba(255, 143, 163, 0.22) 0%, rgba(31, 10, 18, 0.65) 100%) !important;
}
html.app-dark .ucv-stat-blue .ucv-stat-ico,
html.app-dark .ucv-stat-gold .ucv-stat-ico,
html.app-dark .ucv-stat-ico {
    background: rgba(255, 192, 159, 0.2) !important;
    filter: drop-shadow(0 0 6px rgba(255, 192, 159, 0.45));
    box-shadow: none !important;
}
/* 数字 (原 #2f6fe0 蓝 / #d8901a 金) → 蜜桃金 */
html.app-dark .ucv-stat-blue .ucv-stat-val,
html.app-dark .ucv-stat-gold .ucv-stat-val,
html.app-dark .ucv-stat-val {
    color: var(--acg-gold-light) !important;
    text-shadow: 0 0 10px rgba(255, 192, 159, 0.55) !important;
    font-weight: 900 !important;
    background: none !important;
    -webkit-text-fill-color: var(--acg-gold-light) !important;
}
html.app-dark .ucv-stat-label {
    color: var(--acg-text-1) !important;
}
html.app-dark .ucv-stat-blue .ucv-stat-valid,
html.app-dark .ucv-stat-gold .ucv-stat-valid,
html.app-dark .ucv-stat-valid {
    color: var(--acg-text-2) !important;
    background: rgba(255, 192, 159, 0.12) !important;
}
html.app-dark .ucv-infinity {
    color: var(--acg-rose) !important;
    text-shadow: 0 0 10px rgba(255, 143, 163, 0.6);
}

/* 会员特权列 .ucv-benefits (卡片化: 完整描边 + 阴影) */
html.app-dark .ucv-card-free .ucv-benefits,
html.app-dark .ucv-card-member .ucv-benefits,
html.app-dark .ucv-benefits {
    background: rgba(31, 10, 18, 0.5) !important;
    border: 1px solid var(--acg-border) !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 14px rgba(139, 44, 63, 0.32) !important;
    padding: 12px 10px !important;
}
html.app-dark .ucv-card-free .ucv-benefit,
html.app-dark .ucv-card-member .ucv-benefit,
html.app-dark .ucv-benefit {
    color: var(--acg-text-1) !important;
}
html.app-dark .ucv-card-free .ucv-benefit i,
html.app-dark .ucv-card-member .ucv-benefit i,
html.app-dark .ucv-benefit i {
    color: var(--acg-gold-light) !important;
    background: rgba(255, 192, 159, 0.18) !important;
    border: 1px solid var(--acg-border) !important;
    filter: drop-shadow(0 0 4px rgba(255, 192, 159, 0.4));
    box-shadow: none !important;
}

/* —— 常用功能区 .features-section: 完全透明无边框 —— */
html.app-dark .features-section {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

/* —— promo-banner / promo-banner-section: 去边框 (保留 bg) —— */
html.app-dark .promo-banner,
html.app-dark .promo-banner-section {
    border: 0 !important;
    border-color: transparent !important;
    box-shadow: none !important;
}
/* invite-card 去圆角 */
html.app-dark .promo-banner-section .invite-card {
    border-radius: 0 !important;
}
html.app-dark .uc-sec-title {
    color: var(--acg-text-1) !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    font-family: 'Noto Serif SC', 'Songti SC', serif;
    font-weight: 800 !important;
}
html.app-dark .uc-sec-title::before {
    background: linear-gradient(var(--acg-gold-light), var(--acg-rose)) !important;
}
html.app-dark .features-grid {
    background: transparent !important;
    row-gap: 8px !important;
}
html.app-dark .feature-item {
    background: transparent !important;
    transition: transform 0.18s ease;
}
html.app-dark .feature-item:active {
    transform: scale(0.95);
}
/* 覆盖原各 nth-child 彩色瓷砖, 统一玫红玻璃 */
html.app-dark .features-section .feature-icon-wrapper,
html.app-dark .features-grid .feature-item:nth-child(1) .feature-icon-wrapper,
html.app-dark .features-grid .feature-item:nth-child(2) .feature-icon-wrapper,
html.app-dark .features-grid .feature-item:nth-child(3) .feature-icon-wrapper,
html.app-dark .features-grid .feature-item:nth-child(4) .feature-icon-wrapper,
html.app-dark .features-grid .feature-item:nth-child(5) .feature-icon-wrapper,
html.app-dark .features-grid .feature-item:nth-child(6) .feature-icon-wrapper,
html.app-dark .features-grid .feature-item:nth-child(7) .feature-icon-wrapper,
html.app-dark .features-grid .feature-item:nth-child(8) .feature-icon-wrapper,
html.app-dark .features-grid .feature-item:nth-child(9) .feature-icon-wrapper {
    background: linear-gradient(135deg, rgba(255, 192, 159, 0.22) 0%, rgba(255, 143, 163, 0.16) 100%) !important;
    border: 1px solid var(--acg-border) !important;
    box-shadow: 0 4px 12px rgba(139, 44, 63, 0.3) !important;
}
html.app-dark .feature-icon {
    filter: drop-shadow(0 0 4px rgba(255, 192, 159, 0.4));
}
html.app-dark .features-section .feature-label,
html.app-dark .feature-label {
    color: var(--acg-text-1) !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

/* feature 红点 */
html.app-dark .feature-item .tip_dot {
    background: var(--acg-rose) !important;
    box-shadow: 0 0 6px rgba(255, 143, 163, 0.7);
    border: 1.5px solid var(--acg-bg-1);
}

/* —— 底部 nav (公用) —— */
/* —— 底部 nav: 与首页(推荐页)完全一致 —— 玻璃底 + 激活态玫红光晕 —— */
html.app-dark .bottom-nav {
    background: rgba(45, 16, 24, 0.85) !important;
    border-top: 1px solid var(--acg-border) !important;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    box-shadow: 0 -4px 16px rgba(139, 44, 63, 0.35) !important;
}
html.app-dark .bottom-nav .nav-label {
    color: var(--acg-text-2) !important;
    transition: color 0.18s ease;
}
html.app-dark .bottom-nav .nav-item.active .nav-label {
    color: var(--acg-rose) !important;
    font-weight: 700 !important;
    text-shadow: 0 0 8px rgba(255, 143, 163, 0.6);
}
html.app-dark .bottom-nav .nav-item .nav-icon {
    transition: transform 0.18s ease;
}
html.app-dark .bottom-nav .nav-item.active .nav-icon {
    transform: translateY(-2px) scale(1.12);
    filter: drop-shadow(0 0 8px rgba(255, 143, 163, 0.55));
}
html.app-dark .bottom-nav .nav-item.active .nav-icon img {
    filter: drop-shadow(0 0 6px rgba(255, 143, 163, 0.55));
}

/* ============================================================
   重排版 v3 (2026-06) —— 区块顺序: hero → 会员卡 → 邀请卡 → 常用功能
   参考「日常任务」头图: 图片在后、文字压在上, 紧凑圆角 banner。
   · hero 由「大图 + 头像卡下探」改为 ~156px banner:
     底图铺满, 底部玫红暗蒙版, 用户信息(头像+昵称+邮箱)压在图上, 不再下探。
   · 会员卡紧跟用户信息之下(并压紧), 邀请卡其后, 常用功能最末。
   作用域 html.app-dark; 追加在文件末尾, 源序最高, 压过上方所有皮。
   ============================================================ */

/* —— hero: 紧凑 banner (图在后 + 文字压上, 仿日常任务头图) —— */
html.app-dark .header.uc-hero {
    height: 156px !important;
    min-height: 0 !important;
    width: auto !important;
    margin: 14px 16px 0 !important;
    padding: 0 !important;
    border-radius: 20px !important;
    border: 1px solid var(--acg-border-strong) !important;
    box-shadow: 0 10px 28px rgba(26, 6, 16, 0.5) !important;
    overflow: hidden !important;
    position: relative !important;
    background: linear-gradient(135deg, #3A1228 0%, #1A0610 100%) !important;
}
/* 底图: 铺满 banner, 露上半(脸), 取消旧的底部渐隐遮罩 */
html.app-dark .uc-hero .uc-hero-bg {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    background: transparent !important;
}
html.app-dark .uc-hero .uc-hero-bg img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center 18% !important;
    -webkit-mask-image: none !important;
            mask-image: none !important;
}
/* 文字可读暗蒙版: 上轻(露图) → 下重(压字), 带一点玫红 */
html.app-dark .uc-hero .uc-hero-bg::after {
    content: '' !important;
    position: absolute !important;
    inset: 0 !important;
    background:
        linear-gradient(180deg, rgba(26,6,16,0) 0%, rgba(26,6,16,0.05) 38%, rgba(26,6,16,0.72) 82%, rgba(26,6,16,0.92) 100%),
        linear-gradient(90deg, rgba(196,69,105,0.18) 0%, transparent 60%) !important;
    z-index: 1 !important;
}
/* 顶栏标题「我的」→ 去掉(banner 上已有用户名, 多余) */
html.app-dark .uc-topbar-title {
    display: none !important;
}
/* 顶栏操作按钮(消息/设置) 右上 */
html.app-dark .uc-hero .header-actions {
    position: absolute !important;
    top: 9px !important; right: 12px !important; left: auto !important;
    z-index: 3 !important;
    display: flex !important; gap: 10px !important;
}
/* 用户信息: 压在图底, 透明无卡片, 不再下探 */
html.app-dark .uc-hero .user-info,
html.app-dark .user-info {
    position: absolute !important;
    left: 14px !important; right: 14px !important;
    bottom: 12px !important; top: auto !important;
    margin: 0 !important; padding: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: none !important;
            backdrop-filter: none !important;
    display: flex !important; align-items: center !important; gap: 12px !important;
    z-index: 2 !important;
}
/* 头像缩到 50px (三重锁定防 flex 拉扁) */
html.app-dark .uc-hero .user-info .avatar,
html.app-dark .user-info .avatar,
html.app-dark .avatar {
    width: 50px !important; height: 50px !important;
    min-width: 50px !important; max-width: 50px !important;
    min-height: 50px !important; max-height: 50px !important;
    flex: 0 0 50px !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5) !important;
}
/* 昵称行: 横排收紧 */
html.app-dark .uc-hero .uc-name-row {
    flex-direction: row !important; align-items: center !important;
    gap: 6px !important; margin-bottom: 4px !important;
}
html.app-dark .uc-hero .username {
    font-size: 16px !important; font-weight: 800 !important;
}

/* —— 会员卡: 首块, 紧跟用户信息之下 —— */
html.app-dark .ucv-demo {
    margin: 14px 16px 0 !important;
}

/* —— 邀请卡: 第三块, 正常间距 + 保留玫红辉光 —— */
html.app-dark .promo-banner-section {
    margin: 14px 16px 0 !important;
    width: auto !important;
    border-radius: 22px !important;
    overflow: visible !important;          /* 让玫红辉光不被裁切 */
    box-shadow: none !important;
}
html.app-dark .promo-banner-section .invite-card {
    border-radius: 22px !important;
    box-shadow:
        0 14px 34px rgba(196, 69, 105, 0.50),
        0 4px 14px rgba(26, 6, 16, 0.55),
        inset 0 1px 0 rgba(255, 220, 200, 0.18) !important;
}

/* === 开通会员模块压紧: 缩小内边距 / 数字 / 图标 / 三块间距 === */
/* 横幅(图标+标题+按钮) */
html.app-dark .ucv-card-top {
    padding: 11px 12px !important;
    gap: 10px !important;
}
html.app-dark .ucv-card-free .ucv-card-ico,
html.app-dark .ucv-card-member .ucv-card-ico,
html.app-dark .ucv-card-ico {
    width: 34px !important;
    height: 34px !important;
    font-size: 17px !important;
}
html.app-dark .ucv-card-title { font-size: 14px !important; }
html.app-dark .ucv-card-desc { font-size: 11px !important; margin-top: 2px !important; }
html.app-dark .ucv-card-btn { padding: 6px 13px !important; font-size: 12.5px !important; }

/* 配额两卡: 间距 / 内边距 / 图标 / 大数字全部收一档 */
html.app-dark .ucv-stats { gap: 8px !important; margin-top: 10px !important; }
html.app-dark .ucv-demo .ucv-stat,
html.app-dark .ucv-stat {
    padding: 10px 6px 9px !important;
    border-radius: 14px !important;
}
html.app-dark .ucv-stat-ico {
    width: 34px !important;
    height: 34px !important;
    font-size: 17px !important;
    margin-bottom: 3px !important;
}
html.app-dark .ucv-stat-val { font-size: 20px !important; }
html.app-dark .ucv-stat-label { font-size: 11px !important; margin-top: 1px !important; }
html.app-dark .ucv-stat-valid { margin-top: 4px !important; font-size: 10px !important; }

/* 权益行: 收紧内边距 + 上间距, 缩小圆形图标 */
html.app-dark .ucv-card-free .ucv-benefits,
html.app-dark .ucv-card-member .ucv-benefits,
html.app-dark .ucv-benefits {
    margin-top: 10px !important;
    padding: 9px 8px !important;
}
html.app-dark .ucv-benefit { font-size: 10px !important; gap: 4px !important; }
html.app-dark .ucv-benefit i {
    width: 26px !important;
    height: 26px !important;
    font-size: 14px !important;
}

/* —— 常用功能: 移到最末, 正常上间距 + 末块补底距(避开底部 nav) —— */
html.app-dark .features-section {
    margin: 16px 16px 40px !important;
    width: auto !important;
}

/* 常用功能: 再密一点点 —— 瓷砖/图标/间距/内边距整体收一档 */
html.app-dark .features-grid { row-gap: 12px !important; column-gap: 4px !important; }
html.app-dark .features-grid .feature-item { padding: 6px 2px !important; gap: 5px !important; }
html.app-dark .features-section .feature-icon-wrapper {
    width: 46px !important;
    height: 46px !important;
    border-radius: 14px !important;
}
html.app-dark .features-section .feature-icon { width: 24px !important; height: 24px !important; }
html.app-dark .features-section .feature-label { font-size: 12px !important; }