/* 知識+ 主頁（/qa/）大改版：原版 Yahoo 知識+ 的資訊密度（橫幅廣告、搜尋列、熱門關鍵字、焦點、列表、知識報、分類、公告、名人、投票、站內數字）＋本站 Y2K 閃亮。
   疊在 /style.css、/qa/qa.css、/qa/kp.css 後面；kp.css 只借它的色票變數、名條（.tag-*）、訂閱卡（.kp-sub），首頁「知識+」那一頁照舊用 kp.css／kp.js。
   規則：主體＝暖紙色／墨紫／葡萄柚粉；珠光只放按鈕和標題列；星星只標「精選、新問題、最佳解答」；亮片只做局部（橫幅的粒子層、閒置偶爾一顆星芒）；
   圖示、徽章、星星全部同一套像素風（1 格＝2px，輪廓永遠 1 格；插畫用 2 倍＝4px 或 3 倍＝6px）。
   節拍 172 BPM＝一拍 349ms（home.js 寫進 --d）；減少動態：不加 .arm，不播、不轉、不閃。 */
.qh{
  --px-o:oklch(30% .07 320);--px-p:oklch(70% .17 355);--px-l:oklch(90% .06 355);--px-w:oklch(99% .008 45);
  --px-y:oklch(86% .15 92);--px-v:oklch(68% .15 305);--px-f:oklch(78% .14 48);--px-g:oklch(82% .11 170);
  --qh-t1:oklch(96.5% .024 352);--qh-t2:oklch(96% .022 305);--qh-t3:oklch(97% .05 92);--qh-t4:oklch(98.5% .012 45);
  --qh-edge:oklch(26% .045 335 / .34);--qh-link:oklch(46% .19 355);--qh-sub:oklch(42% .045 335);
  --qh-btn:linear-gradient(120deg,oklch(86% .1 350),oklch(97% .035 350) 40%,oklch(87% .09 308) 70%,oklch(86% .1 350));
  --qh-btn-ink:oklch(26% .05 335);--qh-cell:2px;
  position:relative;width:100%;max-width:1380px;margin:0 auto;padding:0 clamp(12px,2.6vw,36px) 72px;
}
[data-theme="night"] .qh{
  --px-o:oklch(90% .06 340);--px-p:oklch(74% .17 352);--px-l:oklch(40% .1 340);--px-w:oklch(95% .02 330);
  --px-y:oklch(88% .14 95);--px-v:oklch(72% .15 305);--px-f:oklch(76% .13 48);--px-g:oklch(80% .1 170);
  --qh-t1:oklch(22% .035 340);--qh-t2:oklch(21% .035 300);--qh-t3:oklch(24% .035 80);--qh-t4:oklch(20% .02 330);
  --qh-edge:oklch(74% .15 352 / .5);--qh-link:oklch(82% .13 350);--qh-sub:oklch(80% .03 330);
  --qh-btn:linear-gradient(120deg,oklch(34% .11 335),oklch(28% .09 300) 60%,oklch(34% .11 335));--qh-btn-ink:oklch(96% .02 330);
}
.qh *{box-sizing:border-box}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.qh a{color:inherit}
.qh [hidden]{display:none!important}

/* ---------- 像素圖示（home.js 把 data-px 換成 SVG；1 格 2px） ---------- */
.qh-px,.qh [data-px]{display:inline-block;flex:none;line-height:0;vertical-align:middle}
.qh-px svg,.qh [data-px] svg{display:block;shape-rendering:crispEdges}
.c-o{fill:var(--px-o)}.c-p{fill:var(--px-p)}.c-l{fill:var(--px-l)}.c-w{fill:var(--px-w)}.c-y{fill:var(--px-y)}.c-v{fill:var(--px-v)}.c-f{fill:var(--px-f)}.c-g{fill:var(--px-g)}

/* ---------- 共用：區塊、標題列（珠光只放在這裡跟按鈕）、按鈕 ---------- */
.qh-box{position:relative;display:block;background:var(--qh-t4);border:2px solid var(--qh-edge);border-radius:6px;overflow:visible}
.qh-bh{display:flex;align-items:center;gap:8px;margin:0;padding:6px 12px;border-radius:4px 4px 0 0;border-bottom:2px dashed var(--qh-edge);
  background:var(--kp-pearl);color:var(--qh-btn-ink);font:400 18px/1.5 "Cubic 11",var(--sans);letter-spacing:.12em}
[data-theme="night"] .qh-bh{background:var(--qh-btn);box-shadow:inset 0 -1px 0 oklch(74% .17 352 / .5),0 0 14px oklch(74% .17 352 / .22)}
.qh-btn,.qh-act{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:6px 20px;border:2px solid var(--px-o);border-radius:8px;
  background:var(--qh-btn);background-size:200% 100%;color:var(--qh-btn-ink);font:700 16px/1.4 var(--sans);letter-spacing:.14em;text-decoration:none;white-space:nowrap;
  box-shadow:0 3px 0 var(--px-o);cursor:var(--cur-hand,pointer);transition:transform .15s,box-shadow .15s,background-position .5s}
[data-theme="night"] .qh-btn,[data-theme="night"] .qh-act{box-shadow:0 0 12px oklch(74% .17 352 / .5),inset 0 0 0 1px oklch(86% .1 330 / .5)}
.qh-btn:hover,.qh-act:hover{background-position:100% 0}
.qh-btn:active,.qh-act:active{transform:translateY(3px);box-shadow:0 0 0 var(--px-o)}
.qh-btn:focus-visible,.qh-act:focus-visible,.qh a:focus-visible,.qh button:focus-visible,.qh input:focus-visible{outline:3px solid var(--pink);outline-offset:2px}
.qh-btn:disabled{cursor:not-allowed;background:var(--qh-t2);box-shadow:none;border-style:dashed;color:var(--qh-sub)}

/* ---------- 頁首：橫幅廣告 ---------- */
.qh-banner{position:relative;height:clamp(104px,13vw,148px);margin:4px 0 12px;border:2px solid var(--px-o);border-radius:8px;overflow:hidden;
  background:var(--kp-pearl);background-size:200% 100%;box-shadow:0 3px 0 var(--px-o)}
[data-theme="night"] .qh-banner{background:var(--qh-btn);box-shadow:0 0 22px oklch(74% .17 352 / .4),inset 0 0 0 1px oklch(86% .1 330 / .45)}
.qh-fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.qh-slide{all:unset;box-sizing:border-box;position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;gap:clamp(14px,3vw,40px);
  padding:0 clamp(16px,4vw,60px);color:var(--qh-btn-ink);cursor:var(--cur-hand,pointer);opacity:0;visibility:hidden;transition:opacity .45s,visibility .45s}
.qh-slide.on{opacity:1;visibility:visible}
.qh-slide:focus-visible{outline:3px solid var(--pink);outline-offset:-6px}
.qh-sl-ill{flex:none}
.qh-sl-tx b{display:block;font:900 clamp(24px,4.2vw,50px)/1.2 var(--serif);letter-spacing:.08em}
.qh-dots{position:absolute;z-index:2;left:50%;bottom:8px;transform:translateX(-50%);display:flex;gap:10px}
.qh-dots button{all:unset;box-sizing:border-box;width:22px;height:22px;display:grid;place-items:center;cursor:var(--cur-hand,pointer)}
.qh-dots button::before{content:"";width:12px;height:12px;border:2px solid var(--px-o);background:var(--px-w)}
.qh-dots button[aria-pressed="true"]::before{background:var(--px-p)}
.qh-dots button:focus-visible{outline:3px solid var(--pink)}
.qh-adtag{position:absolute;z-index:2;right:8px;top:8px;padding:0 8px;border:2px solid var(--px-o);background:var(--px-w);color:oklch(30% .07 320);font:400 13px/1.6 "Cubic 11",var(--sans);letter-spacing:.1em}

/* ---------- 頁首：搜尋列、熱門關鍵字 ---------- */
.qh-bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px 18px;padding:12px 14px;background:var(--qh-t1);border:2px solid var(--qh-edge);border-radius:6px}
.qh-logo{margin:0;font:900 clamp(34px,4vw,48px)/1 var(--serif);letter-spacing:.04em;color:var(--ink);white-space:nowrap}
.qh-logo i{font-style:normal;color:var(--qh-link)}
.qh-search{position:relative;display:flex;align-items:stretch;min-width:0;border:2px solid var(--px-o);border-radius:8px;background:var(--card);box-shadow:inset 0 2px 0 oklch(26% .045 335 / .1)}
.qh-sicon{position:absolute;left:12px;top:50%;transform:translateY(-50%)}
.qh-search input{flex:1;min-width:0;border:0;background:transparent;color:var(--ink);font:500 17px/1.4 var(--sans);padding:10px 12px 10px 48px;border-radius:6px 0 0 6px}
.qh-search input::placeholder{color:var(--qh-sub);opacity:1}
.qh-search input:focus-visible{outline:3px solid var(--pink);outline-offset:-3px}
.qh-go{border-radius:0 6px 6px 0;border-width:0 0 0 2px;box-shadow:none;min-height:48px;padding:6px 22px;font-size:17px}
[data-theme="night"] .qh-go{box-shadow:none}
.qh-go:active{transform:none}
.qh-acts{display:flex;gap:10px}
.qh-act{min-height:48px;padding:6px 18px;font-size:17px}
.qh-hot{display:flex;align-items:center;gap:10px;padding:8px 4px 4px;min-width:0}
.qh-hot-l{flex:none;padding:0 8px;border:2px solid var(--px-o);background:var(--px-y);color:oklch(26% .05 335);font:400 14px/1.7 "Cubic 11",var(--sans);letter-spacing:.1em}
.qh-kws{list-style:none;margin:0;padding:2px 2px 4px;display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;min-width:0}
.qh-kw{all:unset;box-sizing:border-box;flex:none;padding:3px 12px;border:2px dashed var(--qh-edge);border-radius:999px;background:var(--qh-t2);color:var(--ink);font:600 15px/1.5 var(--sans);cursor:var(--cur-hand,pointer);white-space:nowrap}
.qh-kw:hover{border-style:solid;border-color:var(--px-o)}
.qh-kw:focus-visible{outline:3px solid var(--pink)}
.qh-status{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:8px 0 0;padding:8px 14px;background:var(--qh-t3);border:2px dashed var(--qh-edge);border-radius:6px;font:600 16px/1.6 var(--sans);color:var(--ink)}
.qh-status a,.qh-status button{color:var(--qh-link);font-weight:700}
.qh-status button{all:unset;color:var(--qh-link);font-weight:700;text-decoration:underline;cursor:var(--cur-hand,pointer)}
.qh-status button:focus-visible{outline:3px solid var(--pink)}

/* ---------- 兩欄 ---------- */
.qh-cols{display:grid;grid-template-columns:minmax(0,1fr) clamp(300px,25vw,350px);gap:16px;margin-top:14px;align-items:start}
.qh-main,.qh-side{display:grid;gap:16px;min-width:0}

/* 本週焦點 */
.qh-focus{background:var(--qh-t1)}
.qh-focus-in{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:center;padding:16px 18px 18px}
.qh-ill{padding:10px;border:2px dashed var(--qh-edge);background:var(--qh-t2);border-radius:6px}
.qh-focus-tx h3{margin:0 0 8px;font:900 clamp(22px,2.2vw,30px)/1.35 var(--serif);letter-spacing:.03em}
.qh-focus-tx ul{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:4px;font:500 16px/1.7 var(--sans);color:var(--ink)}
.qh-focus-tx li{padding-left:16px;position:relative}
.qh-focus-tx li::before{content:"";position:absolute;left:0;top:.7em;width:6px;height:6px;background:var(--px-p);border:2px solid var(--px-o);box-sizing:content-box;margin:-2px 0 0 -2px}
.qh-focus-tx li b{color:var(--qh-link);font-weight:900}

/* 問題列表（頁籤＋列） */
.qh-listbox{background:var(--qh-t4)}
.qh-peek{position:absolute;right:clamp(14px,4vw,52px);bottom:calc(100% - 2px);height:74px;width:96px;overflow:hidden;pointer-events:none;z-index:0}
.qh-peek svg{display:block}
.qh-tabs{display:flex;gap:6px;padding:8px 10px 0;background:var(--kp-pearl);border-bottom:2px dashed var(--qh-edge);border-radius:4px 4px 0 0;position:relative;z-index:1}
[data-theme="night"] .qh-tabs{background:var(--qh-btn)}
.qh-tabs button{all:unset;box-sizing:border-box;padding:6px 18px 7px;border:2px solid transparent;border-bottom:0;border-radius:8px 8px 0 0;cursor:var(--cur-hand,pointer);
  font:400 18px/1.5 "Cubic 11",var(--sans);letter-spacing:.12em;color:var(--qh-btn-ink)}
.qh-tabs button[aria-selected="true"]{background:var(--qh-t4);border-color:var(--qh-edge);color:var(--ink);margin-bottom:-2px;padding-bottom:9px}
.qh-tabs button:not([aria-selected="true"]):hover{background:oklch(100% 0 0 / .4)}
.qh-tabs button:focus-visible{outline:3px solid var(--pink);outline-offset:-3px}
.qh-list{list-style:none;margin:0;padding:0 6px}
.qh-row[hidden]{display:none}
.qh-row+.qh-row{border-top:2px dashed var(--qh-edge)}
.qh-q{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:2px 12px;align-items:center;padding:12px 8px;color:inherit;text-decoration:none;cursor:var(--cur-hand,pointer)}
.qh-q:hover{background:var(--qh-t1)}
.qh-body{min-width:0;display:grid;gap:3px}
.qh-rc{font:700 14px/1.4 var(--sans);letter-spacing:.06em;color:var(--qh-link)}
.qh-t{display:flex;align-items:flex-start;gap:6px;max-width:100%;font:700 clamp(16px,1.4vw,18px)/1.55 var(--sans);letter-spacing:.02em;color:var(--ink)}
.qh-t .qh-px{margin-top:3px}
.qh-q:hover .qh-t{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;text-decoration-color:var(--pink)}
.qh-meta{display:flex;flex-wrap:wrap;align-items:center;gap:2px 10px;font:500 13.5px/1.6 var(--sans);color:var(--qh-sub)}
.qh-meta time{font:500 13.5px/1.6 var(--sans)}
.qh-meta .tag-name{font-size:13px;line-height:1.6}.qh-meta .tag-lv{font-size:11.5px}
.qh-photo{flex:none;width:34px;height:34px;border-radius:50%;object-fit:cover;background:var(--bg2);display:block}
.qh-stamp{justify-self:end;display:inline-block;padding:1px 10px;font:400 15px/1.6 "Cubic 11",var(--sans);letter-spacing:.1em;white-space:nowrap;border-radius:6px}
.qh-stamp.ok{color:var(--qh-btn-ink);background:var(--kp-pearl);border:2px solid var(--px-o);transform:rotate(-5deg)}
[data-theme="night"] .qh-stamp.ok{background:var(--qh-btn);box-shadow:0 0 10px oklch(74% .17 352 / .5)}
.qh-stamp.wait{color:var(--qh-sub);border:2px dashed var(--qh-edge)}
.qh-none{margin:0;padding:24px 10px;text-align:center;color:var(--qh-sub);letter-spacing:.06em}

/* 知識報 */
.qh-news{background:var(--qh-t2)}
.qh-issues{list-style:none;margin:0;padding:6px 8px}
.qh-issues li+li{border-top:2px dashed var(--qh-edge)}
.qh-issues a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"iss ttl dt" "sum sum sum";gap:4px 12px;align-items:center;padding:10px 6px;text-decoration:none}
.qh-iss{grid-area:iss;padding:0 8px;border:2px solid var(--px-o);background:var(--px-y);color:oklch(26% .05 335);font:400 14px/1.7 "Cubic 11",var(--sans);letter-spacing:.08em}
.qh-issues time{grid-area:dt;justify-self:end;white-space:nowrap;font:500 14px/1.6 var(--sans);color:var(--qh-sub)}
.qh-issues b{grid-area:ttl;min-width:0;font:900 18px/1.5 var(--serif);letter-spacing:.03em;color:var(--ink)}
.qh-sum{grid-area:sum;font:500 15px/1.7 var(--sans);color:var(--qh-sub)}

/* 知識分類 */
.qh-catbox{background:var(--qh-t3)}
.qh-cats{list-style:none;margin:0;padding:10px 12px 14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 14px}
.qh-catb{all:unset;box-sizing:border-box;width:100%;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:8px 10px;border:2px dashed var(--qh-edge);border-radius:6px;background:var(--qh-t4);cursor:var(--cur-hand,pointer)}
.qh-catb .qh-px{grid-row:1/3}
.qh-catb b{font:700 16px/1.4 var(--sans);color:var(--ink);overflow-wrap:anywhere}
.qh-catb small{font:500 13.5px/1.4 var(--sans);color:var(--qh-sub)}
.qh-catb:hover{border-style:solid;border-color:var(--px-o)}
.qh-catb[aria-pressed="true"]{border-style:solid;border-color:var(--px-o);background:var(--qh-t1)}
.qh-catb:focus-visible{outline:3px solid var(--pink)}
.qh-cat.empty .qh-catb{cursor:default}

/* 站內公告（便條紙） */
.qh-note{background:var(--qh-t3);margin-top:8px}
.qh-note .qh-bh{border-radius:3px 3px 0 0}
.qh-tape{position:absolute;left:50%;top:-12px;width:74px;height:20px;margin-left:-37px;transform:rotate(2deg);background:var(--kp-pearl);border:2px solid var(--px-o);opacity:.92;z-index:2}
[data-theme="night"] .qh-tape{background:var(--qh-btn)}
.qh-notes{list-style:none;margin:0;padding:8px 14px 12px;display:grid;gap:8px;font:500 15px/1.7 var(--sans);color:var(--ink)}
.qh-notes li+li{border-top:2px dashed var(--qh-edge);padding-top:8px}
.qh-notes time{display:inline-block;margin-right:.6em;padding:0 6px;background:var(--px-p);color:oklch(18% .04 330);font:700 13px/1.7 var(--sans);letter-spacing:.04em}

/* 知識名人（1–3 名閃亮圓底數字；之後排行榜沿用） */
.qh-fame{background:var(--qh-t1)}
.qh-folks{list-style:none;margin:0;padding:6px 10px;display:grid}
.qh-folks li{display:grid;grid-template-columns:30px 34px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 2px}
.qh-folks li+li{border-top:2px dashed var(--qh-edge)}
.qh-rank{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:2px solid var(--px-o);background:var(--kp-pearl);color:var(--qh-btn-ink);font:900 17px/1 var(--latin);font-variant-numeric:tabular-nums}
[data-theme="night"] .qh-rank{background:var(--qh-btn);box-shadow:0 0 10px oklch(74% .17 352 / .6)}
.qh-rank.r1{background:radial-gradient(circle at 35% 30%,oklch(98% .06 95),oklch(86% .15 92) 55%,oklch(78% .15 80))}
.qh-rank.r2{background:radial-gradient(circle at 35% 30%,oklch(99% .01 250),oklch(88% .02 280) 55%,oklch(78% .03 290))}
.qh-rank.r3{background:radial-gradient(circle at 35% 30%,oklch(95% .06 55),oklch(80% .1 50) 55%,oklch(70% .1 45))}
[data-theme="night"] .qh-rank.r1,[data-theme="night"] .qh-rank.r2,[data-theme="night"] .qh-rank.r3{color:oklch(20% .04 330)}
.qh-rank.dim{background:var(--qh-t2);box-shadow:none;border-style:dashed;color:var(--qh-sub)}
[data-theme="night"] .qh-rank.dim{background:var(--qh-t2);box-shadow:none}
.qh-who{display:flex;flex-wrap:wrap;align-items:center;gap:3px 8px;min-width:0}
.qh-who small{flex-basis:100%;font:500 13.5px/1.5 var(--sans);color:var(--qh-sub)}
.qh-who .tag-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:14px}
.qh-folks .lb-cnt{font:600 13px/1.4 var(--sans);color:var(--qh-sub);text-align:right;white-space:nowrap}
.qh-folks .lb-cnt b{font:900 17px/1 var(--latin);color:var(--ink);margin-right:.15em}
.qh-folks .av{width:34px;height:34px}
.qh-fine{margin:0;padding:6px 14px 12px;font:500 14px/1.6 var(--sans);color:var(--qh-sub)}
.qh-lbmore{padding:0 0 4px}
.qh-lbmore .lb-howto{margin:0 14px 8px;font:500 13.5px/1.7 var(--sans);color:var(--qh-sub)}
.qh-lbmore .lb-howto a{color:var(--qh-link);font-weight:700}
.qh-lbmore .lb-howto code{padding:0 .4em;background:var(--pink-soft);color:var(--ink);white-space:nowrap}
.qh-lbmore .kp-tiers{color:var(--qh-sub)}.qh-lbmore .kp-tiers summary{color:var(--qh-link)}

/* 招租小格 */
.qh-rent{display:flex;align-items:center;gap:14px;padding:10px 16px;text-decoration:none;background:var(--qh-t3);border-style:dashed}
.qh-rent:hover{border-style:solid;border-color:var(--px-o)}
.qh-rent-tx b{display:block;font:900 20px/1.3 var(--serif);letter-spacing:.06em;color:var(--ink)}
.qh-rent-tx small{font:500 14.5px/1.5 var(--sans);color:var(--qh-sub)}

/* 本週投票 */
.qh-poll{background:var(--qh-t2)}
.qh-pollin{border:0;margin:0;padding:8px 14px 4px;min-width:0}
.qh-pollin legend{padding:0;margin:0 0 6px;font:900 17px/1.5 var(--serif);color:var(--ink)}
.qh-pollin label{display:flex;align-items:flex-start;gap:8px;padding:5px 0;font:500 15px/1.6 var(--sans);color:var(--ink)}
.qh-pollin input{appearance:none;flex:none;width:16px;height:16px;margin:5px 0 0;border:2px solid var(--px-o);background:var(--qh-t4);border-radius:0}
.qh-vote{margin:6px 14px 14px;width:calc(100% - 28px)}

/* ---------- 頁尾：數字條、每日知識籤 ---------- */
.qh-foot{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:16px;margin-top:16px;align-items:stretch}
.qh-stats{display:flex;flex-wrap:wrap;align-items:center;gap:8px 8px;padding:10px 14px;background:var(--qh-t3);border:2px solid var(--qh-edge);border-radius:6px}
.qh-stats dl{margin:0;flex:1 1 90px;min-width:90px;padding:4px 10px;border-left:2px dashed var(--qh-edge)}
.qh-stats dl:first-child{border-left:0}
.qh-stats dt{font:500 14px/1.5 var(--sans);color:var(--qh-sub)}
.qh-stats dd{margin:0;font:900 28px/1.2 var(--latin);color:var(--ink);font-variant-numeric:tabular-nums}
.qh-asof{flex-basis:100%;margin:0;font:500 13.5px/1.5 var(--sans);color:var(--qh-sub);text-align:right}
.qh-tip{background:var(--qh-t1);border:2px solid var(--qh-edge);border-radius:6px;display:flex;flex-direction:column}
.qh-tip-in{flex:1;display:flex;align-items:center;gap:14px;padding:10px 14px}
.qh-tip-tx{flex:1;margin:0;font:700 17px/1.7 var(--serif);color:var(--ink)}

/* 右下角固定小框 */
.qh-counter{position:fixed;right:10px;bottom:10px;z-index:30;display:flex;flex-direction:column;gap:1px;padding:6px 12px;border:2px solid var(--px-o);border-radius:6px;background:var(--qh-t3,var(--card));color:var(--ink);
  font:500 13px/1.5 var(--sans);box-shadow:0 3px 0 var(--px-o);pointer-events:none}
.qh-counter{--px-o:oklch(30% .07 320);--qh-t3:oklch(97% .05 92)}
[data-theme="night"] .qh-counter{--px-o:oklch(90% .06 340);--qh-t3:oklch(24% .035 80);box-shadow:0 0 10px oklch(74% .17 352 / .45)}
.qh-counter b{font:400 13px/1.5 "Cubic 11",var(--sans);letter-spacing:.06em}
.qh-counter span{color:var(--muted)}
.qh-counter.on span{color:var(--ink)}
.qh-counter-in{display:none}
@media (max-width:640px){
  .qh-counter:not(.qh-counter-in){display:none}
  .qh-counter-in{display:flex;position:static;flex-basis:100%;order:9;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:2px 12px;padding:4px 8px;border:2px dashed var(--qh-edge);border-radius:6px;background:transparent;box-shadow:none;pointer-events:auto}
  .qh-asof{order:10}
}

/* 閒置偶爾一顆星芒（6–10 秒、同時最多一顆） */
.qh-spark{position:absolute;z-index:5;pointer-events:none;line-height:0;animation:qh-spark 1.3s steps(7,end) both}
@keyframes qh-spark{0%{transform:scale(0) rotate(0)}45%{transform:scale(1.15) rotate(45deg)}100%{transform:scale(0) rotate(90deg)}}
[data-theme="night"] .qh-spark{filter:drop-shadow(0 0 5px var(--px-p))}

/* ---------- 進場（沿用核准規格：一拍一項；有 .arm 才藏，.kgo 開始；時間由 JS 寫進 --d） ---------- */
.qh.arm [data-step]:not(.nopl){opacity:0}
.qh.arm.kgo [data-step]:not(.nopl){animation:qh-box .5s var(--ease) both;animation-delay:var(--d,0ms)}
@keyframes qh-box{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.qh.arm .qh-row{opacity:0}
.qh.arm.kgo .qh-row.fly{animation:qh-slide .5s var(--ease) both;animation-delay:var(--d,0ms)}
.qh.arm.kgo .qh-row:not(.fly){opacity:1}
@keyframes qh-slide{from{opacity:0;transform:translateX(70px)}to{opacity:1;transform:none}}
.qh.arm .qh-peek svg{transform:translateY(100%)}
.qh.arm.kgo .qh-peek svg{animation:qh-peek .7s cubic-bezier(.3,1.4,.5,1) both;animation-delay:var(--dpeek,1400ms)}
@keyframes qh-peek{from{transform:translateY(100%)}to{transform:none}}

/* ---------- 手機：一欄；順序 頁首→本週焦點→問題列表→知識報→公告→名人→投票→分類→廣告→頁尾 ---------- */
@media (max-width:1000px){
  .qh-bar{grid-template-columns:minmax(0,1fr) auto}
  .qh-logo{grid-column:1/-1}
  .qh-search{grid-column:1/-1}
  .qh-acts{grid-column:1/-1}
  .qh-acts .qh-act{flex:1}
  .qh-cols{display:flex;flex-direction:column;gap:16px}
  .qh-main,.qh-side{display:contents}
  .qh-focus{order:1}.qh-listbox{order:2}.qh-news{order:3}.qh-note{order:4}.qh-fame{order:5}.qh-poll{order:6}.qh-catbox{order:7}.qh-rent{order:8}
  .qh-focus-in{grid-template-columns:minmax(0,1fr)}
  .qh-ill{justify-self:start}
  .qh-cats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .qh-foot{grid-template-columns:minmax(0,1fr)}
  .qh-note{margin-top:10px}
}
@media (max-width:560px){
  .qh{padding-bottom:64px}
  .qh-logo{font-size:36px}
  .qh-hot{padding-inline:0}
  .qh-q{grid-template-columns:34px minmax(0,1fr);}
  .qh-stamp{grid-column:2;justify-self:start}
  .qh-issues a{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"iss ttl ttl" "sum sum dt"}
  .qh-issues time{align-self:end}
  .qh-tip-in{flex-direction:column;align-items:stretch}
  .qh-folks li{grid-template-columns:30px 34px minmax(0,1fr)}
  .qh-folks .lb-cnt{grid-column:3;text-align:left}
  .qh-counter{font-size:12px;padding:4px 10px;flex-direction:row;gap:8px;align-items:center}
  .qh-counter b{font-size:12px}
}
@media (prefers-reduced-motion:reduce){
  .qh *,.qh *::before,.qh *::after{animation:none!important;transition:none!important}
  .qh-spark{display:none}
}
@media (max-width:560px){
  .qh-banner{height:128px}
  .qh-slide{gap:12px;padding:0 14px 14px}
  .qh-sl-ill svg{width:54px;height:auto}
  .qh-sl-tx b{font-size:22px;letter-spacing:.04em}
  .qh-adtag{top:auto;bottom:6px;right:6px;font-size:12px}
}
/* 對比：粉底粉字的等級章（3 級）在淺底只有 3.7–4.0:1，改成較深的粉字 */
.qh .tag-lv3{color:var(--qh-link)}

/* 真題目列：動物頭像（跟 .qh-photo 同大）、「看全部題目」 */
.qh-q>.av{width:34px;height:34px}
.qh-all{margin:0;padding:10px 14px 12px;text-align:right;font-weight:700;letter-spacing:.06em}
.qh-all[hidden]{display:none}
.qh-all a{color:var(--pink)}
.av-photo{flex:none;display:block;border-radius:50%;object-fit:cover;background:var(--bg2)}   /* qdata.js 的 avatar()：莉亞用相片 */