/* ═══════════════════════════════════════════════════════════════════════
   潛能開發專區・IGNITE 共用樣式 pd.css（接在 /rex/hub/hub.css 與 /assets/kit/yejin.css 之後）
   顏色一律走 --k-* token（深淺自動切）；每本書的點綴色走 --pd-acc（body[data-book]）。
   ═══════════════════════════════════════════════════════════════════════ */
html.kit{--pd-acc:var(--k-gold);--pd-acc-soft:rgba(232,160,32,.14)}
html.kit [hidden]{display:none!important}
body[data-book="secret"]{--pd-acc:#E8A020;--pd-acc-soft:rgba(232,160,32,.14)}
body[data-book="power"]{--pd-acc:#E07A2E;--pd-acc-soft:rgba(224,122,46,.14)}
body[data-book="magic"]{--pd-acc:#0B8A78;--pd-acc-soft:rgba(11,138,120,.14)}
body[data-book="miracle"]{--pd-acc:#7A6FA8;--pd-acc-soft:rgba(122,111,168,.16)}
body[data-book="go"]{--pd-acc:#3F84BC;--pd-acc-soft:rgba(74,144,194,.15)}
body[data-book="attitude"]{--pd-acc:#C8423A;--pd-acc-soft:rgba(200,66,58,.13)}
body[data-book="legend"]{--pd-acc:#B8913F;--pd-acc-soft:rgba(201,164,92,.18)}
html[data-rex-theme="dark"] body[data-book="magic"]{--pd-acc:#3fc2ab}
html[data-rex-theme="dark"] body[data-book="miracle"]{--pd-acc:#a99ee0}
html[data-rex-theme="dark"] body[data-book="go"]{--pd-acc:#7fb8e6}
html[data-rex-theme="dark"] body[data-book="attitude"]{--pd-acc:#ff8f86}
html[data-rex-theme="dark"] body[data-book="power"]{--pd-acc:#f3a061}
html[data-rex-theme="dark"] body[data-book="legend"]{--pd-acc:#e3c27a}

/* ── 導覽列：橫向捲動膠囊 ── */
.pd-nav{display:flex;gap:.4rem;overflow-x:auto;scrollbar-width:none;padding:.15rem .1rem .55rem;margin:0 0 1rem;-webkit-overflow-scrolling:touch}
.pd-nav::-webkit-scrollbar{display:none}
.pd-nav a{flex:0 0 auto;display:inline-flex;align-items:center;gap:.35rem;padding:.42rem .8rem;border-radius:999px;
  border:1px solid var(--k-line);background:var(--k-card);color:var(--k-muted);font-size:.84rem;font-weight:700;text-decoration:none;white-space:nowrap}
.pd-nav a:hover{border-color:var(--k-gold);color:var(--k-hd)}
.pd-nav a.on{background:var(--k-navy);color:#f6e7c1;border-color:var(--k-navy)}
html[data-rex-theme="dark"] .pd-nav a.on{background:var(--k-navy3);color:var(--k-gold-hi);border-color:rgba(232,160,32,.55)}

/* ── 頁首橫幅（kit-hero 之上）：圖放右側完整呈現；淺色＝米白頁首＋淺色圖，深色＝深藍頁首＋深色圖 ── */
html.kit .pd-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:1.6rem;align-items:center}
html.kit .pd-hero>*{grid-column:1}
html.kit .pd-hero>.kit-hero-art{grid-column:2;grid-row:1/span 6;position:relative;right:auto;top:auto;transform:none;
  width:210px;height:210px;font-size:4.6rem;border-radius:18px;overflow:hidden;filter:none;align-self:center;
  box-shadow:0 18px 40px -22px rgba(0,0,0,.6),0 0 0 1px rgba(232,160,32,.35)}
html.kit .pd-hero>.kit-hero-art img{object-fit:cover}
html.kit .pd-hero>.kit-hero-art.art-fail,html.kit .pd-hero>.kit-hero-art:not(.art-ok){box-shadow:none;background:transparent}
html.kit .pd-hero h1{max-width:none}
html.kit .pd-hero .kit-kick .pd-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--pd-acc);margin-right:-.2rem;box-shadow:0 0 0 3px rgba(255,255,255,.08)}
/* 寬版（首頁、路徑頁）：3:2 橫幅完整放右側，左緣淡出融進頁首 */
html.kit .pd-hero.pd-wide{grid-template-columns:minmax(0,1fr) minmax(0,46%);padding-top:1.4rem;padding-bottom:1.4rem}
html.kit .pd-hero.pd-wide>.kit-hero-art{width:100%;height:auto;aspect-ratio:3/2;border-radius:14px;box-shadow:none;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 22%);mask-image:linear-gradient(90deg,transparent 0,#000 22%)}
/* 沒有圖時（emoji 後備）縮回小圖示 */
html.kit .pd-hero.pd-wide>.kit-hero-art:not(.art-ok){width:112px;height:112px;aspect-ratio:auto;justify-self:end;-webkit-mask-image:none;mask-image:none}
/* 透明徽章當頁首圖（我的成就）：不裁圓角、不加框 */
html.kit .pd-hero>.kit-hero-art[data-art^="pd-badge-"]{border-radius:50%;box-shadow:none;width:170px;height:170px}
html.kit .pd-hero>.kit-hero-art[data-art^="pd-badge-"] img{object-fit:contain}
.pd-hero .pd-hero-stats{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}
.pd-hero .pd-hs{background:rgba(255,255,255,.07);border:1px solid rgba(232,160,32,.35);border-radius:12px;padding:.45rem .75rem;color:#f6e7c1;font-size:.8rem;line-height:1.3}
.pd-hero .pd-hs b{display:block;font-family:var(--k-serif);font-size:1.25rem;color:#ffd77a;font-variant-numeric:tabular-nums}

/* 淺色主題：米白頁首（搭配 -light 圖）*/
html.kit:not([data-rex-theme="dark"]) .pd-hero{color:var(--k-text);border-color:var(--border-soft,#e6dcc6);
  background:
    repeating-linear-gradient(135deg,rgba(184,134,30,.06) 0 1px,transparent 1px 22px),
    radial-gradient(520px 300px at 90% 0%,rgba(232,160,32,.16),transparent 70%),
    linear-gradient(135deg,#fffaf0 0%,#f7efdd 55%,#efe3c8 100%);
  box-shadow:var(--k-shadow)}
html.kit:not([data-rex-theme="dark"]) .pd-hero:after{border-color:rgba(184,134,30,.18);box-shadow:0 0 0 26px rgba(232,160,32,.04),0 0 0 27px rgba(184,134,30,.10)}
html.kit:not([data-rex-theme="dark"]) .pd-hero .kit-kick{color:var(--k-gold-ink)}
html.kit:not([data-rex-theme="dark"]) .pd-hero h1{color:var(--k-navy);text-shadow:none}
html.kit:not([data-rex-theme="dark"]) .pd-hero p{color:var(--k-muted)}
html.kit:not([data-rex-theme="dark"]) .pd-hero .pd-hs{background:rgba(255,255,255,.65);border-color:rgba(184,134,30,.35);color:var(--k-muted)}
html.kit:not([data-rex-theme="dark"]) .pd-hero .pd-hs b{color:var(--k-gold-ink)}
html.kit:not([data-rex-theme="dark"]) .pd-hero>.kit-hero-art{box-shadow:0 18px 40px -26px rgba(10,35,52,.45),0 0 0 1px rgba(184,134,30,.3)}
html.kit:not([data-rex-theme="dark"]) .pd-hero.pd-wide>.kit-hero-art,
html.kit:not([data-rex-theme="dark"]) .pd-hero>.kit-hero-art[data-art^="pd-badge-"]{box-shadow:none}
/* 頁內其他寫死淺字的地方（各頁 hero 內自訂 class）在淺色頁首下改深字 */
html.kit:not([data-rex-theme="dark"]) .pd-hero [style*="color:#f6e7c1"],html.kit:not([data-rex-theme="dark"]) .pd-hero [style*="color:#fff"]{color:var(--k-hd)!important}

@media (max-width:860px){
  html.kit .pd-hero>.kit-hero-art{width:150px;height:150px}
  html.kit .pd-hero>.kit-hero-art[data-art^="pd-badge-"]{width:120px;height:120px}
}
@media (max-width:640px){
  html.kit .pd-hero{grid-template-columns:minmax(0,1fr) 92px;column-gap:.9rem;align-items:start}
  html.kit .pd-hero>.kit-hero-art{width:92px;height:92px;font-size:2.8rem;border-radius:14px;grid-row:1/span 3}
  html.kit .pd-hero>.kit-hero-art[data-art^="pd-badge-"]{width:92px;height:92px}
  html.kit .pd-hero .kit-kick{letter-spacing:.18em;line-height:1.6}
  html.kit .pd-hero p,html.kit .pd-hero .pd-hero-stats{grid-column:1/-1}
  /* 寬版手機：圖在上、文字在下 */
  html.kit .pd-hero.pd-wide{grid-template-columns:1fr;padding-top:1rem}
  html.kit .pd-hero.pd-wide>.kit-hero-art{grid-column:1;grid-row:1;width:100%;height:auto;margin-bottom:.9rem;
    -webkit-mask-image:linear-gradient(180deg,#000 70%,transparent 100%);mask-image:linear-gradient(180deg,#000 70%,transparent 100%)}
  html.kit .pd-hero.pd-wide>.kit-hero-art:not(.art-ok){width:68px;height:68px;justify-self:start}
}
@media (max-width:360px){html.kit .pd-hero:not(.pd-wide)>.kit-hero-art{display:none}html.kit .pd-hero:not(.pd-wide){grid-template-columns:1fr}}

/* ── 區塊與卡片 ── */
.pd-sec{margin:1.4rem 0}
.pd-h2{font-family:var(--k-serif);font-size:1.18rem;font-weight:900;color:var(--k-hd);margin:0 0 .7rem;display:flex;align-items:center;gap:.5rem}
.pd-h2 small{font-family:var(--k-sans);font-size:.78rem;font-weight:500;color:var(--k-soft)}
.pd-h2:before{content:"";width:4px;height:1.05em;border-radius:3px;background:var(--pd-acc)}
.pd-lead{color:var(--k-muted);font-size:.92rem;margin:-.2rem 0 .9rem}
.pd-grid{display:grid;gap:.85rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.pd-grid.two{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}
.pd-card{background:var(--k-card);border:1px solid var(--k-line);border-radius:var(--k-r);padding:1.05rem 1.1rem;box-shadow:var(--k-shadow)}
.pd-card.acc{border-top:3px solid var(--pd-acc)}
.pd-card h3{font-size:1rem;font-weight:900;color:var(--k-hd);margin:0 0 .35rem}
.pd-card p{color:var(--k-muted);font-size:.9rem;margin:.2rem 0}
.pd-muted{color:var(--k-soft);font-size:.82rem}
.pd-tip{background:var(--pd-acc-soft);border-left:3px solid var(--pd-acc);border-radius:10px;padding:.7rem .9rem;color:var(--k-text);font-size:.88rem;margin:.8rem 0}
.pd-tip b{color:var(--k-hd)}
.pd-local{display:block}
.pd-localnote{background:var(--k-warn-bg);color:var(--k-warn-ink);border-radius:10px;padding:.55rem .8rem;font-size:.84rem;margin:0 0 1rem}

/* ── 表單 ── */
.pd-field{display:block;margin:.55rem 0}
.pd-field>span{display:block;font-size:.84rem;font-weight:700;color:var(--k-hd);margin-bottom:.3rem}
.pd-in,.pd-ta,.pd-sel{width:100%;box-sizing:border-box;border:1px solid var(--k-field-line);background:var(--k-field);color:var(--k-text);
  border-radius:10px;padding:.62rem .75rem;font:inherit;font-size:.95rem;line-height:1.55}
.pd-ta{min-height:88px;resize:vertical}
.pd-in:focus,.pd-ta:focus,.pd-sel:focus{outline:2px solid var(--pd-acc);outline-offset:1px;border-color:transparent}
.pd-row{display:flex;gap:.55rem;flex-wrap:wrap;align-items:center}
.pd-row>*{flex:1 1 160px}
.pd-actions{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:.8rem}

/* 編號清單（10 件感恩、5 件事）*/
.pd-ol{list-style:none;margin:.3rem 0;padding:0;counter-reset:pd}
.pd-ol li{counter-increment:pd;display:flex;align-items:center;gap:.55rem;margin:.38rem 0}
.pd-ol li:before{content:counter(pd);flex:0 0 26px;height:26px;border-radius:50%;display:grid;place-items:center;
  background:var(--pd-acc-soft);color:var(--k-hd);font-size:.78rem;font-weight:900;font-variant-numeric:tabular-nums}
.pd-ol li .pd-in{flex:1}

/* ── 進度條與刻度 ── */
.pd-bar{height:10px;border-radius:99px;background:var(--k-card3);overflow:hidden}
.pd-bar>i{display:block;height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,var(--pd-acc),var(--k-gold-hi));transition:width .5s}
.pd-scale{display:flex;gap:.3rem;flex-wrap:wrap}
.pd-scale button{flex:1 1 34px;min-width:34px;height:40px;border-radius:10px;border:1px solid var(--k-line);background:var(--k-card);color:var(--k-text);font-weight:800;cursor:pointer}
.pd-scale button.on{background:var(--pd-acc);color:#fff;border-color:var(--pd-acc)}

/* ── 日曆格（21／28／31／90 天）── */
.pd-cal{display:grid;grid-template-columns:repeat(7,1fr);gap:.4rem}
.pd-cal .d{aspect-ratio:1;border-radius:12px;border:1px solid var(--k-line);background:var(--k-card);display:grid;place-items:center;
  font-size:.82rem;font-weight:800;color:var(--k-soft);cursor:pointer;position:relative;font-variant-numeric:tabular-nums}
.pd-cal .d.done{background:var(--pd-acc);border-color:var(--pd-acc);color:#fff}
.pd-cal .d.today{outline:2px solid var(--k-gold);outline-offset:1px;color:var(--k-hd)}
.pd-cal .d.lock{opacity:.45;cursor:default}
.pd-cal .d.done:after{content:"✓";position:absolute;right:4px;top:2px;font-size:.62rem}

/* ── 徽章 ── */
.pd-badges{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:.7rem}
.pd-badge{text-align:center;padding:.8rem .5rem;border-radius:14px;border:1px solid var(--k-line);background:var(--k-card)}
.pd-badge .ic{width:64px;height:64px;margin:0 auto .4rem;display:grid;place-items:center;font-size:2rem;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#16405b,#0a2334);border:2px solid #E8A020;box-shadow:0 6px 16px -8px rgba(232,160,32,.7)}
.pd-badge .ic img{width:100%;height:100%;object-fit:contain;border-radius:50%}
.pd-badge .ic.art-ok{width:84px;height:84px;background:none;border:0;box-shadow:0 10px 22px -12px rgba(232,160,32,.55);border-radius:50%}
.pd-badge.off .ic.art-ok{filter:grayscale(1) brightness(.85);opacity:.32;box-shadow:none}
.pd-badge b{display:block;font-size:.86rem;color:var(--k-hd)}
.pd-badge small{display:block;font-size:.72rem;color:var(--k-soft);line-height:1.4;margin-top:.15rem}
.pd-badge.off .ic{filter:grayscale(1);opacity:.35;border-color:var(--k-line);box-shadow:none}
.pd-badge.off b{color:var(--k-soft)}

/* ── 空狀態 ── */
.pd-empty{text-align:center;padding:1.4rem .8rem;color:var(--k-soft);font-size:.9rem}
.pd-empty img,.pd-empty .ic{width:140px;height:140px;margin:0 auto .5rem;display:block;font-size:3rem;line-height:140px}
.pd-empty .ic img{width:100%;height:100%;object-fit:contain}

/* ── 紀錄列表 ── */
.pd-log{list-style:none;margin:0;padding:0}
.pd-log li{border-bottom:1px dashed var(--k-line);padding:.65rem 0}
.pd-log li:last-child{border-bottom:0}
.pd-log .dt{font-size:.76rem;color:var(--k-soft);font-variant-numeric:tabular-nums}
.pd-log .tx{color:var(--k-text);font-size:.92rem;white-space:pre-wrap;word-break:break-word}

/* ── 計時器 ── */
.pd-timer{position:relative;width:210px;max-width:100%;margin:.4rem auto;text-align:center}
.pd-timer svg{width:180px;height:180px;display:block;margin:0 auto;transform:rotate(-90deg)}
.pd-timer .pd-t-bg{fill:none;stroke:var(--k-card3);stroke-width:9}
.pd-timer .pd-t-fg{fill:none;stroke:var(--pd-acc);stroke-width:9;stroke-linecap:round;transition:stroke-dashoffset .95s linear}
.pd-timer .pd-t-num{position:absolute;left:0;right:0;top:62px;font-family:var(--k-serif);font-size:2.1rem;font-weight:900;color:var(--k-hd);font-variant-numeric:tabular-nums}
.pd-timer .pd-t-step{min-height:2.6em;color:var(--k-muted);font-size:.9rem;margin:.5rem 0 .2rem}
.pd-timer .pd-t-btns{display:flex;gap:.5rem;justify-content:center}
.pd-timer.done .pd-t-num{color:var(--pd-acc)}

/* ── 情境按鈕（首頁）── */
.pd-scenes{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.8rem}
.pd-scene{display:flex;gap:.8rem;align-items:center;text-align:left;padding:1rem;border-radius:var(--k-r);border:1px solid var(--k-line);
  background:var(--k-card);box-shadow:var(--k-shadow);cursor:pointer;color:var(--k-text);font:inherit;text-decoration:none}
.pd-scene:hover{border-color:var(--k-gold);transform:translateY(-1px)}
.pd-scene .ic{flex:0 0 54px;height:54px;border-radius:14px;display:grid;place-items:center;font-size:1.7rem;background:var(--k-card2)}
.pd-scene .ic.art-ok{flex-basis:76px;width:76px;height:76px;background:none}
.pd-scene .ic img{width:100%;height:100%;object-fit:contain}
.pd-scene b{display:block;color:var(--k-hd);font-size:.98rem}
.pd-scene small{color:var(--k-soft);font-size:.8rem}

/* ── 書卡 ── */
.pd-books{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.85rem}
.pd-book{display:flex;flex-direction:column;border-radius:var(--k-r);overflow:hidden;border:1px solid var(--k-line);background:var(--k-card);
  box-shadow:var(--k-shadow);text-decoration:none;color:var(--k-text)}
.pd-book .art{aspect-ratio:5/4;background:radial-gradient(circle at 70% 30%,#16405b,#0a2334);display:grid;place-items:center;font-size:3rem;position:relative;overflow:hidden}
html.kit:not([data-rex-theme="dark"]) .pd-book .art{background:linear-gradient(135deg,#fffaf0,#efe3c8)}
.pd-book .art img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .5s}
.pd-book:hover .art img{transform:scale(1.03)}
@media (prefers-reduced-motion:reduce){.pd-book .art img{transition:none}.pd-book:hover .art img{transform:none}}
.pd-book .bd{padding:.85rem .95rem 1rem;border-top:3px solid var(--acc,#E8A020)}
.pd-book .tg{font-size:.72rem;font-weight:800;letter-spacing:.08em;color:var(--k-gold-ink)}
.pd-book b{display:block;font-family:var(--k-serif);font-size:1.02rem;color:var(--k-hd);margin:.15rem 0}
.pd-book p{font-size:.84rem;color:var(--k-muted);margin:.1rem 0 .5rem}
.pd-book .pg{font-size:.74rem;color:var(--k-soft)}

/* ── 對話框（情境流程）── */
.pd-modal{position:fixed;inset:0;z-index:99990;background:rgba(3,12,20,.62);display:none;align-items:flex-end;justify-content:center;padding:0}
.pd-modal.on{display:flex}
.pd-modal .box{width:min(640px,100%);max-height:92vh;overflow:auto;background:var(--k-paper);border-radius:22px 22px 0 0;padding:1.2rem 1.15rem 1.6rem;box-shadow:var(--k-shadow-lg)}
@media (min-width:700px){.pd-modal{align-items:center;padding:1rem}.pd-modal .box{border-radius:22px}}
.pd-modal .hd{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.6rem}
.pd-modal .hd b{font-family:var(--k-serif);font-size:1.1rem;color:var(--k-hd)}
.pd-steps{display:flex;gap:.3rem;margin:.2rem 0 1rem}
.pd-steps i{flex:1;height:4px;border-radius:4px;background:var(--k-card3)}
.pd-steps i.on{background:var(--pd-acc)}

/* ── 金句卡 ── */
.pd-quote{position:relative;border-radius:18px;padding:1.6rem 1.3rem;min-height:150px;display:grid;place-items:center;text-align:center;
  background:radial-gradient(120% 100% at 80% 0%,#16405b 0%,#0a2334 60%);color:#f6e7c1;border:1px solid rgba(232,160,32,.5);overflow:hidden}
.pd-quote q{font-family:var(--k-serif);font-size:1.18rem;line-height:1.8;quotes:"「" "」"}
.pd-quote small{display:block;margin-top:.7rem;color:#e9c77d;font-size:.78rem;letter-spacing:.08em}

/* ── 提示／慶祝 ── */
.pd-toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,20px);opacity:0;z-index:99995;background:var(--k-navy);color:#f6e7c1;
  border:1px solid rgba(232,160,32,.6);padding:.6rem 1rem;border-radius:12px;font-size:.9rem;transition:.3s;box-shadow:var(--k-shadow-lg);max-width:90vw}
.pd-toast.on{opacity:1;transform:translate(-50%,0)}
.pd-celebrate{position:fixed;left:50%;top:40%;transform:translate(-50%,-50%) scale(.9);opacity:0;z-index:99996;text-align:center;
  background:radial-gradient(circle at 50% 30%,#16405b,#0a2334);border:1.5px solid #E8A020;color:#f6e7c1;border-radius:22px;padding:1.3rem 1.6rem;
  box-shadow:0 30px 70px -20px rgba(0,0,0,.6);transition:.35s;pointer-events:none}
.pd-celebrate.on{opacity:1;transform:translate(-50%,-50%) scale(1)}
.pd-cel-ic{font-size:2.6rem}
.pd-cel-t{font-family:var(--k-serif);font-weight:900;font-size:1.05rem;color:#ffd77a;margin-top:.3rem}
.pd-spark{position:absolute;left:50%;top:40%;width:7px;height:7px;border-radius:50%;background:#ffd77a;animation:pdSpark .9s ease-out forwards}
@keyframes pdSpark{to{transform:translate(var(--dx),var(--dy));opacity:0}}

/* ── 頁尾 ── */
.pd-foot{margin-top:2.2rem;border-top:1px solid var(--k-line);padding-top:1.2rem}
.pd-read{background:var(--k-card2);border:1px solid var(--k-line);border-radius:var(--k-r);padding:1rem 1.1rem}
.pd-read-h{font-weight:900;color:var(--k-hd);margin-bottom:.5rem}
.pd-read-i{padding:.35rem 0;border-bottom:1px dashed var(--k-line)}
.pd-read-i:last-of-type{border-bottom:0}
.pd-read-i b{color:var(--k-hd)}
.pd-en{margin-left:.45rem;font-size:.78rem;color:var(--k-soft);font-style:italic}
.pd-read-m{font-size:.8rem;color:var(--k-muted)}
.pd-read-n{font-size:.78rem;color:var(--k-soft);margin:.6rem 0 0}
.pd-disc{font-size:.76rem;color:var(--k-soft);margin:.9rem 0 .3rem;line-height:1.7}
.pd-sign{font-size:.76rem;color:var(--k-soft);margin:0}
.pd-build{margin-left:.6rem;opacity:.5;font-variant-numeric:tabular-nums}

@media (max-width:520px){
  .pd-grid,.pd-grid.two{grid-template-columns:1fr}
  .pd-cal{gap:.28rem}
  .pd-cal .d{border-radius:9px;font-size:.74rem}
}
@media (prefers-reduced-motion:reduce){.pd-bar>i,.pd-timer .pd-t-fg,.pd-toast,.pd-celebrate{transition:none}}
.pd-cal button.d{font:inherit;font-size:.82rem;font-weight:800;min-height:40px;padding:0}
/* 頁首窄螢幕：標題截斷、頁名標籤在 440px 以下收起，避免碰到右上角功能膠囊 */
html.kit .hub-top .t{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:440px){html.kit .hub-top .tag{display:none}html.kit .hub-top{padding-right:96px!important}html.kit .hub-top .pd-t2{display:none}}