:root{--rose-50:#FFF6F9;--rose-100:#FDE8EF;--rose-150:#FADCE7;--rose-200:#F8C8D9;--rose-300:#F3A1BF;--rose-400:#EC7FA6;--rose-500:#E4577E;--rose-600:#D13D66;--rose-700:#B22A4F;--rose-800:#8F1E3E;--rose-900:#6E1430;--grad-pink:linear-gradient(135deg,#F6A8C2 0%,#E4577E 100%);--grad-strong:linear-gradient(135deg,#E4577E 0%,#C2185B 100%);--grad-soft:linear-gradient(135deg,#FBDCE7 0%,#F9C0D4 100%);--grad-banner:linear-gradient(120deg,#F38FB4 0%,#E4577E 55%,#D13D66 100%);--price:#E0346B;--price-deep:#C2185B;--gold:#F5C14B;--gold-deep:#E8A33C;--warn:#FF6B6B;--bg-page:#FBF1F5;--bg-card:#FFFFFF;--bg-tag:#F6E9EF;--line:#F1DDE6;--text-1:#3A2530;--text-2:#8A6B79;--text-3:#BBA0AE;--placeholder:#C9B0BE;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-pill:999px;--shadow-card:0 6px 20px rgba(196,70,120,.1);--shadow-soft:0 2px 10px rgba(196,70,120,.08)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Segoe UI,Microsoft YaHei,sans-serif;background:var(--bg-page);color:var(--text-1);-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}img{display:block}button{font-family:inherit}#app>.phone{position:relative;max-width:430px;margin:0 auto;background:var(--bg-page);min-height:100vh;box-shadow:0 0 40px #c446782e}.page{min-height:100vh;padding-bottom:72px}.statusbar{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;color:#5a3a48;font-size:13px;font-weight:600;background:#fff;letter-spacing:.3px}.statusbar .sig{display:flex;align-items:center;gap:6px}.statusbar .logo-mini{width:22px;height:22px;border-radius:6px;object-fit:contain}.statusbar .dot{color:var(--price)}.navbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:6px 16px 10px;background:#fffffff5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.navbar .side{display:flex;align-items:center;gap:6px}.navbar .icon-btn{width:34px;height:34px;border:0;border-radius:50%;background:var(--rose-100);display:grid;place-items:center;color:var(--rose-700);cursor:pointer}.navbar .icon-btn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.navbar .title{text-align:center;line-height:1.05}.navbar .title b{display:block;font-size:16px;letter-spacing:1px;color:var(--text-1)}.navbar .title span{display:block;font-size:10px;color:var(--text-3);letter-spacing:.3px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;cursor:pointer;font-weight:600}.btn-pill{border-radius:var(--r-pill)}.btn-primary{background:var(--grad-strong);color:#fff;box-shadow:0 6px 16px #c2185b61}.btn-primary:active{transform:scale(.98);filter:brightness(.96)}.btn-outline{background:#fff;color:var(--rose-600);border:1.5px solid var(--rose-400)}.btn-ghost{background:transparent;color:var(--rose-600)}.btn-block{width:100%}.btn-sm{padding:6px 14px;font-size:12px}.btn-md{padding:10px 22px;font-size:14px}.btn-lg{padding:14px 24px;font-size:16px}.btn:disabled{opacity:.5;cursor:not-allowed}.tabbar{position:fixed;left:50%;transform:translate(-50%);bottom:0;z-index:30;width:100%;max-width:430px;display:flex;align-items:stretch;justify-content:space-around;background:#fff;border-top:1px solid var(--line);padding:6px 0 calc(8px + env(safe-area-inset-bottom,0))}.tabbar .tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:5px 0;color:var(--text-3);font-size:10px;cursor:pointer;background:none;border:0}.tabbar .tab svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tabbar .tab.active{color:var(--rose-600)}.tabbar .tab.active svg{fill:var(--rose-150);stroke-width:2}.subtabs{position:sticky;top:56px;z-index:15;display:flex;background:#fff;border-bottom:1px solid var(--line);padding:0 8px}.subtabs .st{flex:1;text-align:center;padding:13px 4px 11px;color:var(--text-2);font-size:14px;cursor:pointer;position:relative;background:none;border:0}.subtabs .st.active{color:var(--rose-600);font-weight:600}.subtabs .st.active:after{content:"";position:absolute;left:50%;bottom:0;transform:translate(-50%);width:24px;height:3px;border-radius:3px;background:var(--grad-pink)}.card{background:var(--bg-card);border-radius:var(--r-lg);box-shadow:var(--shadow-soft)}.row{display:flex;align-items:center}.grow{flex:1;min-width:0}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:70px 20px;color:var(--text-3)}.empty .ill{position:relative;width:120px;height:120px;margin-bottom:18px;color:var(--rose-200)}.empty p{margin:0;font-size:14px}.foot{text-align:center;color:var(--text-3);font-size:11px;line-height:1.9;padding:20px 16px 8px}.field{display:flex;align-items:center;gap:10px;background:#fff;border:1.5px solid var(--line);border-radius:var(--r-md);padding:0 14px;min-height:48px}.field input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:15px;color:var(--text-1);height:46px}.field input::placeholder{color:var(--placeholder)}.field label{font-size:14px;color:var(--text-2);white-space:nowrap}.gap4{gap:4px}.gap6{gap:6px}.gap8{gap:8px}.gap12{gap:12px}.t-s{color:var(--text-2);font-size:12px}.t-price{color:var(--price);font-weight:700}.ta-r{text-align:right}.mt8{margin-top:8px}.mt12{margin-top:12px}.mt16{margin-top:16px}.mt20{margin-top:20px}