/* 2026-11-05 Trending 升溫中清單 /trending/（inc/trending.php）。手機優先；顏色跟網站主題走（--ifd-* 變數，深色／Sun 兩種）。
   🔴 Blocksy 會給所有 button／select／input 固定高度與寬度 → 這裡一律 height:auto!important；🔴 效能鐵則：不用 :has()、不寫每格動畫 */
.ifd-tr{--t-panel:var(--ifd-panel,#15151f);--t-panel2:var(--ifd-panel-2,#101019);--t-fg:var(--ifd-fg,#f1eff7);--t-muted:var(--ifd-muted,#a5a2b4);--t-line:var(--ifd-line,rgba(255,255,255,.11));--t-mint:var(--ifd-brand,#6fe3c0);--t-mint-t:var(--ifd-acc-text,#6fe3c0);--t-candy:var(--ifd-candy,#ff7fa8);color:var(--t-fg);max-width:880px;margin:0 auto;padding:0 0 56px;font-size:16px;line-height:1.5;-webkit-tap-highlight-color:transparent}
.ifd-tr *,.ifd-tr *::before,.ifd-tr *::after{box-sizing:border-box}
.ifd-tr p{margin:0 0 10px}
.ifd-tr a{color:inherit}
.ifd-tr [hidden]{display:none!important}

/* 小方塊每週一句話 */
.ifd-tr__host{display:flex;align-items:flex-start;gap:12px;margin:0 0 18px}
.ifd-tr__cube{flex:0 0 52px;width:52px;height:52px;display:block}
.ifd-tr__cube svg{width:100%!important;height:100%!important;display:block}
.ifd-tr__say{position:relative;flex:1 1 auto;min-width:0;padding:12px 14px;border-radius:16px;border:1px solid var(--t-line);background:var(--t-panel)}
.ifd-tr__say::before{content:"";position:absolute;left:-7px;top:18px;width:12px;height:12px;background:var(--t-panel);border-left:1px solid var(--t-line);border-bottom:1px solid var(--t-line);transform:rotate(45deg)}
.ifd-tr p.ifd-tr__blurb{margin:0 0 4px;font-size:16px;line-height:1.4;font-weight:600}
.ifd-tr p.ifd-tr__upd{margin:0;font-size:13px;color:var(--t-muted)}

/* 清單 */
.ifd-tr__list{list-style:none!important;margin:0!important;padding:0!important;display:grid;gap:14px}
.ifd-tr__card{margin:0!important;border-radius:18px;border:1px solid var(--t-line);background:var(--t-panel);overflow:hidden;scroll-margin-top:90px}
.ifd-tr__img{display:block;background:#fff;line-height:0}
.ifd-tr__img img{display:block;width:100%!important;max-width:100%!important;height:auto!important;margin:0!important;border-radius:0!important}
.ifd-tr__bd{padding:14px 14px 16px;min-width:0}
.ifd-tr p.ifd-tr__top{display:flex;align-items:center;gap:8px;margin:0 0 6px}
.ifd-tr__rank{font-size:20px;line-height:1;font-weight:800;color:var(--t-mint-t)}
.ifd-tr__chip{display:inline-block;padding:2px 9px;border-radius:99px;border:1px solid var(--t-line);font-size:12px;font-weight:700;color:var(--t-muted);white-space:nowrap}
.ifd-tr__chip.is-new{background:var(--t-mint);border-color:transparent;color:#0a0a10}
.ifd-tr h2.ifd-tr__nm{margin:0 0 2px;font-size:22px;line-height:1.2;color:var(--t-fg)}
.ifd-tr p.ifd-tr__tag{margin:0 0 10px;font-size:14px;color:var(--t-muted)}
.ifd-tr p.ifd-tr__what{margin:0 0 10px}
.ifd-tr p.ifd-tr__love{margin:0 0 10px}
.ifd-tr__love b{display:block;font-size:13px;font-weight:800;letter-spacing:.02em;color:var(--t-mint-t)}
.ifd-tr p.ifd-tr__note{margin:0 0 10px;font-size:14px;color:var(--t-muted)}
.ifd-tr p.ifd-tr__seen{margin:0 0 12px;font-size:13px;color:var(--t-muted)}
.ifd-tr p.ifd-tr__fine{margin:0;font-size:13px;line-height:1.4;color:var(--t-muted)}
.ifd-tr p.ifd-tr__bnote{margin:6px 0 0;text-align:center}
.ifd-tr p.ifd-tr__foot{margin:22px 0 0;text-align:center}

/* 按鈕 */
.ifd-tr .ifd-tr__btn{-webkit-appearance:none;appearance:none;display:flex;align-items:center;justify-content:center;gap:6px;width:100%!important;height:auto!important;min-height:48px!important;margin:0!important;padding:12px 16px!important;border-radius:12px!important;border:1px solid rgba(128,128,150,.45)!important;background:transparent!important;color:var(--t-fg)!important;font-family:inherit;font-size:15px!important;font-weight:700!important;line-height:1.2!important;text-transform:none!important;letter-spacing:0!important;box-shadow:none!important;text-decoration:none!important;text-align:center;cursor:pointer}
.ifd-tr .ifd-tr__btn--go{background:var(--t-mint)!important;color:#0a0a10!important;border-color:transparent!important}
.ifd-tr .ifd-tr__btn[disabled]{opacity:.6;cursor:default}
.ifd-tr__arw{flex:0 0 12px;width:12px;height:12px}

/* Want us to carry it? */
.ifd-tr__want{margin:12px 0 0;border-top:1px solid var(--t-line)}
.ifd-tr__want summary{list-style:none;display:block;position:relative;padding:12px 26px 2px 0;min-height:44px;cursor:pointer;line-height:1.35}
.ifd-tr__want summary::-webkit-details-marker{display:none}
.ifd-tr__want summary::after{content:"";position:absolute;right:6px;top:18px;width:9px;height:9px;border-right:2px solid var(--t-muted);border-bottom:2px solid var(--t-muted);transform:rotate(45deg)}
.ifd-tr__want[open] summary::after{top:22px;transform:rotate(-135deg)}
.ifd-tr__wq{font-weight:700;color:var(--t-mint-t)}
.ifd-tr__wa{display:block;font-size:14px;color:var(--t-muted)}
.ifd-tr__form{margin:10px 0 0}
.ifd-tr__lbl{display:block;margin:10px 0 4px;font-size:14px;font-weight:600;color:var(--t-fg)}
.ifd-tr .ifd-tr__in{display:block;width:100%!important;max-width:100%!important;height:auto!important;min-height:46px!important;margin:0!important;padding:10px 12px!important;border-radius:10px!important;border:1px solid rgba(128,128,150,.45)!important;background-color:var(--t-panel2)!important;color:var(--t-fg)!important;font-family:inherit;font-size:16px!important;line-height:1.3!important;box-shadow:none!important}
.ifd-tr .ifd-tr__sel{padding-right:30px!important}
.ifd-tr__hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0}
.ifd-tr__form .ifd-tr__btn{margin-top:14px!important}
.ifd-tr__form p.ifd-tr__fine{margin-top:8px}
.ifd-tr p.ifd-tr__err{margin:8px 0 0;font-size:14px;font-weight:600;color:var(--t-candy)}
.ifd-tr p.ifd-tr__ok{margin:8px 0 2px;font-size:15px;font-weight:600;color:var(--t-mint-t)}
html[data-ifd-theme="sun"] .ifd-tr p.ifd-tr__err{color:#b0264f}

/* 平板以上：圖在左、字在右 */
@media (min-width:760px){
	.ifd-tr__card{display:grid;grid-template-columns:320px minmax(0,1fr);align-items:start}
	.ifd-tr__bd{padding:18px 20px 18px}
}