.tab-bar[data-v-26dc6942]{z-index:100;width:100%;max-width:750px;padding-bottom:env(safe-area-inset-bottom,0);background:#fff;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -2px 10px #0000000d}.tab-bar-content[data-v-26dc6942]{justify-content:space-around;height:60px;display:flex}.tab-item[data-v-26dc6942]{color:#999;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:11px;text-decoration:none;transition:color .2s;display:flex}.tab-item.active[data-v-26dc6942]{color:var(--primary)}.tab-icon[data-v-26dc6942]{font-size:22px}.tab-label[data-v-26dc6942]{font-weight:500}.app{background:var(--bg-white);max-width:750px;min-height:100vh;margin:0 auto}:root{--primary:#ff7a2f;--primary-dark:#e56a20;--primary-light:#fff4ee;--secondary:#333;--text-primary:#1a1a1a;--text-secondary:#666;--text-light:#999;--bg-white:#fff;--bg-gray:#f5f5f5;--border-color:#eee;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 4px 12px #0000001a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--safe-bottom:env(safe-area-inset-bottom,20px)}body{background:var(--bg-gray);color:var(--text-primary);font-size:14px;line-height:1.5}.container{background:var(--bg-white);max-width:750px;min-height:100vh;margin:0 auto}.header{z-index:100;background:var(--bg-white);box-shadow:var(--shadow-sm);position:fixed;top:0;left:0;right:0}.header-content{justify-content:space-between;align-items:center;max-width:750px;height:56px;margin:0 auto;padding:0 16px;display:flex}.header-title{color:var(--text-primary);font-size:18px;font-weight:600}.header-back{color:var(--text-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-size:16px;display:flex}.page-content{padding-top:56px;padding-bottom:calc(70px + var(--safe-bottom))}.tab-bar{z-index:100;background:var(--bg-white);padding-bottom:var(--safe-bottom);position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0000000d}.tab-bar-content{justify-content:space-around;max-width:750px;height:60px;margin:0 auto;display:flex}.tab-item{color:var(--text-light);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:11px;text-decoration:none;transition:color .2s;display:flex}.tab-item.active{color:var(--primary)}.tab-icon{font-size:22px}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-outline{border:1px solid var(--primary);color:var(--primary);background:0 0}.btn-block{width:100%}.card{background:var(--bg-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.tag{border-radius:4px;align-items:center;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.tag-vip{color:#fff;background:linear-gradient(135deg,#ff7a2f,#f50)}.tag-default{background:var(--bg-gray);color:var(--text-secondary)}.empty-state{text-align:center;color:var(--text-light);padding:60px 20px}.empty-icon{margin-bottom:16px;font-size:48px}.loading{text-align:center;color:var(--text-light);padding:20px}.text-primary{color:var(--primary)}.text-secondary{color:var(--text-secondary)}.text-light{color:var(--text-light)}.text-center{text-align:center}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.p-12{padding:12px}.p-16{padding:16px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.3s ease-out fadeIn}@media (width>=768px){.container{border-left:1px solid var(--border-color);border-right:1px solid var(--border-color)}}