:root{--site-bg:#f8fbff;--site-surface:#ffffffe0;--site-text:#20242b;--site-muted:#5f6d82;--site-border:#dbe6f4;--site-primary:#0057ff;--site-primary-soft:#edf4ff;--site-green:#2ba784;--site-max:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--site-text);background:radial-gradient(circle at 14% 0,#1e66e81a,#0000 32rem),radial-gradient(circle at 86% 12%,#2ba78414,#0000 30rem),linear-gradient(#f8fbff 0%,#f5f7fa 42%,#fff 100%);margin:0;font-family:PingFang SC,Microsoft YaHei,Arial,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #0057ff3d}img{max-width:100%}.container{width:min(var(--site-max), 100% - 44px);margin:0 auto}.site-shell{flex-direction:column;min-height:100vh;display:flex}.site-main{flex:1}.site-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc7;border-bottom:1px solid #d2dceab8;position:sticky;top:0;box-shadow:0 10px 32px #2a44690f}.header-inner{justify-content:space-between;align-items:center;gap:24px;min-height:68px;display:flex}.brand{align-items:center;min-width:160px;display:inline-flex}.brand-logo{width:172px;height:auto;display:block}.nav-links{color:#53627c;flex-wrap:wrap;align-items:center;gap:22px;font-size:14px;display:flex}.nav-links a{transition:color .16s}.nav-links a:hover,.nav-links .router-link-active{color:var(--site-primary)}.hero{padding:72px 0 42px}.hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);align-items:center;gap:34px;display:grid}.eyebrow,.page-kicker{color:var(--site-primary);letter-spacing:0;margin:0 0 14px;font-size:13px;font-weight:820}.hero h1,.page-hero h1{max-width:920px;color:var(--site-text);letter-spacing:0;margin:0 0 18px;font-size:clamp(36px,4.8vw,60px);font-weight:820;line-height:1.12}.lead{max-width:820px;color:var(--site-muted);margin:0 0 24px;font-size:clamp(16px,1.55vw,18px)}.hero-tags,.tag-list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.hero-tags li,.tag-list li{color:#40506a;background:#ffffffb8;border:1px solid #0057ff24;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:760}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.button,.btn{background:var(--site-primary);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;min-height:42px;padding:0 18px;font-weight:800;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s;display:inline-flex}.button:hover,.btn:hover{background:#0047d6;transform:translateY(-1px);box-shadow:0 12px 24px #0057ff2e}.button.secondary,.btn.ghost{color:var(--site-primary);background:#ffffffdb;border-color:#d7e2f0}.button.secondary:hover,.btn.ghost:hover{background:#f4f8ff;box-shadow:0 12px 24px #0057ff14}.hero-panel{background:var(--site-surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #1d1d1f12;border-radius:8px;padding:24px;box-shadow:0 18px 46px #1d1d1f12}.tool-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.tool-tab{color:#344056;min-height:58px;font:inherit;cursor:default;background:#fff;border:1px solid #dbe6f4;border-radius:8px;padding:12px;font-weight:760}.tool-tab.is-active{background:var(--site-primary-soft);color:var(--site-primary);border-color:#0057ff47}.upload-box{background:#f7fbff;border:1px dashed #0057ff47;border-radius:8px;margin-top:14px;padding:22px}.upload-box strong{color:var(--site-text);margin-bottom:8px;display:block}.upload-box p{color:var(--site-muted);margin:0;font-size:13px}.section-block,.page-section{padding:46px 0}.section-heading{margin-bottom:24px}.section-heading h2,.page-section h2{color:var(--site-text);letter-spacing:0;margin:0 0 12px;font-size:clamp(26px,3.2vw,42px);font-weight:800;line-height:1.16}.section-desc,.section-intro{max-width:780px;color:var(--site-muted);margin:0}.grid,.feature-grid,.page-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.grid.two,.page-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.card,.feature-card,.page-card,.faq-item,.plan-card,.qr-card,.answer-box,.metric-card{border:1px solid var(--site-border);background:#ffffffe6;border-radius:8px;box-shadow:0 16px 42px #1d1d1f0e}.card,.feature-card,.page-card,.faq-item,.plan-card,.metric-card{padding:20px}.feature-card h3,.page-card h3,.card h3,.plan-card h3{margin:0 0 10px;font-size:19px;font-weight:760}.feature-card p,.page-card p,.card p,.plan-card p,.faq-item p{color:var(--site-muted);margin:0;font-size:14px}.feature-kicker{color:var(--site-primary);margin:0 0 8px;font-size:12px;font-weight:820}.plans-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.plan-card{align-content:start;gap:14px;display:grid}.plan-card img{aspect-ratio:16/10;-o-object-fit:cover;object-fit:cover;background:#eef3f8;border-radius:7px;width:100%}.metric-list{grid-template-columns:repeat(4,1fr);gap:12px;margin:0;padding:0;list-style:none;display:grid}.metric-card strong{color:var(--site-primary);font-size:26px;line-height:1.2;display:block}.metric-card span{color:var(--site-muted);font-size:13px}.answer-box{border-left:3px solid var(--site-primary);max-width:940px;margin-top:26px;padding:20px 22px}.answer-box b{color:var(--site-primary);margin-bottom:8px;font-size:13px;display:block}.answer-box p{color:#273245;margin:0;font-size:clamp(15.5px,1.4vw,18px);font-weight:680}.steps{counter-reset:step;margin:0;padding:0;list-style:none}.steps li{border:1px solid var(--site-border);counter-increment:step;background:#ffffffe0;border-radius:8px;margin-bottom:10px;padding:16px 18px 16px 56px;position:relative}.steps li:before{background:var(--site-primary-soft);width:28px;height:28px;color:var(--site-primary);content:counter(step, decimal-leading-zero);border-radius:6px;place-items:center;font-size:12px;font-weight:800;display:grid;position:absolute;top:16px;left:18px}.faq-list{gap:12px;display:grid}.faq-item summary{cursor:pointer;color:var(--site-text);justify-content:space-between;gap:20px;font-size:17px;font-weight:760;display:flex}.faq-item summary:after{color:var(--site-primary);content:"+";font-size:20px;line-height:1}.faq-item[open] summary:after{content:"-"}.faq-item p{margin-top:14px;line-height:1.78}.related-list{border-top:1px solid #e6edf6;gap:0;display:grid}.related-list a{color:var(--site-primary);border-bottom:1px solid #e6edf6;padding:15px 0;font-weight:760;display:block}.site-footer{background:#fbfbfdc2;border-top:1px solid #1d1d1f0e;padding:40px 0}.footer-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:32px;display:grid}.footer-brand img{width:148px;height:auto}.footer-brand p{max-width:460px;color:var(--site-muted);margin:14px 0 0}.footer-meta{font-size:13px}.qr-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.qr-card{text-align:center;justify-items:center;gap:8px;padding:12px;display:grid}.qr-card img{width:96px;height:96px}.qr-card strong{font-size:13px}.qr-card span{color:var(--site-muted);font-size:12px}@media (width<=980px){.hero-grid,.footer-grid,.grid,.grid.two,.feature-grid,.page-grid,.page-grid.two,.plans-grid,.metric-list{grid-template-columns:1fr}.qr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.container{width:min(100% - 32px, var(--site-max))}.header-inner{flex-direction:column;align-items:flex-start;gap:10px;padding:14px 0}.nav-links{gap:14px;font-size:13px}.hero{padding-top:48px}.hero h1,.page-hero h1{font-size:34px}}