:root{--bg:#f1f5f9;--ink:#0f172a;--muted:#475569;--border:#cbd5e1;--line:#e2e8f0;--card:#fff;--accent:#4f46e5;--accent-ink:#fff;--platform-accent:#6366f1;--platform-ink:#fff;--strip-bg:#e2e8f0;--strip-ink:#475569;--dot-line:#0f172a24;--stage-a:#e2e8f0;--stage-b:#eaeff5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100dvh;margin:0;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Arial,sans-serif;font-size:15px;line-height:1.65;display:flex}main{flex:1 0 auto}::selection{background:var(--accent);color:var(--accent-ink)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}svg{vertical-align:middle;flex-shrink:0}ul,ol{margin:0;padding:0;list-style:none}h1,h2,h3,p{margin:0}strong{font-weight:650}small{font-size:12px}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:3px;border-radius:4px;outline:3px solid #8f8f8f}.wrap{width:100%;max-width:1220px;margin:auto;padding-left:clamp(20px,2.4vw,32px);padding-right:clamp(20px,2.4vw,32px)}.narrow{width:100%;max-width:720px;margin:auto;padding-left:clamp(20px,2.2vw,28px);padding-right:clamp(20px,2.2vw,28px)}.muted{color:var(--muted)}.fineprint{color:var(--muted);font-size:12px;line-height:1.75}.eyebrow{color:var(--ink);letter-spacing:1.6px;align-items:center;gap:8px;font-size:12px;font-weight:700;display:inline-flex}.status-dot{background:#10b981;border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.status-dot.amber{background:#f59e0b}.demo-strip{background:var(--strip-bg);color:var(--strip-ink);letter-spacing:.3px;text-align:center;justify-content:center;align-items:center;gap:9px;min-height:31px;padding:5px 16px;font-size:11px;display:flex}.header{justify-content:space-between;align-items:center;gap:24px;padding-top:22px;padding-bottom:20px;display:flex}.brand{letter-spacing:-1px;white-space:nowrap;align-items:center;gap:11px;font-size:24px;font-weight:750;display:inline-flex}.brand-mark{background:var(--ink);width:37px;height:39px;color:var(--card);border-radius:11px 11px 11px 3px;place-items:center;font-size:21px;font-weight:800;line-height:1;display:grid;position:relative}.brand-mark:after{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:6px}.brand small{color:var(--muted);letter-spacing:.5px;margin-left:2px;font-size:11px;font-weight:400}.header nav{gap:10px;font-size:13px;display:flex}.header nav a{background:var(--card);white-space:nowrap;border-radius:999px;padding:9px 20px;font-weight:700;transition:background .15s;box-shadow:0 4px 14px #ffffff26}.header nav a.active{box-shadow:inset 0 -3px var(--ink)}.account{align-items:center;gap:10px;display:flex}.email-chip{background:var(--card);border-radius:999px;align-items:center;gap:7px;max-width:190px;padding:9px 16px;font-size:12px;font-weight:600;display:inline-flex}.email-chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.header-rule{border-bottom:2px dotted var(--dot-line);height:0;padding:0 clamp(20px,2.4vw,32px)}.button{border:1px solid var(--ink);background:var(--ink);min-height:48px;color:var(--card);border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:13px 24px;font-weight:700;line-height:1.4;transition:background .18s,transform .18s,box-shadow .18s;display:inline-flex}.button:active:not(:disabled){transform:translateY(1px)}.button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);box-shadow:0 0 22px color-mix(in srgb, var(--accent) 42%, transparent);font-weight:800}.button.primary:disabled{box-shadow:none;background:color-mix(in srgb, var(--border) 45%, var(--card));border-color:color-mix(in srgb, var(--border) 45%, var(--card));color:var(--muted);opacity:1}.button.subtle{background:var(--card);border-color:var(--card);color:var(--ink);box-shadow:0 4px 14px #ffffff26}.button.small{min-height:39px;padding:8px 15px;font-size:12px}.button.wide{width:100%}.button.danger-outline{color:#804b39;background:0 0;border-color:#b3a49a}.button-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.text-link,.back-link{color:var(--ink);align-items:center;gap:8px;font-size:13px;font-weight:650;display:inline-flex}.back-link{margin-bottom:22px}.pill,.badge{white-space:nowrap;color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;justify-content:center;align-items:center;gap:5px;padding:5px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge.green{color:#065f46;background:#ecfdf5;border-color:#a7f3d0}.badge.amber{color:#92400e;background:#fffbeb;border-color:#fde68a}.badge.gray{color:#64748b;background:#f8fafc;border-color:#e2e8f0}.stage{background:linear-gradient(to bottom, var(--bg) 0, var(--bg) clamp(210px, 30vh, 310px), var(--stage-a) clamp(300px, 42vh, 420px), var(--stage-b) 78%, var(--bg) 100%);padding:0 clamp(14px,1.8vw,20px) clamp(30px,4.5vw,46px);position:relative;overflow:hidden}.stage-scene{max-width:1220px;height:clamp(250px,44vh,450px);margin:0 auto;position:relative}.stage-scene canvas{opacity:0;touch-action:pan-y;width:100%;height:100%;transition:opacity .7s;position:absolute;inset:0}.stage-scene.ready canvas{opacity:1}.stage-word{letter-spacing:-.05em;color:var(--ink);opacity:.12;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;font-size:clamp(4.2rem,16.5vw,15rem);font-weight:900;line-height:1;position:absolute;top:56%;left:50%;transform:translate(-50%,-50%)}.stage-buy{z-index:2;background:color-mix(in srgb, var(--card) 88%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-align:center;border-radius:28px;max-width:660px;margin:-10px auto 0;padding:22px clamp(16px,3.6vw,32px) 18px;position:relative;box-shadow:0 20px 50px #00000017}.stage-kicker{letter-spacing:1.5px;color:var(--muted);font-size:11px;font-weight:600}.stage-buy h1{letter-spacing:-1.2px;margin-top:7px;font-size:clamp(25px,1.6vw + 20px,34px);font-weight:800}.stage-buy h1 em{font-style:normal;font-weight:400}.platforms,.tiers{background:color-mix(in srgb, var(--bg) 42%, var(--card));border-radius:999px;gap:5px;margin:18px 0 0;padding:5px;display:grid}.platforms{grid-template-columns:repeat(4,1fr)}.tiers{border-radius:18px;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));margin-top:10px;padding:4px}.tiers.sub{border-radius:14px;margin-top:8px}.tiers.sub button{border-radius:11px;padding:6px 4px;font-size:11.5px}.tiers[hidden]{display:none}.platforms button,.tiers button{color:var(--ink);background:0 0;border:0;border-radius:999px;flex-direction:column;align-items:center;gap:1px;padding:9px 4px;font-size:13px;font-weight:700;transition:background .15s,box-shadow .15s;display:flex}.tiers button{border-radius:14px;padding:7px 4px;font-size:12px}.platforms button small,.tiers button small{color:var(--muted);font-size:10px;font-weight:400}.platforms button{flex-direction:row;justify-content:center;gap:8px}.platforms button svg{opacity:.9}.platforms button[aria-checked=true],.tiers button[aria-checked=true]{background:var(--platform-accent);color:var(--platform-ink);box-shadow:0 0 16px color-mix(in srgb, var(--platform-accent) 45%, transparent)}.platforms button[aria-checked=true] small,.tiers button[aria-checked=true] small{color:color-mix(in srgb, var(--platform-ink) 62%, transparent)}.price{letter-spacing:-.05em;font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:center;align-items:baseline;row-gap:2px;margin-top:16px;font-size:clamp(40px,8vw,54px);font-weight:800;line-height:1;display:flex}.price>span,.price b,.price small{white-space:nowrap}.price>span{letter-spacing:0;margin-right:4px;font-size:24px}.price small{color:var(--muted);letter-spacing:0;margin-left:10px;font-size:12px;font-weight:400}.stage-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;margin-top:16px;display:flex}.stage-actions .button{min-width:230px}.checkbox{color:var(--ink);cursor:pointer;align-items:center;gap:9px;font-size:11px;display:flex}.checkbox input{width:15px;height:15px;accent-color:var(--accent);cursor:pointer;margin:0}.checkbox a{text-underline-offset:3px;text-decoration:underline}.payment-hint{justify-items:center;gap:5px;margin-top:14px;display:grid}.payment-line{color:var(--muted);align-items:center;gap:7px;font-size:11px;display:flex}.payment-logo{color:#fff;border-radius:4px;place-items:center;width:17px;height:17px;font-size:10px;font-weight:700;line-height:1;display:inline-grid}.payment-logo.alipay{background:#1677ff}.payment-logo.wechat{background:#07c160}.env-note{color:var(--muted);opacity:.85;font-size:10px}.section-heading{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.section-heading h2{margin-top:10px}h2{letter-spacing:-.5px;font-size:clamp(20px,.6vw + 17.7px,23px);font-weight:700;line-height:1.4}.steps-section{border-top:2px dotted var(--dot-line);padding-top:44px;padding-bottom:58px}.steps-grid{grid-template-columns:repeat(4,1fr);gap:34px;margin-top:34px;display:grid}.step{border-right:1px solid var(--border);padding-right:26px}.step:last-child{border:0;padding-right:0}.step-head{color:var(--ink);align-items:center;gap:14px;margin-bottom:15px;display:flex}.step-head span{color:var(--muted);font-family:ui-monospace,Consolas,monospace;font-size:11px}.step-head svg{width:23px;height:23px}.step h3{font-size:15px}.step p{color:var(--muted);margin-top:9px;font-size:12px;line-height:1.9}.faq-section{border-top:2px dotted var(--dot-line);grid-template-columns:1fr 1.45fr;gap:60px;padding:46px 0 76px;display:grid}.faq-section h2{margin-top:12px}.faq-section>.muted{font-size:12px}.faq-list details{border-bottom:1px solid var(--border);padding:18px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:30px;font-size:13px;font-weight:650;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";color:var(--ink);font-size:18px;font-weight:400}.faq-list details[open] summary:after{content:"−"}.faq-list p{color:var(--muted);margin-top:8px;padding-right:20px;font-size:12px;line-height:1.9}.footer{border-top:2px dotted var(--dot-line);flex-shrink:0;justify-content:space-between;align-items:center;gap:25px;margin-top:auto;padding-top:30px;padding-bottom:34px;display:flex}.footer-brand{font-size:20px}.footer p{color:var(--muted);margin-top:5px;font-size:11px}.footer-links{color:var(--muted);flex-wrap:wrap;align-items:center;gap:20px;font-size:11px;display:flex}.panel{background:var(--card);border:0;border-radius:22px;margin-bottom:22px;padding:28px;box-shadow:0 10px 30px #0000000f}.panel h2{font-size:21px}.panel>p.muted{font-size:13px}.inline-note{background:color-mix(in srgb, var(--bg) 52%, var(--card));border:1px solid var(--line);color:var(--muted);border-radius:10px;margin:18px 0;padding:13px 16px;font-size:12px;line-height:1.8}.alert{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;margin:15px 0;padding:12px 15px;font-size:12px;line-height:1.8}.alert.success{color:#065f46;background:#ecfdf5;border-color:#a7f3d0}.page{min-height:60vh;padding-top:36px;padding-bottom:76px}.page-heading{justify-content:space-between;align-items:center;gap:25px;margin-bottom:32px;display:flex}.page-heading h1{margin-top:10px}h1{letter-spacing:-1.5px;font-size:clamp(28px,2.4vw + 20px,38px);font-weight:750;line-height:1.25}.auth-page{max-width:620px;padding-top:34px;padding-bottom:80px}.gate{margin-top:18px}.gate h1{letter-spacing:-1px;margin-top:6px;font-size:clamp(26px,1.5vw + 21px,30px)}.gate h2{margin-top:6px;font-size:25px}.gate>p{margin-top:8px;font-size:13px}.auth-form{gap:16px;margin-top:26px;display:grid}.auth-form label{gap:8px;font-size:13px;font-weight:650;display:grid}.auth-form input{border:2px solid var(--card);background:var(--card);width:100%;min-height:54px;color:var(--ink);border-radius:15px;padding:13px 16px;font-size:16px;transition:border-color .15s,box-shadow .15s;box-shadow:0 4px 14px #0000000f}.auth-form input::placeholder{color:#8a8a8a}.auth-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);outline:none}.email-line{background:var(--card);border-radius:13px;align-items:center;gap:8px;margin-top:10px;padding:11px 16px;font-size:14px;display:inline-flex;box-shadow:0 4px 14px #0000000f}.order-list{background:var(--card);border-radius:22px;overflow:hidden;box-shadow:0 10px 30px #0000000f}.order-row{border-bottom:1px solid var(--line);align-items:center;gap:18px;padding:20px 24px;transition:background .15s;display:flex}.order-row:last-child{border-bottom:0}.order-symbol{background:color-mix(in srgb, var(--bg) 45%, var(--card));width:44px;height:44px;box-shadow:inset 0 -3px 0 0 var(--o-accent,var(--accent));letter-spacing:.5px;border-radius:12px;flex-shrink:0;place-items:center;font-size:13px;font-weight:800;display:grid}.order-row-title{flex:1;min-width:0}.order-row-title strong{font-size:14px;display:block}.order-row-title small{color:var(--muted);margin-top:4px;font-size:11px;display:block}.order-price{text-align:right;font-variant-numeric:tabular-nums;min-width:92px;font-size:16px}.order-detail-grid{grid-template-columns:1.65fr 1fr;align-items:start;gap:26px;display:grid}.status-panel{padding:32px 30px}.status-panel h2{margin-top:14px}.status-panel>p.muted{margin-top:8px}.timeline{margin-top:26px;display:flex}.timeline li{color:var(--muted);flex:1;align-items:center;gap:9px;min-width:0;display:flex;position:relative}.timeline li:after{content:"";background:var(--border);flex:1;height:1px;margin:0 12px}.timeline li:last-child:after{display:none}.timeline li>span{border:1px solid var(--border);background:var(--card);border-radius:50%;flex-shrink:0;place-items:center;width:27px;height:27px;font-size:11px;display:grid}.timeline small{white-space:nowrap;font-size:11px}.timeline li.current{color:var(--ink)}.timeline li.current>span{border-color:var(--ink);background:color-mix(in srgb, var(--bg) 30%, var(--card));font-weight:700}.timeline li.done{color:var(--ink)}.timeline li.done>span{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:700}.timeline li.canceled{opacity:.45}.order-summary dl{gap:15px;margin:24px 0 8px;font-size:12px;display:grid}.order-summary dl>div{justify-content:space-between;gap:15px;display:flex}.order-summary dt{color:var(--muted);flex-shrink:0}.order-summary dd{text-align:right;overflow-wrap:anywhere;margin:0}.order-summary dl>div:first-child dd{font-size:17px;font-weight:700}.order-summary .fineprint{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.empty{text-align:center;color:var(--muted);padding:80px 28px}.empty>svg{color:color-mix(in srgb, var(--accent) 70%, #000)}.empty h1,.empty h2{color:var(--ink);margin-top:20px;font-size:26px}.empty p{margin:14px 0 24px;font-size:14px}.prose{max-width:800px}.prose h1{margin-top:16px;font-size:36px;line-height:1.4}.prose .lead{border-bottom:1px solid var(--border);color:var(--muted);margin-top:18px;padding-bottom:28px;font-size:16px}.prose h2{margin-top:38px;font-size:21px}.prose p{color:var(--muted);margin-top:12px;font-size:14px;line-height:2}.prose ol.steps-ol{counter-reset:step;gap:14px;margin-top:20px;display:grid}.prose ol.steps-ol li{background:var(--card);color:var(--muted);border-radius:16px;padding:18px 20px 18px 62px;font-size:13px;line-height:1.9;position:relative;box-shadow:0 8px 22px #0000000d}.prose ol.steps-ol li:before{counter-increment:step;content:counter(step, decimal-leading-zero);color:var(--accent-ink);background:var(--accent);border-radius:8px;padding:3px 8px;font-family:ui-monospace,Consolas,monospace;font-size:12px;position:absolute;top:20px;left:20px}.prose ol.steps-ol li strong{color:var(--ink);margin-bottom:2px;font-size:14px;display:block}.prose ul.dot-list{gap:10px;margin-top:16px;display:grid}.prose ul.dot-list li{color:var(--muted);padding-left:20px;font-size:13px;line-height:1.95;position:relative}.prose ul.dot-list li:before{content:"";background:var(--accent);border-radius:50%;width:7px;height:7px;position:absolute;top:10px;left:2px;box-shadow:0 0 0 1px #0000001f}.prose .button{margin-top:30px}.prose .inline-note{margin-top:22px}.toast{background:var(--ink);max-width:min(90vw,480px);color:var(--bg);opacity:0;pointer-events:none;z-index:300;border-radius:999px;align-items:center;gap:9px;padding:12px 20px;font-size:13px;transition:opacity .25s,transform .25s;display:flex;position:fixed;bottom:30px;left:50%;transform:translate(-50%,16px);box-shadow:0 16px 40px #00000047}.toast.show{opacity:1;transform:translate(-50%)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:400;background:var(--ink);color:var(--card);border-radius:8px;padding:10px 16px;font-size:13px;transition:top .15s;position:absolute;top:-100px;left:16px}.skip-link:focus{top:8px}@media (width<=1080px){.steps-grid{grid-template-columns:repeat(2,1fr)}.step:nth-child(2){border-right:0;padding-right:0}.order-detail-grid{grid-template-columns:1fr}}@media (width<=900px){.faq-section{grid-template-columns:1fr;gap:26px}.brand small{display:none}}@media (width<=760px){.header{flex-wrap:wrap;gap:12px;padding-top:16px;padding-bottom:14px}.header nav{-webkit-overflow-scrolling:touch;order:3;width:100%;padding-bottom:4px;overflow-x:auto}.header nav a{align-items:center;min-height:42px;padding:10px 16px;font-size:12px;display:inline-flex}.button.small{min-height:42px}.tiers.sub button{min-height:40px}.checkbox{padding:4px 0 8px}.email-chip{max-width:140px}.stage-word{font-size:clamp(2.9rem,16vw,6rem);top:60%}.stage-buy{border-radius:24px}.stage-actions{flex-direction:column;gap:13px}.stage-actions .button{width:100%;min-width:0}.steps-grid{grid-template-columns:1fr;gap:0}.step{border-right:0;border-bottom:1px solid var(--border);padding:18px 0}.step:first-child{padding-top:0}.step:last-child{border-bottom:0;padding-bottom:0}.section-heading{align-items:flex-start}.footer{flex-direction:column;align-items:flex-start;gap:18px}.footer-links{gap:16px}.page{padding-top:24px;padding-bottom:48px}.order-row{flex-wrap:wrap;gap:12px;padding:16px 18px}.order-row .badge{order:4}.order-price{min-width:0;margin-left:auto}.timeline li small{display:none}.timeline li:after{margin:0 6px}}@media (width<=460px){.platforms{border-radius:20px;grid-template-columns:repeat(2,1fr)}.platforms button{border-radius:16px}.strip-hide-sm{display:none}}@media (hover:hover){.button:hover:not(:disabled){background:color-mix(in srgb, var(--ink) 82%, var(--card));border-color:color-mix(in srgb, var(--ink) 82%, var(--card))}.button.primary:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 86%, #000);border-color:color-mix(in srgb, var(--accent) 86%, #000)}.button.subtle:hover:not(:disabled){background:color-mix(in srgb, var(--bg) 40%, var(--card));border-color:color-mix(in srgb, var(--bg) 40%, var(--card))}.button.danger-outline:hover:not(:disabled){background:#804b3914}.header nav a:hover{background:color-mix(in srgb, var(--bg) 38%, var(--card))}.platforms button:hover:not([aria-checked=true]),.tiers button:hover:not([aria-checked=true]){background:color-mix(in srgb, var(--bg) 56%, var(--card))}.order-row:hover{background:color-mix(in srgb, var(--bg) 30%, var(--card))}.footer-links a:hover{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.text-link:hover,.back-link:hover{text-underline-offset:3px;text-decoration:underline}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.auth-tabs{gap:8px;margin:18px 0 12px;display:flex}.auth-tabs button{border:1px solid color-mix(in srgb, var(--ink) 14%, transparent);background:var(--card);color:color-mix(in srgb, var(--ink) 62%, transparent);cursor:pointer;border-radius:999px;flex:1;padding:9px 0;font-size:14px}.auth-tabs button.active{background:var(--ink);color:var(--card);border-color:var(--ink)}.stage-contact{margin:16px 0 4px}.stage-contact input{border:1px solid color-mix(in srgb, var(--ink) 14%, transparent);background:var(--card);width:100%;color:var(--ink);box-sizing:border-box;border-radius:999px;outline:none;padding:12px 18px;font-size:15px}.stage-contact input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 16%, transparent)}.delivery-note{background:#10b98114;border:1px dashed #05966980;border-radius:14px;margin:0 0 16px;padding:14px 18px}.delivery-note strong{color:#047857;margin-bottom:6px;font-size:14px;display:block}.delivery-note p{word-break:break-all;margin:0;line-height:1.7}.lookup-panel{max-width:480px;margin:0 auto}.lookup-panel h2{margin:0 0 6px}