.tab-bar[data-v-80863f6f]{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;display:flex;background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 -1px #e8e8e8,0 -4px 20px #0000000d;padding-bottom:env(safe-area-inset-bottom);z-index:999}.tab-item[data-v-80863f6f]{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 0 6px;color:#bbb;font-size:11px;font-weight:500;transition:color .2s}.tab-item.active[data-v-80863f6f]{color:#c62828}.tab-icon-wrap[data-v-80863f6f]{width:40px;height:30px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:background .2s}.tab-icon-wrap.active[data-v-80863f6f]{background:#fff0f0}#app-root{width:100%;max-width:480px;margin:0 auto;min-height:100vh;background:#f5f5f7;position:relative}:root{--red: #D32F2F;--red-light: #FFEBEE;--red-dark: #B71C1C;--gold: #F5A623;--dark: #1A1A2E;--gray-1: #F5F5F7;--gray-2: #EBEBEB;--gray-3: #999;--gray-4: #666;--gray-5: #333;--white: #FFFFFF;--shadow-sm: 0 2px 8px rgba(0,0,0,.06);--shadow-md: 0 4px 16px rgba(0,0,0,.1);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--font-base: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{width:100%;min-height:100vh;background:var(--gray-1);font-family:var(--font-base);font-size:14px;color:var(--gray-5);-webkit-font-smoothing:antialiased;overflow-x:hidden}#app{width:100%;min-height:100vh}a{color:inherit;text-decoration:none}button{border:none;cursor:pointer;font-family:var(--font-base);outline:none}img{display:block;max-width:100%}.page{min-height:100vh;background:var(--gray-1);padding-bottom:calc(70px + env(safe-area-inset-bottom,0px))}.page-header{position:sticky;top:0;z-index:100;background:var(--white)}.card{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.btn-primary{width:100%;height:48px;background:var(--red);color:var(--white);border-radius:24px;font-size:16px;font-weight:600;letter-spacing:1px;transition:opacity .2s}.btn-primary:active{opacity:.85}.btn-primary:disabled{background:#ccc}.tab-bar-placeholder{height:16px}.loading-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--gray-3)}.empty-state{display:flex;flex-direction:column;align-items:center;padding:60px 20px;color:var(--gray-3);gap:12px}.empty-state .icon{font-size:48px}.empty-state p{font-size:14px}.tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600}.tag-red{background:var(--red);color:#fff}.tag-gold{background:var(--gold);color:#fff}.tag-gray{background:var(--gray-2);color:var(--gray-4)}.tag-outline{border:1px solid var(--red);color:var(--red)}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.text-win{color:var(--red)}.text-loss{color:#2196f3}.text-draw{color:var(--gold)}.divider{height:1px;background:var(--gray-2);margin:0}.section-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--gray-5);padding:16px 16px 10px}.section-title:before{content:"";width:3px;height:16px;background:var(--red);border-radius:2px}.fade-enter-active,.fade-leave-active{transition:opacity .25s}.fade-enter-from,.fade-leave-to{opacity:0}.bottom-bar{position:fixed;bottom:0;left:0;right:0;padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom));background:var(--white);box-shadow:0 -2px 12px #00000014;z-index:200}