.navigation-bar[data-v-ca5ec551]{position:fixed;bottom:0;left:0;right:0;height:60px;background:#fff;display:flex;justify-content:space-around;align-items:center;box-shadow:0 -2px 8px #0000000d;z-index:1000}.nav-tab[data-v-ca5ec551]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;transition:all .2s ease;padding:8px;color:#999}.nav-tab[data-v-ca5ec551]:active{transform:scale(.95)}.nav-tab.active[data-v-ca5ec551]{color:#2563eb}.nav-tab.active .tab-icon[data-v-ca5ec551]{transform:scale(1.1)}.tab-icon[data-v-ca5ec551]{font-size:20px;transition:transform .2s ease}.tab-label[data-v-ca5ec551]{font-size:11px;font-weight:500}#app{width:100%;min-height:100vh;background:#f5f5f5}:root{--primary-color: #2563eb;--primary-light: #e6f0ff;--secondary-color: #4A90E2;--success-color: #52C41A;--warning-color: #FAAD14;--error-color: #F5222D;--info-color: #1890FF;--douyin-color: #fe2c55;--xhs-color: #e64340;--text-primary: #222;--text-secondary: #666;--text-disabled: #999;--text-placeholder: #ccc;--bg-primary: #FFFFFF;--bg-secondary: #f5f5f5;--bg-tertiary: #f9f9f9;--border-color: #e0e0e0;--divider-color: #f0f0f0;--status-joined: #e8f4f8;--status-joined-text: #1890ff;--status-not-joined: #fafafa;--status-not-joined-text: #999;--promotion-active: #f0f9ff;--promotion-active-text: #2563eb;--promotion-active-border: #bfdbfe;--promotion-inactive: #fafafa;--promotion-inactive-text: #999;--promotion-inactive-border: #e0e0e0;--font-size-xs: 10px;--font-size-sm: 11px;--font-size-base: 12px;--font-size-md: 13px;--font-size-lg: 14px;--font-size-xl: 16px;--font-size-xxl: 17px;--font-size-xxxl: 18px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--spacing-xs: 4px;--spacing-sm: 6px;--spacing-md: 8px;--spacing-base: 10px;--spacing-lg: 12px;--spacing-xl: 15px;--spacing-xxl: 18px;--spacing-xxxl: 24px;--border-radius-sm: 4px;--border-radius-base: 6px;--border-radius-lg: 8px;--border-radius-xl: 10px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-base: 0 2px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .1);--shadow-xl: 0 8px 24px rgba(0, 0, 0, .12)}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5;color:#262626;background-color:#f5f5f5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;min-height:100vh}.page-enter-active,.page-leave-active{transition:all .3s cubic-bezier(.4,0,.2,1)}.page-enter-from{opacity:0;transform:translate(20px)}.page-leave-to{opacity:0;transform:translate(-20px)}.card{transition:all .2s ease}.card:active{transform:scale(.98);box-shadow:0 2px 4px #00000014}.button{transition:all .2s ease}.button:hover{opacity:.9}.button:active{transform:scale(.95)}.toast{position:fixed;top:30%;left:50%;transform:translate(-50%);padding:12px 24px;background:#000c;color:#fff;border-radius:8px;font-size:14px;z-index:9999}.toast.toast-enter-active,.toast.toast-leave-active{transition:all .3s ease}.toast.toast-enter-from,.toast.toast-leave-to{opacity:0;transform:translate(-50%) translateY(-10px)}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s ease-in-out infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f5f5f5}::-webkit-scrollbar-thumb{background:#e8e8e8;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#bfbfbf}