/* ============ POINTUP DARK QUEST THEME (2026-09-26) ============ */
#my-day{--card:#1d1d40;--ink:#eef0ff;--ink-soft:#9aa0d0;background:radial-gradient(ellipse 70% 40% at 20% 0%,#7c5cff38,transparent 70%),radial-gradient(ellipse 60% 40% at 90% 100%,#1cb0f624,transparent 70%),#12122b;border:1px solid #ffffff1a;color:var(--ink);box-shadow:0 30px 100px #050518cc}
#my-day::backdrop{background:#05051acc;backdrop-filter:blur(8px)}
#my-day .md-head{text-shadow:none}
#my-day .md-eyebrow{background:#ffd23f;color:#5b3a00;font-weight:900}
#my-day .md-head h1{color:#fff;text-shadow:0 2px 14px #7c5cff66}
#my-day .md-icon{background:#ffffff1a}
#my-day .day-section-heading h2{color:#fff;text-shadow:0 2px 10px #7c5cff44}
#my-day .day-section-heading button{background:#ffffff1a}
/* 深色卡片 */
#my-day .day-task-count,#my-day .md-conversation,#my-day .md-challenges,#my-day .day-crystal-card,#my-day .md-review-stats,#my-day .md-reflections,#my-day .md-light-details,#my-day .md-plan-date,#my-day .md-focus-v2,#my-day .md-goals,#my-day .md-steps,#my-day .md-puzzle,#my-day .achievement,#my-day .md-custom,#my-day .md-budget-edit{background:#ffffff0a;border:1px solid #ffffff14;box-shadow:0 12px 32px #00000052}
#my-day .md-challenge,#my-day .day-stop,#my-day .md-activity-grid button,#my-day .md-task,#my-day .focus-step,#my-day .completion-question,#my-day .day-streak{background:#1d1d40;border:1px solid #ffffff14;box-shadow:0 10px 26px #0000004d;color:var(--ink)}
#my-day .day-stop:hover{transform:translateY(-2px);border-color:#7c5cff88;box-shadow:0 14px 32px #00000066,0 0 0 1px #7c5cff44}
#my-day .day-stop:active{transform:scale(.98)}
#my-day .day-stop.current{outline:3px solid #ffd23f;box-shadow:0 0 24px #ffd23f44}
#my-day .day-stop.complete{opacity:.75}
#my-day .day-stop-icon,#my-day .md-task-icon{background:#ffffff12}
#my-day .day-stop.complete .day-stop-icon{background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff}
/* 按钮 */
#my-day button:not(.md-primary):not(.md-nav button):not(.md-icon){background:#ffffff12;color:#eef0ff;border:1px solid #ffffff1f;transition:transform .18s cubic-bezier(.34,1.56,.64,1)}
#my-day button:not(.md-primary):not(.md-nav button):not(.md-icon):hover{background:#ffffff1e;transform:translateY(-2px)}
#my-day .md-primary,#my-day .md-primary.md-wide{background:linear-gradient(135deg,#ffd23f,#ff9a3d);color:#5b3a00;box-shadow:0 5px 0 #d17a1b,0 12px 26px #ff9a3d44}
#my-day .md-primary:hover{transform:translateY(-2px);box-shadow:0 7px 0 #d17a1b,0 16px 30px #ff9a3d55}
#my-day .md-primary:active{transform:translateY(2px);box-shadow:0 2px 0 #d17a1b}
/* 底部导航 */
#my-day .md-nav{background:#191937f0;border:1px solid #ffffff14;box-shadow:0 12px 34px #00000066}
#my-day .md-nav button{color:#9aa0d0}
#my-day .md-nav button.selected{background:linear-gradient(135deg,#7c5cff,#4f8cff);color:#fff}
/* 专注计时屏 */
#my-day .time-column{background:linear-gradient(160deg,#26245c,#181838);border:1px solid #ffffff14;box-shadow:inset 0 1px 0 #ffffff22}
#my-day .time-column strong{color:#ffd23f;text-shadow:0 0 28px #ffb53a88}
#my-day #md-timer-status{color:#cfd3ff;font-weight:800}
#my-day #md-focus-remaining{color:#9aa0d0}
#my-day .pocket{background:linear-gradient(135deg,#3d2f10,#2c2308);border:1px solid #ffd23f55;color:#ffd23f}
#my-day .task-bounty{background:#ffffff0a;border:1px solid #ffffff14;color:var(--ink)}
#my-day .task-bounty small{color:var(--ink-soft)}
#my-day .task-bounty.paid{background:linear-gradient(135deg,#0e3d2e,#0b2f24);border-color:#38ef7d55}
#my-day .completion-question h2{color:#fff}
/* 进度与统计 */
#my-day .md-progress{background:#ffffff14}
#my-day .md-progress>span{background:linear-gradient(90deg,#ffd23f,#ff9a3d)}
#my-day .md-review-stats strong{color:#ffd23f}
#my-day .md-speech{background:#ffffff0d;color:var(--ink)}
#my-day .md-challenge.done{background:linear-gradient(135deg,#0e3d2e,#14532d);border-color:#38ef7d44}
#my-day .day-crystal-card b{background:linear-gradient(135deg,#3d2f10,#5b4a1a);color:#ffd23f}
#my-day .day-streak strong{color:#ffb53a}
#my-day .day-settle-card{background:linear-gradient(135deg,#3a2f6e,#241d4d);border-color:#7c5cff44}
/* 输入控件 */
#my-day input,#my-day select,#my-day textarea{background:#ffffff0d;border:1px solid #ffffff26;color:#eef0ff;border-radius:14px}
#my-day input:focus-visible,#my-day select:focus-visible,#my-day textarea:focus-visible{outline:3px solid #ffd23f}
#my-day button:focus-visible{outline:3px solid #ffd23f;outline-offset:2px}

/* ===== 覆盖 youth-ui 绘本风：home / plan 屏也走深色游戏风 ===== */
#my-day:is([data-screen=home],[data-screen=plan]){--md-ink:#eef0ff;--md-muted:#9aa0d0;--md-mint:#38ef7d;background:transparent;border-color:#ffffff1a;box-shadow:none}
#my-day:is([data-screen=home],[data-screen=plan]) button{background:#ffffff12;border-color:#ffffff1f;color:#eef0ff;box-shadow:none;transition:transform .18s cubic-bezier(.34,1.56,.64,1)}
#my-day:is([data-screen=home],[data-screen=plan]) button:hover{background:#ffffff1e;transform:translateY(-2px)}
#my-day:is([data-screen=home],[data-screen=plan]) .md-primary{background:linear-gradient(135deg,#ffd23f,#ff9a3d);color:#5b3a00;box-shadow:0 5px 0 #d17a1b}
#my-day:is([data-screen=home],[data-screen=plan]) .md-eyebrow{background:#ffd23f;color:#5b3a00}
#my-day:is([data-screen=home],[data-screen=plan]) .md-nav{background:#191937f0;border-color:#ffffff14}
#my-day:is([data-screen=home],[data-screen=plan]) .md-nav button{color:#9aa0d0}
#my-day:is([data-screen=home],[data-screen=plan]) .md-nav button.selected{background:linear-gradient(135deg,#7c5cff,#4f8cff);color:#fff}
/* 今天屏：冒险横幅与小路卡片 */
.day-adventure{background:#1d1d40;border:1px solid #ffffff14;box-shadow:0 12px 32px #00000052}
.day-kicker{color:#ffd23f}
:is(#my-day,#world-dialog) .day-next h2{color:#fff}
.day-next p{color:#9aa0d0!important}
.day-duration{color:#9aa0d0}
:is(#my-day,#world-dialog) .day-stop{background:#262552;border:1px solid #ffffff14;box-shadow:0 8px 20px #0000004d;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s}
:is(#my-day,#world-dialog) .day-stop:nth-child(3n+2){background:#222048}
:is(#my-day,#world-dialog) .day-stop:nth-child(3n){background:#282257}
:is(#my-day,#world-dialog) .day-stop:hover{transform:translateY(-3px);border-color:#7c5cff88;box-shadow:0 14px 30px #00000066,0 0 0 1px #7c5cff44}
:is(#my-day,#world-dialog) .day-stop.current{outline:3px solid #ffd23f;outline-offset:-2px;box-shadow:0 0 22px #ffd23f44}
:is(#my-day,#world-dialog) .day-stop.complete{background:#14412f;border-color:#38ef7d44}
:is(#my-day,#world-dialog) .day-stop b{color:#eef0ff}
:is(#my-day,#world-dialog) .day-stop small{color:#9aa0d0}
:is(#my-day,#world-dialog) .day-add{background:transparent;border:2px dashed #ffffff30;color:#9aa0d0}
.day-stop-icon{background:#ffffff12;border-radius:12px}
/* 伙伴卡 */
#my-day .day-partner{background:#1d1d40;border:1px solid #ffffff14;color:#eef0ff}
#my-day .day-partner small{color:#9aa0d0}
#my-day .day-partner>span{color:#ffd23f}
/* 安排屏 */
#my-day[data-screen=plan] .md-speech,#my-day[data-screen=plan] .md-budget-edit{background:#ffffff0a;border-color:#ffffff14;color:#cfd3ff}
#my-day[data-screen=plan] .md-speech p{color:#cfd3ff}
#my-day[data-screen=plan] input,#my-day[data-screen=plan] select{background:#ffffff0d;color:#eef0ff;border-color:#ffffff26}
#my-day[data-screen=plan] .md-activity-grid button{background:#262552;border:1px solid #ffffff14;transition:transform .18s cubic-bezier(.34,1.56,.64,1)}
#my-day[data-screen=plan] .md-activity-grid button:hover{transform:translateY(-3px) scale(1.03);border-color:#7c5cff88}
#my-day[data-screen=plan] .md-activity-grid button:nth-child(3n+2){background:#222048}
#my-day[data-screen=plan] .md-activity-grid button:nth-child(3n){background:#282257}
#my-day[data-screen=plan] .md-activity-grid b{color:#ffd23f}
#my-day[data-screen=plan] .md-activity-grid small,#my-day[data-screen=plan] .md-task-copy small,#my-day[data-screen=plan] .md-whisper{color:#9aa0d0}
#my-day[data-screen=plan] .md-light-details{border-color:#ffffff1a;color:#cfd3ff}
#my-day[data-screen=plan] .md-task{background:#262552;border:1px solid #ffffff14}
#my-day[data-screen=plan] .md-task-icon{background:#ffffff12;color:#ffd23f}
#my-day[data-screen=plan] .md-edit-actions button{background:#ffffff12}

/* ===== 对齐 youth-ui 高特异性选择器（同优先级、更后位置胜出） ===== */
#my-day:is([data-screen=home],[data-screen=plan]) button:not(.md-primary):not(.md-nav button):not(.md-icon):not(.day-stop){background:#ffffff12;color:#eef0ff;border:1px solid #ffffff1f;box-shadow:none}
#my-day:is([data-screen=home],[data-screen=plan]) button:not(.md-primary):not(.md-nav button):not(.md-icon):not(.day-stop):hover{background:#ffffff1e}
#my-day:is([data-screen=home],[data-screen=plan]) .md-nav button:hover{background:#ffffff14}
#my-day .md-challenges .day-section-heading{color:#9aa0d0}
#my-day .md-challenges .day-section-heading h2{color:#fff}
#my-day .md-challenges .day-section-heading span{color:#9aa0d0}

/* ===== 规划弹窗 planning-flow：深色游戏风 ===== */
.quest-conversation#planning-flow{background:radial-gradient(ellipse 70% 40% at 20% 0%,#7c5cff30,transparent 70%),#14142f;border:1px solid #ffffff1a;color:#eef0ff;box-shadow:0 30px 100px #050518cc}
.quest-conversation#planning-flow::backdrop{background:#05051acc;backdrop-filter:blur(8px)}
.quest-conversation#planning-flow header>span{color:#9aa0d0}
.quest-conversation#planning-flow button{background:#ffffff12;border:1px solid #ffffff1f;color:#eef0ff;transition:transform .18s cubic-bezier(.34,1.56,.64,1)}
.quest-conversation#planning-flow button:hover{background:#ffffff1e;transform:translateY(-2px)}
.quest-conversation#planning-flow button:active{transform:scale(.97)}
.quest-conversation#planning-flow button.primary{background:linear-gradient(135deg,#ffd23f,#ff9a3d);color:#5b3a00;border:0;font-weight:900;box-shadow:0 5px 0 #d17a1b}
.quest-conversation#planning-flow select,.quest-conversation#planning-flow input{background:#ffffff0d;border:1px solid #ffffff26;color:#eef0ff}
.quest-conversation#planning-flow select option{background:#1d1d40}
.quest-conversation#planning-flow .flow-question>span{color:#ffd23f;filter:drop-shadow(0 4px 12px #ffb53a66)}
.quest-conversation#planning-flow .flow-question h2{color:#fff}
.quest-conversation#planning-flow .flow-whisper{color:#9aa0d0}
.quest-conversation#planning-flow .flow-picked>span{background:#2a2757;border:1px solid #ffffff14;color:#cfd3ff}
.quest-conversation#planning-flow summary{color:#b9a8ff}
.quest-conversation#planning-flow .flow-order li{border-bottom-color:#ffffff14}
.quest-conversation#planning-flow .qf-choices button{background:#1d1d40;border:1px solid #ffffff14;color:#eef0ff;font-weight:800;box-shadow:0 8px 22px #0000004d}
.quest-conversation#planning-flow .qf-choices button:hover{border-color:#7c5cff88;box-shadow:0 14px 30px #00000066,0 0 0 1px #7c5cff44}
.quest-conversation#planning-flow .qf-choices button.primary{background:linear-gradient(135deg,#ffd23f,#ff9a3d);color:#5b3a00;border:0}
.quest-conversation#planning-flow summary,.quest-conversation#planning-flow header span,.quest-conversation#planning-flow label{color:#9aa0d0}
.quest-conversation#planning-flow .planning-trail{border-left-color:#ffffff22}
#my-day .planning-trail .md-task,.quest-conversation#planning-flow .planning-trail li{background:#1d1d40;border:1px solid #ffffff14;box-shadow:0 8px 22px #0000004d;color:#eef0ff}
.quest-conversation#planning-flow .planning-trail li:before{border-color:#14142f;background:#ffd23f}
.quest-conversation#planning-flow .planning-trail .flow-stop{background:#ffffff12;color:#ffd23f}
:is(#my-day,.quest-conversation#planning-flow) .duration-input input[type=number]{background:#ffffff0d;border-color:#ffffff26;color:#eef0ff}

/* ===== 委托册 / 我的旅程 quest-child：深色游戏风 ===== */
#journal.quest-child{background:radial-gradient(ellipse 60% 40% at 15% 0%,#7c5cff30,transparent 70%),#12122b;color:#eef0ff}
.quest-child .journal-top{background:#191937e6;border-bottom:1px solid #ffffff14;color:#eef0ff}
.quest-child .journal-top button{background:#ffffff12;border:1px solid #ffffff1f;color:#eef0ff}
.qb-book{color:#eef0ff}
.qb-heading h1{color:#fff;text-shadow:0 2px 12px #7c5cff55}
.qb-heading span,.qb-heading summary{color:#9aa0d0}
.qb-companion p{background:#1d1d40;border:1px solid #ffffff14;color:#eef0ff;border-radius:6px 25px 25px 25px}
.qb-feature{background:#1d1d40;border:1px solid #ffffff14;box-shadow:0 10px 0 #00000033,0 18px 40px #00000052}
.qb-picture{background:radial-gradient(ellipse,#7c5cff2e 0 48%,transparent 49%)}
.qb-picture>span{filter:drop-shadow(0 10px 16px #00000066)}
.qb-picture i{color:#ffd23f}.qb-picture b{color:#b9a8ff}.qb-picture small{color:#8fd0ff}
.qb-copy>small{color:#9aa0d0}.qb-copy h2{color:#fff}.qb-copy p{color:#cfd3ff}
.qb-book button{background:#ffffff12;border:1px solid #ffffff1f;color:#eef0ff;transition:transform .18s cubic-bezier(.34,1.56,.64,1)}
.qb-book button:hover{background:#ffffff1e;transform:translateY(-2px)}
.qb-book button:focus-visible{outline-color:#ffd23f}
.qb-book button.qb-primary,.qb-book .qb-primary{background:linear-gradient(135deg,#ffd23f,#ff9a3d);color:#5b3a00;border:0;font-weight:900;box-shadow:0 5px 0 #d17a1b}
.qb-trail-title small{color:#9aa0d0}
.qb-stop,.qb-detail,.qb-reward,.qb-wish{background:#1d1d40;border:1px solid #ffffff14;color:#eef0ff;border-radius:18px}
.qb-trail{scrollbar-color:#7c5cff #ffffff10}
.qb-trail::-webkit-scrollbar-track{background:#ffffff10}
.qb-trail::-webkit-scrollbar-thumb{background:#7c5cff}

/* ===== 弹窗弹出动画（App 式弹簧感） ===== */
dialog[open]{animation:dialog-pop .32s cubic-bezier(.34,1.4,.64,1)}
@keyframes dialog-pop{0%{opacity:0;transform:translateY(28px) scale(.94)}100%{opacity:1;transform:translateY(0) scale(1)}}

/* ===== 手机端：弹窗变全屏 App 页 ===== */
@media(max-width:700px){
 #my-day{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;border:0;margin:0}
 .quest-conversation#planning-flow{width:100vw;max-width:100vw;max-height:100dvh;height:100dvh;border-radius:0;border:0;margin:0;padding:22px 18px}
 #my-day .md-head h1{font-size:27px}
 #my-day .md-head{padding:22px 18px 14px}
 #my-day .day-stop b,#my-day .md-task-copy strong{font-size:16px}
 #my-day .day-stop small,#my-day .md-task-copy small{font-size:13px}
 #my-day .md-primary,#my-day .md-primary.md-wide{font-size:18px;min-height:54px}
 #my-day button:not(.md-primary):not(.md-nav button):not(.md-icon){min-height:48px;font-size:15px}
 #my-day .md-nav button{font-size:16px;min-height:50px}
 .quest-conversation#planning-flow .flow-question h2{font-size:24px}
 .quest-conversation#planning-flow button{min-height:52px;font-size:16px}
 .quest-conversation#planning-flow .qf-choices button{min-height:60px;font-size:17px}
}