﻿/* v653: presentation only; questStatus and existing claim handlers remain authoritative. */
body[data-ui-version="3"] #app .player-sheet[data-scene-panel="quests"]{position:fixed!important;inset:0!important;width:100%!important;height:100dvh!important;max-width:none!important;max-height:none!important;margin:0!important;transform:none!important;border:0!important;border-radius:0!important;background:var(--tp-surface)!important;color:var(--tp-ink)!important;overflow:hidden!important}
body[data-ui-version="3"] #app .player-sheet[data-scene-panel="quests"]>.sheet-head{position:absolute!important;inset:12px 16px auto!important;height:64px!important;min-height:0!important;display:flex!important;gap:12px!important;background:var(--tp-surface)!important;border:1px solid var(--tp-edge)!important;border-radius:24px!important;padding:8px 12px!important;color:var(--tp-ink)!important;}
body[data-ui-version="3"] #app .player-sheet[data-scene-panel="quests"] .sheet-head h2{background:var(--tp-surface)!important;color:var(--tp-ink)!important;border-radius:24px!important;padding:8px 20px!important;white-space:nowrap!important}
body[data-ui-version="3"] #app .player-sheet[data-scene-panel="quests"] .sheet-head button{background:var(--tp-surface)!important;color:var(--tp-ink)!important;border:1px solid var(--tp-edge)!important;border-radius:16px!important;min-height:40px!important}
body[data-ui-version="3"] #app .player-sheet[data-scene-panel="quests"]>:is(.sheet-handle,.sheet-environment,.v4-system-rail){display:none!important}
body[data-ui-version="3"] #app .player-sheet[data-scene-panel="quests"]>.sheet-scroll{position:absolute!important;inset:90px 16px 16px!important;height:auto!important;padding:0!important;overflow:hidden!important}
body[data-ui-version="3"] #app [data-home-panel="quests"].quest-template-v2{position:relative!important;inset:auto!important;display:grid!important;grid-template-columns:160px minmax(110px,17%) minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important;gap:14px!important;width:100%!important;height:100%!important;min-height:0!important;padding:0!important;margin:0!important;background:none!important;border:0!important;backdrop-filter:none!important;overflow:hidden!important;color:var(--tp-ink)!important;font-size:16px!important}
body[data-ui-version="3"] #app .quest-template-v2 *{box-sizing:border-box;text-shadow:none!important}
body[data-ui-version="3"] #app .quest-template-v2 :is(p,small,b,strong,span,h3,h4,li,label,summary,em,dd,dt){color:var(--tp-ink)!important;}
body[data-ui-version="3"] #app .quest-template-v2>.qc-tabs{grid-column:1!important;grid-row:1!important;display:flex!important;flex-direction:column!important;gap:10px!important;padding:8px!important;margin:0!important;background:var(--tp-surface)!important;border:1px solid var(--tp-edge)!important;border-radius:22px!important;overflow:auto!important}
body[data-ui-version="3"] #app .quest-template-v2 button{background:var(--tp-surface)!important;color:var(--tp-ink)!important;border:1px solid var(--tp-edge)!important;border-radius:14px!important;box-shadow:none!important;min-height:44px!important;font-size:15px!important;text-shadow:none!important;white-space:normal!important}
body[data-ui-version="3"] #app .quest-template-v2 .qc-tabs button{flex:0 0 auto!important;width:100%!important;min-height:60px!important;padding:8px!important;text-align:left!important;display:flex!important;align-items:center!important;gap:6px!important;background:var(--tp-surface)!important;border-color:var(--tp-edge)!important;}
body[data-ui-version="3"] #app .quest-template-v2 .qc-tabs button::before{content:'';width:32px;height:36px;flex:none;background:url('../img/ui-kit-v2/quest-main.webp') center/contain no-repeat}
body[data-ui-version="3"] #app .quest-template-v2 :is(button[aria-selected="true"],button[aria-pressed="true"],button.selected){background:var(--tp-blue)!important;color:#10324f!important;border-color:var(--tp-edge)!important;}
body[data-ui-version="3"] #app .quest-template-v2 .qc-tabs button:nth-child(2n)[aria-selected="true"]{background:var(--tp-blue)!important;border-color:var(--tp-edge)!important;}
body[data-ui-version="3"] #app .quest-template-v2 .qc-tabs button:nth-child(3n)[aria-selected="true"]{background:var(--tp-blue)!important;border-color:var(--tp-edge)!important;}
body[data-ui-version="3"] #app .quest-template-v2>.qc-guide{display:flex!important;grid-column:2!important;grid-row:1!important;background:none!important;justify-content:center!important;flex-direction:column!important;padding:0!important}
body[data-ui-version="3"] #app .quest-template-v2 .qc-guide p{font-size:15px!important;background:var(--tp-surface)!important;padding:12px!important}
body[data-ui-version="3"] #app .quest-template-v2>:is(.qc-extra,.qc-main-content){grid-column:3!important;grid-row:1!important;min-width:0!important;min-height:0!important;overflow:auto!important;overscroll-behavior:contain;padding:12px!important;background:var(--tp-surface)!important;border:1px solid var(--tp-edge)!important;border-radius:24px!important}
body[data-ui-version="3"] #app .quest-template-v2 :is(.qrow-tabs,.qc-progress-tabs){position:sticky!important;top:-12px!important;z-index:2!important;background:var(--tp-surface)!important;padding:8px!important;margin:0 0 12px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
body[data-ui-version="3"] #app .quest-template-v2 .qrow{grid-template-columns:48px minmax(0,1fr) 100px 90px!important;grid-template-areas:'icon copy rewards act'!important;padding:14px!important;gap:10px!important;background:var(--tp-surface)!important;border:1px solid var(--tp-edge)!important;border-radius:20px!important;min-height:120px!important}
body[data-ui-version="3"] #app .quest-template-v2 .qrow-icon{background:var(--tp-surface)!important;}
body[data-ui-version="3"] #app .quest-template-v2 .qrow-chip{width:100%;max-width:100%!important;background:var(--tp-surface)!important;border-color:var(--tp-edge)!important;}
body[data-ui-version="3"] #app .quest-template-v2 .qrow-chip i{background:var(--tp-surface)!important;color:var(--tp-ink)!important;}
body[data-ui-version="3"] #app .quest-template-v2 .qrow-bar{background:var(--tp-surface)!important;}
body[data-ui-version="3"] #app .quest-template-v2 .qrow-bar i{background:var(--tp-surface)!important;}
body[data-ui-version="3"] #app .quest-template-v2 :is(.qc-card,.ms,.vehicle-pick,.qc-completed-view,.operation-mode-panel){background:var(--tp-surface)!important;color:var(--tp-ink)!important;border:1px solid var(--tp-edge)!important;border-radius:18px!important}
body[data-ui-version="3"] #app .quest-template-v2 :is(.qc-card h3,.vehicle-pick h3){background:var(--tp-surface)!important;padding:8px!important;border-radius:12px!important}
body[data-ui-version="3"] #app .quest-template-v2 :is(.ce-steps li,.cd-steps li,.qc-completed-mark){background:var(--tp-surface)!important;color:var(--tp-ink)!important;}
body[data-ui-version="3"] #app .quest-template-v2 button:is(.claim,[data-ms-claim],[data-ce="claim"],[data-cd="daily-claim"],[data-cd="route-claim"]){background:var(--tp-primary)!important;color:#10324f!important;border-color:var(--tp-edge)!important;}
body[data-ui-version="3"] #app .quest-template-v2 [hidden]{display:none!important}
@media(max-height:500px), (max-width:900px){
body[data-ui-version="3"] #app .player-sheet[data-scene-panel="quests"]>.sheet-head{inset:6px 10px auto!important;height:50px!important;padding:4px 8px!important;gap:6px!important}
body[data-ui-version="3"] #app .player-sheet[data-scene-panel="quests"] .sheet-head h2{font-size:18px!important;padding:6px 12px!important}
body[data-ui-version="3"] #app .player-sheet[data-scene-panel="quests"]>.sheet-scroll{inset:64px 10px 10px!important}
body[data-ui-version="3"] #app [data-home-panel="quests"].quest-template-v2{grid-template-columns:126px minmax(0,1fr)!important;gap:8px!important}
body[data-ui-version="3"] #app .quest-template-v2>.qc-guide{display:none!important}
body[data-ui-version="3"] #app .quest-template-v2>:is(.qc-extra,.qc-main-content){grid-column:2!important;padding:8px!important;border-radius:18px!important}
body[data-ui-version="3"] #app .quest-template-v2 .qc-tabs button{min-height:0!important;flex:1 1 0!important;padding:3px 5px!important;font-size:13px!important;line-height:1.2!important}
body[data-ui-version="3"] #app .quest-template-v2 .qc-tabs{min-height:0!important;gap:4px!important;padding:5px!important;overflow:hidden!important}
body[data-ui-version="3"] #app .quest-template-v2 .qrow{min-height:100px!important;padding:10px!important;grid-template-columns:36px minmax(0,1fr) 80px 76px!important;gap:8px!important}
body[data-ui-version="3"] #app .quest-template-v2 .qrow-icon{width:36px!important;height:40px!important}
}
/* Shared home top row, using layout coordinates even when the app is zoomed. */
body[data-ui-version="3"]>.app-shell>.topbar:has(.daily-reward-entries){display:flex!important;align-items:center!important;gap:8px!important;padding:4px 8px!important;min-height:74px!important;height:74px!important}
body[data-ui-version="3"]>.app-shell>.topbar:has(.daily-reward-entries)>.brand{display:none!important}
body[data-ui-version="3"]>.app-shell>.topbar:has(.daily-reward-entries) .game-hud{position:relative!important;inset:auto!important;transform:none!important;margin:0!important;height:66px!important;border-radius:18px!important;flex:0 0 335px!important}
body[data-ui-version="3"] .topbar .daily-reward-entries{position:relative!important;inset:auto!important;display:flex;flex:0 0 auto!important;gap:6px!important;align-items:center!important;margin:0!important;height:66px!important}
body[data-ui-version="3"] .topbar .daily-reward-entries[hidden]{display:none!important}
body[data-ui-version="3"] .topbar .daily-reward-entries>button,body[data-ui-version="3"] .topbar .daily-reward-entries>details:not([open]),body[data-ui-version="3"] .topbar .daily-reward-entries>details>summary{height:66px!important;width:70px!important;border-radius:18px!important;background:var(--tp-surface)!important;border-color:var(--tp-edge)!important;color:var(--tp-ink)!important;}
body[data-ui-version="3"] .topbar .daily-reward-entries :is(b,.signin-entry-label){color:var(--tp-ink)!important;}
body[data-ui-version="3"] .topbar:has(.daily-reward-entries) .top-actions{position:relative!important;inset:auto!important;margin-left:auto!important;flex-shrink:0!important;transform:none!important}
body .google-login-veil{position:fixed;inset:0;z-index:9999;background:rgba(20,14,8,.72);backdrop-filter:blur(3px)}
body .google-login-card{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(380px,calc(100vw - 32px));max-height:calc(100dvh - 120px);overflow:auto;box-sizing:border-box;z-index:10000;padding:18px;border:1px solid var(--tp-edge);border-radius:24px;background:var(--tp-surface);color:var(--tp-ink);box-shadow:var(--tp-shadow);color-scheme:light}
body .google-login-card p{color:var(--tp-ink);clear:both;line-height:1.5}
body .google-login-card :is(a,button){background:var(--tp-surface)!important;color:var(--tp-ink)!important;border:1px solid var(--tp-edge)!important;border-radius:12px!important;min-height:40px}
body .google-login-card .google-login-close{float:right;margin:0!important;padding:6px 12px!important}
/* Reset legacy header offsets and global pseudo-element suppression. */
body[data-ui-version="3"]:has(.player-sheet[data-scene-panel="quests"]:not([hidden]))>.app-shell>.topbar{visibility:hidden!important}
body[data-ui-version="3"] #app .player-sheet[data-scene-panel="quests"]>.sheet-head{margin:0!important;transform:none!important;width:auto!important;max-width:none!important;flex-wrap:nowrap!important;box-shadow:var(--tp-shadow)!important;}
body[data-ui-version="3"] #app .player-sheet[data-scene-panel="quests"] .sheet-head h2{display:block!important;visibility:visible!important;flex:0 1 auto!important;margin:0!important;min-width:0!important;font-size:24px!important;letter-spacing:0!important}
body[data-ui-version="3"] #app .player-sheet[data-scene-panel="quests"] .sheet-head h2::before{display:none!important}
body[data-ui-version="3"] #app .player-sheet[data-scene-panel="quests"] .sheet-resource-hud{margin-left:auto!important;order:0!important;flex:1!important;justify-content:flex-end!important}
body[data-ui-version="3"] #app .player-sheet[data-scene-panel="quests"] .sheet-resource-hud :is(span,b){background:var(--tp-surface)!important;color:var(--tp-ink)!important;}
body[data-ui-version="3"] #app .quest-template-v2 .qc-tabs button::before{content:''!important;display:block!important}
body[data-ui-version="3"] #app .quest-template-v2 button[data-ce-claim]{background:var(--tp-primary)!important;color:#10324f!important;border-color:var(--tp-edge)!important;}
@media(max-height:500px){body[data-ui-version="3"] #app .player-sheet[data-scene-panel="quests"] .sheet-head h2{font-size:18px!important}body[data-ui-version="3"] #app .player-sheet[data-scene-panel="quests"] .sheet-resource-hud{font-size:12px!important}}
body .google-login-card{max-height:calc(100dvh - 160px)}
body[data-ui-version="3"] #app .quest-template-v2 .cd-wrap{display:flex!important;flex-direction:column!important;gap:12px!important}
body[data-ui-version="3"] #app .quest-template-v2 .qc-card{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) 130px!important;gap:10px!important;padding:14px 14px 14px 68px!important;margin:0 0 12px!important}
body[data-ui-version="3"] #app .quest-template-v2 .qc-card::before{content:''!important;display:block!important;position:absolute;left:12px;top:16px;width:44px;height:48px;border-radius:14px;background:#eee5ff url('../img/ui-kit-v2/quest-collect.webp') center/36px no-repeat}
body[data-ui-version="3"] #app .quest-template-v2 .qc-card>:is(h3,.ce-steps,.quest-step-progress,small,.cd-dots){grid-column:1!important;min-width:0!important;margin:0!important}
body[data-ui-version="3"] #app .quest-template-v2 .qc-card>:is(button,.ce-dest,.ce-quiz,.ce-done){grid-column:2!important;justify-self:stretch!important;align-self:center!important;min-width:0!important}
body[data-ui-version="3"] #app .quest-template-v2 .qc-card .quest-step-rewards{grid-column:2!important;grid-row:1 / span 2!important;background:var(--tp-surface)!important;padding:10px!important;border-radius:12px!important;margin:0!important;font-size:13px!important;overflow-wrap:anywhere!important}
body[data-ui-version="3"] #app .quest-template-v2 .quest-step-progress{display:flex;align-items:center;gap:10px}
body[data-ui-version="3"] #app .quest-template-v2 progress{appearance:none;width:100%;height:10px;border:0;border-radius:10px;overflow:hidden;accent-color:var(--tp-ink);background:var(--tp-surface);}
body[data-ui-version="3"] #app .quest-template-v2 progress::-webkit-progress-bar{background:var(--tp-surface);}
body[data-ui-version="3"] #app .quest-template-v2 progress::-webkit-progress-value{background:var(--tp-surface);}
body[data-ui-version="3"] #app .quest-template-v2 progress::-moz-progress-bar{background:var(--tp-surface);}
body[data-ui-version="3"] #app .player-sheet[data-scene-panel="quests"] .sheet-resource-hud>*{border-color:var(--tp-edge)!important;}
@media(max-height:500px){
body[data-ui-version="3"] #app [data-home-panel="quests"].quest-template-v2{grid-template-columns:142px minmax(0,1fr)!important}
body[data-ui-version="3"] #app .quest-template-v2 .qc-tabs{padding:4px!important;gap:4px!important}
body[data-ui-version="3"] #app .quest-template-v2 .qc-tabs button{padding:3px 5px!important;min-height:0!important;line-height:16px!important;flex:1 1 0!important}
body[data-ui-version="3"] #app .quest-template-v2 .qc-tabs button::before{width:24px!important;height:28px!important}
body[data-ui-version="3"] #app .quest-template-v2 .qc-card{grid-template-columns:minmax(0,1fr) 120px!important;padding-left:54px!important}
body[data-ui-version="3"] #app .quest-template-v2 .qc-card::before{width:32px;height:36px;background-size:28px}
}
body[data-ui-version="3"] #app .quest-template-v2 .quest-step-progress progress{min-width:0;flex:1}
body[data-ui-version="3"] #app .quest-template-v2 .quest-step-progress b{flex:none;white-space:nowrap}
body[data-ui-version="3"] #app .quest-template-v2 .route-action{background:var(--tp-surface)!important;color:var(--tp-ink)!important;border:1px solid var(--tp-edge)!important;}
body[data-ui-version="3"] #app .player-sheet[data-scene-panel="quests"]::after{display:none!important}
body[data-ui-version="3"]:has(.player-sheet[data-scene-panel="quests"]:not([hidden]))::after{display:none!important}
body[data-ui-version="3"] #app .player-sheet[data-scene-panel="quests"] .sheet-head h2{display:flex!important;align-items:center!important;gap:8px!important;border:1px solid var(--tp-edge)!important;box-shadow:var(--tp-shadow)!important;}
body[data-ui-version="3"] #app .player-sheet[data-scene-panel="quests"] .sheet-head h2::before{content:''!important;display:block!important;flex:none!important;width:32px;height:32px;margin:0!important;background:url('../img/ui-kit-v2/nav-quest.webp') center/contain no-repeat}
@media(max-height:500px){body[data-ui-version="3"] #app .player-sheet[data-scene-panel="quests"] .sheet-head h2::before{width:24px;height:24px}}
body[data-ui-version="3"] #app .quest-reward-dialog{background:var(--tp-surface)!important;color:var(--tp-ink)!important;border:1px solid var(--tp-edge)!important;border-radius:22px!important}
body[data-ui-version="3"] #app .quest-reward-dialog button{background:var(--tp-surface)!important;color:var(--tp-ink)!important;border:1px solid var(--tp-edge)!important;}
body[data-ui-version="3"] #app .quest-reward-dialog button[data-quest-claim]{background:var(--tp-primary)!important;color:#10324f!important;border-color:var(--tp-edge)!important;}
body[data-ui-version="3"] #app .quest-reward-dialog .quest-bar i{background:var(--tp-surface)!important;}
/* v708：禮包 details 外殼不畫框，只留 summary 一層（修雙層框） */
body .daily-reward-entries>details:not([open]),body[data-ui-version="3"] .topbar .daily-reward-entries>details:not([open]){padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
body .daily-reward-entries>details:not([open])>summary{width:100%!important;height:100%!important}
/* v709：禮包打開時原位置保留（只把內容彈出），七日登入卡片版 */
body .daily-reward-entries>details[open],body[data-ui-version="3"] .topbar .daily-reward-entries>details[open]{position:relative!important;inset:auto!important;width:70px!important;height:66px!important;max-height:none!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
body .daily-reward-entries>details[open]>summary{width:100%!important;height:100%!important;box-shadow:0 0 0 3px #f2c14e!important}
body .daily-reward-entries .signin-pop{position:fixed;left:50%;top:84px;transform:translateX(-50%);width:min(560px,calc(100vw - 24px));max-height:calc(100dvh - 160px);overflow:auto;padding:12px;border:2px solid #bc8c32;border-radius:16px;background:#fffaf0;color:#30251a;box-shadow:0 10px 30px #3a24082e;z-index:60}
body .daily-reward-entries .signin-pop .signin-title{margin:0 0 8px;font-size:15px;font-weight:800;color:#5a3a06}
body .daily-reward-entries .signin-pop .signin-days{display:grid!important;grid-template-columns:repeat(6,1fr) 1.5fr;gap:6px;margin:0 0 10px;padding:0}
body .daily-reward-entries .signin-pop .signin-days li{position:relative;display:grid;justify-items:center;align-content:center;gap:2px;min-height:78px;padding:6px 2px;border-radius:12px;background:#fff!important;border:1.5px solid #e2c88f!important;color:#382704!important}
body .daily-reward-entries .signin-pop .signin-days li b{font-size:11px;color:#8a6a2c}
body .daily-reward-entries .signin-pop .signin-days li b::before{content:'第'}
body .daily-reward-entries .signin-pop .signin-days li b::after{content:'天'!important;color:inherit!important;margin:0!important}
body .daily-reward-entries .signin-pop .signin-ico{font-style:normal;font-size:24px;line-height:1}
body .daily-reward-entries .signin-pop .signin-days li small{font-size:11px;font-weight:700;color:#382704}
body .daily-reward-entries .signin-pop .signin-days li.big{background:linear-gradient(#fff4cf,#ffe08a)!important;border-color:#c9921e!important}
body .daily-reward-entries .signin-pop .signin-days li.big .signin-ico{font-size:32px}
body .daily-reward-entries .signin-pop .signin-days li.today{background:#ffe9a8!important;border:2px solid #e0a10e!important;box-shadow:0 0 0 3px #f6cf6555;transform:translateY(-2px)}
body .daily-reward-entries .signin-pop .signin-days li.got{background:#eef7ee!important;border-color:#9bc79b!important;opacity:.75}
body .daily-reward-entries .signin-pop .signin-days li.got::after{content:'✓';position:absolute;inset:0;display:grid;place-items:center;font-size:30px;font-weight:900;color:#2f8f46}
body .daily-reward-entries .signin-pop .signin-row{display:flex;align-items:center;gap:10px;margin:0}
body .daily-reward-entries .signin-pop .signin-row p{flex:1;margin:0;font-size:13px;color:#30251a}
body .daily-reward-entries .signin-pop .line-dock-btn.primary{min-width:96px;min-height:42px;border-radius:12px;background:#f2b63c!important;border:1.5px solid #a8740c!important;color:#382704!important;font-weight:800;font-size:15px}
body .daily-reward-entries>details[open],body[data-ui-version="3"] .topbar .daily-reward-entries>details[open]{position:static!important}
body .daily-reward-entries .signin-pop{position:absolute;left:auto;right:0;top:74px;transform:none}
/* 10-22 每日／每週禮包：內容包進彈窗（修擠成直條）；進度條淺底金條 */
body .daily-reward-entries .signin-pop .quest-bar{height:10px;margin:6px 0;border-radius:6px;background:#efe3c8!important;border:1px solid #d9c08a;overflow:hidden}
body .daily-reward-entries .signin-pop .quest-bar i{display:block;height:100%;background:#f2b63c!important}
body .daily-reward-entries .signin-pop .quest-goal{margin:0 0 8px;font-size:13px;color:#30251a}

/* 七日任務以天與項目分頁，面板不設捲軸。 */
body[data-ui-version="3"] #app .quest-template-v2[data-quest-tab="seven"]>.qc-extra{overflow:hidden!important;display:flex!important;min-height:0!important}
body[data-ui-version="3"] #app .quest-template-v2[data-quest-tab="seven"]>.qc-tabs{overflow:hidden!important;gap:2px!important}
body[data-ui-version="3"] #app .quest-template-v2[data-quest-tab="seven"]>.qc-tabs button{min-height:0!important;flex:1 1 0!important;padding:2px!important}
body[data-ui-version="3"] #app .quest-template-v2 .qc-tabs [data-quest-tab="seven"][aria-selected="true"]{background:#f5d575!important;color:#30230e!important}
#app .seven-panel{width:100%;min-height:0;display:flex;flex-direction:column;gap:6px;background:#fff9e9;color:#302b24;overflow:hidden}
#app .seven-panel p{margin:0;font-size:12px;line-height:1.3;color:#433b2c}
#app .seven-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}
#app .seven-panel button{background:#fffdf4;color:#302b24;border:1px solid #9b885a;border-radius:7px;padding:6px;white-space:normal;line-height:1.2;min-width:0}
#app .seven-days button{font-size:12px}
#app .seven-days [aria-selected="true"]{background:#f5d575;color:#30230e;border-color:#94700c}
#app .seven-panel button:disabled{opacity:1;background:#eee8dc;color:#6b6252}
#app .seven-panel article{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:8px;background:#fffdf6;border:1px solid #d6c59d;border-radius:9px}
#app .seven-panel h3{margin:0;font-size:clamp(13px,1.8vw,20px);line-height:1.3;color:#302b24;overflow-wrap:anywhere}
#app .seven-reward{font-size:13px;color:#433b2c}
#app .seven-pages{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:12px}
@media(max-height:450px){#app .seven-panel{gap:3px}#app .seven-panel article{gap:4px;padding:4px}#app .seven-panel button{padding:3px}#app .seven-rule{font-size:10px!important}}
#app .seven-list{flex:1;min-height:0;margin:0;padding:0;list-style:none;display:grid;grid-template-rows:repeat(5,minmax(0,1fr));gap:5px}
#app .seven-row{display:flex;align-items:center;gap:8px;padding:4px 10px;background:#fffdf6;border:1px solid #d6c59d;border-left:5px solid #5aa9e6;border-radius:9px;min-height:0}
#app .seven-row>div{flex:1;min-width:0}
#app .seven-row.seven-bonus{border-left-color:#e0a21b;background:#fff6dc}
#app .seven-row:last-child{border-left-color:#9b5de5;background:#f7f0ff}
#app .seven-row h3{font-size:clamp(12px,1.5vw,16px)}
#app .seven-row .seven-reward{font-size:12px}
#app .seven-row .seven-reward b{color:#1f6fb2}
#app .seven-row button{flex:0 0 auto;width:clamp(72px,11vw,120px);padding:5px}
#app .seven-row.ready button{background:#f5c542;border-color:#94700c;color:#30230e;font-weight:700}

/* 七日挑戰四卡採兩欄，獎勵固定顯示，不設內捲動。 */
#app .seven-heading,#app .seven-footer,#app .seven-grand{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;flex:none}
#app .seven-list{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}
#app .seven-row{padding:4px 6px;gap:4px}
#app .seven-row:last-child{border-left-color:#5aa9e6;background:#fffdf6}
#app .seven-row h3{font-size:clamp(11px,1.4vw,15px)}
#app .seven-row button{width:auto;max-width:90px;font-size:11px}
#app .seven-footer,#app .seven-grand{background:#fff1c8;border:1px solid #ba9440;border-radius:7px;padding:4px 6px}
#app .seven-grand small{display:block;font-size:10px}
#app .seven-note:empty{display:none}
#app .seven-note{font-size:11px}
/* 10-23 完美達標：每卡第二行金色進度；第七天黑金車＋旗艦基地雙獎勵卡並排 */
#app .seven-perfect{display:block;font-size:11px;color:#8a6a12;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#app .seven-perfect.is-done{color:#b8860b;font-weight:700}
#app .seven-grands{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;flex:none}
#app .seven-grands .seven-grand{min-width:0}
#app .seven-grand-base{background:#fdf3d0;border-color:#b8860b}
@media(max-height:450px){#app .seven-perfect{font-size:9px}}
@media(max-height:450px){#app .seven-panel{gap:2px}#app .seven-heading,#app .seven-footer,#app .seven-grand{font-size:10px;padding:2px}#app .seven-row h3,#app .seven-row .seven-reward{font-size:10px}#app .seven-panel button{padding:2px}#app .seven-grands{gap:3px}#app .seven-grand small{display:none}#app .seven-grand button{white-space:nowrap}}

/* 10-23 任務中心照設計稿：左欄專屬圖示＋金色選中＋紅點；中欄橫幅；右側獎勵欄（main／seven 不變） */
body[data-ui-version="3"] #app .quest-template-v2 .qc-tabs button::before{display:none!important}
body[data-ui-version="3"] #app .quest-template-v2 .qc-tabs button{position:relative!important}
body[data-ui-version="3"] #app .quest-template-v2 .qc-tabs .qt-ico{font-style:normal;font-size:22px;line-height:1;flex:none;width:30px;text-align:center}
body[data-ui-version="3"] #app .quest-template-v2 .qc-tabs button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body[data-ui-version="3"] #app .quest-template-v2 .qc-tabs .qt-dot{position:absolute;top:5px;right:6px;width:10px;height:10px;border-radius:50%;background:#e03131;border:2px solid #fff}
body[data-ui-version="3"] #app .quest-template-v2 .qc-tabs button:nth-child(n)[aria-selected="true"]{background:linear-gradient(#ffe9a8,#f5c542)!important;color:#30230e!important;border-color:#b8860b!important;font-weight:700}
body[data-ui-version="3"] #app .quest-template-v2 .qc-banner{margin:0 0 12px;padding:12px 16px;border-radius:16px;background:linear-gradient(115deg,#2e5f9e,#5aa9e6 62%,#8fd0ff);overflow:hidden;flex:none}
body[data-ui-version="3"] #app .quest-template-v2 .qc-banner h3{margin:0!important;font-size:18px!important;color:#fff!important}
body[data-ui-version="3"] #app .quest-template-v2 .qc-banner p{margin:2px 0 0!important;font-size:12px!important;color:#eaf4ff!important}
body[data-ui-version="3"] #app [data-home-panel="quests"].quest-template-v2:not([data-quest-tab="main"]):not([data-quest-tab="seven"]){grid-template-columns:160px minmax(0,1fr) 220px!important}
body[data-ui-version="3"] #app .quest-template-v2:not([data-quest-tab="main"]):not([data-quest-tab="seven"])>.qc-guide{display:none!important}
body[data-ui-version="3"] #app .quest-template-v2:not([data-quest-tab="main"]):not([data-quest-tab="seven"])>.qc-extra{grid-column:2!important}
body[data-ui-version="3"] #app .quest-template-v2>.qc-side{grid-column:3!important;grid-row:1!important;min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:10px}
body[data-ui-version="3"] #app .quest-template-v2>.qc-side[hidden]{display:none!important}
body[data-ui-version="3"] #app .quest-template-v2 .qc-side-card{background:#fffdf4!important;border:1.5px solid #e2c88f!important;border-radius:16px!important;padding:14px 12px!important;display:grid!important;justify-items:center!important;gap:8px!important;text-align:center!important}
body[data-ui-version="3"] #app .quest-template-v2 .qc-side-chest{font-style:normal;font-size:44px;line-height:1}
body[data-ui-version="3"] #app .quest-template-v2 .qc-side-card h4{margin:0!important;font-size:15px!important;color:var(--tp-ink)!important}
body[data-ui-version="3"] #app .quest-template-v2 .qc-side-card p{margin:0!important;font-size:12px!important;color:var(--tp-ink)!important}
body[data-ui-version="3"] #app .quest-template-v2 .qc-side-card .qrow-prog{width:100%}
body[data-ui-version="3"] #app .quest-template-v2 .qc-side-card .qrow-go{width:100%!important}
body[data-ui-version="3"] #app .quest-template-v2 .qc-side-card .qrow-go:disabled{background:#eee8dc!important;color:#6b6252!important;border-color:#cfc5ae!important;opacity:1!important}
@media(max-height:500px), (max-width:900px){
body[data-ui-version="3"] #app [data-home-panel="quests"].quest-template-v2:not([data-quest-tab="main"]):not([data-quest-tab="seven"]){grid-template-columns:126px minmax(0,1fr) 180px!important}
body[data-ui-version="3"] #app .quest-template-v2 .qc-tabs .qt-ico{font-size:17px;width:22px}
body[data-ui-version="3"] #app .quest-template-v2 .qc-banner{padding:8px 12px;margin:0 0 8px}
body[data-ui-version="3"] #app .quest-template-v2 .qc-banner h3{font-size:15px!important}
body[data-ui-version="3"] #app .quest-template-v2 .qc-banner p{font-size:11px!important}
body[data-ui-version="3"] #app .quest-template-v2 .qc-side-chest{font-size:34px}
body[data-ui-version="3"] #app .quest-template-v2 .qc-side-card{padding:10px 8px!important}
}
