: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)}@media (max-width:640px){.hero h1{font-size:1.7rem}.hide-sm{display:none}tbody td,thead th{padding:10px}}