.app-container[data-v-0ca3f8f3]{min-height:100vh;position:relative}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:14px;color:#333}#app,body,html{background:#f5f5f5}#app{max-width:430px;margin:0 auto;min-height:100vh;position:relative;box-shadow:0 0 20px rgba(0,0,0,.08)}a{text-decoration:none;color:inherit}ol,ul{list-style:none}img{display:block;max-width:100%}button,input,textarea{font-family:inherit;outline:none;border:none;background:none}:root{--primary:#1a73e8;--primary-dark:#1557b0;--primary-light:#e8f0fe;--accent:#ff6b35;--bg:#f5f5f5;--card-bg:#fff;--text:#1a1a1a;--text-secondary:#666;--text-tertiary:#999;--border:#e8e8e8;--success:#52c41a;--warning:#faad14;--danger:#ff4d4f}.page{min-height:100vh;padding-bottom:env(safe-area-inset-bottom)}.page-with-tabbar{padding-bottom:56px}.nav-bar{position:sticky;top:0;z-index:100;display:flex;align-items:center;height:48px;padding:0 16px;background:var(--card-bg);border-bottom:1px solid var(--border)}.nav-bar.primary{background:var(--primary);color:#fff;border-bottom:none}.nav-bar .nav-back{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer}.nav-bar .nav-title{flex:1;text-align:center;font-size:17px;font-weight:600}.nav-bar .nav-right{width:32px;text-align:right;font-size:14px}.card{background:var(--card-bg);border-radius:12px;margin:12px;overflow:hidden}.btn{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 24px;border-radius:20px;font-size:15px;font-weight:500;cursor:pointer;transition:opacity .2s}.btn:active{opacity:.7}.btn-primary{background:var(--primary);color:#fff}.btn-outline{border:1px solid var(--border);color:var(--text)}.btn-danger{background:var(--danger);color:#fff}.btn-block{width:100%;height:48px;border-radius:24px}.tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;line-height:1.4}.tag-new{background:#e6f7ff;color:#1890ff}.tag-hot{background:#fff2e8;color:#ff6b35}.tag-presale{background:#f6ffed;color:#52c41a}.tag-sold-out{background:#f5f5f5;color:#999}.tabbar{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:430px;height:56px;justify-content:space-around;background:var(--card-bg);border-top:1px solid var(--border);z-index:200;padding-bottom:env(safe-area-inset-bottom)}.tabbar,.tabbar-item{display:flex;align-items:center}.tabbar-item{flex-direction:column;justify-content:center;gap:2px;flex:1;height:100%;cursor:pointer;position:relative}.tabbar-item .tab-icon{font-size:22px;line-height:1}.tabbar-item .tab-label{font-size:10px;color:var(--text-tertiary)}.tabbar-item.active .tab-icon,.tabbar-item.active .tab-label{color:var(--primary)}.tabbar-item .tab-badge{position:absolute;top:4px;right:25%;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--danger);color:#fff;font-size:10px;line-height:16px;text-align:center}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:var(--text-tertiary)}.empty-state .empty-icon{font-size:48px;margin-bottom:12px}.empty-state .empty-text{font-size:14px}.price{color:var(--accent);font-weight:600}.price-tag{color:var(--text-tertiary);text-decoration:line-through;font-size:12px}.divider{height:1px;background:var(--border);margin:0 12px}.flex{display:flex}.flex-center{justify-content:center}.flex-between,.flex-center{display:flex;align-items:center}.flex-between{justify-content:space-between}.flex-col{display:flex;flex-direction:column}.flex-1{flex:1}.gap-4{gap:4px}.gap-8{gap:8px}.gap-12{gap:12px}.text-sm{font-size:12px}.text-md{font-size:14px}.text-lg{font-size:16px}.text-xl{font-size:18px;font-weight:600}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-center{text-align:center}.text-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mt-8{margin-top:8px}.mt-12{margin-top:12px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.p-12{padding:12px}.p-16{padding:16px}.px-12{padding-left:12px;padding-right:12px}.px-16{padding-left:16px;padding-right:16px}.py-8{padding-top:8px;padding-bottom:8px}.py-12{padding-top:12px;padding-bottom:12px}.list-item{display:flex;align-items:center;padding:14px 16px;background:var(--card-bg);border-bottom:1px solid var(--border)}.list-item:last-child{border-bottom:none}.modal-mask{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:300;display:flex;align-items:center;justify-content:center}.modal{width:85%;max-width:340px;background:#fff;border-radius:16px;overflow:hidden}.modal-header{padding:20px 16px 8px;text-align:center;font-size:17px;font-weight:600}.modal-body{padding:12px 16px;max-height:60vh;overflow-y:auto}.modal-footer{display:flex;border-top:1px solid var(--border)}.modal-footer .modal-btn{flex:1;height:48px;display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer}.modal-footer .modal-btn:not(:last-child){border-right:1px solid var(--border)}.modal-footer .modal-btn.primary{color:var(--primary);font-weight:600}.fade-enter-active,.fade-leave-active{transition:opacity .25s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:transform .3s ease}.slide-enter-from,.slide-leave-to{transform:translateX(100%)}