/* 照設計稿 105（任務中心列表）／106（離線收益）只改版面；數值全由程式依遊戲計算帶入 */

/* ---------- 任務中心：每日／每週列表 ---------- */
body[data-ui-version="3"] [data-home-panel="quests"] .qc-extra:has(>.qrow-list){display:flex;flex-direction:column;align-items:stretch;gap:10px;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:0 2px 12px;scroll-snap-type:none}
body[data-ui-version="3"] [data-home-panel="quests"] .qc-extra>.qrow-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;flex:0 0 auto}
body[data-ui-version="3"] [data-home-panel="quests"] .qrow-tabs button{min-height:44px;border:0;border-radius:14px 14px 6px 6px;background:linear-gradient(#6f7a82,#4f5961);color:#fff;font-weight:900;font-size:1rem}
body[data-ui-version="3"] [data-home-panel="quests"] .qrow-tabs button[aria-selected="true"]{background:linear-gradient(#36d3f0,#119ac9);box-shadow:0 5px 14px rgba(17,154,201,.3)}
body[data-ui-version="3"] [data-home-panel="quests"] .qc-extra>.qrow-list{display:flex;flex-direction:column;gap:9px;flex:0 0 auto;min-width:0}
body[data-ui-version="3"] [data-home-panel="quests"] .qrow{display:grid;grid-template-columns:48px minmax(0,1fr) auto auto;grid-template-areas:"icon copy rewards act";align-items:center;gap:10px;padding:10px 12px;border:1px solid #dfe7ec;border-radius:16px;background:linear-gradient(#fff,#f3f6f8);box-shadow:0 4px 12px rgba(24,38,45,.08);color:#263a46;min-width:0}
body[data-ui-version="3"] [data-home-panel="quests"] .qrow.ready{border-color:#e9c45a;background:linear-gradient(#fffbea,#fff3c9)}
body[data-ui-version="3"] [data-home-panel="quests"] .qrow.done{opacity:.85}
body[data-ui-version="3"] [data-home-panel="quests"] .qrow.soon{opacity:.6}
body[data-ui-version="3"] [data-home-panel="quests"] .qrow-icon{grid-area:icon;display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#e6edf1;font-size:1.5rem}
body[data-ui-version="3"] [data-home-panel="quests"] .qrow-copy{grid-area:copy;min-width:0}
body[data-ui-version="3"] [data-home-panel="quests"] .qrow-copy h4{margin:0;color:#1f2f3a!important;font-size:1rem;font-weight:950;overflow-wrap:anywhere}
body[data-ui-version="3"] [data-home-panel="quests"] .qrow-copy p{margin:2px 0 5px;color:#5d6f7a!important;font-size:.76rem;line-height:1.35}
body[data-ui-version="3"] [data-home-panel="quests"] .qrow-copy small{display:block;margin-top:3px;color:#8a6a12!important;font-size:.72rem}
body[data-ui-version="3"] [data-home-panel="quests"] .qrow-prog{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}
body[data-ui-version="3"] [data-home-panel="quests"] .qrow-bar{display:block;height:10px;border-radius:99px;background:#dce3e7;overflow:hidden}
body[data-ui-version="3"] [data-home-panel="quests"] .qrow-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3fe0f5,#14a6d2)}
body[data-ui-version="3"] [data-home-panel="quests"] .qrow-num{color:#33454f;font-size:.78rem;font-weight:900;white-space:nowrap}
body[data-ui-version="3"] [data-home-panel="quests"] .qrow-rewards{grid-area:rewards;display:flex;gap:5px;min-width:0}
body[data-ui-version="3"] [data-home-panel="quests"] .qrow-chip{display:grid;justify-items:center;gap:2px;min-width:62px;max-width:120px;padding:6px 6px 5px;border:1px solid #cfd8dd;border-radius:11px;background:linear-gradient(#f4f6f7,#dfe5e8);text-align:center}
body[data-ui-version="3"] [data-home-panel="quests"] .qrow-chip i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe98a,#e2a91c);color:#6a4500;font-style:normal;font-weight:950;font-size:.9rem}
body[data-ui-version="3"] [data-home-panel="quests"] .qrow-chip b{color:#26343c;font-size:.68rem;line-height:1.2;overflow-wrap:anywhere}
body[data-ui-version="3"] [data-home-panel="quests"] .qrow-go{grid-area:act;min-width:76px;min-height:44px;padding:8px 14px;border:0;border-radius:99px;background:linear-gradient(#5e7487,#3e5162);color:#fff;font-weight:900;font-size:.95rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
body[data-ui-version="3"] [data-home-panel="quests"] .qrow-go.claim{background:linear-gradient(#ffe27a,#e5ad21);color:#4a3000}
body[data-ui-version="3"] [data-home-panel="quests"] .qrow-done{grid-area:act;color:#2f9a58;font-weight:900;font-size:.85rem;white-space:nowrap}
body[data-ui-version="3"] [data-home-panel="quests"] .qrow-empty{margin:0;padding:22px 12px;border-radius:16px;background:#f5f9fa;color:#5d6f7a;text-align:center}
@media(max-width:640px){
  body[data-ui-version="3"] [data-home-panel="quests"] .qrow{grid-template-columns:42px minmax(0,1fr) auto;grid-template-areas:"icon copy act" "icon rewards act";gap:6px 9px;padding:9px 10px}
  body[data-ui-version="3"] [data-home-panel="quests"] .qrow-icon{width:42px;height:42px;font-size:1.3rem;align-self:start}
  body[data-ui-version="3"] [data-home-panel="quests"] .qrow-chip{grid-template-columns:22px auto;justify-items:start;align-items:center;min-width:0;max-width:none;padding:3px 8px 3px 4px;border-radius:99px}
  body[data-ui-version="3"] [data-home-panel="quests"] .qrow-chip i{width:22px;height:22px;font-size:.72rem}
  body[data-ui-version="3"] [data-home-panel="quests"] .qrow-go{min-width:64px;padding:8px 10px;font-size:.88rem}
}

/* ---------- 離線收益 ---------- */
body[data-ui-version="3"] .offline-board{overflow:auto;overscroll-behavior:contain}
body[data-ui-version="3"] .offline-board>.offline-summary{position:relative;grid-template-columns:minmax(0,1fr) 40%;padding:18px 20px;background:linear-gradient(120deg,rgba(255,255,255,.96),rgba(233,246,255,.94) 60%,rgba(255,244,208,.94))}
body[data-ui-version="3"] .offline-summary-copy>small{display:block;color:#5a6b78;font-size:.9rem;font-weight:900;letter-spacing:0}
body[data-ui-version="3"] .offline-summary-copy>h3{display:inline-flex;align-items:center;gap:8px;margin:0 0 10px;padding:6px 16px;border-radius:99px;background:linear-gradient(#24418f,#172a63);color:#fff!important;font-size:1.25rem}
body[data-ui-version="3"] .offline-summary-copy>h3::before{content:"Zz";font-size:.85rem;color:#9fd6ff}
body[data-ui-version="3"] .offline-summary .offline-duration{display:block;color:#16212b;font-size:2.4rem;font-weight:950;line-height:1.1}
body[data-ui-version="3"] .offline-summary-copy>p{margin:8px 0 0;color:#38505f;font-size:.95rem;font-weight:800}
body[data-ui-version="3"] .offline-board .offline-companions{border-bottom:0;border-radius:0}
body[data-ui-version="3"] .offline-bubble{position:absolute;z-index:2;top:-4px;right:0;max-width:72%;margin:0;padding:8px 12px;border:1px solid #d7e1e8;border-radius:14px;background:#fff;color:#22313b!important;font-size:.8rem!important;font-weight:800;line-height:1.4;box-shadow:0 4px 12px rgba(24,38,45,.12)}
body[data-ui-version="3"] .offline-board .offline-reward-grid{flex:0 0 auto;overflow:visible;grid-template-columns:repeat(3,minmax(0,1fr))}
body[data-ui-version="3"] .offline-board .offline-reward-grid>section.offline-cat{display:block;padding:12px 14px;border:1px solid #e4dcc0;border-radius:18px;background:linear-gradient(#fffefa,#fbf5e4)}
body[data-ui-version="3"] .offline-cat>h4{display:flex;align-items:center;gap:8px;margin:0 0 10px!important;color:#22313b;font-size:1.05rem;font-weight:950}
body[data-ui-version="3"] .offline-cat>h4>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe590,#d99b18);font-size:1rem}
body[data-ui-version="3"] .offline-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:8px}
body[data-ui-version="3"] .offline-items>p{grid-column:1/-1;margin:0;color:#6c7a83;font-size:.85rem}
body[data-ui-version="3"] .offline-item{display:grid;justify-items:center;gap:2px;min-width:0;text-align:center}
body[data-ui-version="3"] .offline-item>.inv-art{width:44px;height:44px;object-fit:contain}
body[data-ui-version="3"] .offline-dot{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#e9eef1;color:#4b6170;font-style:normal;font-size:1.3rem}
body[data-ui-version="3"] .offline-item>b{color:#1d2a33;font-size:.95rem;font-weight:950}
body[data-ui-version="3"] .offline-item>small{color:#6c7a83;font-size:.68rem;line-height:1.2;overflow-wrap:anywhere}
body[data-ui-version="3"] .offline-board>footer{display:grid;justify-items:center;gap:6px;background:transparent}
body[data-ui-version="3"] .offline-board>footer .offline-collect{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:min(420px,100%);min-height:60px;margin:0;border:2px solid #fff3c4;border-radius:99px;background:linear-gradient(#ffe89a,#f2bd3d 55%,#e3a21f);color:#3a2604;font-size:1.35rem;font-weight:950;box-shadow:0 8px 20px rgba(160,110,10,.3)}
body[data-ui-version="3"] .offline-board>footer>p{margin:0;color:#4c5f6b;font-size:.78rem}
body[data-ui-version="3"] .offline-links{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
body[data-ui-version="3"] .offline-board>footer .offline-links button{min-height:40px;padding:8px 14px;margin:0;background:#e8eff3;color:#2c4252;font-size:.85rem}
@media(max-width:899px){
  body[data-ui-version="3"] .offline-board .offline-reward-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  body[data-ui-version="3"] .offline-board>.offline-summary{grid-template-columns:minmax(0,1fr) 112px;padding:14px}
  body[data-ui-version="3"] .offline-summary .offline-duration{font-size:1.8rem}
  body[data-ui-version="3"] .offline-summary-copy>p{font-size:.82rem}
  body[data-ui-version="3"] .offline-board .offline-companions{height:130px}
  body[data-ui-version="3"] .offline-bubble{display:none}
  body[data-ui-version="3"] .offline-items{grid-template-columns:repeat(auto-fill,minmax(60px,1fr))}
}