:root{font-family:Space Grotesk,Noto Sans SC,PingFang SC,sans-serif;color:#0f172a;background:radial-gradient(circle at top left,rgba(195,231,219,.85),transparent 30%),radial-gradient(circle at top right,rgba(216,227,244,.85),transparent 24%),linear-gradient(180deg,#f6f8f7,#f4f7f5 55%,#f7f8fb);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}button,input{font:inherit}.page{min-height:100vh}.container{width:min(1180px,calc(100% - 48px));margin:0 auto}.site-header{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f4f7f5a8;border-bottom:1px solid rgba(255,255,255,.55);box-shadow:inset 0 -1px #0f172a08}.header-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:flex;height:36px;width:36px;align-items:center;justify-content:center;border-radius:12px;overflow:hidden;box-shadow:0 10px 24px #14b8a62e}.brand-icon{display:block;height:36px;width:36px}.brand-top{font-size:12px;color:#0f172a85;text-transform:uppercase;letter-spacing:.18em}.brand-name{font-size:16px;font-weight:700}.header-cta{border:0;border-radius:999px;padding:10px 16px;background:linear-gradient(180deg,#111827,#020617);color:#fff;font-size:13px;font-weight:600;box-shadow:0 12px 26px #0f172a24;cursor:pointer}.hero{padding:16px 0 20px}.hero-shell{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;padding:28px;border-radius:34px;border:1px solid rgba(255,255,255,.88);background:radial-gradient(circle at top left,rgba(187,247,208,.28),transparent 24%),radial-gradient(circle at bottom right,rgba(191,219,254,.22),transparent 22%),linear-gradient(135deg,#ecf6f1f0,#f3f6fbeb),#ffffffd1;box-shadow:0 30px 80px #0f172a17,inset 0 1px #ffffffb3;perspective:1800px}.hero-badge{display:inline-flex;align-items:center;padding:10px 16px;border-radius:999px;background:#10b9811a;color:#0f766e;font-size:14px;font-weight:600;box-shadow:inset 0 0 0 1px #0f766e0f}.hero-copy h1{margin:18px 0 0;font-size:clamp(36px,4.2vw,60px);line-height:1.04;letter-spacing:-.04em}.hero-desc{max-width:640px;margin:14px 0 0;font-size:18px;line-height:1.65;color:#0f172a8f}.hero-highlight-callout{display:inline-flex;align-items:center;margin-top:18px;padding:14px 20px;border-radius:20px;border:1px solid rgba(16,185,129,.18);background:radial-gradient(circle at left center,rgba(52,211,153,.22),transparent 22%),linear-gradient(135deg,#ecfdf5,#d1fae5 52%,#ccfbf1);color:#065f46;font-size:18px;font-weight:900;letter-spacing:-.03em;box-shadow:0 18px 34px #10b9811f,inset 0 1px #ffffffbd;position:relative}.hero-highlight-callout:before{content:"核心权益";margin-right:12px;padding:6px 10px;border-radius:999px;background:#065f4614;color:#047857;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.hero-highlight-callout-secondary{margin-top:10px;border-color:#3b82f62e;background:radial-gradient(circle at left center,rgba(96,165,250,.2),transparent 22%),linear-gradient(135deg,#eff6ff,#dbeafe 52%,#e0f2fe);color:#1d4ed8;box-shadow:0 18px 34px #3b82f61c,inset 0 1px #ffffffc7}.hero-highlight-callout-secondary:before{content:"Auth 可用";background:#1d4ed814;color:#1d4ed8}.premium-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.premium-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:#ffffff94;border:1px solid rgba(148,163,184,.12);color:#0f172ab3;font-size:13px;font-weight:600}.premium-pill:before{content:"";height:8px;width:8px;border-radius:999px;background:linear-gradient(135deg,#34d399,#14b8a6);box-shadow:0 0 0 4px #34d3991f}.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}.stat-card,.info-card,.lead-card{border:1px solid rgba(148,163,184,.14);background:#ffffffc7;box-shadow:0 18px 40px #0f172a0b,inset 0 1px #ffffffb8}.stat-card{padding:14px 16px;border-radius:22px}.stat-card strong{display:flex;align-items:baseline;gap:10px;font-size:22px;letter-spacing:-.03em}.price-current{color:#020617;font-weight:800;opacity:1}.price-original{color:#0f172a57;font-size:15px;font-weight:700;text-decoration:line-through;text-decoration-thickness:1.5px}.stat-card>span{display:block;margin-top:8px;color:#0f172a85}.promise-card{margin-top:18px}.promise-card h2{margin:0;font-size:34px;line-height:1.1}.promise-card p{margin:8px 0 0;font-size:15px;line-height:1.7;color:#0f172a94}.lead-card{max-width:520px;margin-top:20px;padding:18px;border-radius:26px;background:linear-gradient(180deg,#ffffffeb,#ffffffc2)}.lead-card-kicker{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#0f766e14;color:#0f766e;font-size:12px;font-weight:800;letter-spacing:.08em}.lead-card button{width:100%;margin-top:12px;border:0;border-radius:18px;padding:14px 16px;background:radial-gradient(circle at top center,rgba(59,130,246,.16),transparent 32%),linear-gradient(180deg,#0b1730,#020617);color:#fff;font-weight:700;cursor:pointer;box-shadow:0 18px 30px #0208172e;transition:transform .16s ease,box-shadow .16s ease}.lead-card button:hover{transform:translateY(-1px);box-shadow:0 22px 36px #02081738}.lead-card p{margin:12px 0 0;color:#0f172a85;line-height:1.65;font-size:14px}.plan-card{padding:22px;border-radius:30px;background:radial-gradient(circle at top right,rgba(59,130,246,.14),transparent 28%),radial-gradient(circle at bottom left,rgba(16,185,129,.08),transparent 24%),linear-gradient(180deg,#06101f,#020817);box-shadow:0 34px 90px #02081747,inset 0 1px #ffffff0d;color:#fff;position:relative;overflow:hidden;transform:translateY(-8px) rotateY(-14deg) rotateX(7deg) translateZ(0);transform-style:preserve-3d;transform-origin:center left;border:1px solid rgba(96,165,250,.16);isolation:isolate}.plan-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.05),transparent 26%,transparent 74%,rgba(255,255,255,.03))}.plan-card:before{content:"";position:absolute;inset:auto 0 -16% 10%;height:26%;border-radius:999px;background:radial-gradient(circle,#02081770,#02081700);filter:blur(28px);transform:translateZ(-1px) rotate(-2deg);pointer-events:none;z-index:0}.plan-card-shadow,.plan-card-side{display:none}.plan-card>*{position:relative;z-index:1;transform:translateZ(26px)}.plan-card::marker{content:""}.plan-card::-moz-selection{background:#ffffff29}.plan-card::selection{background:#ffffff29}.plan-card{box-shadow:0 42px 100px #0208174d,22px 18px 36px #0208172e,inset 0 1px #ffffff0f,inset -10px 0 24px #3b82f614}.plan-card .plan-label,.plan-card h2,.plan-card .plan-price,.plan-card .plan-subtitle{text-shadow:0 8px 24px rgba(2,8,23,.3)}.plan-card:after{background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 20%,transparent 72%,rgba(255,255,255,.04)),linear-gradient(90deg,transparent 0%,rgba(96,165,250,.06) 100%)}.plan-card:before,.plan-card:after{transition:transform .18s ease,opacity .18s ease}.plan-card:hover{transform:translateY(-14px) rotateY(-15deg) rotateX(8deg) translateZ(0)}.plan-card:hover:before{transform:translateZ(-1px) rotate(-2deg) scale(1.04)}.plan-card:after{box-shadow:inset -1px 0 #ffffff0d}.plan-card::-moz-selection,.plan-card *::-moz-selection{background:#3b82f647}.plan-card::selection,.plan-card *::selection{background:#3b82f647}.plan-card{will-change:transform}.plan-card:after{z-index:0}.plan-card:before{opacity:.92}.plan-card{outline:1px solid rgba(255,255,255,.03)}.plan-card:after{border-radius:inherit}.plan-card{position:relative}.plan-card:has(.plan-service-highlight):after{opacity:1}.plan-card{margin-right:14px}.plan-card:after{inset:0}.plan-card{backface-visibility:hidden}.plan-card:after{pointer-events:none}.plan-card:before{pointer-events:none}.plan-card:after{transform:translateZ(8px)}.plan-card:before{transform-origin:center}.plan-card{filter:saturate(1.04)}.plan-label{color:#fff9;font-size:14px;font-weight:600}.plan-card h2{margin:10px 0 0;font-size:32px;line-height:1.12}.plan-price{margin-top:18px;font-size:52px;font-weight:700;letter-spacing:-.04em}.plan-price span{font-size:16px;font-weight:500;color:#ffffff85}.plan-subtitle{margin-top:10px;max-width:28rem;color:#ffffff8a;line-height:1.65;font-size:14px}.plan-list{margin-top:18px;display:grid;gap:10px}.plan-item{display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:start;padding:12px;border-radius:20px;background:linear-gradient(180deg,#ffffff0e,#ffffff08);border:1px solid rgba(255,255,255,.085);box-shadow:inset 0 1px #ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.plan-icon{display:flex;align-items:center;justify-content:center;height:32px;width:32px;border-radius:999px;background:linear-gradient(180deg,#ffffff24,#ffffff0f);color:#a5f3fc;box-shadow:inset 0 1px #ffffff1f}.plan-item p{margin:0;color:#ffffffd1;line-height:1.6}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.feature-card{padding:12px;border-radius:18px;background:linear-gradient(180deg,#ffffff0b,#ffffff06);border:1px solid rgba(255,255,255,.08);color:#fffc;line-height:1.55;font-size:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.plan-service-highlight{margin-top:18px;padding:16px;border-radius:18px;background:linear-gradient(135deg,#14b8a624,#3b82f614);border:1px solid rgba(94,234,212,.18);box-shadow:inset 0 1px #ffffff14,0 12px 28px #02081729;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.service-kicker{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#99f6e4}.service-kicker:before{content:"";width:8px;height:8px;border-radius:999px;background:linear-gradient(135deg,#67e8f9,#2dd4bf);box-shadow:0 0 0 4px #2dd4bf1f}.plan-footer-note{margin-top:10px;color:#ecfeff;font-size:16px;font-weight:700;line-height:1.55;letter-spacing:-.01em}.content-section{padding:40px 0 24px}.trust-feed-shell{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;padding:14px 18px;border-radius:22px;border:1px solid rgba(148,163,184,.12);background:#ffffff9e;box-shadow:0 18px 40px #0f172a0a,inset 0 1px #ffffffb8;overflow:hidden}.trust-feed-shell-hero{margin-bottom:10px}.trust-feed-label{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;padding:9px 12px;border-radius:999px;background:#0f172a0a;color:#0f766e;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.trust-feed-label:before{content:"";width:8px;height:8px;border-radius:999px;background:linear-gradient(135deg,#34d399,#14b8a6);box-shadow:0 0 0 4px #2dd4bf1f}.trust-feed-track{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,rgba(0,0,0,1) 8%,rgba(0,0,0,1) 92%,transparent);mask-image:linear-gradient(to right,transparent,rgba(0,0,0,1) 8%,rgba(0,0,0,1) 92%,transparent)}.trust-feed-marquee{display:flex;width:-moz-max-content;width:max-content;gap:14px;animation:trust-marquee 26s linear infinite}.trust-feed-item{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;padding:11px 16px;border-radius:999px;background:#ffffffd1;border:1px solid rgba(148,163,184,.12);color:#0f172ab8;font-size:14px;font-weight:600}.trust-dot{width:9px;height:9px;border-radius:999px;background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 0 0 5px #34d3991a;flex:0 0 auto}.payment-modal-backdrop{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:20px;background:#0208178f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.payment-modal{position:relative;width:min(100%,520px);padding:26px;border-radius:28px;background:linear-gradient(180deg,#fffffff5,#f5f8fcf0);border:1px solid rgba(255,255,255,.72);box-shadow:0 30px 80px #0208173d,inset 0 1px #fffc}.payment-modal-close{position:absolute;top:14px;right:14px;display:inline-flex;height:34px;width:34px;align-items:center;justify-content:center;border:0;border-radius:999px;background:#0f172a0f;color:#0f172ab8;font-size:22px;cursor:pointer}.payment-modal-kicker{font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#0f766e}.payment-modal h3{margin:10px 0 0;font-size:30px;line-height:1.12;letter-spacing:-.03em;color:#020617}.payment-modal-desc{margin:12px 0 0;color:#0f172aa3;line-height:1.75}.payment-desc-emphasis{color:#dc2626;font-weight:800}.payment-desc-account{font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}.payment-qr-shell{margin-top:18px;padding:18px;border-radius:22px;background:#ffffffe0;border:1px solid rgba(148,163,184,.14);box-shadow:inset 0 1px #fffc}.payment-qr-image{display:block;width:min(100%,320px);margin:0 auto;border-radius:16px}.payment-mail-template{margin-top:14px;padding:14px;border-radius:18px;background:linear-gradient(180deg,#eff6ffe0,#ffffffeb);border:1px solid rgba(96,165,250,.16)}.payment-mail-template-title{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#1d4ed8}.payment-mail-template pre{margin:10px 0 0;white-space:pre-wrap;word-break:break-word;font-family:SFMono-Regular,Consolas,monospace;font-size:14px;line-height:1.8;color:#0f172a}.payment-modal-note{margin-top:14px;padding:16px 18px;border-radius:20px;border:1px solid rgba(148,163,184,.12);background:radial-gradient(circle at top left,rgba(96,165,250,.08),transparent 34%),linear-gradient(180deg,#f8fafcf5,#f1f5f9eb);color:#0f172aad;box-shadow:inset 0 1px #fffc,0 10px 24px #0f172a0d}.payment-modal-note-title{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#1d4ed8}.payment-modal-note-title:before{content:"";width:8px;height:8px;border-radius:999px;background:linear-gradient(135deg,#60a5fa,#2563eb);box-shadow:0 0 0 4px #60a5fa24}.payment-modal-note p{margin:10px 0 0;font-size:13px;line-height:1.72}.payment-modal-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px}.payment-secondary-btn{flex:1;min-height:40px;border:1px solid #1677ff;border-radius:999px;padding:8px 20px;background-color:#fff;color:#1677ff;font-size:14px;line-height:1.2;font-weight:500;cursor:pointer;white-space:nowrap;box-shadow:0 2px #0591ff0f;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease,border-color .18s ease,background-color .18s ease,color .18s ease}.payment-secondary-btn:hover{transform:translateY(-1px);filter:brightness(.98)}.payment-secondary-btn:active{transform:translateY(0);filter:none}.payment-secondary-btn-noted{color:#1677ff}.payment-secondary-btn-unnoted{color:#fa541c}.payment-toast{position:fixed;top:24px;left:50%;z-index:160;display:flex;align-items:center;gap:14px;width:min(calc(100% - 32px),560px);padding:16px 18px;border-radius:22px;border:1px solid rgba(96,165,250,.16);background:radial-gradient(circle at top left,rgba(96,165,250,.12),transparent 30%),linear-gradient(180deg,#fffffffa,#f1f5f9f2);box-shadow:0 18px 40px #0f172a29,inset 0 1px #ffffffdb;transform:translate(-50%);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.payment-toast-content{flex:1;min-width:0}.payment-toast-kicker{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#1d4ed8}.payment-toast p{margin:6px 0 0;color:#0f172a;font-size:14px;line-height:1.6}.payment-toast-close{flex:0 0 auto;border:0;border-radius:999px;padding:10px 16px;background:linear-gradient(180deg,#17367a,#0a1c46);color:#fff;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 10px 22px #17367a3d}.toast-fade-enter-active,.toast-fade-leave-active{transition:opacity .18s ease,transform .18s ease}.toast-fade-enter-from,.toast-fade-leave-to{opacity:0;transform:translate(-50%) translateY(-10px)}.payment-secondary-btn:disabled{cursor:wait;opacity:.72;box-shadow:none}@keyframes trust-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.section-head span{color:#0f766e;font-size:13px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.section-head h2{margin:10px 0 0;font-size:clamp(30px,3vw,46px);line-height:1.12;letter-spacing:-.03em}.steps-grid,.faq-grid{display:grid;gap:18px;margin-top:26px}.steps-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.faq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.info-card{padding:24px;border-radius:26px;transition:transform .16s ease,box-shadow .16s ease}.info-card:hover{transform:translateY(-2px);box-shadow:0 20px 44px #0f172a0f,inset 0 1px #ffffffb8}.info-card strong{display:block;font-size:22px}.info-card p{margin:12px 0 0;line-height:1.8;color:#0f172a94}@media(max-width:1024px){.hero-shell,.steps-grid,.faq-grid,.feature-grid,.trust-feed-shell{grid-template-columns:1fr}.plan-card{transform:none;margin-right:0}.plan-card>*{transform:none}.payment-modal-actions{flex-direction:column}}@media(max-width:720px){.container{width:min(100% - 28px,1180px)}.hero{padding-top:18px}.hero-shell{padding:16px;border-radius:24px}.hero-stats{grid-template-columns:1fr}.trust-feed-item{padding:10px 14px;font-size:13px}.payment-modal{padding:22px 18px 18px}.payment-toast{top:16px;align-items:flex-start;padding:14px}.plan-card h2{font-size:30px}.plan-price{font-size:50px}.promise-card h2{font-size:34px}}
