*{box-sizing:border-box;margin:0;padding:0}
:root{--ink:#1a1a1a;--ink2:#5a5a5a;--ink3:#999;--line:#eaeaea;--bg:#fafafa;--a:#ea580c;--a2:#c2410c}
body{font-family:-apple-system,"PingFang TC","Noto Sans TC",system-ui,sans-serif;color:var(--ink);background:#fff;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}.num{font-variant-numeric:tabular-nums}
.wrap{max-width:960px;margin:0 auto;padding:0 20px}
.nav{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.9);backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--line)}
.nav .in{max-width:960px;margin:0 auto;padding:13px 20px;display:flex;align-items:center;gap:14px}
.brand{font-weight:850;font-size:19px;display:flex;align-items:center;gap:8px}
.brand .dot{width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,var(--a),var(--a2));display:grid;place-items:center;color:#fff;font-size:14px}
.nav nav{margin-left:auto;display:flex;gap:6px;align-items:center}.nav nav a{font-size:14px;font-weight:600;color:var(--ink2);padding:7px 11px;border-radius:9px}.nav nav a:hover{background:var(--bg)}
.nav .cta{background:var(--a);color:#fff!important}
.hero{background:linear-gradient(135deg,#1a1512,#2a1c12);color:#fff;padding:54px 20px 60px;text-align:center}
.hero h1{font-size:32px;font-weight:850;letter-spacing:-.02em;margin-bottom:12px}.hero h1 em{color:#fb923c;font-style:normal}
.hero p{font-size:16px;opacity:.9;max-width:560px;margin:0 auto 26px}
.tool{max-width:620px;margin:0 auto;background:#fff;border-radius:18px;padding:20px;box-shadow:0 24px 60px -18px rgba(0,0,0,.5);color:var(--ink)}
.tool .row{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}
.tool label{flex:1;min-width:150px;text-align:left;font-size:12px;font-weight:700;color:var(--ink2)}
.tool input,.tool select{width:100%;border:1px solid var(--line);border-radius:11px;padding:12px 13px;font-size:15px;margin-top:5px;background:#fff}
.tool .go{flex:0 0 auto;border:0;background:var(--a);color:#fff;font-weight:800;font-size:15px;padding:13px 24px;border-radius:12px;cursor:pointer;margin-top:5px}
.res{margin-top:16px;display:none}.res.on{display:block}
.pcards{display:flex;gap:10px;flex-wrap:wrap}
.pc{flex:1;min-width:110px;border-radius:14px;padding:14px;text-align:center}
.pc .l{font-size:12px;font-weight:700}.pc .v{font-size:26px;font-weight:900}
.pc.buy{background:#fef2f2;border:1px solid #fecaca}.pc.buy .l{color:#b91c1c}.pc.buy .v{color:#dc2626}
.pc.deal{background:#f0fdf4;border:1px solid #bbf7d0}.pc.deal .l{color:#15803d}.pc.deal .v{color:#16a34a}
.pc.mkt{background:#eff6ff;border:1px solid #bfdbfe}.pc.mkt .l{color:#2563eb}.pc.mkt .v{color:#2563eb}
.sect{padding:40px 0;border-bottom:1px solid var(--line)}.sect h2{font-size:22px;font-weight:800;margin-bottom:6px}.sect .sub{color:var(--ink3);font-size:14px;margin-bottom:18px}
.btiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}
.btiles a{border:1px solid var(--line);border-radius:12px;padding:14px;font-weight:700;transition:.13s}.btiles a:hover{border-color:var(--a);background:var(--bg)}.btiles a small{display:block;color:var(--ink3);font-weight:500;font-size:12px;margin-top:2px}
.tw{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:460px}
th,td{padding:11px 10px;text-align:right;font-size:14px;border-bottom:1px solid var(--line)}th{color:var(--ink2);font-weight:700;font-size:13px}th:first-child,td:first-child{text-align:left}
td.buy{color:#dc2626;font-weight:800}
.list a{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;margin-bottom:8px;transition:.13s}.list a:hover{border-color:var(--a)}
.list .n{width:26px;height:26px;border-radius:8px;background:var(--a);color:#fff;font-weight:800;font-size:13px;display:grid;place-items:center;flex:none}
.list .m{flex:1;font-weight:700}.list .p{font-weight:900;color:var(--a);font-size:17px}
.cta{background:linear-gradient(135deg,var(--a),var(--a2));color:#fff;border-radius:18px;padding:26px 22px;text-align:center;margin:26px 0}
.cta h2{color:#fff;font-size:22px;margin-bottom:8px}.cta p{opacity:.92;margin-bottom:16px;font-size:14.5px}
.cta .btns{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.cta .btns a{padding:13px 22px;border-radius:12px;font-weight:800;font-size:14.5px}
.cta .b1{background:#fff;color:var(--a2)}.cta .b2{background:#06C755;color:#fff}
.note{font-size:12.5px;color:var(--ink3);margin-top:12px;line-height:1.7}
.faq details{border-bottom:1px solid var(--line);padding:12px 0}.faq summary{font-weight:700;cursor:pointer;font-size:15px}.faq p{color:var(--ink2);font-size:14px;margin-top:8px}
.foot{background:#141311;color:#b5b0a8;padding:40px 20px 30px;margin-top:20px;font-size:13px;line-height:1.9}
.foot .in{max-width:960px;margin:0 auto}.foot b{color:#fff;display:block;margin-bottom:6px}.foot a{color:#d0cbc2}
.crumb{font-size:13px;color:var(--ink3);padding:18px 0 4px}.crumb a{color:var(--a)}
h1.ph{font-size:26px;font-weight:850;margin:6px 0}
@media(max-width:640px){.hero h1{font-size:25px}.nav nav a:not(.cta){display:none}}