:root{color:#102044;background:#f5f9ff;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:320px;margin:0;background:radial-gradient(circle at 78% 0%,rgba(58,135,255,.18),transparent 32rem),linear-gradient(180deg,#f8fbff,#edf6ff 48%,#f8fbff)}button,input{font:inherit}button{cursor:pointer}.site-shell{min-height:100vh;overflow:hidden}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(1180px,calc(100% - 40px));margin:0 auto;padding:18px 0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{display:inline-flex;align-items:center;gap:10px;border:0;background:transparent;color:#0b1b3f;font-size:22px;font-weight:800}.brand-mark{display:inline-grid;width:34px;height:34px;place-items:center;border-radius:12px;color:#fff;background:linear-gradient(135deg,#0b6bff,#0f46d9);box-shadow:0 12px 24px #166aff42}.nav{display:flex;align-items:center;gap:6px;padding:6px;border:1px solid rgba(29,91,196,.1);border-radius:999px;background:#ffffffbd;box-shadow:0 10px 30px #205bb114}.nav button{border:0;border-radius:999px;padding:10px 16px;background:transparent;color:#49607f;font-size:14px;font-weight:700}.nav button.active,.nav button:hover{background:#0b6bff;color:#fff}.primary,.secondary{border:0;border-radius:16px;padding:14px 24px;font-weight:800;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.primary{color:#fff;background:linear-gradient(135deg,#0875ff,#064ce5);box-shadow:0 16px 32px #0762ed42}.primary:hover,.secondary:hover{transform:translateY(-2px)}.primary:disabled{cursor:not-allowed;opacity:.65;transform:none}.secondary{border:1px solid rgba(9,100,240,.28);color:#075be6;background:#fff}.small{padding:10px 18px;border-radius:12px;font-size:14px}.full{width:100%}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.95fr);gap:48px;align-items:center;width:min(1180px,calc(100% - 40px));margin:26px auto 0;padding:60px 0 42px}.hero-copy h1,.page-section h1{margin:16px 0;color:#071a44;font-size:clamp(42px,6vw,72px);line-height:1.04;letter-spacing:-.06em}.hero-copy p,.section-head p,.split-panel p,.detail-card p,.muted{color:#61708a;line-height:1.8}.hero-copy>p{max-width:620px;margin:0;font-size:19px}.eyebrow{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:7px 14px;color:#075be6;background:#0a71ff1a;font-size:14px;font-weight:800}.hero-actions,.trust-row{display:flex;flex-wrap:wrap;gap:16px;margin-top:30px}.trust-row span{display:inline-flex;align-items:center;gap:8px;color:#33496a;font-size:14px;font-weight:700}.trust-row span:before{content:"";width:10px;height:10px;border-radius:50%;background:#0b6bff;box-shadow:0 0 0 6px #0b6bff1a}.hero-art{position:relative;min-height:450px}.dashboard-card{position:absolute;top:24px;right:0;bottom:0;left:0;border:1px solid rgba(28,95,212,.12);border-radius:44px;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.8),transparent 15rem),linear-gradient(145deg,#e8f4ff,#fff 55%,#d7eaff);box-shadow:0 36px 80px #175ac138}.card-header{display:flex;gap:8px;height:72px;padding:28px 34px;border-radius:44px 44px 0 0;background:linear-gradient(135deg,#2d8cff,#0a54e8)}.card-header span{width:9px;height:9px;border-radius:50%;background:#ffffffdb}.bot{position:absolute;top:150px;left:80px;display:grid;width:128px;height:128px;place-items:center;border:10px solid #e7f1ff;border-radius:42px;color:#fff;background:linear-gradient(145deg,#071a44,#167aff);font-size:34px;font-weight:900;box-shadow:0 24px 40px #074fc638}.floating-card{position:absolute;border-radius:24px;padding:18px 22px;color:#14315e;background:#ffffffeb;box-shadow:0 18px 40px #2a5eab29;font-weight:800}.card-a{top:120px;right:90px}.card-b{right:52px;bottom:130px}.card-c{left:210px;bottom:78px}.coin{position:absolute;display:grid;place-items:center;border:8px solid #ffd66e;border-radius:50%;color:#d77d00;background:linear-gradient(145deg,#fff3a8,#ffb629);font-weight:900;box-shadow:0 18px 24px #de8f1538}.coin-main{right:145px;bottom:75px;width:104px;height:104px;font-size:50px}.coin-small{top:118px;left:255px;width:54px;height:54px}.section,.page-section{width:min(1180px,calc(100% - 40px));margin:34px auto}.page-section{padding-top:38px}.section-head{margin-bottom:26px}.section-head h2,.split-panel h2,.detail-card h1{margin:12px 0;color:#071a44;font-size:clamp(30px,4vw,44px);line-height:1.12;letter-spacing:-.04em}.centered{text-align:center}.compact h2{font-size:30px}.feature-grid,.plan-grid,.usage-grid,.static-grid{display:grid;gap:20px}.feature-grid{grid-template-columns:repeat(4,1fr)}.feature-card,.plan-card,.usage-panel,.detail-card,.split-panel{border:1px solid rgba(29,91,196,.1);border-radius:28px;background:#ffffffdb;box-shadow:0 20px 50px #1f5bb31a}.feature-card{padding:28px}.feature-icon,.coin-icon{display:inline-grid;place-items:center;border-radius:18px;color:#fff;font-weight:900}.feature-icon{width:58px;height:58px;background:linear-gradient(145deg,#0c7dff,#7548ff)}.feature-card h3,.plan-card h3{margin:20px 0 8px}.feature-card p,.plan-card p{color:#69768c;line-height:1.7}.feature-card button,.back-link{border:0;padding:0;color:#075be6;background:transparent;font-weight:800}.split-panel{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:36px}.quick-actions{display:flex;flex-wrap:wrap;gap:12px}.quick-actions button{border:1px solid rgba(9,100,240,.22);border-radius:16px;padding:14px 20px;color:#075be6;background:#fff;font-weight:800}.plan-grid{grid-template-columns:repeat(3,1fr)}.plan-card{position:relative;padding:30px;overflow:hidden}.plan-card.recommended{border-color:#0a65ff61;box-shadow:0 28px 70px #1164ef2e}.ribbon{position:absolute;top:18px;right:-38px;width:132px;padding:8px 0;transform:rotate(35deg);color:#fff;background:#ff8a2a;text-align:center;font-size:13px;font-weight:900}.plan-top{display:flex;align-items:center;gap:16px}.coin-icon{width:58px;height:58px;border:5px solid #ffd66e;color:#d77d00;background:linear-gradient(145deg,#fff3a8,#ffb629)}.plan-top h2{margin:0;color:#0663ed;font-size:44px;line-height:1}.plan-top p{margin:4px 0 0}.price{margin:24px 0;color:#071a44;font-size:30px;font-weight:900}.sub-badge{display:inline-flex;border-radius:999px;padding:7px 12px;color:#075be6;background:#0a71ff1a;font-size:13px;font-weight:900}.subscription h2{margin:20px 0 8px}.subscription ul{display:grid;gap:10px;margin:20px 0 24px;padding:0;list-style:none;color:#40536f}.subscription li:before{content:"✓";margin-right:8px;color:#0b6bff;font-weight:900}.usage-panel{margin-top:24px;padding:30px}.usage-grid{grid-template-columns:repeat(4,1fr)}.usage-grid div,.static-grid div{display:grid;gap:6px;border-radius:20px;padding:18px;background:#f6faff}.usage-grid span,.static-grid span{color:#6b7890;font-size:14px}.detail-card{max-width:900px;margin:0 auto;padding:44px}.payment-result-card{max-width:620px;margin:0 auto;border:1px solid rgba(29,91,196,.1);border-radius:30px;padding:42px;background:#ffffffe6;box-shadow:0 24px 60px #1f5bb31f;text-align:center}.payment-result-card h1{margin:16px 0 8px;color:#071a44;font-size:clamp(36px,5vw,56px);line-height:1.06}.result-field{text-align:left}.result-meta{margin-top:22px}.result-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:22px}.static-grid{grid-template-columns:repeat(2,1fr);margin-top:24px}.footer{display:flex;justify-content:space-between;gap:16px;width:min(1180px,calc(100% - 40px));margin:60px auto 30px;padding-top:24px;border-top:1px solid rgba(29,91,196,.12);color:#728096;font-size:14px}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:24px;background:#0816327a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.checkout-modal{position:relative;width:min(460px,100%);border-radius:30px;padding:32px;background:#fff;box-shadow:0 40px 90px #001c4d52}.modal-close{position:absolute;top:16px;right:16px;width:34px;height:34px;border:0;border-radius:50%;color:#53647d;background:#f2f6fb;font-size:22px}.checkout-modal h2{margin:14px 0 6px;color:#071a44}.user-field{display:grid;gap:8px;margin:22px 0;color:#40536f;font-size:14px;font-weight:800}.user-field input{width:100%;border:1px solid #d8e3f3;border-radius:14px;padding:13px 14px;outline:none}.user-field input:focus{border-color:#0b6bff;box-shadow:0 0 0 4px #0b6bff1a}.pay-methods{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.pay-methods button{border:1px solid #d8e3f3;border-radius:16px;padding:14px;color:#40536f;background:#fff;font-weight:900}.pay-methods button.selected{border-color:#0b6bff;color:#075be6;background:#eef6ff}.error-text{margin:14px 0 0;color:#d8334a;line-height:1.6}.status-message{margin:16px 0 8px;border-radius:16px;padding:12px 14px;color:#435471;background:#f6faff;line-height:1.6}.status-message.success{color:#087443;background:#ecfdf5}.order-result{text-align:center}.order-meta{display:grid;gap:8px;margin:18px 0;border-radius:18px;padding:16px;color:#435471;background:#f6faff;font-size:14px;text-align:left}.qr-canvas{display:block;margin:18px auto;border-radius:18px;padding:12px;background:#fff;box-shadow:0 16px 40px #164b9b1f}.qr-fallback{word-break:break-all;border-radius:16px;padding:12px;color:#40536f;background:#f6faff;font-size:13px}@media (max-width: 900px){.topbar,.nav,.hero,.split-panel,.footer{align-items:stretch;flex-direction:column}.nav{border-radius:22px}.hero{grid-template-columns:1fr}.hero-art{min-height:360px}.feature-grid,.plan-grid,.usage-grid,.static-grid{grid-template-columns:1fr}.coin-main{right:54px}}