/* ================================================================
   theme-delta.css —— 「三角洲」主题
   战术 HUD 风格：深绿黑 / 军绿 / 琥珀警示色
   左侧主图徽章，右侧翻牌时钟
   ================================================================ */

body.theme-delta {
    background: #0b0e09;
    /* 主图在左，时钟整体靠右 */
    justify-content: flex-end;
}

body.theme-delta .clock-wrapper {
    margin-right: 6vw;
}

/* 微弱暗角 */
body.theme-delta::before {
    content: '';
    position: fixed;
    inset: 0;
    z-index: 50;
    pointer-events: none;
    background: radial-gradient(ellipse at 50% 48%,
        rgba(0, 0, 0, 0) 46%,
        rgba(4, 5, 3, 0.55) 100%);
}

/* ---- 加载闪屏 ---- */
body.theme-delta .loading-shimmer {
    background: #0b0e09;
    color: rgba(240, 178, 69, 0.35);
    letter-spacing: 10px;
    text-shadow: 0 0 24px rgba(240, 178, 69, 0.45);
}

/* ---- 日期：任务简报栏 ---- */
body.theme-delta .date-display {
    color: rgba(230, 210, 170, 0.92);
    letter-spacing: 5px;
    font-family: 'Courier New', monospace;
    font-weight: 500;
    border-radius: 3px;
    background: rgba(14, 18, 11, 0.78);
    border: 1px solid rgba(138, 154, 91, 0.40);
    text-shadow:
        0 0 8px rgba(240, 178, 69, 0.50),
        0 0 22px rgba(240, 178, 69, 0.22);
    box-shadow:
        0 0 18px rgba(240, 178, 69, 0.10),
        inset 0 0 22px rgba(138, 154, 91, 0.08);
}

body.theme-delta .date-display::before {
    content: '▲ ';
    color: rgba(240, 178, 69, 0.95);
    text-shadow: 0 0 12px rgba(240, 178, 69, 0.75);
}

/* ---- 时钟主体 ---- */
body.theme-delta .clock {
    background: rgba(12, 15, 10, 0.75);
    border: 1px solid rgba(138, 154, 91, 0.32);
    border-radius: 8px;
    box-shadow:
        0 0 24px rgba(240, 178, 69, 0.08),
        0 24px 90px rgba(0, 0, 0, 0.92),
        inset 0 0 70px rgba(138, 154, 91, 0.06);
}

/* ---- 翻牌卡片 ---- */
body.theme-delta .flip-card {
    border-radius: 6px;
    box-shadow:
        0 0 14px rgba(240, 178, 69, 0.08),
        0 6px 30px rgba(0, 0, 0, 0.88);
}

body.theme-delta .flip-face {
    border-radius: 6px;
    background: linear-gradient(160deg, #171c11 0%, #10140c 55%, #0a0d07 100%);
    border: 1px solid rgba(138, 154, 91, 0.38);
    box-shadow:
        inset 0 1px 0 rgba(240, 178, 69, 0.10),
        inset 0 0 28px rgba(138, 154, 91, 0.07),
        inset 0 -14px 30px rgba(240, 178, 69, 0.04);
}

body.theme-delta .flip-back {
    background: linear-gradient(160deg, #10140c, #0a0d07);
    border-color: rgba(240, 178, 69, 0.35);
}

/* ---- 数字：琥珀荧光（磷光微闪）---- */
body.theme-delta .digit {
    color: #f2c057;
    animation: phosphorFlicker 4.2s ease-in-out infinite;
}

@keyframes phosphorFlicker {
    0%, 100% {
        text-shadow:
            0 0 10px rgba(240, 178, 69, 0.65),
            0 0 30px rgba(240, 178, 69, 0.32),
            0 0 64px rgba(200, 140, 40, 0.18);
    }
    46% {
        text-shadow:
            0 0 14px rgba(240, 178, 69, 0.80),
            0 0 40px rgba(240, 178, 69, 0.42),
            0 0 80px rgba(200, 140, 40, 0.26);
    }
    52% {
        text-shadow:
            0 0 8px rgba(240, 178, 69, 0.55),
            0 0 26px rgba(240, 178, 69, 0.28),
            0 0 58px rgba(200, 140, 40, 0.16);
    }
    58% {
        text-shadow:
            0 0 14px rgba(240, 178, 69, 0.78),
            0 0 38px rgba(240, 178, 69, 0.40),
            0 0 78px rgba(200, 140, 40, 0.24);
    }
}

body.theme-delta .flip-card.flipping .digit {
    filter: brightness(1.35);
}

/* ---- 卡片中线：瞄准基线 ---- */
body.theme-delta .flip-unit::after {
    height: 1.5px;
    background: linear-gradient(90deg,
        transparent,
        rgba(138, 154, 91, 0.50),
        rgba(240, 178, 69, 0.85),
        rgba(138, 154, 91, 0.50),
        transparent);
    box-shadow:
        0 0 12px rgba(240, 178, 69, 0.40),
        0 0 26px rgba(138, 154, 91, 0.20);
    opacity: 0.8;
}

body.theme-delta .flip-unit::before {
    background: radial-gradient(ellipse at center, rgba(240, 178, 69, 0.12) 0%, transparent 70%);
}

/* ---- 冒号：信号灯 ---- */
body.theme-delta .colon {
    color: rgba(240, 178, 69, 0.75);
    animation: colonPulseDelta 1s ease-in-out infinite alternate;
}

@keyframes colonPulseDelta {
    0% {
        opacity: 0.25;
        text-shadow: 0 0 6px rgba(240, 178, 69, 0.25);
    }
    100% {
        opacity: 1;
        text-shadow:
            0 0 12px rgba(240, 178, 69, 0.90),
            0 0 32px rgba(240, 178, 69, 0.45);
    }
}

/* ---- 悬浮按钮 ---- */
body.theme-delta .fullscreen-btn,
body.theme-delta .settings-btn {
    background: rgba(14, 18, 11, 0.82);
    border: 1px solid rgba(138, 154, 91, 0.35);
    color: rgba(240, 178, 69, 0.80);
    border-radius: 8px;
    box-shadow:
        0 0 16px rgba(240, 178, 69, 0.10),
        0 4px 26px rgba(0, 0, 0, 0.72);
}

body.theme-delta .fullscreen-btn:hover,
body.theme-delta .settings-btn:hover {
    background: rgba(30, 36, 22, 0.90);
    border-color: rgba(240, 178, 69, 0.60);
    color: #ffd77a;
    box-shadow:
        0 0 22px rgba(240, 178, 69, 0.35),
        0 0 50px rgba(240, 178, 69, 0.18);
}

/* ---- 设置面板：战术终端 ---- */
body.theme-delta .settings-panel {
    background: rgba(12, 15, 10, 0.92);
    border: 1px solid rgba(138, 154, 91, 0.38);
    border-radius: 6px;
    box-shadow:
        0 0 26px rgba(240, 178, 69, 0.14),
        0 20px 60px rgba(0, 0, 0, 0.85);
}

body.theme-delta .settings-panel::before {
    content: '';
    position: absolute;
    top: 0;
    left: 14px;
    right: 14px;
    height: 2px;
    background: linear-gradient(90deg,
        transparent,
        rgba(240, 178, 69, 0.85),
        rgba(138, 154, 91, 0.85),
        transparent);
    box-shadow: 0 0 12px rgba(240, 178, 69, 0.55);
}

body.theme-delta .panel-title {
    color: rgba(240, 178, 69, 0.85);
    text-shadow: 0 0 14px rgba(240, 178, 69, 0.45);
}

body.theme-delta .panel-label {
    color: rgba(160, 175, 120, 0.60);
}

body.theme-delta .theme-option {
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(138, 154, 91, 0.20);
    color: rgba(225, 220, 195, 0.82);
}

body.theme-delta .theme-option:hover {
    background: rgba(240, 178, 69, 0.08);
    border-color: rgba(240, 178, 69, 0.50);
    color: #ffe9b8;
    box-shadow: 0 0 18px rgba(240, 178, 69, 0.18);
}

body.theme-delta .theme-option.is-active {
    border-color: rgba(240, 178, 69, 0.65);
    background: rgba(240, 178, 69, 0.12);
    color: #ffe9b8;
    box-shadow:
        0 0 22px rgba(240, 178, 69, 0.28),
        inset 0 0 18px rgba(138, 154, 91, 0.08);
}

body.theme-delta .theme-check {
    color: #f0b245;
    text-shadow: 0 0 10px rgba(240, 178, 69, 0.85);
}

/* ---- 响应式：移动端主图移到上方，时钟回中 ---- */
@media (max-width: 720px) {
    body.theme-delta {
        justify-content: center;
    }
    body.theme-delta .clock-wrapper {
        margin-right: 0;
        margin-top: 16vh;
    }
}