*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--brand:#1a4d8f;--brand2:#2b7fc9;--brand3:#25b6c9;--cta:#ff6a3d;--cta2:#ff8f3d;--gold:#c8873a;--ink:#1f2430;--sub:#7a8494;--line:#e8edf3;--bg:#f3f6fa;--card:#ffffff;--ok:#2bb656;--err:#e5484d}html,body{background:#dfe6ee}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,Microsoft YaHei,sans-serif;color:var(--ink)}#app{display:flex;justify-content:center;width:100%}.phone{width:100%;max-width:480px;background:var(--bg);min-height:100vh;position:relative;box-shadow:0 0 40px #0000001f}.nav{position:sticky;top:0;z-index:50;background:linear-gradient(160deg,#123c73 0%,var(--brand) 55%,var(--brand2) 100%);display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px}.nav .back{width:30px;height:30px;display:flex;align-items:center;cursor:pointer}.nav .title{font-size:17px;font-weight:600;color:#fff;letter-spacing:1px}.nav .rule{font-size:13px;color:#ffffffd9;cursor:pointer}.hero{background:linear-gradient(160deg,#123c73 0%,var(--brand) 55%,var(--brand2) 100%);padding:6px 18px 58px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;right:-70px;top:-60px;width:220px;height:220px;border-radius:50%;background:#ffffff0f}.hero:before{content:"";position:absolute;right:30px;top:70px;width:90px;height:90px;border-radius:50%;background:#ffffff12}.brand-row{margin-bottom:18px;display:flex;align-items:baseline;gap:12px;position:relative;z-index:2}.brand-name{font-size:26px;font-weight:800;color:#fff;letter-spacing:3px;text-shadow:0 2px 10px rgba(0,0,0,.18)}.brand-tag{font-size:11px;color:#ffffffbf;letter-spacing:2px}.prod-name{font-size:28px;font-weight:800;color:#fff;letter-spacing:1px;text-shadow:0 2px 10px rgba(0,0,0,.15);position:relative;z-index:2}.prod-sub{margin-top:8px;font-size:14px;color:#ffe9c8;position:relative;z-index:2}.prod-sub b{color:#ffd166;font-size:18px}.price-wrap{margin:-44px 14px 0;position:relative;z-index:5}.price-card{background:var(--card);border-radius:18px;padding:16px;box-shadow:0 10px 24px #123c7324;display:flex;gap:10px}.price-opt{flex:1;border:2px solid var(--line);border-radius:14px;padding:14px 12px;position:relative;cursor:pointer;transition:.2s;background:#fff}.price-opt.active{border-color:var(--brand2);background:linear-gradient(180deg,#f0f7ff,#fff)}.price-opt.active:after{content:"✓";position:absolute;right:-2px;top:-2px;width:22px;height:22px;background:var(--brand2);color:#fff;border-radius:14px 14px 14px 0;font-size:13px;display:flex;align-items:center;justify-content:center}.po-name{font-size:15px;font-weight:700}.po-price{margin-top:8px;font-size:13px;color:var(--sub)}.po-price .num{font-size:26px;font-weight:800;color:var(--ink)}.po-price .rmb{color:var(--cta);font-size:15px;font-weight:700}.po-note{margin-top:4px;font-size:11px;color:var(--gold)}.tip-bar{margin:10px 14px 0;background:#fff7ec;border:1px solid #ffe3bd;border-radius:10px;padding:9px 12px;font-size:12px;color:#a4661d}.section{margin:16px 14px 0}.sec-head{text-align:center;margin-bottom:12px;display:flex;align-items:center;justify-content:center;gap:12px}.sec-head .diamond{width:5px;height:5px;background:var(--brand2);transform:rotate(45deg)}.sec-title{font-size:17px;font-weight:800;letter-spacing:2px;color:var(--ink)}.sec-title em{font-style:normal;color:var(--brand2)}.panel{background:var(--card);border-radius:16px;padding:14px;box-shadow:0 4px 14px #123c730f}.panel+.panel{margin-top:12px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.panel-title{font-size:15px;font-weight:700}.panel-title .hl{color:var(--cta)}.panel-title .pick{font-size:11px;color:var(--sub);font-weight:400;margin-left:6px}.goods-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.goods-grid.one{grid-template-columns:1fr}.goods{border:1px solid var(--line);border-radius:12px;padding:10px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:.15s;position:relative}.goods.selected{border-color:var(--brand2);background:#f0f7ff}.goods.selected:after{content:"✓";position:absolute;right:8px;top:8px;width:16px;height:16px;border-radius:50%;background:var(--brand2);color:#fff;font-size:10px;display:flex;align-items:center;justify-content:center}.g-icon{width:42px;height:42px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff}.g-info{flex:1;min-width:0}.g-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.g-price{margin-top:4px;font-size:11px;color:var(--sub)}.g-price .val{color:var(--cta);font-weight:800;font-size:13px;margin-left:4px}.g-price .origin{text-decoration:line-through;margin-left:4px}.agree{margin:16px 18px 8px;display:flex;gap:8px;align-items:flex-start;cursor:pointer}.agree .radio{width:17px;height:17px;border-radius:50%;border:1.5px solid #b9c4d2;flex-shrink:0;margin-top:1px;display:flex;align-items:center;justify-content:center;transition:.15s}.agree.checked .radio{border-color:var(--brand2);background:var(--brand2)}.agree.checked .radio:after{content:"✓";color:#fff;font-size:11px}.agree p{font-size:11px;color:var(--sub);line-height:1.6}.agree a{color:var(--brand2);text-decoration:none;font-weight:600}.blink{animation:blink .8s 2}@keyframes blink{50%{opacity:.35}}.bottom-bar{position:sticky;bottom:0;z-index:50;background:#fffffff5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:10px 14px calc(12px + env(safe-area-inset-bottom));box-shadow:0 -6px 20px #123c7314;display:flex;align-items:center;gap:12px}.bb-price{flex-shrink:0}.bb-price .n1{font-size:13px;color:var(--ink);font-weight:600}.bb-price .n2{font-size:12px;color:var(--sub)}.bb-price .money{font-size:24px;font-weight:800;color:var(--cta)}.bb-btn{flex:1;height:48px;border:none;border-radius:24px;cursor:pointer;background:linear-gradient(90deg,var(--cta) 0%,var(--cta2) 100%);color:#fff;font-size:17px;font-weight:700;letter-spacing:4px;box-shadow:0 6px 16px #ff6a3d59}.bb-btn:disabled{background:#c3ccd8;box-shadow:none}.mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f1e3280;z-index:200;display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:480px;background:#fff;border-radius:20px 20px 0 0;max-height:72vh;display:flex;flex-direction:column;animation:up .25s ease}@keyframes up{0%{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}.sheet-head{padding:16px 18px 10px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.sheet-head b{font-size:16px}.sheet-close{font-size:20px;color:var(--sub);cursor:pointer;padding:2px 6px}.sheet-body{padding:14px 18px 24px;overflow-y:auto;font-size:13px;color:#4a5566;line-height:1.9}.toast{position:fixed;left:50%;top:45%;transform:translate(-50%,-50%);z-index:300;background:#141e2dd9;color:#fff;font-size:14px;padding:12px 22px;border-radius:12px;max-width:300px;text-align:center;line-height:1.6}.paypage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;background:#0f1e3280;display:flex;align-items:flex-end;justify-content:center}.pay-inner{width:100%;max-width:480px;max-height:90vh;overflow-y:auto;background:var(--bg);border-radius:20px 20px 0 0;animation:up .25s ease;padding-bottom:24px}.pay-nav{position:sticky;top:0;z-index:5;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line)}.pay-nav .t{font-size:16px;font-weight:700}.pay-nav .close{font-size:22px;color:var(--sub);cursor:pointer;padding:0 4px}.pay-hero{background:linear-gradient(160deg,#123c73 0%,var(--brand) 60%,var(--brand2) 100%);padding:22px 18px 40px;color:#fff}.pay-hero .lab{font-size:12px;opacity:.8}.pay-hero .amt{font-size:36px;font-weight:800;margin-top:6px}.pay-hero .amt small{font-size:16px;font-weight:700}.pay-hero .name{font-size:13px;opacity:.9;margin-top:6px}.pay-card{margin:-24px 14px 0;background:#fff;border-radius:16px;padding:4px 16px 16px;box-shadow:0 10px 24px #123c7324}.pay-steps{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 0 6px;font-size:12px;color:var(--sub)}.pay-steps b{color:var(--brand2)}.pay-steps .bar{width:36px;height:2px;background:var(--line)}.form-row{padding:13px 0 11px;border-bottom:1px solid var(--line)}.form-row label{font-size:12px;color:var(--sub);display:block;margin-bottom:6px}.form-row label i{font-style:normal;color:var(--cta);margin-right:2px}.form-row input{width:100%;border:none;outline:none;font-size:16px;color:var(--ink);background:transparent;font-family:inherit}.form-row input::placeholder{color:#c2ccd9}.form-err{font-size:11px;color:var(--err);margin-top:5px;display:none}.form-row.bad input{color:var(--err)}.form-row.bad .form-err{display:block}.pay-agree{display:flex;gap:7px;align-items:flex-start;padding:12px 0 2px;cursor:pointer}.pay-agree .radio{width:15px;height:15px;border-radius:50%;border:1.5px solid #b9c4d2;flex-shrink:0;margin-top:1px;display:flex;align-items:center;justify-content:center}.pay-agree.checked .radio{border-color:var(--brand2);background:var(--brand2)}.pay-agree.checked .radio:after{content:"✓";color:#fff;font-size:10px}.pay-agree p{font-size:11px;color:var(--sub);line-height:1.6}.pay-agree a{color:var(--brand2);font-weight:600}.pay-btn{width:100%;height:48px;border:none;border-radius:24px;margin-top:16px;cursor:pointer;background:linear-gradient(90deg,var(--cta) 0%,var(--cta2) 100%);color:#fff;font-size:16px;font-weight:700;letter-spacing:2px;box-shadow:0 6px 16px #ff6a3d59}.pay-btn:disabled{background:#c3ccd8;box-shadow:none}.code-box{display:flex;gap:9px;margin:14px 0 4px}.code-box input{flex:1;width:100%;height:52px;text-align:center;font-size:22px;font-weight:600;color:var(--ink);border:1.5px solid var(--line);border-radius:10px;outline:none;background:#fff;font-family:inherit}.code-box input:focus{border-color:var(--brand2)}.code-hint{font-size:11px;color:var(--sub);text-align:center}.code-hint b{color:var(--brand2)}.resend{text-align:center;margin-top:10px}.resend a{font-size:13px;color:var(--brand2);text-decoration:none}.resend a.off{color:#b9c4d2;pointer-events:none}.code-mobile{font-size:13px;color:var(--ink);text-align:center;margin-top:14px}.code-mobile b{letter-spacing:1px}.pay-ok{text-align:center;padding:50px 30px 20px}.pay-ok .ok-icon{width:72px;height:72px;margin:0 auto 18px;border-radius:50%;background:linear-gradient(150deg,var(--ok),#1e8f45);display:flex;align-items:center;justify-content:center}.pay-ok .ok-icon svg{width:36px;height:36px}.pay-ok h3{font-size:20px;font-weight:800}.pay-ok p{font-size:13px;color:var(--sub);margin-top:8px;line-height:1.8}.pay-ok .pay-btn{width:70%;display:block;margin:26px auto 0}.list-page{padding:16px 14px 30px}.list-title{font-size:18px;font-weight:800;margin-bottom:14px;text-align:center}.ent-card{background:#fff;border-radius:14px;padding:14px;margin-bottom:12px;box-shadow:0 4px 14px #123c730f;cursor:pointer}.ent-card .row{display:flex;justify-content:space-between;align-items:center}.ent-card .no{font-size:12px;color:var(--sub);margin-top:6px}.status-tag{font-size:11px;padding:3px 10px;border-radius:10px;background:#eef4fb;color:var(--brand2);font-weight:600}.status-tag.ok{background:#e8f7ee;color:var(--ok)}.status-tag.warn{background:#fff4ec;color:var(--cta)}.status-tag.err{background:#fdecec;color:var(--err)}.empty{text-align:center;padding:60px 20px;color:var(--sub);font-size:13px}.mobile-input{display:flex;gap:10px;margin-bottom:16px}.mobile-input input{flex:1;height:44px;border:1.5px solid var(--line);border-radius:12px;padding:0 14px;font-size:15px;outline:none;font-family:inherit}.mobile-input input:focus{border-color:var(--brand2)}.mobile-input button{width:90px;border:none;border-radius:12px;background:var(--brand2);color:#fff;font-size:14px;font-weight:600;cursor:pointer}.item-row{background:#fff;border-radius:14px;padding:14px;margin-bottom:12px;box-shadow:0 4px 14px #123c730f}.item-row .hd{display:flex;align-items:center;gap:10px}.item-row .nm{flex:1;font-size:14px;font-weight:600}.item-row .acct{font-size:11px;color:var(--sub);margin-top:8px}.item-btn{border:none;border-radius:18px;padding:7px 16px;font-size:12px;font-weight:600;cursor:pointer;background:linear-gradient(90deg,var(--cta),var(--cta2));color:#fff}.item-btn:disabled{background:#c3ccd8}.sub-panel{background:#fff;border-radius:14px;padding:14px;margin-bottom:12px;box-shadow:0 4px 14px #123c730f}.sub-panel .tt{font-size:14px;font-weight:700;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.sub-panel .ln{font-size:12px;color:var(--sub);line-height:1.8}.cancel-btn{border:1.5px solid var(--err);background:#fff;color:var(--err);border-radius:16px;padding:5px 14px;font-size:12px;font-weight:600;cursor:pointer}