.bal-tip[data-v-3b2932bf]{color:#416cff;margin:0 0 10px;font-size:13px;font-weight:700}.bal-check[data-v-3b2932bf]{color:#4b5563;align-items:center;gap:8px;margin:0 0 12px;font-size:13px;display:flex}.service-text[data-v-de6848e5]{color:#6f7785;margin:0 0 14px;font-size:13px;line-height:1.5}.qr-wrap[data-v-de6848e5]{background:#f7f8fb;border-radius:18px;place-items:center;min-height:220px;padding:16px;display:grid}.qr-img[data-v-de6848e5]{background:#fff;border-radius:12px;width:min(240px,100%);height:auto}.poster-text[data-v-286b3bf1]{color:#6f7785;margin:0 0 12px;font-size:13px}.poster-card[data-v-286b3bf1]{background:linear-gradient(145deg,#416cff,#8a9cff 55%,#ffe8f0) 50%/cover;border-radius:18px;min-height:320px;position:relative;overflow:hidden}.poster-overlay[data-v-286b3bf1]{background:#1118272e;place-items:center;min-height:320px;padding:24px 16px;display:grid}.poster-qr[data-v-286b3bf1]{background:#fff;border-radius:16px;width:180px;height:180px;padding:10px;box-shadow:0 10px 24px #0000002e}.poster-code[data-v-286b3bf1]{color:#fff;text-shadow:0 2px 8px #00000040;margin-top:14px;font-size:14px;font-weight:800}:root{--primary:#3d67ff;--primary-2:#5b7dff;--text:#111827;--muted:#7b8494;--line:#edf0f5;--bg:#f5f7fb;--card:#fff;--orange:#ff9e38;--cyan:#35bdf7;--red:#ff5d5b;--green:#36c98f;--shadow:0 10px 30px #1e315e14;--radius:20px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}body{min-height:100vh}.app-shell{background:var(--bg);max-width:480px;min-height:100vh;margin:0 auto;padding-bottom:84px;position:relative;overflow-x:hidden}.page{animation:.18s fade;display:none}.page.active{display:block}@keyframes fade{0%{opacity:.65;transform:translateY(2px)}to{opacity:1;transform:none}}.top-gradient{background:linear-gradient(135deg,#e8f3ff 0%,#fff1f3 100%);border-radius:0 0 30px 30px;padding:18px 16px 26px}.header{justify-content:space-between;align-items:center;height:44px;display:flex}.header h1{letter-spacing:.2px;margin:0;font-size:20px;font-weight:800}.header .action{width:36px;height:36px;box-shadow:var(--shadow);background:#fff;border:0;border-radius:14px;place-items:center;font-size:18px;display:grid}.user-chip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffc7;border:1px solid #ffffffb3;border-radius:18px;align-items:center;gap:10px;margin-top:10px;padding:12px 14px;display:flex}.avatar{color:#fff;background:linear-gradient(135deg,#111827,#65728a);border-radius:14px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.user-chip .meta{flex:1}.user-chip .name{font-weight:800}.user-chip .sub{color:var(--muted);margin-top:3px;font-size:12px}.banner{color:#fff;background:linear-gradient(135deg,#4269ff,#7d8eff);border-radius:22px;margin-top:14px;padding:18px;position:relative;overflow:hidden;box-shadow:0 12px 26px #3d67ff40}.banner:after{content:"";background:#ffffff1f;border-radius:50%;width:150px;height:150px;position:absolute;top:-60px;right:-35px}.banner .eyebrow{opacity:.85;font-size:12px}.banner h2{margin:8px 0 6px;font-size:25px}.banner p{opacity:.9;margin:0;font-size:13px}.banner .mini-btn{color:#3558dc;background:#fff;border:0;border-radius:999px;margin-top:14px;padding:8px 14px;font-weight:700}.content{margin-top:-10px;padding:0 14px 24px}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:14px;overflow:hidden}.card-pad{padding:16px}.section-title{justify-content:space-between;align-items:center;margin:6px 2px 12px;font-size:17px;font-weight:800;display:flex}.section-title small{color:var(--muted);font-size:12px;font-weight:500}.grid4{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.service-btn{text-align:center;background:#fff;border:0;border-radius:18px;padding:14px 6px 12px;position:relative;box-shadow:0 6px 18px #2b3b610f}.service-btn.active{background:#f8faff;outline:2px solid #3d67ff2e}.service-icon{color:#fff;border-radius:16px;place-items:center;width:46px;height:46px;margin:0 auto 8px;font-size:21px;font-weight:800;display:grid}.icon-phone{background:linear-gradient(135deg,#3f6cff,#6b8fff)}.icon-electric{background:linear-gradient(135deg,#ff9a35,#ffba56)}.icon-water{background:linear-gradient(135deg,#29b7f4,#68d4ff)}.icon-gas{background:linear-gradient(135deg,#ff5f5f,#ff8b69)}.service-btn b{font-size:14px}.service-btn span{color:var(--muted);margin-top:3px;font-size:10px;display:block}.notice{color:#815b00;background:#fffdf5;border:1px solid #ffe8a3;border-radius:14px;align-items:center;gap:9px;margin-bottom:14px;padding:10px 12px;font-size:12px;display:flex}.form-row{border-bottom:1px solid var(--line);padding:15px 0}.form-row:last-child{border-bottom:0}.label{color:var(--muted);margin-bottom:8px;font-size:13px}.field{align-items:center;gap:10px;display:flex}.field .prefix{width:28px;height:28px;color:var(--primary);background:#eef3ff;border-radius:10px;place-items:center;font-size:14px;display:grid}.field input,.field select{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:16px}.field input::placeholder{color:#b4bbc7}.ghost-btn{color:var(--primary);background:#eef3ff;border:0;border-radius:10px;padding:8px 10px;font-size:12px;font-weight:700}.tabs{background:#f4f6fa;border-radius:13px;margin-bottom:12px;padding:4px;display:flex}.tab{color:#6a7280;background:0 0;border:0;border-radius:10px;flex:1;padding:9px 4px;font-weight:700}.tab.active{color:var(--primary);background:#fff;box-shadow:0 4px 10px #334a7914}.amount-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.amount{text-align:center;background:#fff;border:1px solid #e6eaf1;border-radius:14px;min-height:74px;padding:13px 6px;position:relative}.amount strong{font-size:18px}.amount small{color:#8a93a3;margin-top:5px;display:block}.amount.active{border:1.5px solid var(--primary);color:var(--primary);background:#f6f8ff}.amount .discount{color:#fff;background:#ff6a78;border-radius:12px 0 10px;padding:2px 6px;font-size:10px;position:absolute;top:-1px;left:-1px}.agree{color:#6f7785;align-items:center;gap:8px;margin:14px 2px;font-size:12px;display:flex}.agree input{width:17px;height:17px;accent-color:var(--primary)}.paybar{align-items:center;gap:12px;display:flex}.pricebox{min-width:104px}.pricebox small{color:#8a93a3}.pricebox strong{margin-top:2px;font-size:21px;display:block}.primary-btn{color:#fff;background:linear-gradient(135deg,#4269ff,#385be4);border:0;border-radius:16px;flex:1;padding:14px 16px;font-weight:800;box-shadow:0 10px 22px #3d67ff3b}.secondary-btn{color:var(--primary);background:#eef3ff;border:0;border-radius:14px;padding:12px 14px;font-weight:800}.list-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:15px 16px;display:flex}.list-row:last-child{border-bottom:0}.list-icon{background:#f1f4fb;border-radius:13px;place-items:center;width:38px;height:38px;display:grid}.list-main{flex:1}.list-main b{font-size:14px}.list-main p{color:var(--muted);margin:4px 0 0;font-size:12px}.chev{color:#b4bbc7}.subnav{scrollbar-width:none;gap:8px;padding-bottom:2px;display:flex;overflow:auto}.subnav::-webkit-scrollbar{display:none}.pill{white-space:nowrap;color:#606a7a;background:#fff;border:1px solid #e8ebf2;border-radius:999px;padding:8px 13px;font-size:12px}.pill.active{color:#fff;background:#111827;border-color:#111827}.record{border-bottom:1px solid var(--line);padding:14px 16px}.record:last-child{border-bottom:0}.record-head{justify-content:space-between;align-items:center;display:flex}.record-head b{font-size:14px}.record .money{font-weight:800}.record .meta{color:#8a93a3;justify-content:space-between;margin-top:7px;font-size:12px;display:flex}.status{color:#28a46a;background:#eefaf4;border-radius:999px;padding:3px 7px;font-size:11px}.status.pending{color:#ce8a10;background:#fff7e8}.status.fail{color:#d94b4b;background:#fff0f0}.agent-hero{color:#fff;background:linear-gradient(135deg,#1f2937,#3c4c68);border-radius:24px;margin-bottom:14px;padding:18px;box-shadow:0 14px 30px #1b263d2e}.agent-top{justify-content:space-between;align-items:center;display:flex}.agent-level{background:#ffffff26;border-radius:999px;padding:5px 9px;font-size:12px}.agent-money{margin:18px 0 4px;font-size:28px;font-weight:800}.agent-note{opacity:.7;font-size:12px}.agent-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px;display:grid}.agent-stat{background:#ffffff1a;border-radius:14px;padding:10px}.agent-stat small{opacity:.75;font-size:10px}.agent-stat b{margin-top:4px;font-size:15px;display:block}.menu-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.menu-item{text-align:center;background:0 0;border:0}.menu-badge{width:46px;height:46px;color:var(--primary);background:#f3f6ff;border-radius:15px;place-items:center;margin:0 auto 7px;font-size:20px;display:grid}.menu-item span{color:#424b5a;font-size:12px}.product{border-bottom:1px solid var(--line);gap:12px;padding:14px;display:flex}.product:last-child{border-bottom:0}.product-img{background:linear-gradient(135deg,#e8efff,#fff0ec);border-radius:16px;place-items:center;width:74px;height:74px;font-size:30px;display:grid}.product-main{flex:1;min-width:0}.product-main h4{margin:2px 0 6px;font-size:14px}.product-main p{color:#8a93a3;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;overflow:hidden}.product-foot{justify-content:space-between;align-items:end;margin-top:12px;display:flex}.commission{color:#ff5d5b;font-size:12px;font-weight:700}.share-btn{color:#fff;background:#111827;border:0;border-radius:10px;padding:7px 11px;font-size:12px}.profile-head{color:#fff;background:linear-gradient(135deg,#416cff,#8a9cff);border-radius:0 0 30px 30px;padding:24px 18px 34px}.profile-user{align-items:center;gap:12px;display:flex}.profile-user .avatar{color:#3658e8;background:#fff}.profile-user .id{opacity:.8;margin-top:3px;font-size:12px}.profile-stat-card{box-shadow:var(--shadow);text-align:center;background:#fff;border-radius:18px;grid-template-columns:repeat(3,1fr);margin:-18px 14px 14px;padding:14px;display:grid}.profile-stat-card small{color:#8a93a3;font-size:11px;display:block}.profile-stat-card b{margin-top:5px;display:block}.bottom-nav{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:50;width:min(480px,100%);height:70px;padding-bottom:env(safe-area-inset-bottom);background:#fffffff5;border-top:1px solid #edf0f5;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-btn{color:#8b94a3;background:0 0;border:0;padding:7px 2px 5px;font-size:11px}.nav-btn .nav-ico{font-size:20px;line-height:25px;display:block}.nav-btn.active{color:var(--primary);font-weight:800}.page-title{z-index:20;background:#fff;border-bottom:1px solid #f1f2f5;align-items:center;gap:12px;padding:14px 16px 12px;display:flex;position:sticky;top:0}.page-title button{background:#f4f6fa;border:0;border-radius:11px;width:34px;height:34px}.page-title h2{margin:0;font-size:18px}.login-wrap{padding:26px 18px}.brandmark{color:#fff;background:linear-gradient(135deg,#416cff,#889aff);border-radius:20px;place-items:center;width:64px;height:64px;font-size:22px;font-weight:900;display:grid;box-shadow:0 15px 35px #3d67ff40}.login-wrap h1{margin:20px 0 6px;font-size:27px}.login-wrap>p{color:#8b94a3;margin:0;font-size:13px}.login-tabs{gap:20px;margin:26px 0 10px;display:flex}.login-tab{color:#8b94a3;background:0 0;border:0;padding:8px 0;font-weight:700;position:relative}.login-tab.active{color:#111827}.login-tab.active:after{content:"";background:var(--primary);border-radius:999px;height:3px;position:absolute;bottom:0;left:0;right:0}.login-field{background:#fff;border:1px solid #edf0f5;border-radius:15px;align-items:center;gap:10px;margin-top:12px;padding:14px;display:flex}.login-field input{border:0;outline:0;flex:1;min-width:0}.login-submit{color:#fff;background:#111827;border:0;border-radius:15px;width:100%;margin-top:18px;padding:14px;font-weight:800}.wechat-login{color:#2aaf5d;background:#fff;border:1px solid #dfe4ea;border-radius:15px;width:100%;margin-top:10px;padding:13px;font-weight:800}.modal-mask{z-index:80;background:#11182773;justify-content:center;align-items:flex-end;display:none;position:fixed;inset:0}.modal-mask.show{display:flex}.sheet{background:#fff;border-radius:24px 24px 0 0;width:min(480px,100%);max-height:78vh;padding:16px 16px 24px;animation:.2s up;overflow:auto}@keyframes up{0%{opacity:.5;transform:translateY(30px)}to{opacity:1;transform:none}}.sheet-hd{justify-content:space-between;align-items:center;display:flex}.sheet-hd h3{margin:4px 0 12px}.sheet-hd button{background:#f4f6fa;border:0;border-radius:50%;width:30px;height:30px}.pay-option{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:13px 2px;display:flex}.pay-logo{color:#fff;border-radius:12px;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.wx{background:#1aad19}.ali{background:#1677ff}.bank{background:#111827}.pay-option .txt{flex:1}.pay-option .txt b{display:block}.pay-option .txt small{color:#8b94a3}.radio{border:2px solid #c9d0da;border-radius:50%;width:18px;height:18px;position:relative}.pay-option.selected .radio{border-color:var(--primary)}.pay-option.selected .radio:after{content:"";background:var(--primary);border-radius:50%;position:absolute;inset:3px}.inline-tags{flex-wrap:wrap;gap:8px;display:flex}.tiny-tag{color:#667185;background:#f2f5fb;border-radius:999px;padding:5px 8px;font-size:11px}.empty{text-align:center;color:#9aa2af;padding:48px 20px}.empty .emoji{margin-bottom:8px;font-size:40px}.toast{color:#fff;z-index:120;white-space:nowrap;background:#111827eb;border-radius:12px;padding:10px 14px;font-size:12px;display:none;position:fixed;bottom:88px;left:50%;transform:translate(-50%)}.toast.show{display:block}@media (width>=700px){body{padding:28px 0}.app-shell{border-radius:26px;min-height:900px;overflow:hidden;box-shadow:0 20px 70px #14224624}.bottom-nav{border-radius:0 0 26px 26px;bottom:28px}.modal-mask{align-items:center}.sheet{border-radius:24px;max-height:70vh}}