*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;font-family:Source Han Sans SC,PingFang SC,-apple-system,sans-serif;overflow:hidden}#app{background:#07080a;width:100vw;height:100dvh;position:fixed;inset:0;overflow:hidden}.view{position:absolute;inset:0}.hidden{display:none!important}.bg{object-fit:cover;object-position:center 18%;z-index:0;width:100%;height:100%;transition:opacity .3s;position:absolute;inset:0}.overlay{z-index:1;background:linear-gradient(#07080a9e 0%,#07080a38 26%,#07080a4d 54%,#07080a99 82%,#07080adb 100%);position:absolute;inset:0}.pc{z-index:10;flex-direction:column;align-items:center;height:100%;padding:58px 0 160px;display:flex;position:relative}.tier-name{color:#fff;letter-spacing:1px;text-shadow:0 1px 8px #00000080;margin-top:6px;font-size:19px;font-weight:700}.price-area{text-shadow:0 1px 10px #0000008c;justify-content:center;align-items:flex-end;margin-top:26px;display:flex}.price-number{color:#fff;font-size:38px;font-weight:700;line-height:1}.price-unit{color:#fff;margin-left:5px;font-size:20px;font-weight:400;line-height:1}.price-original{color:#ffffff8c;align-self:flex-end;margin-bottom:3px;margin-left:9px;font-size:14px;font-weight:300;text-decoration:line-through}.cd-slot{justify-content:center;align-items:center;height:52px;margin-top:18px;display:flex}.cd-bar{-webkit-backdrop-filter:blur(2px);background:#15346b8c;border:1px solid #ffffffd9;border-radius:5px;align-items:center;height:38px;padding:0 20px;display:flex}.cd-label{color:#fff;margin-right:12px;font-size:13px}.cd-num{color:#fff;font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.cd-unit{color:#fff;margin:0 5px;font-size:13px;font-weight:300}.wheel-wrap{flex:1;align-items:center;width:100%;min-height:0;margin-top:14px;display:flex;position:relative;overflow:hidden}.wheel-ind{z-index:1;pointer-events:none;background:#ffffff1f;height:1px;position:absolute;top:50%;left:15%;right:15%;transform:translateY(-.5px)}.wheel{scroll-snap-type:y mandatory;-ms-overflow-style:none;scrollbar-width:none;overscroll-behavior:contain;touch-action:pan-y;width:100%;height:250px;overflow-y:scroll}.wheel::-webkit-scrollbar{display:none}.wpad{height:100px}.witem{white-space:nowrap;scroll-snap-align:center;color:#fff;opacity:.26;transform-origin:50%;will-change:transform, opacity;text-shadow:0 1px 6px #00000080;justify-content:center;align-items:center;height:50px;font-size:12px;display:flex}.witem .wv{color:#fff;margin-left:5px}.bottom{z-index:50;flex-direction:column;align-items:center;padding-bottom:30px;display:flex;position:absolute;bottom:0;left:0;right:0}.cta{color:#fff;letter-spacing:.6px;cursor:pointer;background:#ffffff0f;border:1px solid #fff;justify-content:center;align-items:center;width:134px;height:34px;margin-bottom:24px;font-size:14px;display:flex}.cta:active{opacity:.7}.line{background:#ffffff7a;width:106px;height:1px;position:relative;box-shadow:0 0 4px #ffffff1f}.line-active{background:#fffffff5;border-radius:2px;width:25%;height:2.5px;transition:left .3s;position:absolute;top:-1px;box-shadow:0 0 6px #ffffff42}.hint{color:#fff;text-shadow:0 1px 6px #0009;align-items:center;gap:6px;margin-top:15px;font-size:13px;animation:2.4s ease-in-out infinite breath;display:flex}@keyframes breath{0%,to{opacity:.4}50%{opacity:1}}.arrow{z-index:60;color:#ffffff80;cursor:pointer;-webkit-user-select:none;user-select:none;text-shadow:0 1px 6px #00000080;justify-content:center;align-items:center;width:38px;height:64px;font-size:30px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.arrow:hover{color:#fffffff2}.arrow.l{left:0}.arrow.r{right:0}.fbar{color:#1a1a1a;background:#fff;border-bottom:1px solid #eef0f3;justify-content:center;align-items:center;height:46px;font-size:15px;font-weight:600;display:flex;position:relative}.fback{color:#333;cursor:pointer;font-size:22px;line-height:1;position:absolute;left:12px}.form-view{background:#f6f7f9;flex-direction:column;display:flex}.fbody{flex:1;padding:18px 18px 0;overflow:auto}.fbanner{color:#fff;background:linear-gradient(90deg,#0b1a33,#16335f);border-radius:12px;margin-bottom:18px;padding:13px 15px}.fbanner .t{font-size:15px;font-weight:700}.fbanner .p{color:#f2d8a0;margin-top:3px;font-size:12px}.field{margin-bottom:16px}.field label{color:#3a4254;margin-bottom:7px;font-size:12.5px;font-weight:600;display:block}.req{color:#e5484d;margin-left:2px}.field input{background:#fff;border:1px solid #e3e7ee;border-radius:10px;outline:none;width:100%;height:42px;padding:0 13px;font-size:14px}.field input:focus{border-color:#16335f}.chips{flex-wrap:wrap;gap:9px;display:flex}.chip{color:#4a5468;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #d6dbe5;border-radius:18px;padding:8px 14px;font-size:13px}.chip.on{color:#f2d8a0;background:#0b1a33;border-color:#0b1a33}.err{color:#e5484d;min-height:15px;margin-top:6px;font-size:12px}.fsubmit{color:#f2d8a0;cursor:pointer;background:#0b1a33;border-radius:23px;justify-content:center;align-items:center;height:46px;margin:6px 18px 14px;font-size:15px;font-weight:700;display:flex}.fsubmit:active{opacity:.85}.fsubmit.loading{opacity:.6;pointer-events:none}.privacy{color:#9aa3b2;text-align:center;margin-bottom:18px;padding:0 22px;font-size:11px;line-height:1.6}.pay-view{background:#fff;flex-direction:column;align-items:center;display:flex;overflow-y:auto}.pay-header{color:#1a1a1a;background:#fff;border-bottom:1px solid #eef0f3;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:46px;font-size:15px;font-weight:600;display:flex}.pay-body{flex-direction:column;align-items:center;width:100%;padding:24px 20px;display:flex}.pay-tier-name{color:#0b1a33;margin-bottom:4px;font-size:17px;font-weight:700}.pay-amount{color:#0b1a33;margin-bottom:4px;font-size:36px;font-weight:700}.pay-amount-unit{color:#4a5468;margin-bottom:20px;font-size:16px;font-weight:400}.pay-qr{background:#f6f7f9;border:1px solid #e3e7ee;border-radius:8px;justify-content:center;align-items:center;width:200px;height:200px;margin-bottom:10px;display:flex;overflow:hidden}.pay-qr img{object-fit:contain;width:100%;height:100%}.pay-qr-placeholder{text-align:center;color:#9aa3b2;padding:10px;font-size:12px;line-height:1.6}.pay-note{color:#6b7280;text-align:center;margin-bottom:14px;font-size:12px}.pay-long-press-hint{color:#9aa3b2;text-align:center;margin-bottom:18px;font-size:11px}.pay-card{color:#4a5468;text-align:left;background:#f6f7f9;border-radius:12px;width:100%;margin-bottom:20px;padding:13px 16px;font-size:12.5px;line-height:1.95}.pay-card b{color:#0b1a33}.pay-back-btn{color:#0b1a33;cursor:pointer;border:1px solid #0b1a33;border-radius:21px;justify-content:center;align-items:center;width:100%;max-width:240px;height:42px;padding:0 28px;font-size:14px;font-weight:600;display:flex}.pay-back-btn:active{opacity:.7}