:root{font-synthesis:none;text-rendering:optimizelegibility;--bg-base:#f8f9fb;--bg-paper:#fff;--bg-gradient:radial-gradient(circle at 72% 18%, #1264f614, transparent 34%), linear-gradient(180deg, #fbfbfc 0%, #f8f9fb 100%);--text-main:#141a23;--text-muted:#77808f;--text-lead:#3a4454;--accent:#1264f6;--accent-strong:#0759eb;--accent-soft:#1264f614;--blue-soft:#edf4ff;--line:#d9dfe7;--line-strong:#b8c3d4;--green:#19ad75;--max:1120px;--grid-pattern:linear-gradient(to right, #1264f60f 1px, transparent 1px), linear-gradient(to bottom, #1264f60f 1px, transparent 1px);--grid-size:32px;font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,Segoe UI,sans-serif}[data-theme=dark]{--bg-base:#0a0a0b;--bg-paper:#141517;--bg-gradient:radial-gradient(circle at 72% 18%, #00e5ff14, transparent 34%), linear-gradient(180deg, #0a0a0b 0%, #141517 100%);--text-main:#fff;--text-muted:#8a93a1;--text-lead:#a0abbc;--accent:#00e5ff;--accent-strong:#00b8cc;--accent-soft:#00e5ff1a;--blue-soft:#00e5ff1a;--line:#2a2d33;--line-strong:#40454d;--grid-pattern:linear-gradient(to right, #00e5ff08 1px, transparent 1px), linear-gradient(to bottom, #00e5ff08 1px, transparent 1px)}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%;margin:0}body{background-color:var(--bg-base);background-image:var(--bg-gradient), var(--grid-pattern);background-size:100% 100%, var(--grid-size) var(--grid-size);min-height:100vh;color:var(--text-main);background-position:top,top;transition:background-color .3s,color .3s;overflow-x:hidden}a{color:inherit;text-decoration:none}a:hover{color:var(--accent-strong)}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--accent-soft);outline-offset:2px}.site-shell{flex-direction:column;min-height:100vh;display:flex}.site-header{max-width:var(--max);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;width:100%;margin:0 auto;padding:18px 24px;display:flex}.brand{letter-spacing:.02em;align-items:baseline;gap:10px;font-weight:700;display:inline-flex}.brand strong{font-size:1.15rem}.brand span{color:var(--muted);font-size:.85rem;font-weight:500}.nav{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px 16px;font-size:.92rem;display:flex}.nav a.is-active{color:var(--text-main);font-weight:600}.btn{letter-spacing:.01em;cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 20px;font-weight:600;transition:background .15s,border-color .15s,color .15s,box-shadow .15s,transform .15s;display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#1264f6 0%,#0759eb 100%);border:none;box-shadow:0 4px 12px #1264f640,inset 0 1px #fff3}[data-theme=dark] .btn-primary{color:#000;box-shadow:0 0 15px #00e5ff4d}.btn-primary:hover{color:#fff;background:linear-gradient(135deg,#2b75f7 0%,#1264f6 100%);transform:translateY(-1px);box-shadow:0 6px 16px #1264f659,inset 0 1px #fff3}[data-theme=dark] .btn-primary:hover{color:#000;box-shadow:0 0 20px #00e5ff80}.btn-ghost{background:var(--bg-base);color:var(--text-main);border-color:#0000}.btn-ghost:hover{background:var(--bg-paper);border-color:var(--line);color:var(--text-main)}.site-main{width:100%;max-width:var(--max);flex:1;margin:0 auto;padding:40px 24px 72px}.hero{gap:28px;padding:12px 0 40px;display:grid}.hero-copy h1{letter-spacing:-.02em;margin:0 0 16px;font-size:clamp(2rem,4.4vw,3.1rem);line-height:1.15}.hero-copy .lead{max-width:42rem;color:var(--text-lead);margin:0 0 14px;font-size:1.08rem;line-height:1.65}.hero-copy .answer{border-left:3px solid var(--accent);background:var(--accent-soft);max-width:44rem;color:var(--text-main);border-radius:0 10px 10px 0;margin:0 0 22px;padding:14px 16px;line-height:1.65}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.hero-note{color:var(--muted);margin:14px 0 0;font-size:.9rem}.panel{background:var(--bg-paper);border:1px solid var(--line);border-radius:16px;padding:22px}.panel h2,.section h2{margin:0 0 12px;font-size:1.35rem}.section{margin-top:42px}.section p,.panel p,.faq dd{color:var(--text-lead);line-height:1.7}.steps{gap:14px;margin:0;padding:0;list-style:none;display:grid}.steps li{border:1px solid var(--line);background:var(--bg-paper);border-radius:12px;grid-template-columns:36px 1fr;align-items:start;gap:12px;padding:14px 16px;display:grid}.steps b{background:var(--accent-soft);width:36px;height:36px;color:var(--accent);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.faq{margin:0}.faq dt{margin-top:18px;font-weight:650}.faq dd{margin:8px 0 0}.site-footer{border-top:1px solid var(--line);color:var(--muted);padding:22px 24px 34px;font-size:.88rem}.site-footer-inner{max-width:var(--max);flex-wrap:wrap;justify-content:space-between;gap:12px 24px;margin:0 auto;display:flex}.lang-links{flex-wrap:wrap;gap:12px;display:flex}.compare{gap:12px;display:grid}.compare-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.compare figure{border:1px solid var(--line);background:var(--bg-base);border-radius:12px;margin:0;overflow:hidden}.compare img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;display:block}.compare figcaption{color:var(--text-muted);background:var(--bg-paper);padding:10px 12px;font-size:.88rem}.pill-row{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.pill{color:#1264f6;background:#1264f614;border:1px solid #1264f626;border-radius:6px;align-items:center;min-height:30px;padding:4px 14px;font-size:.85rem;font-weight:500;display:inline-flex}@media (width<=720px){.site-header{flex-direction:column;align-items:flex-start}.compare-grid{grid-template-columns:1fr}.site-main{padding-top:28px}}
