*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--red:#d91422;--red2:#b80b16;--green:#148d56;--bg:#fbf6ee;--sur:#fffdf8;--sur2:#fff7ec;--line:rgba(43,32,21,.12);--hair:rgba(43,32,21,.08);--txt:#201813;--mut:#665c51;--dim:#8b7f72;--gold:#b8792e;--teal:#2f8e80}
html{scroll-behavior:smooth}
body{min-height:100vh;padding-top:68px;color:var(--txt);background:linear-gradient(180deg,#fff9f0 0%,#fbf6ee 52%,#f5efe6 100%);font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;line-height:1.82;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:var(--red);text-decoration:none}
img,svg{display:block;max-width:100%}
.wrap{width:min(100% - 40px,760px);margin-inline:auto}
nav{position:fixed;top:0;left:0;right:0;z-index:100;width:100%;min-height:68px;padding:9px 14px;display:flex;align-items:center;justify-content:space-between;gap:8px;background:linear-gradient(180deg,rgba(255,250,242,.96),rgba(255,250,242,.84));border-bottom:1px solid rgba(43,32,21,.10);box-shadow:0 14px 34px rgba(83,56,27,.10);backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%)}
nav::before{display:none}
.nav-logo{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;min-width:112px;min-height:48px;color:#201813;white-space:nowrap}
.nav-brand-name{color:#201813;font-size:clamp(22px,6vw,26px);font-weight:900;line-height:.94;letter-spacing:0;text-shadow:none}
.nav-brand-sub{display:block;color:#86796c;font-size:11px;font-weight:800;line-height:1;letter-spacing:.18em}
.nav-links{display:flex;align-items:center;gap:6px}
.nav-links a{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 10px;border-radius:999px;color:#4f473f;font-size:13px;font-weight:900}
.nav-links a:hover{background:#fff4e8;color:#231812}
.nav-home{border:1px solid rgba(43,32,21,.11);background:#fffaf2;color:#4f473f!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.nav-cta{background:linear-gradient(180deg,#d91422,#b80b16);box-shadow:0 10px 22px rgba(217,20,34,.18),inset 0 1px 0 rgba(255,255,255,.22);color:#fff!important;padding:0 14px!important}
.hero{padding:42px 0 34px;background:linear-gradient(180deg,rgba(217,20,34,.07),rgba(255,255,255,0) 74%)}
.breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:6px;color:var(--dim);font-size:13px;font-weight:800;margin-bottom:18px}
.breadcrumb a{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 7px;margin-left:-7px;color:#3b2b20}
.kicker{display:inline-flex;align-items:center;gap:8px;min-height:28px;padding:0 10px;border:1px solid rgba(184,121,46,.22);border-radius:999px;color:#8c541d;background:rgba(184,121,46,.08);font-size:12px;font-weight:900;margin-bottom:16px}
h1{max-width:820px;color:var(--txt);font-size:clamp(25px,6.2vw,40px);font-weight:900;line-height:1.22;margin-bottom:14px;letter-spacing:0}
.hero-meta{display:flex;gap:10px 16px;flex-wrap:wrap;color:var(--dim);font-size:12px;font-weight:800;margin-bottom:18px}
.hero-summary{font-size:15px;color:#51483f;line-height:1.85;padding:17px 18px;background:#fffdf8;border:1px solid rgba(43,32,21,.12);border-left:3px solid var(--red);border-radius:8px;box-shadow:0 14px 34px rgba(83,56,27,.08)}
.art{padding:32px 0}
.article-body h2{font-size:clamp(19px,4.6vw,24px);font-weight:900;color:var(--txt);margin:38px 0 14px;letter-spacing:0}
.article-body h3{font-size:17px;font-weight:900;color:var(--txt);margin:25px 0 10px}
.article-body h4{font-size:15px;font-weight:900;color:#3d3028;margin:20px 0 8px}
.article-body p{font-size:15px;color:var(--mut);margin-bottom:14px;line-height:1.88}
.article-body ul,.article-body ol{padding-left:20px;margin:0 0 16px}
.article-body li{font-size:15px;color:var(--mut);margin-bottom:7px;line-height:1.82}
.article-body strong{color:#2b2015;font-weight:900}
.article-body code{padding:2px 5px;border-radius:5px;background:#f1e7dc;color:#5a3d27;font-size:.92em}
.divider{border:0;border-top:1px solid rgba(43,32,21,.10);margin:32px 0}
.table-card{overflow:auto;background:#fffdf8;border:1px solid rgba(43,32,21,.11);border-radius:12px;margin:20px 0;box-shadow:0 12px 30px rgba(83,56,27,.07)}
.compare{width:100%;border-collapse:collapse;font-size:13px;min-width:560px}
.compare th{padding:12px 14px;text-align:left;color:#7b6f62;font-weight:900;border-bottom:1px solid rgba(43,32,21,.11);background:#fff7ec;white-space:nowrap}
.compare td{padding:12px 14px;border-bottom:1px solid rgba(43,32,21,.10);color:#5f554b;vertical-align:top}
.compare tr:last-child td{border-bottom:0}
.compare .best-row td{background:rgba(217,20,34,.055)}
.plan-block{position:relative;margin:34px 0 8px;padding:26px 20px;border:1px solid rgba(217,20,34,.18);border-radius:12px;background:linear-gradient(135deg,rgba(217,20,34,.08),rgba(255,253,248,.96) 46%,rgba(47,142,128,.10));box-shadow:0 18px 40px rgba(83,56,27,.09)}
.plan-block h2{margin-top:0!important}
.plan-block .table-card{box-shadow:none}
.plan-pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0}
.plan-card{position:relative;display:grid;gap:7px;min-height:174px;padding:18px 14px;border:1px solid rgba(43,32,21,.10);border-radius:12px;background:#fffdf8;box-shadow:0 12px 24px rgba(83,56,27,.06)}
.plan-card.is-best{border-color:rgba(217,20,34,.28);background:linear-gradient(180deg,rgba(217,20,34,.075),#fffdf8 72%);box-shadow:0 16px 30px rgba(217,20,34,.12)}
.plan-ribbon{position:absolute;right:12px;top:12px;display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;color:#fff;background:linear-gradient(180deg,#e51b2a,#b80b16);font-size:12px;font-weight:900}
.plan-name{padding-right:42px;color:#201813;font-size:15px;font-weight:900}
.plan-price{color:#d91422;font-size:22px;font-weight:900;line-height:1.15}
.plan-month{color:#148d56;font-size:13px;font-weight:900}
.plan-note{color:#665c51;font-size:12px;line-height:1.55}
.plan-block ul{display:grid;gap:8px;list-style:none;padding-left:0}
.plan-block li{position:relative;padding-left:20px}
.plan-block li::before{content:"";position:absolute;left:0;top:.72em;width:7px;height:7px;border-radius:50%;background:var(--green)}
.plan-block p:last-child a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin-top:8px;padding:0 24px;border-radius:999px;color:#fff;background:linear-gradient(180deg,#e51b2a,#b80b16);box-shadow:0 12px 28px rgba(217,20,34,.24);font-weight:900}
.cta-band{padding:44px 20px;text-align:center;background:linear-gradient(180deg,rgba(217,20,34,.075),rgba(47,142,128,.075));border-top:1px solid rgba(43,32,21,.10)}
.cta-band h2{font-size:clamp(18px,4.5vw,24px);font-weight:900;color:var(--txt);margin:0 0 10px}
.cta-band p{font-size:14px;color:var(--mut);margin-bottom:20px}
.cta-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;background:linear-gradient(180deg,#e51b2a,#b80b16);box-shadow:0 12px 28px rgba(217,20,34,.24);color:#fff;font-size:15px;font-weight:900;padding:0 26px;border-radius:999px}
.btn-secondary{background:#fffdf8;color:#3b2b20;box-shadow:none;border:1px solid rgba(43,32,21,.12)}
.related{padding:32px 0;border-top:1px solid rgba(43,32,21,.10)}
.related-title{font-size:13px;font-weight:900;color:var(--dim);margin-bottom:12px;letter-spacing:.5px}
.related-links{display:flex;flex-direction:column;gap:8px}
.related-link{min-height:52px;background:#fffdf8;border:1px solid rgba(43,32,21,.11);border-radius:8px;padding:13px 14px;font-size:14px;color:#3d3028;display:flex;justify-content:space-between;align-items:center;gap:12px;box-shadow:0 10px 28px rgba(83,56,27,.06)}
.related-link:hover{border-color:rgba(43,32,21,.18);color:#201813}
.related-link svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;flex-shrink:0}
footer{padding:24px 18px;text-align:center;font-size:12px;color:var(--dim);border-top:1px solid rgba(43,32,21,.10)}
footer a{color:var(--dim)}
@media(max-width:720px){.plan-pricing-grid{grid-template-columns:1fr}.plan-card{min-height:0;padding:17px 16px}.plan-name{font-size:16px}.plan-price{font-size:24px}}
@media(max-width:520px){.table-card{overflow:visible}.compare{min-width:0;table-layout:fixed;font-size:12px}.compare th,.compare td{padding:10px 8px;white-space:normal;word-break:break-word}.plan-block{padding:22px 18px}}
@media(max-width:430px){nav{padding:9px 10px;gap:6px}.nav-logo{min-width:96px}.nav-brand-name{font-size:23px}.nav-brand-sub{display:block;font-size:10px;letter-spacing:.16em}.nav-links{gap:4px}.nav-links a{min-height:38px;font-size:12px}.nav-links a:not(.nav-cta){padding-inline:8px}.nav-cta{padding-inline:11px!important}.cta-actions{display:grid;grid-template-columns:1fr;max-width:260px;margin-inline:auto}.wrap{width:min(100% - 36px,760px)}}