:root{--green:#123b2d;--green2:#2f6852;--cream:#f7f3e9;--paper:#fffdf7;--ink:#10251c;--muted:#617168;--line:#dce4df;--shadow:0 18px 50px rgba(16,37,28,.09);--serif:"Noto Serif TC","Songti TC","PMingLiU",serif;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans TC",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;max-width:100%;overflow-x:clip}body{margin:0;max-width:100%;overflow-x:clip;background:var(--cream);color:var(--ink);font-family:var(--sans);line-height:1.8}a{color:inherit}img{display:block;max-width:100%}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;z-index:1000;background:#fff;padding:10px 16px;border-radius:8px}.nav{position:sticky;top:0;z-index:50;background:rgba(255,253,247,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.nav-inner{max-width:1160px;height:82px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.logo{width:150px;height:auto}.nav-links{display:flex;gap:22px;align-items:center}.nav-links a{text-decoration:none;font-weight:700}.nav-links a:hover{text-decoration:underline;text-underline-offset:5px}.hero{padding:92px 24px 80px;background:radial-gradient(circle at 82% 22%,rgba(130,168,142,.27),transparent 32%),linear-gradient(145deg,#0b2d22,#174634);color:#fff}.hero-inner,.wrap{max-width:1080px;min-width:0;margin:auto}.crumbs{font-size:14px;color:#cfddd5;margin-bottom:30px}.crumbs a{color:inherit}.eyebrow{font-size:13px;letter-spacing:.28em;font-weight:800;color:#cfe2d7}.hero h1{font-family:var(--serif);font-size:clamp(42px,7vw,74px);line-height:1.22;letter-spacing:.025em;margin:18px 0}.hero p{font-size:20px;max-width:760px;color:#e2ece6}.hero p,.main p,.main li,.aside{overflow-wrap:anywhere}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 23px;border-radius:999px;text-decoration:none;font-weight:800;border:1px solid rgba(255,255,255,.5)}.btn-light{background:#fff;color:var(--green)}.btn-ghost{color:#fff}.content{padding:76px 24px}.lead{font-size:21px;color:#314d40;margin:0 0 44px}.article-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:48px;min-width:0}.main{min-width:0}.main h2{font-family:var(--serif);font-size:34px;line-height:1.35;margin:52px 0 15px}.main h2:first-child{margin-top:0}.main h3{font-size:22px;margin:30px 0 8px}.main p,.main li{font-size:17px}.main ul,.main ol{padding-left:1.35em}.main li+li{margin-top:8px}.note{padding:24px 26px;margin:28px 0;background:#edf3ef;border-left:4px solid var(--green2);border-radius:0 18px 18px 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:26px 0}.step{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:23px;min-height:160px}.step b{display:block;color:var(--green2);font-size:15px;margin-bottom:10px}.compare{width:100%;border-collapse:separate;border-spacing:0;margin:26px 0;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--paper)}.compare th,.compare td{text-align:left;padding:15px 17px;border-bottom:1px solid var(--line);vertical-align:top}.compare th{background:#e7eee9}.compare tr:last-child td{border-bottom:0}.aside{position:sticky;top:110px;align-self:start;min-width:0;background:var(--paper);border:1px solid var(--line);border-radius:24px;padding:25px;box-shadow:var(--shadow)}.aside h2{font-size:20px;font-family:var(--serif);margin:0 0 12px}.aside a{display:block;padding:8px 0;color:var(--green);font-weight:700}.product-box{display:grid;grid-template-columns:150px 1fr;gap:22px;align-items:center;margin:28px 0;padding:22px;background:var(--paper);border:1px solid var(--line);border-radius:24px}.product-box img{width:150px;border-radius:18px}.product-box h3{margin:0 0 5px}.product-box .price{font-weight:900;font-size:20px}.product-box .shop{display:inline-flex;margin-top:10px;background:var(--green);color:#fff;text-decoration:none;padding:9px 17px;border-radius:999px;font-weight:800}.related{padding:70px 24px;background:#e7eee9}.related h2{text-align:center;font-family:var(--serif);font-size:34px}.related-grid{max-width:1080px;margin:28px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.related a{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:24px;text-decoration:none;font-weight:800}.related span{display:block;color:var(--muted);font-size:14px;font-weight:500;margin-top:7px}.cta{padding:64px 24px;background:var(--green);color:#fff;text-align:center}.cta h2{font-family:var(--serif);font-size:38px;margin:0 0 18px}footer{background:#081d16;color:#c7d6ce;text-align:center;padding:44px 24px}.footer-logo{width:150px;margin:0 auto 15px}.line-float{position:fixed;right:20px;bottom:22px;z-index:60;background:#06c755;color:#fff;text-decoration:none;padding:14px 18px;border-radius:999px;font-weight:800;box-shadow:0 10px 26px rgba(0,0,0,.2)}
@media(max-width:800px){.nav-links{gap:12px}.nav-links a:not(:first-child){display:none}.article-grid{grid-template-columns:1fr}.aside{position:static}.steps,.related-grid{grid-template-columns:1fr}.product-box{grid-template-columns:110px 1fr}.product-box img{width:110px}.hero{padding:68px 20px 62px}.content{padding:58px 20px}.main h2{font-size:29px}}
@media(max-width:480px){.nav-inner{height:72px;padding:0 16px}.logo{width:125px}.nav-links{font-size:14px}.hero h1{font-size:40px}.hero p,.lead{font-size:18px}.product-box{grid-template-columns:1fr}.product-box img{width:100%;max-width:220px}.line-float{width:54px;height:54px;padding:0;display:grid;place-items:center;border-radius:50%;font-size:0}.line-float:after{content:"LINE";font-size:11px}.compare{display:block;overflow-x:auto;white-space:normal}.cta h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}