:root{--bg:#0b1020;--bg-soft:#111834;--surface:#fff;--ink:#0e1430;--ink-soft:#51607f;--line:#e4e8f2;--brand:#2f6df6;--brand-dark:#1f4fd1;--accent:#14b8a6;--warn:#b4530a;--good:#0a8a4a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,PingFang TC,Noto Sans TC,sans-serif;color:var(--ink);background:#f7f9fc;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--brand-dark)}.wrap{max-width:1040px;margin:0 auto;padding:0 20px}.nav{border-bottom:1px solid var(--line);background:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:10}.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:60px}.brand{font-weight:800;font-size:1.15rem;letter-spacing:-.02em;color:var(--ink);text-decoration:none}.brand span{color:var(--brand)}.nav a.navlink{color:var(--ink-soft);text-decoration:none;font-weight:600;font-size:.9rem}.hero{background:linear-gradient(180deg,#0b1020,#16204a);color:#fff;padding:56px 0 48px}.hero h1{font-size:2.3rem;line-height:1.15;margin:0 0 14px;letter-spacing:-.02em}.hero p{color:#c3cdec;font-size:1.08rem;max-width:680px;margin:0}.badge{display:inline-flex;align-items:center;gap:7px;background:rgba(20,184,166,.16);color:#5eead4;border:1px solid rgba(20,184,166,.35);padding:5px 12px;border-radius:999px;font-size:.8rem;font-weight:700;margin-bottom:16px}.dot{width:7px;height:7px;border-radius:50%;background:#14b8a6}section{padding:40px 0}h2{font-size:1.5rem;letter-spacing:-.01em;margin:0 0 6px}.sub{color:var(--ink-soft);margin:0 0 22px}.tablecard{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 1px 2px rgba(16,24,48,.04)}table{width:100%;border-collapse:collapse;font-size:.94rem}thead th{text-align:left;background:#f2f5fb;color:var(--ink-soft);font-size:.74rem;text-transform:uppercase;letter-spacing:.04em;padding:12px 16px}tbody td,thead th{border-bottom:1px solid var(--line)}tbody td{padding:14px 16px;vertical-align:top}tbody tr:last-child td{border-bottom:none}.toolname{font-weight:700;color:var(--ink)}.price{font-weight:800;font-size:1.02rem}.price small{font-weight:600;font-size:.78rem}.muted,.price small{color:var(--ink-soft)}.pill{display:inline-block;font-size:.72rem;font-weight:700;padding:2px 9px;border-radius:999px}.pill.good{background:#e3f6ec;color:var(--good)}.pill.warn{background:#fdeede;color:var(--warn)}.cta{display:inline-block;background:var(--brand);color:#fff;text-decoration:none;font-weight:700;padding:8px 14px;border-radius:9px;font-size:.85rem;white-space:nowrap}.cta:hover{background:var(--brand-dark)}.grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}.card h3{margin:0 0 6px;font-size:1.05rem}.card p{margin:0;color:var(--ink-soft);font-size:.9rem}.verified{display:inline-flex;align-items:center;gap:6px;color:var(--good);font-weight:700;font-size:.82rem}.note{background:#f2f5fb;border:1px solid var(--line);border-radius:12px;padding:16px;font-size:.9rem}.note,footer{color:var(--ink-soft)}footer{border-top:1px solid var(--line);background:#fff;padding:28px 0;margin-top:24px;font-size:.85rem}footer a{color:var(--ink-soft)}.statband{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px}.stat{text-align:center;padding:10px 8px}.statnum{font-size:2.3rem;font-weight:900;color:var(--brand);letter-spacing:-.03em;line-height:1}.statlab{color:var(--ink-soft);font-size:.86rem;margin:8px auto 0;max-width:200px}.trusticon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:11px;background:rgba(20,184,166,.12);color:#0f8a7e}.pchart .pchartrow{display:grid;grid-template-columns:170px 1fr 92px;align-items:center;grid-gap:12px;gap:12px;margin-bottom:11px}.pchartlab{font-size:.88rem;color:var(--ink);font-weight:600}.pchartbar{background:#eef1f7;border-radius:999px;height:13px;overflow:hidden}.pchartfill{height:100%;background:linear-gradient(90deg,var(--brand),var(--accent));border-radius:999px}.pchartfill.quote{background:repeating-linear-gradient(45deg,#e4e8f2,#e4e8f2 6px,#eef1f7 0,#eef1f7 12px)}.pchartval{font-size:.82rem;font-weight:800;color:var(--ink);text-align:right}.pchartval.muted{color:var(--ink-soft);font-weight:700}.flow{display:flex;align-items:stretch;flex-wrap:wrap;gap:6px}.flownode{display:flex;align-items:center;flex:1 1 250px}.flowcard{flex:1 1;height:100%}.flowarrow{flex:none;padding:0 8px;color:var(--ink-soft);font-size:1.5rem;font-weight:700}.flowicon{width:42px;height:42px;border-radius:11px;background:rgba(47,109,246,.1);color:var(--brand-dark)}.flowicon,.segicon{display:inline-flex;align-items:center;justify-content:center}.segicon{width:40px;height:40px;border-radius:10px;background:rgba(20,184,166,.12);color:#0f8a7e}.herogrid{display:grid;grid-template-columns:1.05fr .95fr;grid-gap:40px;gap:40px;align-items:center}.herocopy h1{font-size:clamp(1.85rem,4.2vw,2.6rem);line-height:1.12;margin:0 0 14px}.herocopy h1 em{font-style:normal;color:#ffce6e}.herocopy p{color:#c3cdec;font-size:1.04rem;margin:0;max-width:none}.herocta{display:inline-block;margin-top:20px;background:var(--accent);color:#06241f;text-decoration:none;padding:12px 22px;border-radius:999px;font-weight:800;transition:filter .18s,transform .18s}.herocta:hover{filter:brightness(1.08);transform:translateY(-1px)}.heroviz{display:flex;justify-content:center}.cmpcard{width:100%;max-width:380px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.13);border-radius:18px;padding:16px}.cmpitem{border-radius:12px;padding:13px 14px}.cmpitem.bad{background:rgba(210,70,70,.15);border:1px solid rgba(210,70,70,.38)}.cmpitem.good{background:rgba(20,184,166,.15);border:1px solid rgba(20,184,166,.42)}.cmptag{display:block;font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700;margin-bottom:6px}.cmpitem.bad .cmptag{color:#ff9b9b}.cmpitem.good .cmptag{color:#6fe3d2}.cmpprice{font-weight:800;color:#eef2fb;font-size:1.02rem}.cmpmeta{font-size:.79rem;color:#9aa6c8;margin-top:4px}.cmpvs{text-align:center;color:#8b97b8;font-weight:700;font-size:.78rem;padding:7px 0}@media (max-width:640px){.flow{flex-direction:column}.flowarrow{transform:rotate(90deg);padding:6px 0;align-self:center}.herogrid{grid-template-columns:1fr;gap:26px}.hero h1{font-size:1.7rem}.hide-sm{display:none}tbody td,thead th{padding:10px}.statband{grid-template-columns:1fr 1fr;gap:16px}.pchart .pchartrow{grid-template-columns:110px 1fr 78px;gap:8px}.pchartlab{font-size:.8rem}}