:root{font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:#111827;background:#f5f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea{font:inherit}button,a{touch-action:manipulation}header{height:64px;border-bottom:1px solid #e2e8f0;background:#fff}.nav,.wrap{width:min(1120px,calc(100% - 40px));margin:auto}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:#0f172a;text-decoration:none;font-size:18px;font-weight:800}.logo{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 8px 22px #2563eb3d}.admin-link{color:#64748b;text-decoration:none;font-size:14px;font-weight:650}.hero{position:relative;overflow:hidden;border-bottom:1px solid #e2e8f0;background:#fff}.grid{position:absolute;inset:0;background-image:linear-gradient(#2563eb0d 1px,transparent 1px),linear-gradient(90deg,#2563eb0d 1px,transparent 1px),radial-gradient(circle at 78% 18%,#6366f133,transparent 28%);background-size:34px 34px,34px 34px,auto;mask-image:linear-gradient(#000 25%,transparent)}.hero-inner{position:relative;padding-top:58px;padding-bottom:46px}.pill{display:inline-flex;border:1px solid #dbeafe;border-radius:999px;background:#eff6ff;padding:7px 12px;color:#1d4ed8;font-size:14px;font-weight:650}.hero h1{margin:20px 0 14px;font-size:clamp(40px,6vw,64px);line-height:1.04;letter-spacing:-.05em}.hero h1 span{background:linear-gradient(95deg,#2563eb,#7c3aed 65%,#0891b2);background-clip:text;color:transparent}.hero p{max-width:620px;margin:0;color:#64748b;font-size:18px;line-height:1.7}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:34px;padding:16px;border:1px solid #e2e8f0;border-radius:18px;background:#ffffffd9;box-shadow:0 18px 60px #2563eb14}.step{display:flex;align-items:center;gap:10px;color:#94a3b8;font-size:14px;font-weight:700}.step i{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#f1f5f9;font-style:normal}.step.active{color:#0f172a}.step.active i{color:#fff;background:#2563eb}.main-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:32px;padding-top:54px;padding-bottom:54px}.eyebrow{color:#2563eb;font-size:12px;font-weight:900;letter-spacing:.16em}.main-grid h2,.status-card h2,dialog h2{margin:5px 0 24px;font-size:30px;letter-spacing:-.03em}.plans{display:grid;gap:12px}.plan{display:flex;width:100%;align-items:center;gap:16px;border:1px solid #e2e8f0;border-radius:18px;background:#fff;padding:18px;text-align:left;cursor:pointer;transition:.2s}.plan:hover{transform:translateY(-1px);border-color:#93c5fd;box-shadow:0 12px 30px #0f172a0f}.plan.active{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a,0 16px 35px #2563eb1a}.plan-icon{display:grid;place-items:center;width:54px;height:54px;flex:none;border-radius:16px;background:#eff6ff;color:#2563eb;font-size:22px}.plan:nth-child(2) .plan-icon{background:#f5f3ff;color:#7c3aed}.plan:nth-child(3) .plan-icon{background:#ecfeff;color:#0891b2}.plan-copy{flex:1}.plan-copy strong{display:block;font-size:18px}.plan-copy small{display:block;margin-top:5px;color:#64748b;font-size:14px}.plan-price{font-size:24px;font-weight:850}.card{padding:22px;border:1px solid #e2e8f0;border-radius:22px;background:#fff;box-shadow:0 20px 60px #0f172a0f}.summary{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding:15px;border-radius:13px;background:#f8fafc}.summary small,.summary strong{display:block}.summary small{color:#94a3b8;font-size:12px;font-weight:650}.summary strong{margin-top:4px}.summary b{color:#2563eb;font-size:22px}label,legend{color:#334155;font-size:14px;font-weight:750}input[type=email],input[type=password],textarea{width:100%;margin:8px 0 18px;border:1px solid #cbd5e1;border-radius:12px;background:#fff;padding:12px 13px;outline:none;transition:.2s}input:focus,textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}textarea{min-height:90px;resize:vertical}em{color:#94a3b8;font-style:normal;font-weight:400}fieldset{margin:0 0 16px;padding:0;border:0}.pay-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}.pay-choices label{display:flex;align-items:center;gap:9px;border:1px solid #e2e8f0;border-radius:12px;padding:10px;cursor:pointer}.pay-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;color:#fff}.ali{background:#1677ff}.wx{background:#07c160}.notice{margin-bottom:16px;border:1px solid #fde68a;border-radius:12px;background:#fffbeb;padding:11px;color:#92400e;font-size:14px}.primary,.secondary{width:100%;border:0;border-radius:12px;padding:13px 18px;cursor:pointer;font-weight:800}.primary{color:#fff;background:#2563eb;box-shadow:0 10px 24px #2563eb33}.primary:disabled{opacity:.55;cursor:not-allowed}.secondary{border:1px solid #cbd5e1;background:#fff;color:#0f172a}.error{min-height:20px;margin:8px 0 0;color:#dc2626;font-size:14px}dialog{width:min(440px,calc(100% - 28px));border:0;border-radius:24px;padding:26px;box-shadow:0 28px 80px #0f172a33}dialog::backdrop{background:#0f172a66;backdrop-filter:blur(4px)}.dialog-close{position:absolute;top:12px;right:14px;border:0;background:none;color:#64748b;font-size:26px;cursor:pointer}.muted{color:#64748b;line-height:1.6}.qr-box{margin:20px 0;border-radius:18px;background:#f8fafc;padding:22px;text-align:center}.qr-box img{display:block;width:230px;height:230px;margin:auto;border-radius:10px}.qr-box p{margin:12px 0 0;color:#475569;font-size:14px;font-weight:650}#demo-actions{display:grid;gap:8px;text-align:center}#demo-actions small{color:#94a3b8}.status-page{padding:70px 20px}.status-card{width:min(620px,100%);margin:auto;border:1px solid #e2e8f0;border-radius:28px;background:#fff;padding:50px 30px;text-align:center;box-shadow:0 24px 70px #0f172a14}.status-icon{display:grid;place-items:center;width:76px;height:76px;margin:0 auto 22px;border-radius:50%;background:#eff6ff;color:#2563eb;font-size:36px}.status-card.completed .status-icon{background:#ecfdf5;color:#059669}.status-card dl{display:grid;gap:8px;margin:26px 0;padding:16px;border-radius:14px;background:#f8fafc;text-align:left}.status-card dl div{display:flex;justify-content:space-between;gap:20px}.status-card dt{color:#94a3b8}.status-card dd{margin:0;font-weight:700}footer{border-top:1px solid #e2e8f0;background:#fff;padding:26px;text-align:center;color:#94a3b8;font-size:14px}
.admin-shell{width:min(980px,calc(100% - 36px));margin:48px auto}.admin-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.admin-header h1{margin:0}.login-card{width:min(420px,100%);margin:90px auto}.order-list{display:grid;gap:12px}.order-row{display:grid;grid-template-columns:1.2fr 1fr .7fr .8fr auto;gap:14px;align-items:center;border:1px solid #e2e8f0;border-radius:16px;background:#fff;padding:16px}.order-row small{display:block;color:#94a3b8}.order-row .order-note{margin-top:6px;color:#475569;white-space:pre-wrap;overflow-wrap:anywhere}.order-row .order-note b{color:#64748b}.badge{display:inline-flex;width:max-content;border-radius:999px;padding:5px 9px;background:#f1f5f9;color:#475569;font-size:12px;font-weight:750}.badge.processing{background:#eff6ff;color:#1d4ed8}.badge.completed{background:#ecfdf5;color:#047857}.order-row button{border:0;border-radius:9px;background:#0f172a;color:#fff;padding:9px 12px;cursor:pointer}.order-row button:disabled{opacity:.4;cursor:not-allowed}
@media(max-width:780px){.steps{grid-template-columns:1fr}.step:not(.active){display:none}.main-grid{grid-template-columns:1fr}.hero-inner{padding-top:40px}.hero p{font-size:16px}.order-row{grid-template-columns:1fr 1fr}.order-row>*:last-child{grid-column:1/-1}.order-row button{width:100%}}@media(max-width:480px){.nav,.wrap{width:min(100% - 28px,1120px)}.hero h1{font-size:38px}.plan{padding:14px;gap:12px}.plan-icon{width:46px;height:46px}.pay-choices{grid-template-columns:1fr}.main-grid{padding-top:38px}}