:root{color:#1f2933;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#eef5f6;font-family:Microsoft YaHei,PingFang SC,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{background:#eef5f6;min-height:100%}body{min-width:320px;margin:0}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #087c8938}#app,.consumer-shell{min-height:100dvh}.consumer-shell{background:#eef5f6}.h5-page{background:radial-gradient(170px 112px at 94% 18px,#daf7fa2e,#0000 68%),linear-gradient(170deg,#1a7b8d 0 72px,#1590a0 122px,#1590a01a 182px,#1590a000 232px) top/100% 236px no-repeat,#eef5f6;width:100%;max-width:520px;min-height:100dvh;margin:0 auto;position:relative;overflow-x:hidden}.brand-hero{min-height:154px;padding:max(22px, env(safe-area-inset-top)) 18px 28px;color:#fff;position:relative;overflow:hidden}.brand-hero:before{content:"";pointer-events:none;background:linear-gradient(145deg,#ffffff0a,#0000 40%);position:absolute;inset:0}.brand-title{z-index:2;max-width:calc(100% - 116px);padding-top:8px;position:relative}.brand-kicker{color:#ffffffdb;background:#ffffff1a;border:1px solid #ffffff47;border-radius:999px;align-items:center;min-height:24px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.brand-title h1{color:#fff;letter-spacing:0;overflow-wrap:anywhere;text-shadow:0 1px 8px #092f3a2e;margin:10px 0 0;font-size:30px;line-height:1.16}.brand-title p{color:#ffffffd1;text-shadow:0 1px 6px #092f3a24;margin:8px 0 0;font-size:15px}.account-summary{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.account-summary__divider{background:linear-gradient(#0000,#ffffffc7,#0000);border-radius:999px;width:1px;height:12px;box-shadow:0 0 10px #ffffff2e}.hero-scan{z-index:1;background:radial-gradient(circle at 69px 20px,#d3f8ffa3 0 4px,#0000 5px),linear-gradient(90deg,#ffffff9e 0 34px,#0000 34px) 18px 22px/56px 3px no-repeat,linear-gradient(90deg,#ffffff57 0 46px,#0000 46px) 18px 34px/62px 2px no-repeat,linear-gradient(90deg,#ffffff6b 0 28px,#0000 28px) 18px 48px/48px 2px no-repeat,linear-gradient(145deg,#ffffff29,#ffffff0e);border:1px solid #ffffff2e;border-radius:20px;width:92px;height:72px;position:absolute;top:42px;right:18px;transform:rotate(-4deg);box-shadow:inset 0 1px #ffffff2e,0 16px 34px #083a4624}.hero-scan:before,.hero-scan:after{content:"";pointer-events:none;position:absolute}.hero-scan:before{background:linear-gradient(90deg,#d3f8ff7a,#ffffff24);border-radius:999px;width:42px;height:8px;bottom:10px;left:13px}.hero-scan:after{will-change:transform;background:radial-gradient(circle,#d3f8ff29 0 46%,#0000 48%),#ffffff0d;border-radius:50%;width:42px;height:42px;animation:3.8s ease-in-out infinite hero-orbit-float;top:-15px;right:-10px}.content-stack{padding:0 12px calc(28px + env(safe-area-inset-bottom));gap:12px;margin-top:-6px;display:grid}.amount-card,.payment-card,.notice-card,.wide-action{background:#fffffff5;border:1px solid #0f36330f;border-radius:12px;box-shadow:0 10px 28px #083a4614}.amount-card{gap:16px;min-height:124px;padding:18px 18px 15px;display:grid}.section-line{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-line label,.section-line h2{color:#1f2933;letter-spacing:0;margin:0;font-size:16px;font-weight:650}.section-line span{color:#7a8b89;flex:none;font-size:12px}.amount-card input{color:#162623;text-align:center;letter-spacing:0;background:0 0;border:0;border-bottom:1px solid #d8e1df;width:100%;height:38px;font-size:26px;font-weight:650}.amount-card input:focus{border-bottom-color:#087c89;outline:0}.amount-card p{color:#8a9896;margin:0;font-size:14px;line-height:1.35}.wide-action{color:#d94f3d;cursor:pointer;place-items:center;height:54px;font-size:18px;font-weight:700;transition:transform .18s,box-shadow .18s,background .18s;display:grid}.wide-action--primary{color:#fff;background:linear-gradient(135deg,#ef6a50 0%,#d9463d 100%);border-color:#e25b432e;box-shadow:0 12px 26px #d9463d38}.wide-action--secondary{color:#087c89}.wide-action:hover:not(:disabled),.wide-action:active:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 24px #083a461f}.wide-action--primary:hover:not(:disabled),.wide-action--primary:active:not(:disabled){box-shadow:0 14px 28px #d9463d47}.wide-action:disabled{cursor:wait;opacity:.72}.wide-action--primary:disabled{position:relative;overflow:hidden}.wide-action--primary:disabled:after{content:"";background:linear-gradient(110deg,#0000 0 36%,#ffffff38 47%,#0000 60% 100%);animation:1.25s ease-in-out infinite skeleton-sheen;position:absolute;inset:0}.payment-card{padding:18px}.payment-card p{color:#5c6b68;margin:14px 4px 20px;font-size:15px;line-height:1.55}.coupon-row{background:#f4fbfc;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-height:38px;padding:12px;display:grid}.coupon-icon{color:#fff;background:#087c89;border-radius:8px;place-items:center;width:30px;height:30px;font-size:15px;font-weight:800;display:grid}.coupon-row strong{color:#243532;font-size:16px;font-weight:650}.coupon-balance{color:#657572;align-items:center;gap:10px;font-size:17px;display:inline-flex}.coupon-balance b{color:#fff;background:#ef6a50;border-radius:999px;place-items:center;min-width:24px;height:20px;padding:0 7px;font-size:14px;line-height:1;display:grid}.notice-card{padding:18px 18px 16px;overflow:hidden}.notice-card__header{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.notice-card__header h2{color:#1f2933;letter-spacing:0;margin:0;font-size:16px;font-weight:650}.notice-card__header p{color:#879491;margin:5px 0 0;font-size:13px}.notice-check{color:#3a4a47;cursor:pointer;background:#f8fbfa;border:1px solid #dce7e5;border-radius:999px;flex:none;align-items:center;gap:8px;min-height:34px;padding:4px 8px;font-size:13px;display:flex}.notice-check input{opacity:0;block-size:1px;inline-size:1px;position:absolute}.notice-check__mark{background:#fff;border:2px solid #b9c8c5;border-radius:50%;flex:none;width:24px;height:24px;transition:border-color .18s,background .18s;position:relative}.notice-check input:checked+.notice-check__mark{background:#087c89;border-color:#087c89}.notice-check input:checked+.notice-check__mark:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:6px;height:10px;position:absolute;top:3px;left:6px;transform:rotate(45deg)}.notice-agreement{color:#7a8b89;margin:12px 2px 0;font-size:13px;line-height:1.45}.guide-poster{color:#17303d;background:linear-gradient(135deg,#087c891a,#0000 34%),#edf8fa;border-radius:12px;padding:18px 14px}.notice-skeleton{gap:12px;min-height:142px;padding:2px 0;display:grid}.skeleton-line{background:linear-gradient(90deg,#087c891a 0%,#ffffffd1 48%,#087c891a 100%) 0 0/220% 100%;border-radius:999px;height:14px;animation:1.2s ease-in-out infinite skeleton-shimmer;display:block}.skeleton-line--title{width:36%;height:22px;margin-bottom:2px}.skeleton-line--wide{width:92%}.skeleton-line--short{width:58%}.guide-poster h3,.guide-rich-text h3{color:#0b4e5e;text-align:left;letter-spacing:0;margin:0 0 14px;font-size:21px;line-height:1.2}.guide-steps,.guide-rich-text{color:#263b3d;gap:12px;margin:0;padding:0;font-size:15px;line-height:1.62;display:grid}.guide-steps p{grid-template-columns:auto 1fr;gap:2px;margin:0;display:grid}.guide-rich-text p{margin:0;display:block}.guide-steps p:last-child,.guide-rich-text p:last-child{border-top:1px dashed #087c8938;padding-top:10px;display:block}.guide-rich-text ul,.guide-rich-text ol{gap:8px;margin:0;padding-left:20px;display:grid}.guide-steps b,.guide-rich-text b,.guide-rich-text strong{color:#0b7285;font-weight:800}.guide-poster span{color:#d94f3d;font-weight:750}.modal-layer{z-index:20;background:#0f172a8f;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.code-modal{background:#fff;border-radius:16px;width:min(100%,340px);padding:18px 18px 22px;box-shadow:0 24px 50px #0f172a42}.code-modal__header{color:#1f2933;justify-content:space-between;align-items:center;font-size:17px;font-weight:700;display:flex}.code-modal__header button{color:#70807d;cursor:pointer;background:#edf3f2;border:0;border-radius:50%;width:32px;height:32px;font-size:24px;line-height:1}.code-modal__amount{color:#d94f3d;text-align:center;margin:12px 0 14px;font-size:28px;font-weight:800}.modal-qr{aspect-ratio:1;border:1px solid #e3ecea;border-radius:12px;place-items:center;display:grid;overflow:hidden}.modal-qr img{width:min(82%,250px);height:auto}.modal-qr--loading{background:linear-gradient(135deg,#087c8914,#0000 44%),#f7fbfb}.qr-skeleton{background:#fff;border-radius:12px;grid-template-rows:repeat(3,42px);grid-template-columns:repeat(3,42px);gap:14px;width:176px;height:176px;padding:12px;display:grid;position:relative;overflow:hidden}.qr-skeleton:after{content:"";background:linear-gradient(110deg,#0000 0 35%,#087c891a 48%,#0000 62% 100%);animation:1.3s ease-in-out infinite skeleton-sheen;position:absolute;inset:0}.qr-skeleton span{background:#087c8929;border-radius:8px}.qr-skeleton span:first-child{grid-area:1/1}.qr-skeleton span:nth-child(2){grid-area:1/3}.qr-skeleton span:nth-child(3){grid-area:3/1}.modal-expire{color:#6e7b78;text-align:center;margin:14px 0 0;font-size:14px}@keyframes skeleton-shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}@keyframes skeleton-sheen{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes hero-orbit-float{0%,to{transform:translateY(0)}45%{transform:translateY(-4px)}70%{transform:translateY(2px)}}@media (prefers-reduced-motion:reduce){.hero-scan:after,.skeleton-line,.wide-action--primary:disabled:after,.qr-skeleton:after{animation:none}}.modal-fade-enter-active,.modal-fade-leave-active{transition:opacity .18s}.modal-fade-enter-active .code-modal,.modal-fade-leave-active .code-modal{transition:transform .18s}.modal-fade-enter-from,.modal-fade-leave-to{opacity:0}.modal-fade-enter-from .code-modal,.modal-fade-leave-to .code-modal{transform:translateY(12px)scale(.98)}.toast-layer{top:max(18px, env(safe-area-inset-top));z-index:30;color:#0b4e5e;text-align:center;background:#fffffff5;border:1px solid #087c8929;border-radius:12px;min-width:168px;max-width:min(86vw,360px);padding:11px 16px;font-size:15px;font-weight:650;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 16px 36px #083a462e}.toast-layer--error{color:#c4362d;background:#fffaf8f7;border-color:#d9463d2e}.toast-fade-enter-active,.toast-fade-leave-active{transition:opacity .18s,transform .18s}.toast-fade-enter-from,.toast-fade-leave-to{opacity:0;transform:translate(-50%,-8px)}@media (width>=700px){.consumer-shell{background:#e7eff1}.h5-page{box-shadow:0 24px 70px #18202e1a}}@media (width<=360px){.brand-hero{padding-inline:14px}.content-stack{padding-inline:10px}.guide-steps{font-size:14px}}