:root{--primary:#0f9d8f;--primary-d:#0b7f74;--accent:#ff8f1f;--danger:#e5484d;--bg:#f4f6f8;--card:#fff;--text:#22303a;--sub:#7a8b99;--line:#e8edf1}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{background:#dfe6ea;font-family:PingFang SC,Microsoft YaHei,sans-serif;display:flex;justify-content:center;align-items:center;color:var(--text)}.phone{width:400px;max-width:100vw;background:var(--bg);height:820px;max-height:100vh;border-radius:36px;box-shadow:0 18px 50px #00000038;overflow:hidden;position:relative;display:flex;flex-direction:column;border:10px solid #2b3540}@media (max-width:479px),(max-height:700px){body{background:var(--bg)}.phone{width:100vw;height:100vh;max-height:none;border:none;border-radius:0;box-shadow:none}}.statusbar{height:34px;background:var(--primary);color:#fff;font-size:12px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;flex:none}.pages{flex:1;overflow-y:auto;position:relative;background:var(--bg)}.page{display:flex;flex-direction:column;min-height:100%}.navbar{height:46px;background:var(--primary);color:#fff;display:flex;align-items:center;padding:0 12px;font-size:16px;gap:8px;position:sticky;top:0;z-index:5;flex:none}.navbar .back{font-size:20px;cursor:pointer;width:28px;background:none;border:none;color:#fff}.navbar .tt{flex:1;text-align:center;font-weight:600}.navbar .sp{width:28px}.tabbar{height:56px;background:#fff;border-top:1px solid var(--line);display:flex;flex:none;position:sticky;bottom:0;z-index:6}.tabbar div{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11px;color:var(--sub);cursor:pointer;gap:2px}.tabbar .on{color:var(--primary);font-weight:600}.tabbar i{font-style:normal;font-size:18px}.card{background:var(--card);border-radius:12px;margin:12px;padding:14px;box-shadow:0 1px 4px #1f384c0f}.btn{display:block;width:100%;height:44px;border:none;border-radius:22px;background:var(--primary);color:#fff;font-size:16px;cursor:pointer}.btn:disabled{background:#c3cfd6;cursor:not-allowed}.btn.ghost{background:#fff;color:var(--primary);border:1px solid var(--primary)}.btn.warn{background:var(--accent)}.btn.sm{height:30px;font-size:13px;border-radius:15px;padding:0 14px;width:auto;display:inline-block}.tag{display:inline-block;font-size:10px;padding:1px 6px;border-radius:4px;background:#e7f5f3;color:var(--primary);margin-right:4px}.tag.orange{background:#fff1e3;color:var(--accent)}.tag.red{background:#fdecec;color:var(--danger)}.tag.gray{background:#eef1f4;color:var(--sub)}.price{color:var(--danger);font-weight:700}.price .cny{font-size:12px}.price .big{font-size:20px}.origin{color:var(--sub);text-decoration:line-through;font-size:12px;margin-left:4px}.muted{color:var(--sub);font-size:12px}.row{display:flex;align-items:center;justify-content:space-between}.listrow{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}.listrow:last-child{border-bottom:none}.field{display:flex;align-items:center;border-bottom:1px solid var(--line);padding:10px 0;gap:10px}.field label{width:76px;font-size:14px;color:#46545f;flex:none}.field input,.field select{flex:1;border:none;outline:none;font-size:15px;background:transparent;color:var(--text)}.banner{height:170px;margin:12px;border-radius:14px;position:relative;overflow:hidden;display:flex;align-items:flex-end;flex:none}.banner img.bimg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.banner .dots{position:absolute;bottom:8px;left:0;right:0;display:flex;justify-content:center;gap:5px}.banner .dot{width:6px;height:6px;border-radius:50%;background:#ffffff80}.banner .dot.on{background:#fff;width:14px;border-radius:3px}.banner .txt{position:absolute;top:44%;left:0;right:0;text-align:center;color:#fff;font-size:20px;font-weight:700;text-shadow:0 2px 6px rgba(0,0,0,.3);padding:0 10px}.banner .sub{position:absolute;top:60%;left:0;right:0;text-align:center;color:#eafaf7;font-size:12px}.grid-cal{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.grid-cal .h{font-size:11px;color:var(--sub);text-align:center;padding:4px 0}.cday{border-radius:8px;padding:6px 0 4px;text-align:center;font-size:13px;cursor:pointer;background:#fff;border:1px solid var(--line)}.cday small{display:block;font-size:9px;color:var(--primary)}.cday.on{background:var(--primary);color:#fff;border-color:var(--primary)}.cday.on small{color:#c9efe9}.cday.off{color:#c0cad2;background:#f4f6f8;cursor:not-allowed;text-decoration:line-through}.cday.off small{color:#c0cad2}.chip{padding:6px 14px;border:1px solid var(--line);border-radius:16px;font-size:13px;background:#fff;cursor:pointer;margin:0 8px 8px 0;display:inline-block}.chip.on{border-color:var(--primary);color:var(--primary);background:#e7f5f3}.chip.off{color:#c0cad2;background:#f4f6f8;border-color:#f4f6f8;cursor:not-allowed}.chip small{display:block;font-size:10px;color:var(--sub)}.otp{flex:1;display:flex;gap:8px}.otp input{flex:1}.stepper{display:flex;align-items:center;gap:0}.stepper button{width:30px;height:30px;border:1px solid var(--line);background:#fff;font-size:16px;cursor:pointer}.stepper span{width:40px;text-align:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);height:30px;line-height:30px}.tabs{display:flex;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:4;flex:none;overflow-x:auto}.tabs div{flex:1;text-align:center;padding:11px 6px;font-size:13px;color:var(--sub);cursor:pointer;white-space:nowrap}.tabs .on{color:var(--primary);font-weight:600;border-bottom:2px solid var(--primary)}.order-card{background:#fff;border-radius:12px;margin:10px 12px;padding:12px;cursor:pointer}.order-card .no{font-size:11px;color:var(--sub)}.st-pay{color:var(--danger);font-weight:600}.st-use{color:var(--primary);font-weight:600}.st-done,.st-close,.st-refund{color:var(--sub)}.qrbox{background:#fff;border-radius:14px;margin:12px;padding:18px;text-align:center}.qrbox img{border:1px solid var(--line);border-radius:8px}.ticket-item{border:1px solid var(--line);border-radius:10px;margin-top:10px;padding:10px;text-align:left;font-size:13px;position:relative}.mask{position:absolute;top:0;right:0;bottom:0;left:0;background:#141e2880;display:flex;align-items:flex-end;z-index:20}.sheet{background:#fff;width:100%;border-radius:16px 16px 0 0;padding:16px;max-height:70%;overflow-y:auto}.sheet h4{margin-bottom:10px;font-size:16px}.toast{position:absolute;left:50%;top:45%;transform:translate(-50%);background:#000000bf;color:#fff;padding:10px 18px;border-radius:8px;font-size:14px;z-index:30;max-width:80%;text-align:center}.count-ring{font-size:13px;color:var(--danger)}.hr10{height:10px;background:var(--bg);margin:12px -14px}.me-head{background:linear-gradient(135deg,var(--primary),#37c2b0);padding:24px 16px 34px;color:#fff;display:flex;align-items:center;flex:none}.me-head .ava{width:52px;height:52px;border-radius:50%;background:#fff;color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;margin-right:12px}.menu-item{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line);font-size:15px;cursor:pointer}.menu-item:last-child{border:none}.menu-item .r{color:var(--sub);font-size:13px}.notice{background:#fffbe9;border:1px solid #f4e6b0;color:#8a6d1a;font-size:12px;border-radius:8px;padding:8px 10px;margin:12px}.checkbox{width:18px;height:18px;border:1.5px solid #b7c3cc;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:12px;cursor:pointer;flex:none}.checkbox.on{background:var(--primary);border-color:var(--primary)}.cb-danger.on{background:var(--danger);border-color:var(--danger)}.empty{text-align:center;color:var(--sub);padding:60px 0;font-size:13px}.login-head{background:linear-gradient(160deg,var(--primary),#43c7b6);height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;flex:none}.bottom-bar{position:sticky;bottom:0;background:#fff;border-top:1px solid var(--line);padding:10px 14px;display:flex;align-items:center;gap:10px;z-index:6;flex:none}.padded{padding:0 12px 14px;display:flex;gap:10px}.badge-st{font-size:13px;font-weight:600}