/* =====================================================================
   270C 鑲金招募令 — Kit/css/cat_quest.css（只給 page/Quest.php；由 index.php 在 $PAGE === 'Quest' 時於 <head> 載入，在 cat.css 之後）
   取代舊 Quest.php 內嵌 150 行 <style>（.quest-card／.trial-scroll-*／.trial-detail-*）。
   段落：§1 BOSS 列寬度上限 → §2 卷軸提示卡 .gs-qscroll（.gs-notice 變體）→ §3 詳細說明摺疊區
   紀律：gs- 前綴；不使用 important 旗標；主題色走 token。
   ===================================================================== */

/* ---------- §1 BOSS 列：平板 2 欄時每張仍不超過 304px（02～04 現圖 304×150，放大會糊） ---------- */
@media(max-width:991px) and (min-width:768px){
  .gs-cat--quest .gs-bossrow{grid-template-columns:repeat(2,minmax(0,304px));justify-content:center}
}

/* ---------- §2 卷軸提示卡 .gs-notice.gs-qscroll（一頁一色：兩張都用金，不再混第二種主題色） ---------- */
.gs-qscroll{--gs-q:var(--gs-gold-hi);display:grid;grid-template-columns:60px 1fr;gap:20px;align-items:start;margin-top:20px;padding:22px 24px 20px 28px}
.gs-qscroll__ic{position:relative;display:grid;place-items:center;width:60px;height:60px;border:1px solid var(--gs-gold);border-radius:50%;
  background:radial-gradient(circle,rgba(20,25,37,.9) 55%,rgba(7,8,13,.95));box-shadow:inset 0 0 0 4px rgba(7,8,13,.9),inset 0 0 0 5px rgba(136,95,54,.6),0 0 14px var(--gs-q)}
.gs-qscroll__ic>i{font-size:24px;color:transparent;background:var(--gs-gold-grad);-webkit-background-clip:text;background-clip:text}
.gs-qscroll__body{min-width:0}
.gs-qscroll__head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.gs-qscroll .gs-qscroll__head .gs-notice__t{margin:0;font-size:18px;letter-spacing:.08em}
.gs-qscroll p{line-height:1.8}
.gs-qscroll strong{color:var(--gs-gold-hi);font-weight:700}
.gs-qscroll__lv{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.gs-qscroll__lv .gs-tag{font-family:Oswald,"Noto Sans TC","Microsoft JhengHei","PingFang TC",sans-serif;font-size:13px;letter-spacing:.06em;color:var(--gs-gold-hi)}
.gs-qscroll__act{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px}
.gs-qscroll__act .gs-btn i{font-size:.95em}
.gs-qscroll__tg{color:var(--gs-q);border-color:transparent}
.gs-qscroll__tg:hover{color:var(--gs-cream);border-color:var(--gs-frame-dim)}
.gs-qscroll__chev{font-size:10px;transition:transform .3s ease}
.gs-qscroll__tg[aria-expanded=true] .gs-qscroll__chev{transform:rotate(180deg)}
.gs-qscroll .gs-qscroll__note{margin-top:14px;padding-top:10px;border-top:1px dashed rgba(186,147,105,.3);font-size:13px;color:var(--gs-muted)}
.gs-qscroll__note i{color:var(--gs-q);margin-right:6px}

/* ---------- §3 詳細說明摺疊區（Bootstrap collapse #trialDetailCollapse／#lizardDetailCollapse） ---------- */
.gs-qscroll__detail{margin-top:12px;padding:16px 18px;background:rgba(7,8,13,.55);border:1px solid rgba(136,95,54,.45);box-shadow:inset 0 0 18px rgba(0,0,0,.5);font-size:14px;color:var(--gs-cream-85);line-height:1.8}
.gs-qscroll__detail h4{display:flex;align-items:center;gap:8px;margin:18px 0 8px;font-family:"Noto Serif TC",serif;font-weight:700;font-size:15px;letter-spacing:.08em;color:var(--gs-gold-hi)}
.gs-qscroll__detail h4:first-child{margin-top:0}
.gs-qscroll__detail h4 i{font-size:13px;color:var(--gs-q)}
.gs-qscroll__detail p{margin:0 0 8px;font-size:14px}
.gs-qscroll__detail p:last-child{margin-bottom:0}
.gs-qscroll__detail ul{margin:6px 0 0;padding-left:22px}
.gs-qscroll__detail li{margin-bottom:2px}
.gs-qscroll__detail li::marker{color:var(--gs-gold)}
.gs-qscroll__req{margin:8px 0;padding:10px 14px;border-left:2px solid var(--gs-gold);background:rgba(209,157,75,.06)}
.gs-qscroll__tip{margin:10px 0 0;padding:8px 12px;border:1px solid rgba(209,157,75,.35);background:rgba(209,157,75,.08);color:var(--gs-cream-85);font-size:13.5px}
.gs-qscroll__tip i{color:var(--gs-gold-hi);margin-right:6px}

@media(max-width:575px){
  .gs-qscroll{grid-template-columns:1fr;gap:12px;padding:20px 16px 18px 20px}
  .gs-qscroll__ic{width:48px;height:48px}
  .gs-qscroll__ic>i{font-size:19px}
  .gs-qscroll .gs-qscroll__head .gs-notice__t{font-size:16.5px}
  .gs-qscroll__act .gs-btn{flex:1 1 auto}
  .gs-qscroll__detail{padding:14px 14px}
  .gs-qscroll__detail ul{padding-left:18px}
}