:root{--color-primary: #33342F;--color-primary-light: #4a4b45;--color-background: #FFFAE6;--color-background-dark: #BFB6A7;--color-text-primary: #33342F;--color-text-secondary: rgba(51, 52, 47, .7);--color-text-tertiary: rgba(51, 52, 47, .5);--color-text-white: #FFFAE6;--color-border: rgba(51, 52, 47, .1);--color-divider: rgba(51, 52, 47, .08);--color-gold: #FFD700;--color-silver: #C0C0C0;--color-bronze: #CD7F32;--color-burgundy: #800020;--shadow-card: 0 2rpx 8rpx rgba(51, 52, 47, .08);--shadow-float: 0 8rpx 24rpx rgba(51, 52, 47, .3);--nav-height: 44px;--tabbar-height: 50px;--safe-area-bottom: env(safe-area-inset-bottom)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#bfb6a7,#cfceb6);min-height:100vh;color:var(--color-text-primary);padding-top:calc(var(--nav-height) + env(safe-area-inset-top));padding-bottom:calc(var(--tabbar-height) + var(--safe-area-bottom))}::-webkit-scrollbar{display:none}.container{max-width:750px;margin:0 auto;padding:12px 16px}.card{background:var(--color-background);border-radius:12px;padding:16px;margin-bottom:12px;box-shadow:var(--shadow-card)}.card-dark{background:var(--color-primary);color:var(--color-text-white)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-white{color:var(--color-text-white)}.text-xs{font-size:12px}.text-sm{font-size:14px}.text-base{font-size:16px}.text-lg{font-size:18px}.text-xl{font-size:20px}.text-2xl{font-size:24px}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-1{flex:1}.gap-4{gap:4px}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.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}.fixed-top{position:fixed;top:0;left:0;right:0;z-index:9999}.fixed-bottom{position:fixed;bottom:0;left:0;right:0;z-index:9999}@keyframes skeleton-loading{0%,to{opacity:1}50%{opacity:.6}}.skeleton{animation:skeleton-loading 1.5s ease-in-out infinite;background:#fffae680}.btn-feedback:active,button:active{opacity:.8}.no-select{user-select:none;-webkit-user-select:none}.page-content-wrapper{opacity:0;transform:translateY(20px);transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1)}.page-content-wrapper.loaded{opacity:1;transform:translateY(0)}.skeleton-container{transition:opacity .3s ease,visibility .3s ease}.skeleton-container.fade-out{opacity:0;visibility:hidden}.page-transition-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#bfb6a7,#cfceb6);z-index:9999;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;pointer-events:none}.page-transition-overlay.active{opacity:1;visibility:visible;pointer-events:all}.page-loading-bar{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,gold,orange);z-index:10000;width:0;transition:width .3s ease}.page-loading-bar.active{width:70%;transition:width .5s ease}.page-loading-bar.complete{width:100%;transition:width .2s ease}.page-loading-bar.hidden{opacity:0;transition:opacity .3s ease,width .2s ease}@keyframes pageSlideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pageSlideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}.page-animate-in{animation:pageSlideInUp .5s cubic-bezier(.4,0,.2,1) forwards}.page-animate-in-right{animation:pageSlideInRight .5s cubic-bezier(.4,0,.2,1) forwards}.page-animate-fade{animation:pageFadeIn .4s ease forwards}@keyframes cardStaggerIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card-animate{opacity:0;animation:cardStaggerIn .5s cubic-bezier(.4,0,.2,1) forwards}.card-animate:nth-child(1){animation-delay:.05s}.card-animate:nth-child(2){animation-delay:.1s}.card-animate:nth-child(3){animation-delay:.15s}.card-animate:nth-child(4){animation-delay:.2s}.card-animate:nth-child(5){animation-delay:.25s}.card-animate:nth-child(6){animation-delay:.3s}.btn-feedback{transition:transform .15s ease,opacity .15s ease}.btn-feedback:active{transform:scale(.96);opacity:.8}a,.link{transition:opacity .2s ease}a:hover,.link:hover{opacity:.8}.img-lazy{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.img-lazy.loaded{animation:none;background:none}.menu-icon-img,.search-icon-img{width:20px;height:20px;object-fit:contain;display:block}.custom-nav{position:relative;height:44px;min-height:44px;display:flex;align-items:center;justify-content:center;background:transparent;flex-shrink:0;box-sizing:border-box;z-index:100!important}.nav-left{position:absolute;left:10px;display:flex;align-items:center;z-index:101!important}.nav-right{position:absolute;right:10px;display:flex;align-items:center;z-index:101!important}.nav-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#33342f0f;border-radius:50%;transition:all .3s ease;cursor:pointer;pointer-events:auto!important;position:relative;z-index:101!important}.nav-btn:active{background:#f0da5a40}.menu-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:#00000080;z-index:9998!important;opacity:0;visibility:hidden;transition:all .3s ease}.menu-overlay.active{opacity:1;visibility:visible}.side-menu{position:fixed!important;top:0!important;left:0!important;width:280px;height:100dvh;height:-webkit-fill-available;background:#fffae6;z-index:9999!important;transform:translate(-100%);transition:transform .3s ease;box-shadow:2px 0 10px #0000001a;overflow-y:auto}.side-menu.active{transform:translate(0)}.menu-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(51,52,47,.12)}.menu-title{font-size:18px;font-weight:600;color:#33342f}.menu-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#33342f99;cursor:pointer;border-radius:50%;transition:all .2s ease}.menu-close:active{background:#33342f0f}.menu-content{padding:12px 0}.menu-item{display:flex;align-items:center;gap:16px;padding:16px 20px;cursor:pointer;transition:background .2s ease}.menu-item:active{background:#33342f0a}.menu-icon-img-item{width:20px;height:20px;object-fit:contain}.menu-text{font-size:15px;color:#33342f}.back-icon{width:10px;height:10px;border-left:2px solid #33342F;border-bottom:2px solid #33342F;transform:rotate(45deg);margin-left:3px}.nav-title{font-size:17px;font-weight:600;color:#33342f}.nav-back-old{position:absolute;left:16px;display:flex;align-items:center;font-size:16px;color:var(--color-text-primary);cursor:pointer}.tab-bar{position:fixed;bottom:0;left:0;right:0;height:calc(var(--tabbar-height) + env(safe-area-inset-bottom,0px));background:var(--color-background);border-top:1px solid var(--color-border);display:flex;justify-content:space-around;align-items:flex-start;padding-top:4px;padding-bottom:env(safe-area-inset-bottom,0px);z-index:9999;box-sizing:border-box}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;height:var(--tabbar-height);cursor:pointer;color:var(--color-text-tertiary);transition:color .2s;position:relative}.tab-item.active{color:var(--color-primary)}.tab-item.active:after{content:"";position:absolute;bottom:4px;width:4px;height:4px;background:var(--color-primary);border-radius:50%}.tab-item.active.view-locked:after{width:8px;height:8px;background:transparent;border:2px solid #33342F;bottom:2px}.tab-icon{width:24px;height:24px;margin-bottom:2px;object-fit:contain}.tab-text{font-size:12px}.btn{display:flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-primary{background:var(--color-primary);color:var(--color-text-white)}.btn-primary:active{opacity:.9}.btn-outline{background:transparent;border:1px solid var(--color-primary);color:var(--color-primary)}.search-bar{display:flex;align-items:center;background:#fffae6cc;border-radius:20px;padding:8px 16px;margin:8px 16px}.search-icon{font-size:16px;color:var(--color-text-tertiary);margin-right:8px}.list-item{display:flex;align-items:center;padding:12px 16px;background:var(--color-background);border-bottom:1px solid var(--color-divider);cursor:pointer}.list-item:last-child{border-bottom:none}.tag{display:inline-flex;align-items:center;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.tag-primary{background:var(--color-primary);color:var(--color-text-white)}.tag-outline{background:transparent;border:1px solid var(--color-primary);color:var(--color-primary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--color-text-tertiary)}.empty-icon{font-size:48px;margin-bottom:16px}.empty-text{font-size:14px}.load-more{display:flex;align-items:center;justify-content:center;padding:16px;color:var(--color-text-tertiary);font-size:14px}.divider{height:1px;background:var(--color-divider);margin:12px 0}.badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;background:var(--color-burgundy);color:var(--color-text-white);font-size:12px;border-radius:9px;display:flex;align-items:center;justify-content:center}.nav-competition-icon{width:30px;height:30px;display:none;align-items:center;justify-content:center;background:#33342f0f;border-radius:50%;cursor:pointer;transition:all .3s ease}.nav-competition-icon.show{display:flex}.nav-competition-icon:hover{background:#33342f1a}.nav-competition-icon:active{background:#f0da5a40}.nav-competition-icon img{width:20px;height:20px;object-fit:contain}.nav-competition-tooltip{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:4px;padding:4px 8px;background:var(--color-primary);color:var(--color-text-white);font-size:11px;border-radius:4px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;pointer-events:none}.nav-competition-icon:hover .nav-competition-tooltip{opacity:1;visibility:visible}.search-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:#00000080;opacity:0;visibility:hidden;transition:all .3s ease;z-index:9998!important;-webkit-tap-highlight-color:transparent}.search-overlay.active{opacity:1;visibility:visible}.search-modal{position:fixed!important;top:0!important;left:0!important;right:0!important;background:var(--color-background);transform:translateY(-100%);-webkit-transform:translateY(-100%);transition:transform .3s ease,-webkit-transform .3s ease;z-index:9999!important;max-height:80vh;border-radius:0 0 16px 16px;box-shadow:0 4px 20px #00000026;-webkit-overflow-scrolling:touch;touch-action:pan-y}.search-modal.active{transform:translateY(0);-webkit-transform:translateY(0)}.search-header{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(51,52,47,.08)}.search-input-wrapper{flex:1;display:flex;align-items:center;background:#33342f0f;border-radius:20px;padding:8px 12px;gap:8px}.search-input-icon{width:16px!important;height:16px!important;opacity:.5;flex-shrink:0}.search-input{flex:1;border:none;background:transparent;font-size:14px;color:var(--color-text-primary);outline:none}.search-input::placeholder{color:var(--color-text-tertiary)}.search-clear-btn{width:18px;height:18px;border-radius:50%;background:#33342f33;border:none;color:var(--color-text-white);font-size:10px;display:flex;align-items:center;justify-content:center;cursor:pointer}.search-tips{padding:8px 16px;background:#33342f08;border-bottom:1px solid rgba(51,52,47,.08)}.search-tip-item{font-size:12px;color:var(--color-text-tertiary);line-height:1.6;padding:2px 0}.search-cancel-btn{font-size:14px;color:var(--color-text-secondary);background:none;border:none;cursor:pointer;padding:4px 8px}.search-content{padding:16px;max-height:calc(80vh - 60px);overflow-y:auto}.search-section{margin-bottom:20px}.search-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.search-section-title{font-size:13px;font-weight:600;color:var(--color-text-primary)}.search-clear-all{font-size:12px;color:var(--color-text-tertiary);cursor:pointer}.search-tags{display:flex;flex-wrap:wrap;gap:8px}.search-tag{padding:6px 12px;background:#33342f0f;border-radius:16px;font-size:13px;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.search-tag:hover,.search-tag:active{background:#f0da5a4d;color:var(--color-text-primary)}