:root{--brand:#1e3a8a;--brand-dark:#142a66;--brand-tint:#e9eefb;--cta:#f2661a;--ink:#16222c;--muted:#5f6b76;--line:#e4e7ea;--bg:#faf8f5;--card:#fff;--tag-live:#1e3a8a;--tag-expiring:#c2410c;--tag-recheck:#8a6d00;--band-mint:#e8f4ee;--band-cream:#fdf3e9;--band-sky:#eaf0f9;--band-dark:#16233f;--r-lg:22px;--r-xl:34px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--bg);margin:0;font-family:-apple-system,PingFang HK,Noto Sans TC,Microsoft JhengHei,sans-serif;font-size:16px;line-height:1.65}main{max-width:1120px;margin:0 auto;padding:0 1.25rem 3rem}.readable{max-width:760px}header.site{z-index:50;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;box-shadow:0 1px 4px #16222c0d}.site-inner{align-items:center;gap:1rem;max-width:1120px;margin:0 auto;padding:.6rem 1rem;display:flex}.brand{flex-shrink:0;align-items:center;gap:.55rem;text-decoration:none;display:flex}.brand-mark{background:linear-gradient(155deg, #2c4fa8, var(--brand-dark));color:#fff;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:19px;font-weight:800;line-height:1;display:flex;position:relative;overflow:hidden;box-shadow:0 3px 8px #1e3a8a47}.brand-mark:after{content:"";background:var(--cta);border-radius:2px;height:3.5px;position:absolute;bottom:8px;left:7px;right:7px}.brand-name{color:var(--ink);letter-spacing:.02em;font-size:1.12rem;font-weight:800;line-height:1.15}.brand-name small{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:.62rem;font-weight:600;display:block}.nav-toggle{display:none}.nav-btn{cursor:pointer;margin-left:auto;padding:.4rem;display:none}.nav-btn span{background:var(--ink);border-radius:2px;width:20px;height:2.5px;margin:4px 0;display:block}header.site nav{align-items:center;gap:.2rem;margin-left:auto;display:flex}.mega{position:relative}.mega>span{cursor:pointer;color:var(--ink);border-radius:8px;align-items:center;gap:.25rem;padding:.35rem .65rem;font-size:.92rem;font-weight:600;display:inline-flex}.mega>span:after{content:"▾";color:var(--muted);font-size:.7rem}.mega:hover>span{background:var(--brand-tint);color:var(--brand-dark)}.mega-panel{border:1px solid var(--line);z-index:60;background:#fff;border-radius:16px;min-width:520px;padding:1rem 1.1rem;display:none;position:absolute;top:100%;left:50%;transform:translate(-50%);box-shadow:0 16px 40px #16222c24}.mega:hover .mega-panel{grid-template-columns:1fr 1fr;gap:.2rem 1.4rem;display:grid}.mega-panel h4{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);grid-column:1/-1;margin:0 0 .2rem;font-size:.7rem}.mega-panel a{border-radius:8px;padding:.4rem .5rem;font-size:.9rem;display:block}.mega-panel a b{color:var(--ink);font-weight:700;display:block}.mega-panel a small{color:var(--muted);font-size:.76rem;font-weight:500}.mega-panel a:hover{background:var(--brand-tint)}@media (width<=720px){.mega{display:none}}header.site nav a{color:var(--ink);white-space:nowrap;border-radius:8px;padding:.35rem .65rem;font-size:.92rem;font-weight:600;text-decoration:none}header.site nav a:hover{background:var(--brand-tint);color:var(--brand-dark)}@media (width>=721px){header.site nav a.nav-more{display:none}}@media (width<=720px){.nav-btn{display:block}header.site nav{border-bottom:1px solid var(--line);background:#fff;flex-direction:column;gap:0;padding:.4rem 1rem .8rem;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 8px 16px #16222c14}header.site nav a{border-bottom:1px solid var(--line);border-radius:0;padding:.55rem .4rem}header.site nav a:last-child{border-bottom:none}.nav-toggle:checked~nav{display:flex}}.hero{background:radial-gradient(120% 90% at 85% 0%, var(--brand-tint), #fff 60%);border-bottom:1px solid var(--line);margin:0 -1rem 1.2rem;padding:1.8rem 1rem 1.4rem;overflow:hidden}.hero-grid{grid-template-columns:1fr;align-items:center;gap:1.2rem;max-width:1120px;margin:0 auto;display:grid}@media (width>=720px){.hero-grid{grid-template-columns:1.15fr .85fr}}.hero h1{letter-spacing:-.01em;margin:0 0 .5rem;font-size:1.9rem;line-height:1.28}@media (width>=720px){.hero h1{font-size:2.2rem}}.hero .tagline{color:var(--muted);margin:0 0 1.1rem;font-size:1rem;line-height:1.55}.hero-cta{flex-wrap:wrap;gap:.6rem;margin-bottom:1.1rem;display:flex}.btn-primary{background:var(--cta);color:#fff;border-radius:10px;padding:.65rem 1.3rem;font-size:1rem;font-weight:800;text-decoration:none;box-shadow:0 4px 14px #e8590c47}.btn-primary:hover{background:#c94a08}.btn-ghost{color:var(--brand-dark);border:1.5px solid var(--brand);background:#fff;border-radius:10px;padding:.65rem 1.2rem;font-size:1rem;font-weight:700;text-decoration:none}.btn-ghost:hover{background:var(--brand);color:#fff}.hero-stats{color:var(--muted);flex-wrap:wrap;gap:1.1rem;font-size:.86rem;display:flex}.hero-stats b{color:var(--brand-dark);font-size:1.05rem}.hero-chips{flex-wrap:wrap;gap:.5rem;max-width:1120px;margin:1.2rem auto 0;display:flex}.hero-visual{height:190px;display:none;position:relative}@media (width>=720px){.hero-visual{display:block}}.hcard{color:#fff;border-radius:14px;flex-direction:column;justify-content:space-between;width:210px;height:132px;padding:14px 16px;animation:6s ease-in-out infinite floaty;display:flex;position:absolute;box-shadow:0 14px 30px #16222c38}.hcard .hc-brand{letter-spacing:.03em;font-size:.95rem;font-weight:800}.hcard .hc-chip{background:linear-gradient(135deg,#f0d089,#c9a44a);border-radius:5px;width:30px;height:22px}.hcard .hc-perk{font-size:1.15rem;font-weight:800}.hc1{z-index:1;background:linear-gradient(140deg,#db0011,#8d000b);top:6px;right:40px;transform:rotate(-8deg)}.hc2{z-index:3;background:linear-gradient(140deg,#241f5c,#161239);animation-delay:.8s;top:46px;right:130px;transform:rotate(5deg)}.hc3{z-index:2;background:linear-gradient(140deg,#0f5499,#093863);animation-delay:1.6s;top:92px;right:20px;transform:rotate(-3deg)}@keyframes floaty{0%,to{transform:translateY(0) rotate(var(--r,-6deg))}50%{transform:translateY(-8px) rotate(var(--r,-6deg))}}.hc1{--r:-8deg}.hc2{--r:5deg}.hc3{--r:-3deg}@media (prefers-reduced-motion:reduce){.hcard{animation:none}}.chips{flex-wrap:wrap;gap:.5rem;display:flex}.chip{color:var(--brand-dark);border:1.5px solid var(--brand);background:#fff;border-radius:999px;padding:.32rem .85rem;font-size:.88rem;font-weight:650;text-decoration:none;display:inline-block}.chip:hover{background:var(--brand);color:#fff}.chip.hot{border-color:var(--cta);color:var(--cta)}.chip.hot:hover{background:var(--cta);color:#fff}.freshness{color:var(--muted);margin-top:.8rem;font-size:.78rem}.freshness a{color:var(--muted)}h1{margin:1.5rem 0 .4rem;font-size:1.55rem;line-height:1.3}h2{border-left:4px solid var(--brand);margin:2rem 0 .7rem;padding-left:.6rem;font-size:1.18rem;line-height:1.35}.sub{color:var(--muted);margin:0 0 1rem;font-size:.92rem}.ico-h2{align-items:center;gap:.45rem;display:flex}a{color:var(--brand-dark)}.offer{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card);margin:.8rem 0;padding:1.05rem 1.15rem;transition:box-shadow .18s,transform .18s;box-shadow:0 2px 10px #16222c0d}.offer:hover{transform:translateY(-2px);box-shadow:0 8px 22px #16222c17}.band-dark .offer{background:#1e2c4d;border-color:#2c3d63}.band-dark .offer .benefit{color:#fff}.band-dark .offer .meta{color:#a9b6d1}.offer .meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.45rem;font-size:.84rem;display:flex}.issuer-chip{color:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.72rem;font-weight:800;display:inline-flex}.merchant-tag{color:var(--ink);align-items:center;gap:.3rem;font-weight:600;text-decoration:none;display:inline-flex}.merchant-tile{color:#fff;border-radius:5px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:.66rem;font-weight:800;display:inline-flex}.bridge{background:linear-gradient(100deg,#fff6ef,#fff);border:1px solid #f4d3ba;border-radius:9px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin:.55rem 0 .1rem;padding:.5rem .75rem;text-decoration:none;display:flex}.bridge:hover{border-color:var(--cta)}.bridge-q{color:var(--ink);flex:none;font-size:.84rem;font-weight:600}.bridge-v{color:var(--cta);text-align:right;flex:auto;font-size:.86rem;font-weight:800}.offer .benefit{margin:.4rem 0 .2rem;font-size:1.04rem;font-weight:750;line-height:1.5}.offer details{margin:.3rem 0 .1rem}.offer details summary{cursor:pointer;color:var(--brand-dark);user-select:none;font-size:.84rem;font-weight:600}.offer ul{color:#46525c;margin:.35rem 0 .2rem;padding-left:1.2rem;font-size:.87rem}.offer li{margin:.15rem 0}.tag{border:1px solid;border-radius:999px;padding:.08rem .55rem;font-size:.72rem;font-weight:650;display:inline-block}.tag.live,.tag.ongoing{color:var(--tag-live);background:var(--brand-tint);border-color:#0000}.tag.expiring{color:#fff;background:var(--tag-expiring);border-color:#0000}.tag.recheck{color:var(--tag-recheck)}.src{border-top:1px dashed var(--line);color:var(--muted);flex-wrap:wrap;gap:.3rem .9rem;margin:.5rem 0 0;padding-top:.5rem;font-size:.78rem;display:flex}.src a{color:var(--brand-dark);font-weight:600}.benefit-row{justify-content:space-between;align-items:flex-start;gap:.7rem;display:flex}.benefit-row .benefit{flex:1;min-width:0}.benefit-badge{color:var(--cta);letter-spacing:.01em;white-space:nowrap;flex-shrink:0;margin-top:.35rem;padding:.15rem 0;font-size:1.3rem;font-weight:900;line-height:1.1}.cta-btn{background:var(--cta);color:#fff;border-radius:999px;margin:.4rem 0 .1rem;padding:.45rem 1.1rem;font-size:.92rem;font-weight:750;text-decoration:none;display:inline-block}.cta-btn:hover{background:#c94a08}.trust-strip{color:var(--muted);border:1px solid var(--line);background:#fff;border-radius:10px;flex-wrap:wrap;align-items:center;gap:.3rem 1.1rem;margin:.9rem 0 .4rem;padding:.5rem .8rem;font-size:.8rem;display:flex}.trust-strip strong{color:var(--brand-dark)}.trust-strip a{color:var(--brand-dark);font-weight:650}.offer-row{align-items:flex-start;gap:.9rem;display:flex}.offer-row .offer-body{flex:1;min-width:0}@media (width<=480px){.offer-row{flex-direction:column}}.sihing{background:var(--brand-tint);border-left:3px solid var(--brand);color:var(--ink);border-radius:0 8px 8px 0;margin:.45rem 0 .1rem;padding:.4rem .7rem;font-size:.88rem}.sihing strong{color:var(--brand-dark)}.rate-chart{flex-direction:column;gap:.5rem;margin:0 0 1.2rem;display:flex}.rc-row{grid-template-columns:92px 1fr auto;align-items:center;gap:.6rem;display:grid}.rc-label{text-align:right;white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:600;overflow:hidden}.rc-track{background:var(--brand-tint);border-radius:6px;height:22px;overflow:hidden}.rc-bar{border-radius:6px;height:100%;transition:width .75s cubic-bezier(.2,.8,.2,1);display:block}.rc-val{color:var(--ink);text-align:right;min-width:74px;font-size:.9rem;font-weight:800}@media (prefers-reduced-motion:reduce){.rc-bar{transition:none}}.nav-cta{background:var(--cta);color:#fff!important}.nav-cta:hover{background:#c94a08!important}.page-hero{border-radius:var(--r-lg);width:100%;height:auto;margin:1.2rem 0 .4rem;display:block;box-shadow:0 6px 20px #16222c1a}.guide-thumb{aspect-ratio:2;object-fit:contain;background:var(--brand-tint);border-radius:12px;width:100%;height:auto;margin-bottom:.6rem;display:block}.band{margin:2.2rem -1rem;padding:2rem 1rem 2.2rem}.band>*{max-width:1120px;margin-left:auto;margin-right:auto}.band-mint{background:var(--band-mint)}.band-cream{background:var(--band-cream)}.band-sky{background:var(--band-sky)}.band-dark{background:var(--band-dark);color:#fff}.band-dark h2{color:#fff;border-left-color:var(--cta)}.band-dark .sub,.band-dark p{color:#c3cde4}.band-dark a{color:#ffd2b3}.band h2{margin-top:0}.band-title{letter-spacing:-.01em;margin:0 0 .3rem;font-size:1.65rem;font-weight:900;line-height:1.25}@media (width>=720px){.band-title{font-size:2rem}}.band-lead{margin:0 0 1.2rem;font-size:1rem}.guide-grid{grid-template-columns:1fr;gap:.9rem;margin:1.2rem 0;display:grid}@media (width>=900px){.guide-grid{grid-template-columns:repeat(3,1fr)}}.gc-img{flex-direction:column;gap:0;padding:.7rem}@media (width>=560px){.guide-grid{grid-template-columns:1fr 1fr}}@media (width>=940px){.guide-grid{grid-template-columns:repeat(3,1fr)}}.guide-card{border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;align-items:flex-start;gap:.85rem;padding:1rem 1.1rem;text-decoration:none;transition:border-color .18s,transform .18s,box-shadow .18s;display:flex;box-shadow:0 2px 10px #16222c0d}.guide-card:hover{border-color:var(--brand);transform:translateY(-3px);box-shadow:0 10px 24px #16222c1a}.guide-ic{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.ic-tool{color:#0d7a5f;background:#dff1ea}.ic-shop{color:#c04f12;background:#fde8dd}.ic-travel{color:#1e50a8;background:#dfeafc}.ic-daily{color:#6a3aa0;background:#f3e9fb}.ic-info{color:#94690a;background:#fdf0d8}.guide-body{flex-direction:column;display:flex}.guide-tag{color:var(--cta);letter-spacing:.05em;font-size:.68rem;font-weight:700}.guide-title{color:var(--ink);margin:.1rem 0;font-size:1rem;font-weight:800}.guide-desc{color:var(--muted);font-size:.82rem;line-height:1.4}footer.site{border-top:1px solid var(--line);color:var(--muted);background:#fff;margin-top:3rem;padding:1.6rem 1rem 2rem;font-size:.85rem}.footer-inner{grid-template-columns:1fr;gap:1.2rem;max-width:1120px;margin:0 auto;display:grid}@media (width>=640px){.footer-inner{grid-template-columns:1.6fr 1fr 1fr 1fr}}footer.site h3{color:var(--ink);margin:0 0 .4rem;font-size:.9rem}footer.site p{margin:0 0 .4rem}footer.site a{color:var(--muted)}footer.site ul{margin:0;padding:0;list-style:none}footer.site li{margin:.2rem 0}.copyright{border-top:1px solid var(--line);text-align:center;max-width:1120px;margin:1.4rem auto 0;padding-top:1rem;font-size:.76rem}.foot-about p{font-size:.82rem;line-height:1.5}.foot-legal{border-top:1px solid var(--line);max-width:1120px;color:var(--muted);margin:1.4rem auto 0;padding-top:1rem;font-size:.74rem;line-height:1.5}.foot-legal p{margin:0 0 .5rem}.foot-links a{color:var(--brand-dark);font-weight:600}