/* ===== 巧币系统样式 - 2026-06-08 MVP =====
 * 只追加，不影响 dp-base/dp-themes/dp-components/dp-animations/dp-responsive
 * 设计令牌：见 MEMORY/design-language.md
 */

/* ===== 巧币余额胶囊（顶导航） ===== */
.dp-points-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 36px;
    padding: 0 12px 0 10px;
    background: rgba(255, 215, 0, 0.08);
    border: 1px solid rgba(255, 215, 0, 0.35);
    border-radius: 999px;
    color: var(--text-primary, #f2f2f7);
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
    flex-shrink: 0;
}

.dp-points-pill:hover {
    background: rgba(255, 215, 0, 0.14);
    border-color: rgba(255, 215, 0, 0.55);
}

.dp-points-pill.dp-points-bump {
    /* 余额更新时的脉冲反馈（JS 加类触发） */
    animation: dp-points-bump 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes dp-points-bump {
    0%   { transform: scale(1); }
    40%  { transform: scale(1.15); }
    100% { transform: scale(1); }
}

.dp-points-icon {
    width: 20px;
    height: 20px;
    object-fit: contain;
    flex-shrink: 0;
}

.dp-points-balance {
    font-variant-numeric: tabular-nums;
    color: #ffd700;  /* 巧币金 - 固定色，跨主题一致 */
    letter-spacing: 0.2px;
    min-width: 1ch;
    display: inline-block;
}

.dp-points-unit {
    color: var(--text-secondary, #b0b0c8);
    font-weight: 500;
    font-size: 13px;
    margin-left: -2px;
}

/* ===== 移动端：紧凑模式（< 480px 隐藏单位） ===== */
@media (max-width: 480px) {
    .dp-points-pill {
        height: 36px;
        padding: 0 10px 0 8px;
        gap: 5px;
    }
    .dp-points-icon {
        width: 18px;
        height: 18px;
    }
    .dp-points-balance {
        font-size: 13px;
    }
    .dp-points-unit {
        display: none;  /* 移动端只显图标+数字 */
    }
}

/* ===== 主题适配（金边透明度微调） ===== */
[data-theme="light"] .dp-points-pill {
    background: rgba(212, 160, 23, 0.10);
    border-color: rgba(212, 160, 23, 0.40);
}
[data-theme="light"] .dp-points-pill:hover {
    background: rgba(212, 160, 23, 0.18);
    border-color: rgba(212, 160, 23, 0.60);
}
[data-theme="light"] .dp-points-balance {
    color: #d4a017;  /* 亮色主题用偏暗的金，对比更好 */
}

[data-theme="eye"] .dp-points-pill {
    background: rgba(184, 149, 58, 0.10);
    border-color: rgba(184, 149, 58, 0.40);
}
[data-theme="eye"] .dp-points-pill:hover {
    background: rgba(184, 149, 58, 0.18);
    border-color: rgba(184, 149, 58, 0.60);
}
[data-theme="eye"] .dp-points-balance {
    color: #b8953a;  /* 护眼主题用最暗的金 */
}

/* ============================================================
   移动端兼容补丁 v2 (2026-06-08)
   问题：增加巧币胶囊后，移动端 (< 600px) nav 总宽溢出
   方案：折叠次要信息，保留核心品牌识别
   0 处现有文件改动 — 全部叠加在本文件（最后加载覆盖前序）
   ============================================================ */

/* 600px 以下：logo 折叠 + 胶囊紧凑 */
@media (max-width: 600px) {
    /* 隐藏 logo 副标题 Daily Practice + 分隔符 · */
    .dp-logo-sub,
    .dp-logo-sep,
    .dp-logo-mobile-hide {
        display: none !important;
    }

    /* 胶囊紧凑：只显图标，隐藏数字 + 单位 */
    .dp-points-pill {
        padding: 0 8px !important;
        gap: 0 !important;
        min-width: 36px !important;
    }
    .dp-points-balance,
    .dp-points-unit {
        display: none !important;
    }
}

/* 380px 以下：主题 pill 也只显图标（iPhone SE 极窄屏） */
@media (max-width: 380px) {
    /* 隐藏主题切换按钮内的 暗色/亮色/护眼 文字 */
    #theme-label {
        display: none !important;
    }
    .dp-theme-pill {
        padding: 0 10px !important;
    }
}

/* ============================================================
   页面 2: 巧币任务面板弹窗 (2026-06-08)
   触发器: .dp-quests-trigger (顶导航按钮)
   弹窗:   .dp-quests-overlay > .dp-quests-modal
   0 处现有 CSS 改动 — 全部为本文件追加
   ============================================================ */

/* ----- 触发器按钮 (顶导航) ----- */
.dp-quests-trigger {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 36px;
    padding: 0 12px 0 10px;
    background: rgba(75, 123, 229, 0.10);
    border: 1px solid rgba(75, 123, 229, 0.30);
    border-radius: 999px;
    color: var(--accent-blue, #4B7BE5);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    text-decoration: none;
}
.dp-quests-trigger:hover {
    background: rgba(75, 123, 229, 0.20);
    border-color: rgba(75, 123, 229, 0.55);
    transform: translateY(-1px);
}
.dp-quests-trigger:active {
    transform: translateY(0);
}
.dp-quests-trigger-icon {
    width: 20px;
    height: 20px;
    filter: brightness(0) saturate(100%) invert(40%) sepia(74%) saturate(2476%) hue-rotate(208deg) brightness(96%) contrast(91%);
    /* 染成主题蓝 — 匹配文字色 */
}
/* 暗色主题下, 图标变白 */
[data-theme=dark] .dp-quests-trigger-icon,
[data-theme=eye] .dp-quests-trigger-icon {
    filter: brightness(0) saturate(100%) invert(40%) sepia(74%) saturate(2476%) hue-rotate(208deg) brightness(150%) contrast(91%);
}
.dp-quests-trigger-text { line-height: 1; }

/* 任务小红点 (未领取时显示) */
.dp-quests-trigger::before {
    content: ;
    display: none;
    position: absolute;
    width: 8px;
    height: 8px;
    background: #ff4757;
    border-radius: 50%;
    box-shadow: 0 0 0 2px var(--bg, #fff);
    margin-left: 22px;
    margin-top: -10px;
}
.dp-quests-trigger.has-pending::before { display: block; }

/* ----- 蒙层 ----- */
.dp-quests-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.55);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    animation: dp-quests-fade-in 0.2s ease;
}
.dp-quests-overlay[hidden] { display: none; }

@keyframes dp-quests-fade-in {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* ----- 弹窗本体 ----- */
.dp-quests-modal {
    width: 100%;
    max-width: 420px;
    max-height: 80vh;
    background: var(--bg-card, #1a1d2e);
    border: 1px solid rgba(255, 215, 0, 0.20);
    border-radius: 20px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(255, 255, 255, 0.04) inset;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    animation: dp-quests-pop-in 0.32s cubic-bezier(0.34, 1.56, 0.64, 1);
}
@keyframes dp-quests-pop-in {
    from { transform: scale(0.9) translateY(20px); opacity: 0; }
    to { transform: scale(1) translateY(0); opacity: 1; }
}

/* ----- 标题栏 ----- */
.dp-quests-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    background: linear-gradient(135deg, rgba(75, 123, 229, 0.08) 0%, rgba(132, 94, 194, 0.08) 100%);
}
.dp-quests-title {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 17px;
    font-weight: 700;
    color: var(--text, #fff);
}
.dp-quests-title-icon {
    width: 22px;
    height: 22px;
    filter: brightness(0) saturate(100%) invert(40%) sepia(74%) saturate(2476%) hue-rotate(208deg) brightness(96%) contrast(91%);
}
[data-theme=dark] .dp-quests-title-icon,
[data-theme=eye] .dp-quests-title-icon {
    filter: brightness(0) saturate(100%) invert(40%) sepia(74%) saturate(2476%) hue-rotate(208deg) brightness(150%) contrast(91%);
}
.dp-quests-close {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    color: var(--text-muted, #999);
    cursor: pointer;
    border-radius: 8px;
    transition: all 0.15s ease;
}
.dp-quests-close:hover {
    background: rgba(255, 255, 255, 0.06);
    color: var(--text, #fff);
}

/* ----- 内容区 ----- */
.dp-quests-body {
    flex: 1;
    overflow-y: auto;
    padding: 16px 20px;
    -webkit-overflow-scrolling: touch;
}
.dp-quests-loading {
    text-align: center;
    color: var(--text-muted, #999);
    font-size: 13px;
    padding: 40px 0;
}

/* ----- 任务卡片 ----- */
.dp-quest-card {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px 14px 20px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 14px;
    margin-bottom: 12px;
    transition: all 0.2s ease;
    overflow: hidden;
}
.dp-quest-card::before {
    content: '';
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: 20px;
    background: linear-gradient(90deg, rgba(75,123,229,0.05) 0%, transparent 100%);
    pointer-events: none;
}
.dp-quest-card[data-reward-tier=easy]::before { background: linear-gradient(90deg, rgba(46,213,115,0.05) 0%, transparent 100%); }
.dp-quest-card[data-reward-tier=medium]::before { background: linear-gradient(90deg, rgba(75,123,229,0.05) 0%, transparent 100%); }
.dp-quest-card[data-reward-tier=hard]::before { background: linear-gradient(90deg, rgba(132,94,194,0.05) 0%, transparent 100%); }
/* 档位色: easy=绿, medium=蓝, hard=紫 */
.dp-quest-card[data-reward-tier=easy] { --quest-accent: #2ed573; }
.dp-quest-card[data-reward-tier=medium] { --quest-accent: #4B7BE5; }
.dp-quest-card[data-reward-tier=hard] { --quest-accent: #845EC2; }

.dp-quest-card.is-claimed {
    opacity: 0.55;
    background: rgba(255, 255, 255, 0.02);
}

.dp-quest-icon {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    filter: brightness(0) saturate(100%) invert(50%);
    transition: filter 0.2s ease;
}
.dp-quest-card[data-reward-tier=easy] .dp-quest-icon { filter: brightness(0) saturate(100%) invert(64%) sepia(82%) saturate(487%) hue-rotate(85deg) brightness(91%) contrast(85%); }
.dp-quest-card[data-reward-tier=medium] .dp-quest-icon { filter: brightness(0) saturate(100%) invert(40%) sepia(74%) saturate(2476%) hue-rotate(208deg) brightness(96%) contrast(91%); }
.dp-quest-card[data-reward-tier=hard] .dp-quest-icon { filter: brightness(0) saturate(100%) invert(38%) sepia(46%) saturate(1730%) hue-rotate(229deg) brightness(89%) contrast(89%); }

.dp-quest-main {
    flex: 1;
    min-width: 0;
}
.dp-quest-name {
    font-size: 14px;
    font-weight: 700;
    color: var(--text, #fff);
    margin-bottom: 2px;
}
.dp-quest-desc {
    font-size: 12px;
    color: var(--text-muted, #999);
    margin-bottom: 8px;
}
.dp-quest-progress {
    height: 6px;
    background: rgba(255, 255, 255, 0.06);
    border-radius: 999px;
    overflow: hidden;
    position: relative;
}
.dp-quest-progress-fill {
    height: 100%;
    background: linear-gradient(90deg, var(--quest-accent) 0%, rgba(255, 215, 0, 0.9) 100%);
    border-radius: 999px;
    transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.dp-quest-progress-text {
    font-size: 11px;
    color: var(--text-muted, #999);
    margin-top: 4px;
    display: flex;
    justify-content: space-between;
}

.dp-quest-action {
    flex-shrink: 0;
    margin-left: 8px;
}
.dp-quest-btn {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    height: 32px;
    padding: 0 14px;
    font-size: 13px;
    font-weight: 700;
    border-radius: 999px;
    border: none;
    cursor: pointer;
    transition: all 0.15s ease;
    white-space: nowrap;
}
.dp-quest-btn-start {
    background: rgba(75, 123, 229, 0.15);
    color: var(--accent-blue, #4B7BE5);
    border: 1px solid rgba(75, 123, 229, 0.40);
}
.dp-quest-btn-start:hover {
    background: rgba(75, 123, 229, 0.25);
    transform: translateY(-1px);
}
.dp-quest-btn-claim {
    background: linear-gradient(135deg, #ffd700 0%, #ffaa00 100%);
    color: #5a3d00;
    box-shadow: 0 4px 12px rgba(255, 215, 0, 0.35);
    animation: dp-quest-claim-pulse 1.6s ease-in-out infinite;
}
@keyframes dp-quest-claim-pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.05); }
}
.dp-quest-btn-claim:hover {
    transform: scale(1.08);
    box-shadow: 0 6px 16px rgba(255, 215, 0, 0.50);
}
.dp-quest-btn-claimed {
    background: rgba(46, 213, 115, 0.10);
    color: #2ed573;
    border: 1px solid rgba(46, 213, 115, 0.30);
    cursor: default;
}
.dp-quest-reward {
    font-size: 11px;
    color: var(--text-muted, #999);
    margin-top: 2px;
    text-align: right;
}

/* ----- 底部 ----- */
.dp-quests-footer {
    padding: 12px 20px;
    text-align: center;
    font-size: 11px;
    color: var(--text-muted, #999);
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    background: rgba(0, 0, 0, 0.10);
}

/* ----- 移动端 ----- */
@media (max-width: 600px) {
    .dp-quests-trigger-text { display: none; }
    .dp-quests-trigger { padding: 0 10px; }
    .dp-quests-trigger-icon { width: 22px; height: 22px; }
    .dp-quests-modal { max-width: 96vw; max-height: 85vh; }
    .dp-quest-card { padding: 12px 14px 12px 18px; }
    .dp-quest-icon { width: 32px; height: 32px; }
    .dp-quest-name { font-size: 13px; }
    .dp-quest-desc { font-size: 11px; }
    .dp-quest-btn { font-size: 12px; padding: 0 12px; height: 30px; }
}

/* ============================================================
   页面 3: 巧币飘字动画 (2026-06-08)
   触发: JS 调 window.dpPointsFloat(text, type)
   元素: .dp-points-float > 文字节点
   0 处现有 CSS 改动 — 全部为本文件追加
   ============================================================ */

.dp-points-float-host {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: 3000;
    /* 容器本身不可见, 只是定位锚 */
}

.dp-points-float {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0) scale(0.5);
    font-size: 36px;
    font-weight: 900;
    font-family: ZCOOL KuaiLe, PingFang SC, sans-serif;
    color: #ffd700;
    text-shadow:
        0 0 12px rgba(255, 215, 0, 0.6),
        0 0 24px rgba(255, 215, 0, 0.3),
        0 4px 8px rgba(0, 0, 0, 0.4);
    white-space: nowrap;
    opacity: 0;
    letter-spacing: 0.02em;
    user-select: none;
    /* 默认弹簧入场 */
    transition: transform 0.45s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.45s ease;
}

/* 浅色主题下, 金色稍压暗以保持可读 */
[data-theme=light] .dp-points-float {
    color: #d4a017;
    text-shadow:
        0 0 12px rgba(212, 160, 23, 0.5),
        0 0 24px rgba(212, 160, 23, 0.25),
        0 4px 8px rgba(0, 0, 0, 0.2);
}

.dp-points-float-show {
    opacity: 1;
    transform: translate(-50%, -40px) scale(1.0);
}

.dp-points-float-out {
    opacity: 0;
    transform: translate(-50%, -120px) scale(0.9);
    transition: transform 0.4s ease-out, opacity 0.4s ease-out;
}

/* 类型变体 */
.dp-points-float-levelup {
    color: #ff6b9d;
    font-size: 42px;
    text-shadow:
        0 0 14px rgba(255, 107, 157, 0.7),
        0 0 28px rgba(255, 107, 157, 0.4),
        0 4px 8px rgba(0, 0, 0, 0.4);
}
[data-theme=light] .dp-points-float-levelup {
    color: #d63384;
}

/* 移动端: 字号略小 */
@media (max-width: 600px) {
    .dp-points-float { font-size: 28px; }
    .dp-points-float-levelup { font-size: 32px; }
}


/* ============================================================
   页面 4: 巧币流水页 (2026-06-08)
   元素: .dp-history-wrap (容器) .dp-history-list (列表)
   0 处现有 CSS 改动 — 全部为本文件追加
   ============================================================ */

.dp-history-wrap {
    max-width: 640px;
    margin: 0 auto;
    padding: 0 0 80px;
}

.dp-history-header {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    background: var(--bg-card, rgba(255, 255, 255, 0.02));
    border-radius: 16px 16px 0 0;
    position: sticky;
    top: 0;
    z-index: 10;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}
.dp-history-back {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    color: var(--text, #fff);
    cursor: pointer;
    border-radius: 10px;
    transition: all 0.15s ease;
}
.dp-history-back:hover {
    background: rgba(255, 255, 255, 0.06);
}
.dp-history-title {
    flex: 1;
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    color: var(--text, #fff);
}
.dp-history-balance {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 32px;
    padding: 0 12px;
    background: rgba(255, 215, 0, 0.10);
    border: 1px solid rgba(255, 215, 0, 0.30);
    border-radius: 999px;
    font-size: 14px;
    font-weight: 700;
    color: #ffd700;
}
.dp-history-balance-icon {
    width: 18px;
    height: 18px;
}
.dp-history-balance-unit {
    font-size: 12px;
    color: rgba(255, 215, 0, 0.75);
}

.dp-history-list {
    padding: 8px 12px;
}
.dp-history-loading {
    text-align: center;
    color: var(--text-muted, #999);
    font-size: 13px;
    padding: 40px 16px;
}

.dp-history-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 14px;
    background: var(--bg-card, rgba(255, 255, 255, 0.03));
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 12px;
    margin-bottom: 8px;
    transition: all 0.15s ease;
}
.dp-history-item:hover {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.08);
}
.dp-history-item-icon {
    width: 32px;
    height: 32px;
    flex-shrink: 0;
    filter: brightness(0) saturate(100%) invert(60%);
    transition: filter 0.2s ease;
}
/* 类型色 */
.dp-history-pos .dp-history-item-icon {
    filter: brightness(0) saturate(100%) invert(64%) sepia(82%) saturate(487%) hue-rotate(85deg) brightness(91%) contrast(85%);
}
.dp-history-neg .dp-history-item-icon {
    filter: brightness(0) saturate(100%) invert(45%) sepia(85%) saturate(2476%) hue-rotate(335deg) brightness(96%) contrast(91%);
}
.dp-history-zero .dp-history-item-icon {
    filter: brightness(0) saturate(100%) invert(50%);
}

.dp-history-item-main {
    flex: 1;
    min-width: 0;
}
.dp-history-item-note {
    font-size: 13px;
    font-weight: 600;
    color: var(--text, #fff);
    margin-bottom: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.dp-history-item-meta {
    font-size: 11px;
    color: var(--text-muted, #999);
}
.dp-history-item-delta {
    font-size: 17px;
    font-weight: 900;
    font-family: ZCOOL KuaiLe, monospace;
    margin-left: 8px;
    min-width: 44px;
    text-align: right;
}
.dp-history-pos .dp-history-item-delta { color: #2ed573; }
.dp-history-neg .dp-history-item-delta { color: #ff4757; }
.dp-history-zero .dp-history-item-delta { color: var(--text-muted, #999); }
.dp-history-item-balance {
    font-size: 10px;
    color: var(--text-muted, #999);
    margin-left: 4px;
    min-width: 38px;
    text-align: right;
}

/* 分页 */
.dp-history-pager {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 16px 20px;
    margin-top: 8px;
}
.dp-history-pager-btn {
    height: 36px;
    padding: 0 16px;
    font-size: 13px;
    font-weight: 600;
    background: rgba(75, 123, 229, 0.10);
    border: 1px solid rgba(75, 123, 229, 0.30);
    border-radius: 999px;
    color: var(--accent-blue, #4B7BE5);
    cursor: pointer;
    transition: all 0.15s ease;
}
.dp-history-pager-btn:hover:not(:disabled) {
    background: rgba(75, 123, 229, 0.20);
    transform: translateY(-1px);
}
.dp-history-pager-btn:disabled {
    opacity: 0.4;
    cursor: not-allowed;
}
.dp-history-pager-info {
    font-size: 12px;
    color: var(--text-muted, #999);
    min-width: 60px;
    text-align: center;
}

/* 移动端 */
@media (max-width: 600px) {
    .dp-history-header { padding: 12px 14px; }
    .dp-history-title { font-size: 16px; }
    .dp-history-balance { font-size: 12px; height: 28px; padding: 0 10px; }
    .dp-history-balance-icon { width: 16px; height: 16px; }
    .dp-history-balance-unit { display: none; }
    .dp-history-list { padding: 6px 10px; }
    .dp-history-item { padding: 12px; gap: 10px; }
    .dp-history-item-icon { width: 28px; height: 28px; }
    .dp-history-item-delta { font-size: 15px; }
    .dp-history-item-balance { display: none; }
}


/* ============================================================
   任务弹窗三主题覆盖 (2026-06-08)
   背景：原色全部硬编码暗色调 (rgba 255,255,255,x)，亮/护眼不协调
   方案：dark 保留，light/eye 各加一段覆盖（不动原 section 主体）
   ============================================================ */

/* ----- 亮色主题覆盖 ----- */
[data-theme="light"] .dp-quests-modal {
    background: var(--card-bg);
    border-color: rgba(212, 160, 23, 0.35);  /* 暗一点的 gold */
    box-shadow: 0 20px 60px rgba(91, 79, 207, 0.18), 0 0 0 1px rgba(0, 0, 0, 0.04) inset;
}
[data-theme="light"] .dp-quests-header {
    border-bottom-color: var(--border);
    background: linear-gradient(135deg, rgba(91, 79, 207, 0.06) 0%, rgba(147, 51, 234, 0.06) 100%);
}
[data-theme="light"] .dp-quests-body {}
[data-theme="light"] .dp-quest-card {
    background: rgba(0, 0, 0, 0.025);
    border-color: var(--border);
}
[data-theme="light"] .dp-quest-card.is-claimed {
    background: rgba(0, 0, 0, 0.015);
}
[data-theme="light"] .dp-quest-progress {
    background: rgba(0, 0, 0, 0.08);
}
[data-theme="light"] .dp-quests-footer {
    border-top-color: var(--border);
    background: rgba(0, 0, 0, 0.03);
}
[data-theme="light"] .dp-quests-close:hover {
    background: rgba(0, 0, 0, 0.05);
}
[data-theme="light"] .dp-quest-btn-claim {
    color: #5a3d00;  /* 保持深棕字配金色背景 */
}

/* ----- 护眼主题覆盖 ----- */
[data-theme="eye"] .dp-quests-modal {
    background: var(--card-bg);
    border-color: rgba(184, 149, 58, 0.30);
    box-shadow: 0 20px 60px rgba(91, 70, 54, 0.18), 0 0 0 1px rgba(91, 70, 54, 0.05) inset;
}
[data-theme="eye"] .dp-quests-header {
    border-bottom-color: var(--border);
    background: linear-gradient(135deg, rgba(123, 123, 197, 0.06) 0%, rgba(155, 127, 190, 0.06) 100%);
}
[data-theme="eye"] .dp-quest-card {
    background: rgba(91, 70, 54, 0.04);
    border-color: var(--border);
}
[data-theme="eye"] .dp-quest-card.is-claimed {
    background: rgba(91, 70, 54, 0.025);
}
[data-theme="eye"] .dp-quest-progress {
    background: rgba(91, 70, 54, 0.10);
}
[data-theme="eye"] .dp-quests-footer {
    border-top-color: var(--border);
    background: rgba(91, 70, 54, 0.05);
}
[data-theme="eye"] .dp-quests-close:hover {
    background: rgba(91, 70, 54, 0.06);
}
[data-theme="eye"] .dp-quest-btn-claim {
    color: #5a3d00;  /* 深棕字配暖金 */
}

/* ===== 去AI感 - 积分区亮色/护眼主题适配 ===== */
[data-theme=light] .dp-quest-card::before { width: 16px; }
[data-theme=eye] .dp-quest-card::before { width: 14px; }
[data-theme=light] .dp-quest-card[data-reward-tier=easy]::before { background: linear-gradient(90deg, rgba(46,213,115,0.03) 0%, transparent 100%); }
[data-theme=light] .dp-quest-card[data-reward-tier=medium]::before { background: linear-gradient(90deg, rgba(75,123,229,0.03) 0%, transparent 100%); }
[data-theme=light] .dp-quest-card[data-reward-tier=hard]::before { background: linear-gradient(90deg, rgba(132,94,194,0.03) 0%, transparent 100%); }
[data-theme=eye] .dp-quest-card[data-reward-tier=easy]::before { background: linear-gradient(90deg, rgba(46,213,115,0.02) 0%, transparent 100%); }
[data-theme=eye] .dp-quest-card[data-reward-tier=medium]::before { background: linear-gradient(90deg, rgba(75,123,229,0.02) 0%, transparent 100%); }
[data-theme=eye] .dp-quest-card[data-reward-tier=hard]::before { background: linear-gradient(90deg, rgba(132,94,194,0.02) 0%, transparent 100%); }