#rdcc-root{--rd-accent:var(--ast-global-color-0,var(--global-palette1,var(--rd-classic-accent,var(--wp--preset--color--primary,#e05480))));--rd-accent-hover:var(--ast-global-color-1,var(--global-palette2,var(--rd-classic-hover,color-mix(in srgb,var(--rd-accent) 82%,var(--rd-text)))));--rd-secondary:var(--ast-global-color-1,var(--global-palette2,var(--rd-classic-secondary,var(--wp--preset--color--secondary,#7ccfd9))));--rd-secondary-ui:var(--ast-global-color-1,color-mix(in srgb,var(--rd-secondary) 45%,var(--rd-bg)));--rd-text:var(--ast-global-color-3,var(--global-palette3,var(--rd-classic-text,var(--wp--preset--color--contrast,var(--wp--preset--color--foreground,#172b38)))));--rd-bg:var(--ast-global-color-4,var(--global-palette9,var(--rd-classic-bg,var(--wp--preset--color--base,var(--wp--preset--color--background,#f7f9f8)))));--rd-surface:color-mix(in srgb,var(--rd-bg) 97%,var(--rd-text));--rd-panel:var(--ast-global-color-5,var(--global-palette8,var(--rd-classic-panel,color-mix(in srgb,var(--rd-bg) 94%,var(--rd-text)))));--rd-muted:color-mix(in srgb,var(--rd-text) 68%,var(--rd-bg));--rd-line:var(--ast-global-color-7,var(--global-palette7,var(--rd-classic-line,color-mix(in srgb,var(--rd-text) 16%,var(--rd-bg)))));--rd-tint:color-mix(in srgb,var(--rd-secondary) 10%,var(--rd-surface));--rd-tint-strong:color-mix(in srgb,var(--rd-secondary) 17%,var(--rd-surface));--rd-on-accent:var(--rd-classic-on-accent,#111111);--rd-on-accent-hover:var(--rd-classic-on-hover,var(--rd-on-accent));--rd-on-secondary:var(--rd-classic-on-secondary,var(--rd-text))}
#rdcc-root,#rdcc-root *{box-sizing:border-box}
#rdcc-root{margin:0;background:var(--rd-bg);color:var(--rd-text);font:16px/1.6 var(--wp--preset--font-family--body,-apple-system,BlinkMacSystemFont,"PingFang TC","Noto Sans TC",sans-serif)}
#rdcc-root button,#rdcc-root input,#rdcc-root select{font:inherit}
#rdcc-root button,#rdcc-root a,#rdcc-root input,#rdcc-root select{outline-offset:3px}
#rdcc-root button:focus-visible,#rdcc-root a:focus-visible,#rdcc-root input:focus-visible,#rdcc-root select:focus-visible{outline:3px solid var(--rd-accent)}
#rdcc-root a{color:var(--rd-accent);text-decoration:none}
#rdcc-root button{cursor:pointer;background:var(--rd-surface);color:var(--rd-text);border:1px solid var(--rd-line);border-radius:7px;padding:8px 14px}
#rdcc-root button:hover{background:var(--rd-tint)}
#rdcc-root button:disabled{opacity:.5;cursor:default}
#rdcc-root .rdcc-main{max-width:1408px;margin:0 auto;padding:25px 24px 40px}
#rdcc-root .filters{background:var(--rd-secondary);color:var(--rd-on-secondary);border:1px solid var(--rd-secondary);padding:20px 22px;border-radius:10px;margin-bottom:28px}
#rdcc-root .filters label,#rdcc-root .filters .quick-filters span,#rdcc-root .filters .filter-top button{color:var(--rd-on-secondary)}
#rdcc-root .filters .filter-top button{background:transparent}
#rdcc-root .filter-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}
#rdcc-root .filter-top h2{font-size:18px;margin:0}
#rdcc-root .filter-top button{padding:0;border:0;font-size:14px;color:var(--rd-muted)}
#rdcc-root .filter-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:14px}
#rdcc-root label{font-size:14px;color:var(--rd-muted)}
#rdcc-root input,#rdcc-root select{display:block;width:100%;margin-top:7px;padding:10px 11px;border:1px solid var(--rd-line);border-radius:6px;background:var(--rd-surface);color:var(--rd-text)}
#rdcc-root .quick-filters{display:flex;gap:9px;align-items:center;margin-top:17px;flex-wrap:wrap}
#rdcc-root .quick-filters span{font-size:13px;color:var(--rd-muted);margin-right:4px}
#rdcc-root .quick-filters button{padding:4px 12px;border-radius:20px;font-size:14px;background:var(--rd-tint)}
#rdcc-root .quick-filters button.active{background:var(--rd-accent);color:var(--rd-on-accent);border-color:var(--rd-accent)}
#rdcc-root .results-line{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:8px}
#rdcc-root .results-line>div{display:flex;gap:15px;align-items:baseline;flex-wrap:wrap}
#rdcc-root .results-line h2{font-size:23px;margin:0}
#rdcc-root .results-line span{font-size:14px;color:var(--rd-muted)}
#rdcc-root .results-line label{display:flex;gap:9px;align-items:center}
#rdcc-root .results-line select{margin:0;width:180px;padding:8px 10px}
#rdcc-root .table-hint{font-size:13px;color:var(--rd-muted);margin:5px 0 13px}
#rdcc-root .table-shell{border:1px solid var(--rd-line);border-radius:10px;overflow:hidden;background:var(--rd-surface)}
#rdcc-root .table-scroll{position:relative;overflow-x:auto}
#rdcc-root .card-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:1140px;text-align:left;font-size:15px}
#rdcc-root .card-table th{background:var(--rd-secondary);padding:15px 12px;font-weight:650;color:var(--rd-on-secondary);font-size:14px;line-height:1.5}
#rdcc-root .card-table td{padding:16px 12px;vertical-align:middle;border-top:1px solid var(--rd-line)}
#rdcc-root .card-table tbody tr:hover{background:var(--rd-tint)}
#rdcc-root .card-table th:first-child,#rdcc-root .card-table td:first-child{width:4%;padding-left:17px}
#rdcc-root .card-table th:nth-child(2){width:20%}.card-table th:nth-child(3){width:25%}.card-table th:nth-child(4){width:14%}.card-table th:nth-child(5){width:10%}.card-table th:nth-child(6){width:9%}.card-table th:nth-child(7){width:9%}.card-table th:nth-child(8){width:9%}
#rdcc-root .compare-toggle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin:0;cursor:pointer;touch-action:manipulation}
#rdcc-root .card-table input[type=checkbox]{width:20px;height:20px;margin:0;padding:0;accent-color:var(--rd-secondary);cursor:pointer}
#rdcc-root .card-identity{display:flex;gap:14px;align-items:center}
#rdcc-root .card-image{width:74px;height:49px;object-fit:contain;flex:none}
#rdcc-root .card-name{display:block;font-weight:650;line-height:1.5;font-size:15px}
#rdcc-root .bank-name{display:block;font-size:13px;color:var(--rd-muted);margin-top:4px}
#rdcc-root .reward-pill{background:var(--rd-tint-strong);color:var(--rd-text);display:inline-block;border-radius:5px;padding:5px 8px;font-size:14px;font-weight:650;line-height:1.5;overflow-wrap:anywhere}
#rdcc-root .reward-meta{font-size:13px;color:var(--rd-muted);display:block;margin-top:5px}
#rdcc-root .price-pill{display:inline-block;max-width:100%;padding:3px 8px;border-radius:4px;background:var(--rd-panel);font-weight:700;color:var(--rd-text);overflow-wrap:anywhere}
#rdcc-root .benefit{font-weight:650;line-height:1.45}
#rdcc-root .metric-note{font-size:13px;color:var(--rd-muted);display:block;margin-top:4px;max-width:145px}
#rdcc-root .info-button{padding:0;border:0;background:none;font-size:14px;color:var(--rd-accent);margin-left:5px}
#rdcc-root .offer-button:hover{border-color:var(--rd-accent-hover);color:var(--rd-accent-hover)}
#rdcc-root .offer-button{border-color:var(--rd-accent);color:var(--rd-accent);white-space:nowrap;padding:7px 12px;font-size:14px;font-weight:650}
#rdcc-root .more{display:block;width:100%;padding:14px;background:var(--rd-panel);border:0;border-top:1px solid var(--rd-line);border-radius:0;font-size:15px;font-weight:700;text-align:center;color:var(--rd-accent)}
#rdcc-root [hidden]{display:none!important}
#rdcc-root .editorial-note,#rdcc-root .income-note{font-size:13px;line-height:1.8;color:var(--rd-muted);margin:16px 0}
#rdcc-root .income-note{background:var(--rd-panel);padding:10px 15px;border-radius:6px}
#rdcc-root .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#rdcc-root #compareBar{position:fixed;bottom:0;left:0;right:0;background:var(--rd-secondary-ui);padding:15px 24px;color:var(--rd-on-secondary);display:flex;align-items:center;gap:12px;box-shadow:0 -4px 20px color-mix(in srgb,var(--rd-text) 20%,transparent);z-index:10}
#rdcc-root #selectedNames{flex:1;font-size:14px}
#rdcc-root #compareBar button:first-of-type{background:var(--rd-surface);border-color:var(--rd-surface);color:var(--rd-text)}
#rdcc-root dialog{--rd-muted:#111111;width:min(1100px,95vw);max-height:88vh;border:1px solid var(--rd-line);border-radius:12px;padding:25px;background:var(--rd-surface);color:var(--rd-text)}
#rdcc-root dialog::backdrop{background:color-mix(in srgb,var(--rd-text) 52%,transparent)}
#rdcc-root .dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px}
#rdcc-root .dialog-head h2{font-size:24px;margin:0}.dialog-head button{border:0}
#rdcc-root .dialog-overview{display:flex;align-items:center;gap:20px;margin-top:14px}
#rdcc-root .dialog-card-image{width:160px;height:130px;object-fit:contain;flex:none}
#rdcc-root .dialog-overview .dialog-intro{flex:1}
#rdcc-root .dialog-intro{font-size:15px;color:var(--rd-muted);line-height:1.8}
#rdcc-root .dialog-bank{display:block;font-size:13px;margin-bottom:5px}
#rdcc-root .dialog-focus{margin:0;display:flex;align-items:baseline;gap:9px;color:var(--rd-text);line-height:1.65}
#rdcc-root .dialog-focus strong{flex:none;color:var(--rd-accent);font-size:14px}
#rdcc-root .dialog-focus span{font-size:21px;line-height:1.45}
#rdcc-root .condition-list,#rdcc-root .metric-points{margin:10px 0;padding-left:1.35em;color:var(--rd-muted);line-height:1.8}
#rdcc-root .condition-list{font-size:15px}
#rdcc-root .metric-points{font-size:14px;margin:8px 0 0}
#rdcc-root .condition-list li+li,#rdcc-root .metric-points li+li{margin-top:6px}
#rdcc-root .condition-list li::marker,#rdcc-root .metric-points li::marker{color:var(--rd-accent)}
#rdcc-root .detail-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}
#rdcc-root .detail-metrics>div{background:var(--rd-panel);padding:15px;border-radius:8px}
#rdcc-root .detail-metrics small{display:block;color:var(--rd-muted);font-size:13px}.detail-metrics strong{display:block;margin-top:7px}
#rdcc-root .gift-options{display:grid;gap:12px}
#rdcc-root .gift-options label{display:block;background:var(--rd-panel);border:1px solid var(--rd-line);border-radius:8px;padding:12px}
#rdcc-root .gift-options input{width:auto;display:inline;margin-right:8px;accent-color:var(--rd-secondary)}
#rdcc-root .gift-options b{color:var(--rd-text)}
#rdcc-root .dialog-note{border-left:3px solid var(--rd-secondary);background:var(--rd-panel);padding:12px;font-size:14px;line-height:1.8}
#rdcc-root .dialog-note.condition-list{padding:12px 14px 12px 32px;margin:14px 0}
#rdcc-root .comparison{overflow:auto}.comparison table{border-collapse:collapse;width:100%;min-width:620px;font-size:15px}
#rdcc-root .comparison td,#rdcc-root .comparison th{padding:15px;border:1px solid var(--rd-line);vertical-align:top;text-align:left}
#rdcc-root .comparison th{background:var(--rd-secondary);color:var(--rd-on-secondary)}.comparison small{display:block;color:var(--rd-muted);margin-top:6px}.comparison th small{color:var(--rd-on-secondary)}
#rdcc-root .comparison img{height:50px;width:85px;object-fit:contain;display:block;margin-bottom:10px}
#rdcc-root .apply-button{display:inline-block;background:var(--rd-accent);border:1px solid var(--rd-accent);border-radius:6px;padding:7px 12px;color:var(--rd-on-accent);font-weight:650;font-size:14px;white-space:nowrap;margin:0 0 6px}
#rdcc-root .apply-button:hover{background:var(--rd-accent-hover);border-color:var(--rd-accent-hover);color:var(--rd-on-accent-hover)}
#rdcc-root .card-table .offer-button{display:block;font-size:14px;padding:4px 10px}
#rdcc-root .exclusive-badge{display:block;width:fit-content;background:var(--rd-secondary-ui);color:var(--rd-on-secondary);border:1px solid var(--rd-secondary);border-radius:4px;padding:3px 8px;margin-bottom:7px;font-size:14px;font-weight:750;letter-spacing:.3px}
#rdcc-root .source-link{display:inline-block;margin:.4rem 0 0;color:var(--rd-accent);font-weight:700;text-decoration:underline}
@media(max-width:800px){#rdcc-root .filter-grid{grid-template-columns:repeat(2,1fr)}#rdcc-root .filter-grid label:first-child{grid-column:1/-1}#rdcc-root .rdcc-main{padding:20px 16px}#rdcc-root .filters{padding:17px}#rdcc-root .results-line{align-items:flex-start}#rdcc-root .results-line>div{display:block}#rdcc-root .results-line select{width:155px;font-size:13px}#rdcc-root .results-line label{font-size:0}#rdcc-root .detail-metrics{grid-template-columns:1fr 1fr}#rdcc-root #compareBar{flex-wrap:wrap}#rdcc-root #selectedNames{flex-basis:100%}#rdcc-root .card-table{min-width:1140px}#rdcc-root .dialog-focus span{font-size:17px}}
@media(max-width:800px){#rdcc-root .rdcc-main{padding:16px 12px 32px}#rdcc-root .filters{padding:16px;margin-bottom:20px}#rdcc-root .filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#rdcc-root .filter-grid label:first-child{grid-column:1/-1}#rdcc-root .quick-filters{gap:7px}#rdcc-root .quick-filters span{width:100%}#rdcc-root .quick-filters button{min-height:34px}#rdcc-root .results-line{display:grid;grid-template-columns:1fr auto;align-items:start;gap:8px}#rdcc-root .results-line>div{display:flex;flex-wrap:wrap;gap:0 8px}#rdcc-root .results-line h2{width:100%;font-size:20px}#rdcc-root .results-line label{font-size:0}#rdcc-root .results-line select{width:140px}#rdcc-root .table-hint{display:none}#rdcc-root .table-shell{border:0;background:transparent;overflow:visible}#rdcc-root .table-scroll{overflow:visible}#rdcc-root .card-table{display:block;width:100%;min-width:0;border:0}#rdcc-root .card-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}#rdcc-root .card-table tbody{display:grid;gap:12px}#rdcc-root .card-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:start;padding:14px;border:1px solid var(--rd-line);border-radius:10px;background:var(--rd-surface);box-shadow:0 2px 8px color-mix(in srgb,var(--rd-text) 5%,transparent)}#rdcc-root .card-table tbody tr:hover{background:var(--rd-surface)}#rdcc-root .card-table td,#rdcc-root .card-table td:first-child{display:block;width:auto!important;min-width:0;padding:0!important;border:0}#rdcc-root .card-table td:first-child{grid-column:2;grid-row:1;justify-self:end}#rdcc-root .card-table td:nth-child(2){grid-column:1/-1;grid-row:1;padding-right:28px!important}#rdcc-root .card-table td:nth-child(3){grid-column:1/-1;padding:10px 0!important;border-top:1px solid var(--rd-line)}#rdcc-root .card-table td:nth-child(4),#rdcc-root .card-table td:nth-child(5),#rdcc-root .card-table td:nth-child(6),#rdcc-root .card-table td:nth-child(7){padding-top:8px!important;border-top:1px solid var(--rd-line)}#rdcc-root .card-table td:nth-child(8){grid-column:1/-1;display:flex;gap:8px}#rdcc-root .card-table td[colspan]{grid-column:1/-1}#rdcc-root .card-table td:nth-child(n+3):nth-child(-n+7)::before{display:block;margin-bottom:5px;color:var(--rd-muted);font-size:13px;font-weight:500}#rdcc-root .card-table td:nth-child(3)::before{content:'迎新禮品／獎賞'}#rdcc-root .card-table td:nth-child(4)::before{content:'標示價值'}#rdcc-root .card-table td:nth-child(5)::before{content:'信用卡回贈'}#rdcc-root .card-table td:nth-child(6)::before{content:'最低年薪'}#rdcc-root .card-table td:nth-child(7)::before{content:'年費'}#rdcc-root .card-identity{gap:10px}#rdcc-root .card-image{width:76px;height:52px}#rdcc-root .card-name{font-size:16px}#rdcc-root .bank-name{font-size:13px}#rdcc-root .reward-pill{font-size:15px}#rdcc-root .card-table .apply-button,#rdcc-root .card-table .offer-button{display:inline-flex;align-items:center;justify-content:center;flex:1;min-height:42px;margin:0;padding:8px;font-size:15px;white-space:normal;text-align:center}#rdcc-root .more{margin-top:12px;border:1px solid var(--rd-line);border-radius:8px}#rdcc-root .detail-metrics{grid-template-columns:1fr}#rdcc-root .dialog-head h2{font-size:19px}#rdcc-root .dialog-overview{align-items:flex-start;gap:12px}#rdcc-root .dialog-card-image{width:96px;height:80px}#rdcc-root .dialog-focus{display:block}#rdcc-root .dialog-focus strong{display:block;margin:0 0 3px}#rdcc-root .dialog-focus span{font-size:17px}#rdcc-root dialog{width:calc(100vw - 20px);max-width:none;max-height:calc(100dvh - 20px);padding:16px;margin:auto}#rdcc-root .comparison table{min-width:540px}#rdcc-root #compareBar{padding:10px 12px;gap:8px}#rdcc-root #selectedNames{font-size:13px}}
@media(max-width:360px){#rdcc-root .filter-grid{grid-template-columns:1fr}#rdcc-root .filter-grid label:first-child{grid-column:auto}#rdcc-root .results-line{grid-template-columns:1fr}#rdcc-root .results-line select{width:100%}#rdcc-root .card-table tbody tr{gap:10px;padding:12px}#rdcc-root .card-image{width:64px;height:46px}}
@media(max-width:800px){#rdcc-root .card-table td:first-child{position:relative;z-index:1}#rdcc-root .card-table td:nth-child(2){padding-right:52px!important}#rdcc-root .compare-toggle{width:44px;height:44px}#rdcc-root .card-table input[type=checkbox]{width:22px;height:22px}#rdcc-root .comparison{overflow:visible}#rdcc-root .comparison table,#rdcc-root .comparison thead,#rdcc-root .comparison tbody,#rdcc-root .comparison tr,#rdcc-root .comparison th,#rdcc-root .comparison td{display:block;width:100%;min-width:0}#rdcc-root .comparison thead tr{display:grid;gap:8px}#rdcc-root .comparison thead th:first-child{display:none}#rdcc-root .comparison thead th{border-radius:8px;font-size:16px}#rdcc-root .comparison thead img{display:inline-block;vertical-align:middle;margin:0 10px 0 0}#rdcc-root .comparison tbody tr{margin:12px 0;border:1px solid var(--rd-line);border-radius:8px;overflow:hidden}#rdcc-root .comparison tbody th,#rdcc-root .comparison tbody td{border:0}#rdcc-root .comparison tbody th{font-size:16px}#rdcc-root .comparison tbody td{border-top:1px solid var(--rd-line);overflow-wrap:anywhere}#rdcc-root .comparison tbody td::before{content:attr(data-card-name);display:block;margin-bottom:5px;font-weight:700;color:var(--rd-text)}}
@media(prefers-reduced-motion:no-preference){#rdcc-root button{transition:background .15s,border-color .15s}}