/* ============================================================
   Daily Tasks · 玫红夜空主题
   置于 daily.css 之后, 用 !important 覆盖
   ============================================================ */

: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;
    color: var(--acg-text-1) !important;
}
html.app-dark .main-container,
html.app-dark .daily-page {
    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 .daily-page::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: acgDailyFloat 18s ease-in-out infinite;
}
html.app-dark .daily-page::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: acgDailyTwinkle 3.6s ease-in-out infinite;
}
@keyframes acgDailyFloat {
    0%, 100% { transform: translateY(0) rotate(0deg); }
    50% { transform: translateY(-8px) rotate(1.5deg); }
}
@keyframes acgDailyTwinkle {
    0%, 100% { opacity: 0.3; }
    50% { opacity: 0.7; }
}

/* —— 顶部 header (logo + 搜索) 与其它页同步 —— */
html.app-dark .papaya-page > #headerTitle,
html.app-dark #headerTitle,
html.app-dark .mainHeader,
html.app-dark .header_menu,
html.app-dark .header_first_line,
html.app-dark .js_login_info {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    border: 0 !important;
}
html.app-dark .header_menu .header_search {
    background: rgba(74, 42, 64, 0.72) !important;
    border: 1px solid var(--acg-border) !important;
    -webkit-backdrop-filter: blur(8px) !important;
    backdrop-filter: blur(8px) !important;
    color: var(--acg-text-2) !important;
}
html.app-dark .header_menu .header_search .search-placeholder {
    color: var(--acg-text-2) !important;
}
html.app-dark .header_menu .fuli_btn {
    background: linear-gradient(135deg, rgba(255, 192, 159, 0.85) 0%, rgba(255, 143, 163, 0.85) 100%) !important;
    border: 1px solid var(--acg-border-strong) !important;
}

/* —— Hero 区 —— */
html.app-dark .daily-hero {
    background:
        linear-gradient(90deg, rgba(26, 6, 16, 0.96) 0%, rgba(42, 15, 31, 0.88) 48%, rgba(42, 15, 31, 0.22) 100%),
        url('/themes/simpleboot3/mobile/v2/assets/images/daily-task-bg.avif'),
        linear-gradient(135deg, #3A1228 0%, #1A0610 100%) !important;
    background-repeat: no-repeat, no-repeat, no-repeat !important;
    background-position: left top, right center, center !important;
    background-size: auto, auto 100%, cover !important;
    border: 1px solid var(--acg-border-strong) !important;
    border-radius: 18px !important;
    box-shadow: 0 8px 24px rgba(26, 6, 16, 0.42) !important;
    color: var(--acg-text-1) !important;
    position: relative;
    overflow: hidden;
    margin: 14px 16px 4px !important;
}
html.app-dark .daily-hero::after {
    display: none;
}
html.app-dark .daily-hero::before {
    display: none;
}
html.app-dark .daily-hero-title {
    color: var(--acg-text-1) !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.4), 0 0 14px rgba(255, 192, 159, 0.4);
    font-weight: 900 !important;
    font-family: 'Noto Serif SC', 'Songti SC', serif;
}
html.app-dark .daily-hero-sub {
    color: rgba(255, 232, 216, 0.9) !important;
}

/* 完成圈 */
html.app-dark .daily-ring {
    background: rgba(31, 10, 18, 0.5) !important;
    border: 2px solid var(--acg-gold-light) !important;
    box-shadow: 0 0 12px rgba(255, 192, 159, 0.4);
}
html.app-dark .dr-num {
    color: var(--acg-text-1) !important;
}
html.app-dark .dr-num b {
    color: var(--acg-gold-light) !important;
    text-shadow: 0 0 8px rgba(255, 192, 159, 0.5);
}
html.app-dark .dr-num i {
    color: var(--acg-text-2) !important;
}
html.app-dark .dr-label {
    color: rgba(255, 232, 216, 0.85) !important;
}

/* —— 统计行 —— */
html.app-dark .daily-stats {
    background: linear-gradient(180deg, rgba(74, 26, 42, 0.85) 0%, rgba(58, 18, 40, 0.85) 100%) !important;
    border: 1px solid var(--acg-border) !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 14px rgba(139, 44, 63, 0.32) !important;
    margin: 12px 16px !important;
}
html.app-dark .ds-num {
    color: var(--acg-gold-light) !important;
    text-shadow: 0 0 8px rgba(255, 192, 159, 0.55);
    font-weight: 900 !important;
}
html.app-dark .ds-label {
    color: var(--acg-text-2) !important;
}
html.app-dark .ds-divider {
    background: var(--acg-border) !important;
}

/* —— 任务列表区 —— */
html.app-dark .daily-tasks {
    background: transparent !important;
    margin: 12px 0 !important;
    position: relative;
    z-index: 1;
}
html.app-dark .daily-tasks-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;
}
html.app-dark .daily-empty {
    color: var(--acg-text-2) !important;
}
html.app-dark .daily-login-tip {
    color: var(--acg-text-2) !important;
}

/* —— 任务卡 .dtask —— */
html.app-dark .dtask {
    background: linear-gradient(180deg, rgba(74, 26, 42, 0.85) 0%, rgba(58, 18, 40, 0.85) 100%) !important;
    border: 1px solid var(--acg-border) !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 14px rgba(139, 44, 63, 0.32) !important;
    color: var(--acg-text-1) !important;
    padding: 14px 14px 12px !important;
    transition: transform 0.2s ease;
}
html.app-dark .dtask:active {
    transform: scale(0.99);
}
/* 已完成态: 降饱和 */
html.app-dark .dtask.done {
    opacity: 0.65;
    background: linear-gradient(180deg, rgba(58, 18, 40, 0.65) 0%, rgba(45, 16, 24, 0.7) 100%) !important;
}
html.app-dark .dtask-icon {
    background: rgba(31, 10, 18, 0.55) !important;
    border: 1px solid var(--acg-border) !important;
    border-radius: 12px !important;
    color: var(--acg-gold-light) !important;
}
html.app-dark .dtask-title {
    color: var(--acg-text-1) !important;
    font-weight: 700 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}
html.app-dark .dtask-progress {
    color: var(--acg-gold-light) !important;
    /* 原 daily.css 写死近白 #F4F5F7 药丸，在玫红夜空卡上突兀；
       改成与 .dtask-reward 同款半透明蜜桃药丸 + 蜜桃描边，融入夜空主题 */
    background: rgba(255, 192, 159, 0.15) !important;
    border: 1px solid var(--acg-border) !important;
    border-radius: 999px !important;
    text-shadow: 0 0 6px rgba(255, 192, 159, 0.4);
}
html.app-dark .dtask-progress.done {
    color: rgba(255, 232, 216, 0.7) !important;
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: rgba(255, 192, 159, 0.18) !important;
    text-shadow: none;
}
html.app-dark .dtask-desc {
    color: var(--acg-text-2) !important;
}

/* 任务底部 (奖励 + 按钮) - flex 行垂直居中, 紧贴卡底 */
html.app-dark .dtask-foot {
    border-top: 1px solid var(--acg-border) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    margin-top: 10px !important;
    padding-top: 10px !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
html.app-dark .dtask-rewards {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}
html.app-dark .dtask-rewards {
    color: var(--acg-text-2) !important;
}
html.app-dark .dtask-reward {
    background: rgba(255, 192, 159, 0.18) !important;
    color: var(--acg-gold-soft) !important;
    border: 1px solid var(--acg-border) !important;
    border-radius: 999px !important;
}

/* 按钮: 蜜桃→玫红 渐变 (缩小+居中) */
html.app-dark .dtask-btn {
    background: linear-gradient(135deg, #FAD4C0 0%, #FF8FA3 60%, #C44569 100%) !important;
    color: #2D1018 !important;
    border: 1px solid rgba(244, 212, 168, 0.85) !important;
    font-weight: 800 !important;
    box-shadow: 0 4px 12px rgba(255, 107, 138, 0.45) !important;
    /* 缩小 */
    width: auto !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
    padding: 6px 18px !important;
    font-size: 12.5px !important;
    border-radius: 999px !important;
    /* 文字居中 */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    line-height: 1.2 !important;
}
html.app-dark .dtask-btn.done,
html.app-dark .dtask-btn[disabled] {
    background: rgba(58, 18, 40, 0.7) !important;
    color: var(--acg-text-3) !important;
    border: 1px solid var(--acg-border) !important;
    box-shadow: none !important;
    opacity: 0.7;
    animation: none !important;
}

/* —— 按钮动画 —— */
/* "去点评" (普通 .dtask-btn, 非 .js-daily-invite): 光晕呼吸 + 微缩放 */
html.app-dark .dtask-btn:not(.done):not(.js-daily-invite):not([disabled]) {
    animation: acgBtnPulse 2.4s ease-in-out infinite;
    transform-origin: center;
}
@keyframes acgBtnPulse {
    0%, 100% {
        box-shadow: 0 4px 12px rgba(255, 107, 138, 0.45);
        transform: scale(1);
    }
    50% {
        box-shadow: 0 8px 24px rgba(255, 143, 163, 0.85),
                    0 0 18px rgba(255, 192, 159, 0.65);
        transform: scale(1.04);
    }
}

/* "去邀请" (.dtask-btn.js-daily-invite): 上下弹跳 + 微摇摆 (分享发送感) */
html.app-dark .dtask-btn.js-daily-invite:not(.done):not([disabled]) {
    animation: acgBtnBounce 1.8s ease-in-out infinite;
    transform-origin: center bottom;
}
@keyframes acgBtnBounce {
    0%, 100% { transform: translateY(0) rotate(0); }
    20%      { transform: translateY(-4px) rotate(-3deg); }
    40%      { transform: translateY(0) rotate(0); }
    60%      { transform: translateY(-2px) rotate(2deg); }
    80%      { transform: translateY(0) rotate(0); }
}

/* 按下时停止动画并缩小 (用户反馈优先) */
html.app-dark .dtask-btn:active {
    animation: none !important;
    transform: scale(0.95) !important;
}

@media (prefers-reduced-motion: reduce) {
    html.app-dark .dtask-btn,
    html.app-dark .dtask-btn.js-daily-invite {
        animation: none !important;
    }
}

/* —— 邀请里程碑区 ms-wrap —— */
html.app-dark .ms-wrap {
    background: transparent !important;
    position: relative;
    z-index: 1;
}
html.app-dark .ms-hero {
    background:
        linear-gradient(90deg, rgba(26, 6, 16, 0.96) 0%, rgba(42, 15, 31, 0.88) 50%, rgba(42, 15, 31, 0.24) 100%),
        url('/themes/simpleboot3/mobile/v2/assets/images/daily-milestone-bg.avif'),
        linear-gradient(135deg, #3A1228 0%, #1A0610 100%) !important;
    background-repeat: no-repeat, no-repeat, no-repeat !important;
    background-position: left top, right center, center !important;
    background-size: auto, auto 100%, cover !important;
    border: 1px solid var(--acg-border-strong) !important;
    border-radius: 18px !important;
    box-shadow: 0 8px 24px rgba(26, 6, 16, 0.4) !important;
    color: var(--acg-text-1) !important;
    position: relative;
    overflow: hidden;
}
html.app-dark .ms-spark {
    filter: drop-shadow(0 0 6px rgba(255, 192, 159, 0.7));
}
html.app-dark .ms-hero-badge {
    background: rgba(31, 10, 18, 0.5) !important;
    color: var(--acg-gold-light) !important;
    border: 1px solid var(--acg-gold-light) !important;
}
html.app-dark .ms-hero-title {
    color: var(--acg-text-1) !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
    font-family: 'Noto Serif SC', 'Songti SC', serif;
    font-weight: 900 !important;
}
html.app-dark .ms-hero-sub {
    color: rgba(255, 232, 216, 0.88) !important;
}
html.app-dark .ms-hero-num {
    color: var(--acg-gold-light) !important;
    text-shadow: 0 0 12px rgba(255, 192, 159, 0.55);
    font-weight: 900 !important;
}
html.app-dark .ms-hero-unit {
    color: rgba(255, 232, 216, 0.85) !important;
}

/* 里程碑梯 */
html.app-dark .ms-ladder {
    background: transparent !important;
}
html.app-dark .ms-step {
    background: transparent !important;
}
html.app-dark .ms-spine {
    border-color: var(--acg-border) !important;
}
html.app-dark .ms-dot {
    background: var(--acg-bg-2) !important;
    border: 2px solid var(--acg-gold-light) !important;
    color: var(--acg-gold-light) !important;
    box-shadow: 0 0 8px rgba(255, 192, 159, 0.4);
}
html.app-dark .ms-step.ms-done .ms-dot {
    background: linear-gradient(135deg, var(--acg-gold-light) 0%, var(--acg-rose) 100%) !important;
    color: var(--acg-bg-1) !important;
    box-shadow: 0 0 12px rgba(255, 143, 163, 0.6);
}
html.app-dark .ms-card {
    background: linear-gradient(180deg, rgba(74, 26, 42, 0.85) 0%, rgba(58, 18, 40, 0.85) 100%) !important;
    border: 1px solid var(--acg-border) !important;
    border-radius: 14px !important;
    box-shadow: 0 4px 14px rgba(139, 44, 63, 0.32) !important;
    color: var(--acg-text-1) !important;
}
html.app-dark .ms-card-title {
    color: var(--acg-text-1) !important;
}
html.app-dark .ms-card-title b {
    color: var(--acg-gold-light) !important;
    text-shadow: 0 0 6px rgba(255, 192, 159, 0.4);
}
/* 会员 X 天 胶囊: 文字加深 (原 bg 是浅蜜桃, 浅金字看不清) */
html.app-dark .ms-reward {
    color: #5C1F30 !important;
    font-weight: 700 !important;
}
html.app-dark .ms-reward b {
    color: #8B1F35 !important;
    text-shadow: none !important;
    font-weight: 900 !important;
}
html.app-dark .ms-crown {
    filter: drop-shadow(0 0 6px rgba(255, 192, 159, 0.5));
}
html.app-dark .ms-prog {
    background: rgba(31, 10, 18, 0.55) !important;
    border-radius: 999px !important;
    border: 1px solid var(--acg-border) !important;
}
html.app-dark .ms-prog i {
    background: linear-gradient(90deg, var(--acg-gold-light) 0%, var(--acg-rose) 100%) !important;
    box-shadow: 0 0 8px rgba(255, 143, 163, 0.5);
}
html.app-dark .ms-prog-text {
    color: var(--acg-text-2) !important;
}

/* 里程碑按钮 (缩小 + 居中) */
html.app-dark .ms-claim,
html.app-dark .ms-go,
html.app-dark .ms-done {
    width: auto !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
    padding: 6px 18px !important;
    font-size: 12.5px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
}
html.app-dark .ms-claim {
    background: linear-gradient(135deg, #FAD4C0 0%, #FFB088 25%, #FF8FA3 55%, #C44569 85%, #6B1A2F 100%) !important;
    color: #2D1018 !important;
    border: 1px solid rgba(244, 212, 168, 0.85) !important;
    box-shadow: 0 4px 12px rgba(255, 107, 138, 0.45) !important;
}
html.app-dark .ms-go {
    background: linear-gradient(135deg, rgba(255, 192, 159, 0.18) 0%, rgba(255, 143, 163, 0.14) 100%) !important;
    color: var(--acg-text-1) !important;
    border: 1px solid var(--acg-border) !important;
}
html.app-dark .ms-done {
    color: var(--acg-text-3) !important;
    background: rgba(58, 18, 40, 0.55) !important;
    border: 1px solid var(--acg-border) !important;
}

/* —— 底部 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));
}




/* —— 可访问 —— */
@media (prefers-reduced-motion: reduce) {
    html.app-dark .daily-page::before,
    html.app-dark .daily-page::after {
        animation: none !important;
    }
}