/* Tesla 車型庫 前台樣式 */
/* ===== 防主題（WoodMart 等）全域樣式汙染：scoped reset ===== */
/* 區段標題：紅菱形 accent ＋ 漸隱髮絲線（兼防 WoodMart 樣式汙染） */
.td-single .td-h,.td-tabs .td-h{
display:flex!important;align-items:center;gap:.7rem;
border:0!important;background:none!important;box-shadow:none!important;outline:0;
margin:2.4rem 0 1rem!important;padding:0!important;
font-size:1.04rem!important;font-weight:800;color:var(--td-ink);
text-transform:none!important;letter-spacing:.04em!important;text-align:left}
.td-single .td-h::before,.td-tabs .td-h::before{
content:''!important;display:block!important;position:static!important;inset:auto!important;flex:0 0 auto;
width:.5rem!important;height:.5rem!important;border-radius:1.5px;border:0!important;margin:0!important;
background:var(--td-accent)!important;transform:rotate(45deg)!important}
.td-single .td-h::after,.td-tabs .td-h::after{
content:''!important;display:block!important;position:static!important;inset:auto!important;flex:1 1 auto;
height:1px!important;width:auto!important;border:0!important;margin:0!important;transform:none!important;
background:linear-gradient(90deg,var(--td-line) 0%,rgba(231,233,238,0) 100%)!important}
.td-tabs .td-tablist{list-style:none}
.td-tabs label.td-tab{margin:0!important;background:none!important;box-shadow:none!important;
text-transform:none!important;letter-spacing:normal!important;font-weight:600;min-height:0;border-radius:0}
.td-tabs label.td-tab::before,.td-tabs label.td-tab::after{content:none!important;display:none!important}
/* 表單控件防 WoodMart 全域汙染（方框/灰底/固定高/內陰影）：鎖回介面圓角風格 */
.td-listing input[type=text],.td-single input[type=text],.td-compare input[type=text]{
border:0!important;border-radius:999px!important;background:transparent!important;box-shadow:none!important;
height:auto!important;min-height:0!important;margin:0!important;padding:.45rem 0!important}
.td-listing .td-field select{
background-color:#f3f4f6!important;border:1px solid var(--l-line)!important;border-radius:999px!important;
box-shadow:none!important;height:auto!important;min-height:0!important;margin:0!important;
padding:.5rem 2.1rem .5rem .95rem!important;line-height:1.35!important}
.td-compare .td-cmp-slot select{
background-color:#fff!important;border:1px solid var(--c-line)!important;border-radius:10px!important;
box-shadow:none!important;height:auto!important;min-height:0!important;margin:0!important;
padding:.55rem 2rem .55rem .8rem!important;line-height:1.35!important}
.td-single .td-table,.td-single .td-table tr,.td-single .td-table th,.td-single .td-table td,
.td-listing .td-card,.td-listing .td-card *{background-image:none;box-shadow:none;text-shadow:none}
.td-single .td-table th,.td-single .td-table td{text-transform:none!important;letter-spacing:normal}
.td-single .td-table tbody tr:hover{background:none}
.td-single a,.td-listing a{box-shadow:none!important;text-decoration:none}
/* 防主題汙染按鈕（染灰/方形/尺寸）：鎖住自有按鈕外觀 */
.td-listing button,.td-compare button,.td-single button{text-transform:none!important;text-shadow:none!important;box-shadow:none!important;margin:0!important;min-height:0!important;height:auto!important;line-height:1.2!important;width:auto!important}
.td-vin-go{background:var(--l-accent)!important;color:#fff!important;border:0!important;border-radius:999px!important;padding:.5rem 1.25rem!important;display:inline-flex!important;align-items:center}
.td-vin-go:hover{filter:brightness(.93)}
.td-listing .td-btn,.td-compare .td-btn,.td-single .td-btn{background:var(--td-ink)!important;color:#fff!important;border:0!important;border-radius:8px!important}
.td-rankbtn.is-active{background:var(--l-accent)!important;color:#fff!important;border-color:var(--l-accent)!important}
.td-single,.td-listing,.td-compare{--td-ink:#14181f;--td-muted:#6b7280;--td-line:#e7e9ee;--td-accent:#e31937;color:var(--td-ink)}
/* 比較核選 .td-pick 用的 --l-* 變數：詳情頁/比較頁也需定義（列表頁另有自己的完整組） */
.td-single,.td-compare{--l-line:#e7e9ee;--l-accent:#e31937;--l-muted:#6b7280;--l-ink:#14181f}
.td-single{max-width:920px;margin:0 auto;padding:clamp(1.2rem,4vw,2rem) clamp(1rem,3vw,1.5rem)}
/* Hero banner：白底圖與白底 banner 無縫融合（圖非去背），車像浮在版面上。
圖為 800×800 正方形、車在中央 → 以 object-fit:cover 裁掉上下留白(16/10)，上下 padding 減半求緊湊。 */
.td-hero{position:relative;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;
background:#fff;border:1px solid var(--td-line);
border-radius:20px;overflow:hidden;
padding:clamp(2.6rem,5.5vw,3.2rem) clamp(.6rem,2vw,1.4rem) clamp(1.7rem,4.5vw,2.6rem)}
.td-hero img{width:min(680px,94%);height:auto;aspect-ratio:16/10;object-fit:cover;object-position:center;margin:10px 0}
.td-hero-cap{position:absolute;top:clamp(.8rem,2.2vw,1.2rem);left:clamp(1rem,3vw,1.7rem);right:clamp(1rem,3vw,1.7rem);
display:flex;justify-content:space-between;align-items:flex-start;gap:.4rem 1rem;flex-wrap:wrap;z-index:2}
/* 主題的文章元素隱藏：標頭（H1/作者/日期）、作者簡介框、社群分享列 */
.single-tesla_vehicle .wd-single-post-header,
.single-tesla_vehicle .wd-author-bio,
.single-tesla_vehicle .wd-single-footer{display:none!important}
/* 自訂頁面嵌入 [tesla_compare]/[tesla_db]：隱藏 WoodMart 標題列（含其麵包屑），改用外掛內建導覽標記 */
.td-page-compare .wd-page-title,
.td-page-listing .wd-page-title{display:none!important}
/* 主題最外層內容容器上下收緊（桌機與 RWD 皆 -40px）：詳情頁＋總列表（含 td_* 分類列表）＋含 shortcode 的自訂頁 */
.single-tesla_vehicle .wd-page-content.main-page-wrapper,
.post-type-archive-tesla_vehicle .wd-page-content.main-page-wrapper,
.tax-td_model .wd-page-content.main-page-wrapper,
.tax-td_year .wd-page-content.main-page-wrapper,
.tax-td_market .wd-page-content.main-page-wrapper,
.tax-td_drivetrain .wd-page-content.main-page-wrapper,
.tax-td_body .wd-page-content.main-page-wrapper,
.td-page-compare .wd-page-content.main-page-wrapper,
.td-page-listing .wd-page-content.main-page-wrapper{margin-top:-40px!important;margin-bottom:-40px!important}
h1.td-trim,.td-trim{font-size:clamp(1.05rem,2.4vw,1.5rem)!important;font-weight:700;letter-spacing:-.01em!important;line-height:1.3!important;
margin:0!important;padding:0!important;color:var(--td-ink);text-transform:none!important;
flex:1 1 16rem;min-width:0;overflow-wrap:anywhere}
.td-regtag{display:inline-block;vertical-align:.12em;margin-left:.15rem;font-size:.62em;font-weight:700;letter-spacing:.06em;
color:var(--td-accent);border:1.5px solid currentColor;border-radius:6px;padding:.1em .45em;white-space:nowrap;cursor:help}
/* 產地章：桌機懸浮右上；行動版改文流、車圖下方置中（規格方框上緣） */
.td-origin{position:absolute;top:clamp(.8rem,2.2vw,1.2rem);right:clamp(1rem,3vw,1.7rem);z-index:2;
display:inline-flex;align-items:center;gap:.45rem;background:rgba(243,244,246,.9);backdrop-filter:blur(6px);
border:1px solid var(--td-line);border-radius:999px;padding:.4rem .9rem;font-size:.85rem;color:var(--td-ink);white-space:nowrap}
.td-origin i{font-style:normal;font-weight:700;color:var(--td-muted);font-size:.74rem}
@media (max-width:640px){
/* 加入比較浮於產地膠囊上方 10px（產地 margin-top 歸零，間距由比較鈕 margin-bottom 提供）。
!important：base 規則在原始碼較後（pick 區 vs hero 區），需勝出。 */
.td-detail-actions{margin:.5rem auto 10px!important}
.td-origin{position:static;margin:0 auto 10px;font-size:.8rem;max-width:96%;white-space:normal;text-align:center;justify-content:center}
/* RWD：hero 標題置中 */
.td-hero-cap{justify-content:center}
h1.td-trim,.td-trim{text-align:center!important;flex:1 1 auto}
}
/* 主要性能規格疊在 hero 下緣 */
.td-overlap{position:relative;z-index:2;margin:calc(clamp(1.5rem,3.8vw,2rem) * -1) clamp(.7rem,2.5vw,1.5rem) 1.6rem}
.td-overlap .td-badges{margin:0}
.td-overlap .td-badge{box-shadow:0 12px 28px -14px rgba(20,24,31,.35);background:rgba(255,255,255,.94);backdrop-filter:blur(8px)}
.td-price{font-weight:600;color:var(--td-ink);background:#f3f4f6;border:1px solid var(--td-line);padding:.35rem .85rem;border-radius:999px;font-size:.9rem}
.td-badges{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:.6rem;margin:0 0 1.4rem}
.td-badge{background:#fff;border:1px solid var(--td-line);border-radius:12px;padding:.8rem .6rem;text-align:center}
.td-b-label{display:block;font-size:.72rem;color:var(--td-muted)}
.td-b-val{display:block;font-size:1.35rem;font-weight:700;line-height:1.2;letter-spacing:-.01em;margin-top:.15rem}
.td-b-val small{font-size:.66rem;font-weight:500;color:var(--td-muted)}
.td-b-sub{display:block;font-size:.66rem;color:#9aa0ab;margin-top:.1rem}
/* ===== 詳情頁分頁標籤（CSS-only，無 JS 可用）===== */
.td-tabs{margin:.4rem 0 1rem}
.td-tab-in{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.td-tablist{display:flex;gap:.05rem;overflow-x:auto;border-bottom:1px solid var(--td-line);position:sticky;top:0;background:#fff;z-index:3;scrollbar-width:none}
.td-tablist::-webkit-scrollbar{display:none}
.td-tab{flex:0 0 auto;padding:.7rem 1rem;cursor:pointer;font-weight:600;font-size:.92rem;color:var(--td-muted);border-bottom:2px solid transparent;white-space:nowrap;transition:color .15s,border-color .15s;user-select:none}
.td-tab:hover{color:var(--td-ink)}
.td-tabpanel{display:none;animation:td-fade .25s ease}
.td-tabpanel>.td-h:first-child{margin-top:.7rem}
@keyframes td-fade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
#td-tab-0:checked~.td-tablist label[for="td-tab-0"],#td-tab-1:checked~.td-tablist label[for="td-tab-1"],#td-tab-2:checked~.td-tablist label[for="td-tab-2"],#td-tab-3:checked~.td-tablist label[for="td-tab-3"],#td-tab-4:checked~.td-tablist label[for="td-tab-4"],#td-tab-5:checked~.td-tablist label[for="td-tab-5"],#td-tab-6:checked~.td-tablist label[for="td-tab-6"]{color:var(--td-ink);border-bottom-color:var(--td-accent)}
#td-tab-0:checked~.td-tabpanels [data-tab="0"],#td-tab-1:checked~.td-tabpanels [data-tab="1"],#td-tab-2:checked~.td-tabpanels [data-tab="2"],#td-tab-3:checked~.td-tabpanels [data-tab="3"],#td-tab-4:checked~.td-tabpanels [data-tab="4"],#td-tab-5:checked~.td-tabpanels [data-tab="5"],#td-tab-6:checked~.td-tabpanels [data-tab="6"]{display:block}
.td-details{margin:1rem 0;border:1px solid var(--td-line);border-radius:10px;padding:.3rem .8rem}
.td-details>summary{cursor:pointer;list-style:revert;margin:.4rem 0;font-size:1.05rem;border-left:4px solid var(--td-accent);padding-left:.5rem;font-weight:600}
.td-details[open]>summary{margin-bottom:.6rem}
.td-table{width:100%;border-collapse:collapse;margin:.3rem 0 1rem;font-size:.92rem}
.td-table th,.td-table td{border:1px solid var(--td-line);padding:.45rem .6rem;text-align:left;vertical-align:top}
/* 備註條列：主項圓點、子項短破折縮排（取代原本 " / " 糊成一行） */
.td-notelist{list-style:none;margin:0!important;padding:0!important}
.td-notelist>li{position:relative;padding:.18rem 0 .18rem 1rem;line-height:1.55}
.td-notelist>li::before{content:'';position:absolute;left:.15rem;top:.72em;width:.32rem;height:.32rem;border-radius:50%;background:#c2304b}
.td-notelist>li+li{border-top:1px dashed #eceef2}
.td-notesub{list-style:none;margin:.15rem 0 .1rem!important;padding:0 0 0 .35rem!important}
.td-notesub>li{position:relative;padding:.1rem 0 .1rem 1rem;color:#4b5563;font-size:.96em;line-height:1.5}
.td-notesub>li::before{content:'–';position:absolute;left:.1rem;top:.1rem;color:#9aa1ad}
.td-table thead th{background:var(--td-ink);color:#fff;font-weight:600}
.td-table tbody th{background:#f6f7fa;width:30%;font-weight:600}
.td-na{color:#9aa0ab;font-style:italic}
.td-flag{display:inline-block;font-size:.8em;cursor:help;border-radius:4px;padding:0 .25em;margin-left:.2em}
.td-owner{background:#fff3cd;color:#8a6d3b}
.td-conv{background:#e7f1ff;color:#1c5cc0}
.td-suspect{background:#fde2e1;color:#b3261e}
.td-derived{background:#eef2f7;color:#5b6470}
.td-gate{background:#f6f7fa;border:1px dashed #b9c0cc;border-radius:12px;padding:1.4rem;text-align:center;margin:1.2rem 0}
.td-btn{display:inline-block;background:var(--td-ink);color:#fff;padding:.5rem 1.1rem;border-radius:8px;text-decoration:none;border:0;cursor:pointer;font-weight:600}
.td-btn:hover{background:#2c3a5e;color:#fff}
.td-note{color:#8a6d3b;background:#fff8e6;border-radius:8px;padding:.5rem .7rem;font-size:.82rem;margin-top:1.2rem}
/* 底部免責／防爬警語（總表＋詳情頁共用）。低調但清楚，置中、上方分隔線 */
.td-tips{display:flex;align-items:flex-start;gap:.5rem;max-width:880px;margin:2rem auto .6rem;padding:.85rem 1.1rem;
border-top:1px solid var(--td-line,#e7e9ee);color:#9aa1ad;font-size:.8rem;line-height:1.7;text-align:left}
.td-tips-i{flex:0 0 auto;color:#c2c7d0;font-size:.95rem;line-height:1.5}
.td-tips-t{flex:1 1 auto;min-width:0} /* 文字成單一 flex 子項，strong 維持行內正常斷行（避免被擠成窄欄） */
.td-tips strong{color:#6b7280;font-weight:700}
/* ===== 列表頁（taste 重設計：影像優先、RWD、單一強調色）===== */
.td-archive{padding:clamp(1.5rem,4vw,2.5rem) 0}
.td-page-head{max-width:1280px;margin:0 auto 1.4rem;padding:0 clamp(1rem,3vw,1.5rem)}
.td-page-head h1{font-size:clamp(1.6rem,4vw,2.5rem);letter-spacing:-.02em;line-height:1.1;margin:0 0 .35rem;color:#14181f}
.td-page-head p{color:#6b7280;margin:0;font-size:clamp(.9rem,2vw,1rem)}
.td-listing{--l-bg:#fff;--l-ink:#14181f;--l-muted:#6b7280;--l-line:#e7e9ee;--l-accent:#e31937;--l-radius:16px;
color:var(--l-ink);max-width:1280px;margin:0 auto;padding:0 clamp(1rem,3vw,1.5rem)}
.td-listing *{box-sizing:border-box}
/* 工具列：黏性、含款數、改選即套用 */
.td-toolbar{position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;align-items:center;gap:.7rem 1rem;
padding:.9rem 0;margin-bottom:1.3rem;background:color-mix(in srgb,var(--l-bg) 86%,transparent);
backdrop-filter:saturate(1.3) blur(10px);border-bottom:1px solid var(--l-line)}
.td-count{font-size:.92rem;color:var(--l-muted)}
.td-count b{color:var(--l-ink);font-size:1.15rem;font-weight:700}
.td-filters{display:flex;flex-wrap:wrap;gap:.55rem;margin-left:auto}
.td-field{display:inline-flex;flex-direction:column;gap:.2rem;font-size:.68rem;letter-spacing:.02em;color:var(--l-muted)}
.td-field select{appearance:none;-webkit-appearance:none;font-size:.9rem;color:var(--l-ink);background:#f3f4f6;
border:1px solid var(--l-line);border-radius:999px;padding:.5rem 2.1rem .5rem .95rem;cursor:pointer;
background-image:url("data:image/svg+xml;utf8,");
background-repeat:no-repeat;background-position:right .75rem center;transition:border-color .15s,background .15s}
.td-field select:hover{border-color:#c9cdd6}
.td-field select:focus-visible{outline:2px solid var(--l-accent);outline-offset:1px}
/* 卡片格線 */
.td-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,272px),1fr));gap:clamp(1rem,2vw,1.5rem)}
.td-card{display:flex;flex-direction:column;background:var(--l-bg);border:1px solid var(--l-line);border-radius:var(--l-radius);
overflow:hidden;text-decoration:none;color:inherit;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.td-card:hover,.td-card:focus-visible{transform:translateY(-4px);box-shadow:0 16px 34px -14px rgba(20,24,31,.3);border-color:#d4d8e0;outline:none}
/* 媒體框白底與白底車圖無縫；靜止縮 .88 讓左右各留 ≥15px 呼吸空間，hover 放大到剛好滿版（不再超出被裁切） */
.td-card-media{position:relative;aspect-ratio:16/10;background:#fff;overflow:hidden}
.td-card-media img{width:100%;height:100%;object-fit:cover;transform:scale(.88);transition:transform .45s ease}
.td-card:hover .td-card-media img{transform:scale(1)}
.td-card-tags{position:absolute;top:.6rem;left:.6rem;display:flex;flex-direction:column;gap:.3rem;align-items:flex-start}
.td-card-year{background:rgba(18,22,28,.82);color:#fff;font-size:.72rem;font-weight:600;padding:.22rem .6rem;border-radius:999px;backdrop-filter:blur(4px)}
.td-card-region{background:rgba(255,255,255,.92);color:#14181f;font-size:.65rem;font-weight:700;letter-spacing:.02em;padding:.18rem .5rem;border-radius:999px;border:1px solid rgba(0,0,0,.07);backdrop-filter:blur(4px)}
/* 右上角群組：比較核選＋驅動膠囊同列（核選在左，gap 5px） */
.td-card-tr{position:absolute;top:.6rem;right:.6rem;display:flex;align-items:center;gap:5px}
.td-card-dt{background:var(--l-accent);color:#fff;font-size:.66rem;
font-weight:700;letter-spacing:.05em;padding:.22rem .55rem;border-radius:999px}
.td-card-body{display:flex;flex-direction:column;flex:1;padding:.95rem 1.05rem 1.1rem}
.td-card-name{font-weight:700;font-size:1.06rem;line-height:1.25;margin-bottom:1rem}
.td-card-name span{display:block;font-weight:500;font-size:.84rem;color:var(--l-muted);margin-top:.25rem;line-height:1.35}
.td-card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;margin-top:auto;padding-top:.85rem;
border-top:1px solid var(--l-line)}
.td-card-stats>div{display:flex;flex-direction:column;align-items:center;text-align:center}
.td-card-stats b{font-size:1.02rem;font-weight:700;letter-spacing:-.01em}
.td-card-stats small{font-size:.64rem;color:var(--l-muted);margin-top:.12rem}
/* VIN 信心比對：最相符卡片綠色光暈 + 符合度量表 */
.td-listing{--l-ok:#16a34a}
.td-listing .td-card--best{border-color:var(--l-ok)!important;box-shadow:0 0 0 2px var(--l-ok),0 14px 30px -10px rgba(22,163,74,.45)!important}
.td-listing .td-card--best:hover,.td-listing .td-card--best:focus-visible{box-shadow:0 0 0 2px var(--l-ok),0 18px 38px -12px rgba(22,163,74,.55)!important}
.td-card-bestbadge{position:absolute;bottom:.6rem;left:.6rem;background:var(--l-ok);color:#fff;font-size:.68rem;font-weight:700;letter-spacing:.02em;padding:.22rem .6rem;border-radius:999px;box-shadow:0 2px 8px rgba(22,163,74,.4)}
.td-match{margin-top:.85rem;padding-top:.75rem;border-top:1px dashed var(--l-line)}
.td-match-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.32rem}
.td-match-label{font-size:.66rem;color:var(--l-muted);font-weight:600}
.td-match-pct{font-size:.86rem;font-weight:800;letter-spacing:-.01em}
.td-match--hi .td-match-pct{color:var(--l-ok)}
.td-match--mid .td-match-pct{color:#b45309}
.td-match--lo .td-match-pct{color:var(--l-muted)}
.td-match-bar{height:5px;border-radius:999px;background:var(--l-line);overflow:hidden}
.td-match-bar>i{display:block;height:100%;border-radius:999px;background:var(--l-muted)}
.td-match--hi .td-match-bar>i{background:linear-gradient(90deg,var(--l-ok),#4ade80)}
.td-match--mid .td-match-bar>i{background:linear-gradient(90deg,#d97706,#f59e0b)}
.td-match-dims{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.5rem}
.td-dim{font-size:.64rem;font-weight:600;padding:.16rem .44rem;border-radius:999px;border:1px solid var(--l-line);color:var(--l-muted)}
.td-dim--ok{color:var(--l-ok);border-color:rgba(22,163,74,.35);background:rgba(22,163,74,.08)}
.td-dim--maybe{color:#b45309;border-color:rgba(180,83,9,.3);background:rgba(180,83,9,.07)}
.td-dim--no{color:#9aa1ad;text-decoration:line-through;opacity:.7}
/* 比較核選 chip：位於右上角群組內、驅動膠囊左側（卡片是 ，JS 攔截點擊） */
.td-pick{display:inline-flex;align-items:center;gap:.35rem;
background:rgba(255,255,255,.94);border:1px solid var(--l-line);border-radius:999px;
padding:.22rem .55rem;font-size:.66rem;font-weight:700;color:var(--l-muted);cursor:pointer;
backdrop-filter:blur(4px);transition:.15s;user-select:none}
.td-pick i{width:.85rem;height:.85rem;border:1.5px solid #c4c9d2;border-radius:4px;background:#fff;transition:.15s;
display:inline-flex;align-items:center;justify-content:center;font-style:normal}
.td-pick:hover{border-color:#c4c9d2;color:var(--l-ink)}
.td-pick.is-on{background:var(--l-accent);border-color:var(--l-accent);color:#fff}
.td-pick.is-on i{background:#fff;border-color:#fff}
.td-pick.is-on i::before{content:'✓';font-size:.62rem;color:var(--l-accent);font-weight:900;line-height:1}
/* 排行列：列改 flex，比較核選置於連結右側（不巢狀於 ） */
.td-rank-row{display:flex;align-items:stretch}
.td-rank-link{flex:1 1 auto;min-width:0}
.td-pick--rank{align-self:center;flex:0 0 auto;margin:0 .85rem 0 .2rem}
/* 手機：排行 pick 縮成純勾選框（font-size:0 隱藏「比較」字、保留方框），省出車名空間 */
@media(max-width:520px){
.td-pick--rank{font-size:0;gap:0;padding:.34rem;margin:0 .4rem 0 .05rem;border-radius:8px}
.td-pick--rank i{width:1.05rem;height:1.05rem}
}
/* 詳情頁：加入比較放大、置中一行 */
/* 加入比較（詳情頁，於 hero 內、產地膠囊之前）。z-index 高於規格框疊層避免被蓋。 */
.td-detail-actions{display:flex;justify-content:center;position:relative;z-index:3;margin:.5rem 0 .2rem}
.td-pick--detail{font-size:.86rem;padding:.5rem 1.1rem;background:#fff;border-color:var(--l-line)}
.td-pick--detail i{width:1.05rem;height:1.05rem;border-radius:5px}
.td-pick--detail.is-on i::before{font-size:.78rem}
/* 比較清單浮動面板：白卡風（與列表一致），直式填充。
桌面＝右側垂直置中 sticky，貼齊 1280 內容區外的空白帶；行動版＝左下角、避開主題底部工具列。 */
.td-cmpbar{position:fixed;z-index:90;display:flex;flex-direction:column;width:228px;
background:#fff;border:1px solid var(--l-line,#e7e9ee);border-radius:16px;overflow:hidden;
box-shadow:0 16px 40px -14px rgba(20,24,31,.28);
right:max(14px,calc((100vw - 1280px)/2 - 244px));top:50%;transform:translateY(-50%)}
/* 0 台勾選時隱藏（JS 設 hidden 屬性）；需 !important 蓋過上面的 display:flex，否則 [hidden] 失效一直顯示 */
.td-cmpbar[hidden]{display:none!important}
.td-cmpbar-head{display:flex;align-items:center;justify-content:space-between;
padding:.6rem .85rem;border-bottom:1px solid var(--l-line,#e7e9ee);
font-size:.8rem;font-weight:700;color:#14181f;letter-spacing:.02em}
.td-cmpbar-count{font-size:.74rem;font-weight:800;color:var(--l-accent,#e31937);
background:rgba(227,25,55,.08);border:1px solid rgba(227,25,55,.25);border-radius:999px;padding:.1rem .55rem}
.td-cmpbar-chips{display:flex;flex-direction:column;max-height:46vh;overflow-y:auto;scrollbar-width:thin}
.td-cmpbar-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .7rem;border-bottom:1px dashed #eceef2}
.td-cmpbar-item:last-child{border-bottom:0}
.td-cmpbar-item img{width:52px;height:32px;object-fit:cover;border-radius:6px;background:#fff;
border:1px solid var(--l-line,#e7e9ee);flex:0 0 auto}
.td-cmpbar-name{flex:1;min-width:0;font-size:.72rem;font-weight:600;color:#14181f;line-height:1.3;
display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.td-cmpbar-x{border:0;background:#f3f4f6;color:#6b7280;border-radius:50%;width:1.25rem;height:1.25rem;
font-size:.6rem;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;
flex:0 0 auto;transition:.15s}
.td-cmpbar-x:hover{background:var(--l-accent,#e31937);color:#fff}
.td-cmpbar-actions{display:flex;flex-direction:column;gap:.4rem;padding:.65rem .7rem .75rem;
border-top:1px solid var(--l-line,#e7e9ee);background:#fafbfc}
/* 按鈕加 !important 鎖：WoodMart 全域 button 會壓成灰底方塊 */
.td-cmpbar-go{background-color:#e31937!important;color:#fff!important;border:0!important;border-radius:999px!important;
padding:.55rem .9rem!important;font-weight:700!important;font-size:.84rem!important;line-height:1.2!important;
min-height:0!important;height:auto!important;box-shadow:none!important;text-transform:none!important;
cursor:pointer;transition:.15s;width:100%}
.td-cmpbar-go:hover:not(:disabled){filter:brightness(.93)}
.td-cmpbar-go:disabled{opacity:.4;cursor:default}
.td-cmpbar-clear{background:transparent!important;border:0!important;color:#9aa1ad!important;font-size:.74rem!important;
font-weight:500!important;min-height:0!important;height:auto!important;box-shadow:none!important;
text-transform:none!important;cursor:pointer;padding:.1rem!important}
.td-cmpbar-clear:hover{color:#e31937!important}
.td-cmpbar-x{min-height:0!important;height:1.25rem!important;padding:0!important;box-shadow:none!important}
/* 選滿 4 台再點：紅框脈衝提示（不位移，與 transform 定位相容） */
@keyframes td-limit{0%,100%{box-shadow:0 16px 40px -14px rgba(20,24,31,.28)}50%{box-shadow:0 0 0 3px rgba(227,25,55,.45),0 16px 40px -14px rgba(20,24,31,.28)}}
.td-cmpbar.td-limit{animation:td-limit .5s ease 2}
/* 行動版：左下角直式容器，讓出主題底部工具列高度 */
@media (max-width:1023px){
.td-cmpbar{left:10px;right:auto;top:auto;transform:none;width:208px;
bottom:calc(74px + env(safe-area-inset-bottom,0px))}
.td-cmpbar-chips{max-height:34vh}
}
/* 空狀態 */
.td-empty{text-align:center;padding:clamp(3rem,8vw,5rem) 1rem;color:var(--l-muted);display:flex;flex-direction:column;align-items:center;gap:1rem}
/* 分頁 */
.td-pager{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:center;margin:2.2rem 0 1rem}
.td-pg{min-width:2.5rem;text-align:center;padding:.5rem .7rem;border:1px solid var(--l-line);border-radius:10px;
text-decoration:none;color:var(--l-ink);font-size:.9rem;transition:.15s}
.td-pg:hover{border-color:var(--l-ink)}
.td-pg.td-cur{background:var(--l-ink);color:#fff;border-color:var(--l-ink)}
@media (max-width:520px){
.td-toolbar{position:static}
.td-filters{width:100%;margin-left:0}
.td-field{flex:1 1 calc(50% - .3rem)}
.td-field select{width:100%}
}
/* ===== 比較頁（最多 5 台；影像欄頭、屬性欄固定、最佳值高亮、RWD）===== */
.td-compare{--c-ink:#14181f;--c-muted:#6b7280;--c-line:#e7e9ee;--c-accent:#e31937;color:var(--c-ink);max-width:1180px;margin:0 auto;padding:clamp(1.2rem,4vw,2rem) clamp(1rem,3vw,1.5rem)}
.td-compare *{box-sizing:border-box}
/* 挑選器＝可收合 disclosure 容器。display:block+width:100% 防主題把