:root{--bg:#f5f4f1;--surface:#fff;--border:#e5e4e0;--text:#1a1d1b;--text-muted:#5e625c;--text-subtle:#6b6f69;--accent:#2a4a3c;--accent-hover:#213b30;--accent-fg:#fff;--accent-soft:#eaefeb;--accent-text:#3f6350;--warn-number:#8a6a38;--chart-2:#9db5a8;--pill-ok-bg:#ecf1ed;--pill-ok-fg:#3f6350;--pill-warn-bg:#f4efe4;--pill-warn-fg:#7a6435;--pill-danger-bg:#f3e9e7;--pill-danger-fg:#8a4f48;--google-btn-bg:#fff;--google-btn-bg-hover:#f7f8f8;--google-btn-fg:#1f1f1f;--google-btn-border:#747775;--tag-gray-bg:#ecebe7;--tag-gray-fg:#55584f;--tag-red-bg:#f3e6e3;--tag-red-fg:#8a4338;--tag-orange-bg:#f5e9dc;--tag-orange-fg:#85501f;--tag-yellow-bg:#f3eed6;--tag-yellow-fg:#6b5a17;--tag-green-bg:#e4efe6;--tag-green-fg:#2f6143;--tag-teal-bg:#dfeeec;--tag-teal-fg:#23605a;--tag-blue-bg:#e3ebf3;--tag-blue-fg:#325c85;--tag-purple-bg:#ebe6f2;--tag-purple-fg:#5f4a86;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--radius-pill:999px;--space-1:4px;--space-2:6px;--space-3:8px;--space-4:12px;--space-5:16px;--space-6:20px;--space-7:24px;--space-8:32px;--font-sans:system-ui, -apple-system, "PingFang TC", "Noto Sans TC", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, monospace;--fs-display:24px;--fs-h1:20px;--fs-h2:15px;--fs-body:14px;--fs-small:12px;--fs-micro:11px;--focus-ring:0 0 0 3px #2a4a3c38;--shadow-pop:0 8px 28px #1a1d1b1f;--mk-bg:#fff;--mk-grad-1:#fff7ec;--mk-grad-2:#eaf4ee;--mk-grad-3:#e6eef8;--mk-text:#1a1d1b;--mk-muted:#4f534e;--mk-cta:#b44a16;--mk-cta-hover:#a84716;--mk-cta-fg:#fff;--mk-brand:#2a4a3c;--mk-card:#fff;--mk-border:#e5e4e0;--mk-soft:#f7f5f0}*,:before,:after{box-sizing:border-box}body{background:var(--mk-bg);color:var(--mk-text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang TC,Noto Sans TC,Microsoft JhengHei,sans-serif;line-height:1.7}a{color:inherit}.skip{background:var(--mk-brand);color:#fff;z-index:100;border-radius:0 0 8px;padding:10px 16px;position:absolute;top:0;left:-9999px}.skip:focus{left:0}.wrap{max-width:1120px;margin:0 auto;padding:0 20px}.wrap-narrow{max-width:760px}header.site{z-index:10;background:var(--mk-bg);border-bottom:1px solid var(--mk-border);position:sticky;top:0}header.site .wrap{justify-content:space-between;align-items:center;gap:20px;min-height:64px;display:flex}.logo{color:var(--mk-brand);align-items:center;gap:8px;font-size:18px;font-weight:700;text-decoration:none;display:inline-flex}nav[aria-label=主要]{align-items:center;gap:20px;display:flex}nav[aria-label=主要] a{color:var(--mk-text);font-weight:500;text-decoration:none}.nav-features{position:relative}.nav-features summary{cursor:pointer;color:var(--mk-text);font-weight:500;list-style:none}.nav-features summary::-webkit-details-marker{display:none}.nav-features[open]>summary{color:var(--mk-brand)}.nav-features nav{background:var(--mk-card);border:1px solid var(--mk-border);border-radius:10px;flex-direction:column;min-width:200px;padding:8px;display:flex;position:absolute;top:100%;left:0;box-shadow:0 12px 32px #0000001a}.nav-features nav a{border-radius:6px;padding:8px 10px}.nav-features nav a:hover{background:var(--mk-soft)}details.menu{display:none}@media (width<=760px){nav[aria-label=主要]>a,nav[aria-label=主要]>.nav-features{display:none}details.menu{display:block;position:relative}details.menu summary{cursor:pointer;padding:8px;font-size:22px;line-height:1;list-style:none}details.menu summary::-webkit-details-marker{display:none}details.menu[open]>div{background:var(--mk-card);border:1px solid var(--mk-border);border-radius:10px;flex-direction:column;gap:10px;min-width:220px;padding:12px;display:flex;position:absolute;top:100%;right:0;box-shadow:0 12px 32px #0000001a}details.menu a{color:var(--mk-text);text-decoration:none}}.btn{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:0 22px;font-weight:700;text-decoration:none;display:inline-flex}.btn-primary{background:var(--mk-cta);color:var(--mk-cta-fg)}.btn-primary:hover{background:var(--mk-cta-hover)}.btn-ghost{border:1px solid var(--mk-text);color:var(--mk-text);background:0 0}.btn-large{min-height:56px;padding:0 32px;font-size:18px}.hero{background:linear-gradient(135deg, var(--mk-grad-1) 0%, var(--mk-grad-2) 60%, var(--mk-grad-3) 100%);text-align:center;padding:72px 0 56px}.hero h1{margin:0 0 16px;font-size:clamp(30px,5vw,52px);font-weight:800;line-height:1.25}.hero p{color:var(--mk-muted);margin:0 0 28px;font-size:18px}.hero .eyebrow,.hero .pill{background:var(--mk-card);border:1px solid var(--mk-border);color:var(--mk-brand);border-radius:999px;margin-bottom:16px;padding:6px 14px;font-size:14px;font-weight:600;display:inline-block}.hero .lead{max-width:560px;margin:0 auto 28px}.hero-compact{padding:56px 0 40px}.hero-visual{text-align:left;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:32px;max-width:900px;margin:40px auto 0;display:grid}@media (width<=760px){.hero-visual{grid-template-columns:1fr}}.section{padding:72px 0}.section-alt{background:var(--mk-soft)}.section h2{text-align:center;margin:0 0 40px;font-size:clamp(24px,3.5vw,34px)}.center{text-align:center}.grid-3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;display:grid}.steps{counter-reset:step;margin:0;padding:0;list-style:none}.steps li{counter-increment:step;background:var(--mk-card);border:1px solid var(--mk-border);border-radius:14px;flex-direction:column;gap:6px;padding:28px 24px 24px;display:flex;position:relative}.steps li:before{content:counter(step);background:var(--mk-cta);width:32px;height:32px;color:var(--mk-cta-fg);border-radius:999px;justify-content:center;align-items:center;margin-bottom:8px;font-weight:800;display:inline-flex}.steps strong{font-size:17px}.steps span{color:var(--mk-muted)}.feature-rows{flex-direction:column;gap:8px;display:flex}.feature-row{align-items:center;gap:48px;padding:40px 0;display:flex}.feature-row:nth-child(2n){flex-direction:row-reverse}.feature-row>*{flex:1 1 0;min-width:0}.feature-row h2{text-align:left;margin:0 0 12px}.feature-row a{color:var(--mk-cta);font-weight:700;text-decoration:none}.feature-row a:hover{text-decoration:underline}@media (width<=760px){.feature-row,.feature-row:nth-child(2n){flex-direction:column}.feature-row h2{text-align:center}}.shot{border:1px solid var(--mk-border);border-radius:14px;width:100%;height:auto;box-shadow:0 12px 32px #0000001a}.card{background:var(--mk-card);border:1px solid var(--mk-border);border-radius:14px;padding:24px}.cards article h3{margin:0 0 8px}.cards article p{color:var(--mk-muted);margin:0}.cards article{background:var(--mk-card);border:1px solid var(--mk-border);border-radius:14px;padding:24px}.mini{margin:0;padding:0;list-style:none}.mini li{background:var(--mk-card);border:1px solid var(--mk-border);border-radius:14px;flex-direction:column;gap:6px;padding:20px;display:flex}.mini span{color:var(--mk-muted);font-size:14px}.compare{border-collapse:collapse;background:var(--mk-card);border:1px solid var(--mk-border);border-radius:14px;width:100%;overflow:hidden}.compare th,.compare td{text-align:center;border-bottom:1px solid var(--mk-border);padding:14px 16px}.compare thead th{background:var(--mk-soft);font-weight:700}.compare th[scope=row]{text-align:left;font-weight:600}.compare tbody tr:last-child th,.compare tbody tr:last-child td{border-bottom:none}.mini-note{color:var(--mk-muted);text-align:center;margin:16px 0 0;font-size:14px}.plan-table{border-collapse:collapse;background:var(--mk-card);border:1px solid var(--mk-border);border-radius:14px;width:100%;margin:24px 0;overflow:hidden}.plan-table th,.plan-table td{border-bottom:1px solid var(--mk-border);text-align:center;padding:12px 10px}.plan-table thead th{background:var(--mk-soft);font-weight:700}.plan-table th[scope=row]{text-align:left;font-weight:600}.plan-table tr:last-child th,.plan-table tr:last-child td{border-bottom:none}.plans-4{grid-template-columns:repeat(4,1fr);align-items:start;gap:20px;display:grid}@media (width<=760px){.plans-4{grid-template-columns:1fr}}.plan{background:var(--mk-card);border:1px solid var(--mk-border);text-align:center;border-radius:16px;padding:32px}.plan h2{margin:0 0 8px}.plan .price{color:var(--mk-brand);margin:0 0 16px;font-size:20px;font-weight:800}.faq details{background:var(--mk-card);border:1px solid var(--mk-border);border-radius:12px;margin-bottom:12px;padding:16px 20px}.faq summary{cursor:pointer;font-weight:700;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";float:right;color:var(--mk-muted);font-weight:400}.faq details[open] summary:after{content:"－"}.faq details p{color:var(--mk-muted);margin:12px 0 0}.crumbs{color:var(--mk-muted);margin:0 0 16px;font-size:14px}.crumbs a{color:var(--mk-muted);text-decoration:none}.crumbs a:hover{text-decoration:underline}.prose{text-align:left}.prose h2{text-align:left;margin:0 0 16px;font-size:22px}.prose p{color:var(--mk-text);margin:0 0 16px}.prose p:last-child{margin-bottom:0}.steps-list{flex-direction:column;gap:12px;margin:0;padding-left:1.4em;display:flex}.steps-list li{padding-left:4px}.final-cta{text-align:center;background:linear-gradient(135deg, var(--mk-grad-1) 0%, var(--mk-grad-2) 60%, var(--mk-grad-3) 100%)}.final-cta h2{margin:0 0 12px}.final-cta p{color:var(--mk-muted);margin:0 0 24px}.cookie-banner{z-index:50;background:var(--mk-card);border:1px solid var(--mk-border);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex;position:fixed;bottom:16px;left:16px;right:16px;box-shadow:0 12px 32px #00000029}.cookie-banner[hidden]{display:none}.cookie-banner p{flex:320px;margin:0}.cookie-actions{gap:10px;display:flex}.doc h1{margin:0 0 4px;font-size:28px}.doc .updated{color:var(--mk-muted);margin:0 0 32px;font-size:14px}.doc h2{margin:36px 0 8px;font-size:20px}.doc ul{padding-left:1.4em}.doc li{margin:4px 0}footer.bottom{border-top:1px solid var(--mk-border);color:var(--mk-muted);padding:48px 0 24px;font-size:14px}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-bottom:24px;display:grid}.footer-grid nav{flex-direction:column;gap:8px;display:flex}.footer-grid a{color:var(--mk-muted);text-decoration:none}.footer-grid a:hover{text-decoration:underline}:focus-visible{outline:3px solid var(--mk-brand);outline-offset:2px}