:root{--primary:#ff6b35;--primary-light:#ff9a56;--gold:gold;--dark:#2d3436;--bg-warm:#fff8f4;--radius:12px;--radius-lg:20px}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;color:var(--dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,Arial,sans-serif;font-size:14px}#app{width:100%;height:100%}.login-page{background:linear-gradient(#ff6b35 0%,#ff8f50 50%,#ffb380 100%);flex-direction:column;align-items:center;min-height:100vh;padding:0 5.333vw;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";background:radial-gradient(circle,#ffffff26 0%,#0000 70%);border-radius:50%;width:60vw;height:60vw;position:absolute;top:-20vw;right:-15vw}.login-page:after{content:"";background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);border-radius:50%;width:50vw;height:50vw;position:absolute;bottom:-10vw;left:-10vw}.login-logo-area{z-index:1;flex-direction:column;align-items:center;margin-top:18.667vw;display:flex;position:relative}.login-logo-svg{width:24vw;height:24vw;margin-bottom:4vw}.login-logo-svg svg{width:100%;height:100%}.login-brand{color:#fff;letter-spacing:.533vw;margin-bottom:2.133vw;font-size:7.467vw;font-weight:700}.login-slogan{color:#ffffffd9;letter-spacing:.267vw;font-size:3.733vw}.login-card{border-radius:var(--radius-lg);z-index:1;background:#fff;width:89.333vw;margin-top:12vw;padding:10.667vw 6.667vw;position:relative;box-shadow:0 8px 32px #0000001f}.login-card-title{color:var(--dark);text-align:center;margin-bottom:8vw;font-size:5.333vw;font-weight:600}.form-group{margin-bottom:5.333vw}.form-label{color:#666;margin-bottom:2.133vw;font-size:3.733vw;font-weight:500;display:block}.input-wrapper{background:var(--bg-warm);border-radius:var(--radius);border:1.5px solid #0000;align-items:center;padding:0 4vw;transition:border-color .3s;display:flex}.input-wrapper:focus-within{border-color:var(--primary)}.input-wrapper .icon{opacity:.5;flex-shrink:0;width:4.8vw;height:4.8vw;margin-right:2.667vw}.input-wrapper input{color:var(--dark);background:0 0;border:none;outline:none;flex:1;padding:3.733vw 0;font-size:4vw}.input-wrapper input::placeholder{color:#ccc}.input-wrapper .send-code-btn{color:#fff;background:linear-gradient(135deg, var(--primary), var(--primary-light));cursor:pointer;white-space:nowrap;border:none;border-radius:12px;flex-shrink:0;padding:2.133vw 3.733vw;font-size:3.467vw;font-weight:500;transition:all .3s;box-shadow:0 4px 12px #ff6b354d}.input-wrapper .send-code-btn:disabled{color:#999;box-shadow:none;cursor:not-allowed;background:#ddd}.input-wrapper .send-code-btn:not(:disabled):active{opacity:.85}.login-btn{background:linear-gradient(135deg, var(--primary) 0%, #ff8c42 100%);color:#fff;cursor:pointer;letter-spacing:.267vw;border:none;border-radius:25px;width:100%;margin-top:2.667vw;padding:4vw;font-size:4.8vw;font-weight:600;transition:opacity .3s;box-shadow:0 6px 20px #ff6b3559}.login-btn:active{opacity:.85}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-footer{text-align:center;color:#999;margin-top:5.333vw;font-size:3.2vw;line-height:1.8}.login-footer a{color:var(--primary);text-decoration:none}.main-page{background:var(--bg-warm);min-height:100vh;padding-bottom:16vw}.main-header{background:linear-gradient(#ff6b35 0%,#ff8f50 100%);border-radius:0 0 6.667vw 6.667vw;padding:6.667vw 5.333vw 10.667vw;position:relative;overflow:hidden}.main-header:after{content:"";background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);border-radius:50%;width:40vw;height:40vw;position:absolute;bottom:-8vw;right:-6vw}.header-top{z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.header-user{align-items:center;gap:3.2vw;display:flex}.header-avatar{background:#ffffff40;border-radius:50%;justify-content:center;align-items:center;width:10.667vw;height:10.667vw;display:flex;overflow:hidden}.header-avatar svg{fill:#fff;width:6.4vw;height:6.4vw}.header-phone{color:#fff;font-size:4.267vw;font-weight:500}.header-actions{gap:3.2vw;display:flex}.header-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#fff3;border:1px solid #ffffff4d;border-radius:6.667vw;padding:2.133vw 4.267vw;font-size:3.2vw;transition:background .3s}.header-btn:active{background:#ffffff59}.banner-card{border-radius:var(--radius-lg);z-index:2;background:#fff;justify-content:space-between;align-items:center;margin:-5.333vw 4vw 0;padding:5.333vw;display:flex;position:relative;box-shadow:0 4px 20px #ff6b3526}.banner-info{flex:1}.banner-title{color:var(--dark);margin-bottom:1.6vw;font-size:4.8vw;font-weight:700}.banner-subtitle{color:#999;font-size:3.467vw}.banner-badge{background:linear-gradient(135deg, var(--primary), var(--primary-light));color:#fff;text-align:center;border-radius:6.667vw;flex-shrink:0;min-width:18.667vw;padding:2.667vw 4.267vw;font-size:3.733vw;font-weight:600}.boxes-section{padding:6.667vw 5.333vw}.section-title{color:var(--dark);text-align:center;margin-bottom:5.333vw;font-size:4.8vw;font-weight:600}.boxes-grid{grid-template-columns:repeat(3,1fr);gap:4vw;max-width:90vw;margin:0 auto;display:grid}.box-item{aspect-ratio:1;border-radius:var(--radius);cursor:pointer;background:linear-gradient(145deg,#fff5f0 0%,#fff 100%);border:2px solid #ffe4d0;flex-direction:column;justify-content:center;align-items:center;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s,border-color .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #ff6b351a,0 2px 4px #0000000d}.box-item.highlight{border-color:var(--primary);box-shadow:0 8px 24px #ff6b3540}.box-item:active{border-color:var(--primary);transform:translateY(-4px)scale(1.02);box-shadow:0 12px 32px #ff6b3533}.box-item.disabled{opacity:.5;cursor:not-allowed}.box-item.disabled:active{transform:none}.box-svg{width:60%;height:60%;transition:transform .3s}.box-item:hover .box-svg{transform:scale(1.08)}.box-label{color:var(--primary);margin-top:1.6vw;font-size:2.933vw;font-weight:500}.prize-preview{padding:0 5.333vw 5.333vw}.prize-preview-title{color:var(--dark);margin-bottom:4vw;font-size:4.267vw;font-weight:600}.prize-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:3.2vw;padding-bottom:2.133vw;display:flex;overflow-x:auto}.prize-scroll::-webkit-scrollbar{display:none}.prize-thumb{border-radius:var(--radius);text-align:center;background:#fff;flex-shrink:0;width:28vw;padding:3.2vw;box-shadow:0 2px 8px #0000000f}.prize-thumb-icon{justify-content:center;align-items:center;width:14vw;height:14vw;margin:0 auto 2.133vw;font-size:8vw;display:flex}.prize-thumb-name{color:var(--dark);text-overflow:ellipsis;white-space:nowrap;font-size:3.2vw;font-weight:500;overflow:hidden}.prize-thumb-count{color:#999;margin-top:1.067vw;font-size:2.667vw}.bottom-nav{z-index:100;height:14.667vw;padding-bottom:env(safe-area-inset-bottom,0);background:#fff;border-top:1px solid #f0f0f0;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0000000d}.nav-item{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;flex-direction:column;align-items:center;gap:1.067vw;padding:2.133vw 0;display:flex}.nav-item:active{opacity:.6}.nav-item-icon{justify-content:center;align-items:center;width:5.867vw;height:5.867vw;display:flex}.nav-item-icon svg{width:100%;height:100%}.nav-item-label{color:#999;font-size:2.667vw;transition:color .3s}.nav-item.active .nav-item-label{color:var(--primary)}.opening-page{background:linear-gradient(#1a0a00 0%,#3d1500 30%,#ff6b35 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.opening-page:before{content:"";background:radial-gradient(circle,#ffc86433 0%,#0000 70%);border-radius:50%;width:80vw;height:80vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.opening-rays{z-index:1;width:100vw;height:100vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.opening-ray{transform-origin:bottom;background:linear-gradient(#0000,#ffc86499);width:2px;height:50vw;animation:2s ease-in-out infinite rayPulse;position:absolute;top:50%;left:50%}@keyframes rayPulse{0%,to{opacity:.4}50%{opacity:.8}}.opening-particle{background:#ffd70099;border-radius:50%;width:1.6vw;height:1.6vw;animation:3s ease-in-out infinite particleFloat;position:absolute}@keyframes particleFloat{0%,to{opacity:.3;transform:translateY(0)scale(1)}25%{opacity:.8}50%{opacity:1;transform:translateY(-8vw)scale(1.3)}75%{opacity:.6}}.opening-box-wrapper{z-index:2;justify-content:center;align-items:center;width:42.667vw;height:42.667vw;display:flex;position:relative}.opening-box{width:100%;height:100%;animation:1.5s ease-in-out infinite boxShake}@keyframes boxShake{0%,to{transform:rotate(0)scale(1)}10%{transform:rotate(-5deg)scale(1.05)}20%{transform:rotate(5deg)scale(1.05)}30%{transform:rotate(-4deg)scale(1.04)}40%{transform:rotate(4deg)scale(1.04)}50%{transform:rotate(-3deg)scale(1.03)}60%{transform:rotate(3deg)scale(1.03)}70%{transform:rotate(-2deg)scale(1.02)}80%{transform:rotate(2deg)scale(1.02)}90%{transform:rotate(-1deg)scale(1.01)}}.opening-box svg{filter:drop-shadow(0 0 20px #ffd7004d);width:100%;height:100%}.opening-text{color:#fffc;z-index:2;margin-top:8vw;font-size:4.267vw;animation:1.5s ease-in-out infinite textPulse;position:relative}@keyframes textPulse{0%,to{opacity:.6}50%{opacity:1}}.opening-glow-ring{border:2px solid #ffd70026;border-radius:50%;width:53.333vw;height:53.333vw;animation:2s ease-in-out infinite ringExpand;position:absolute}@keyframes ringExpand{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.1;transform:scale(1.1)}}.result-page{background:linear-gradient(#ff6b35 0%,#ff8f50 50%,#ffe4b5 100%);flex-direction:column;align-items:center;min-height:100vh;padding:10.667vw 5.333vw;display:flex;position:relative;overflow:hidden}.result-page.not-winner{background:linear-gradient(#667eea 0%,#764ba2 40%,#bb8fce 100%)}.confetti-container{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti-piece{width:2.667vw;height:2.667vw;animation:3s ease-in forwards confettiFall;position:absolute;top:-4vw}.confetti-piece:first-child{background:var(--gold);border-radius:50%;animation-duration:2.8s;animation-delay:0s;left:10%}.confetti-piece:nth-child(2){background:#ff6b35;border-radius:2px;animation-duration:3.2s;animation-delay:.2s;left:25%}.confetti-piece:nth-child(3){background:gold;border-radius:50%;animation-duration:2.5s;animation-delay:.4s;left:40%}.confetti-piece:nth-child(4){background:#ff9a56;animation-duration:3s;animation-delay:.6s;left:55%}.confetti-piece:nth-child(5){background:var(--gold);border-radius:50%;animation-duration:2.7s;animation-delay:.8s;left:70%}.confetti-piece:nth-child(6){background:#ff6b35;border-radius:2px;animation-duration:3.1s;animation-delay:1s;left:85%}.confetti-piece:nth-child(7){background:gold;animation-duration:2.9s;animation-delay:1.2s;left:15%}.confetti-piece:nth-child(8){background:#ff9a56;border-radius:50%;animation-duration:3.3s;animation-delay:1.4s;left:50%}.confetti-piece:nth-child(9){background:var(--gold);border-radius:2px;animation-duration:2.6s;animation-delay:1.6s;left:75%}.confetti-piece:nth-child(10){background:gold;border-radius:50%;animation-duration:3s;animation-delay:1.8s;left:90%}@keyframes confettiFall{0%{opacity:1;transform:translateY(0)rotate(0)scale(1)}to{opacity:0;transform:translateY(110vh)rotate(720deg)scale(.5)}}.result-badge{z-index:1;border-radius:50%;justify-content:center;align-items:center;width:32vw;height:32vw;margin-top:6.667vw;display:flex;position:relative}.result-badge.winner{background:linear-gradient(135deg, var(--gold) 0%, orange 50%, #ff8c00 100%);animation:2s ease-in-out infinite badgeGlow;box-shadow:0 0 40px #ffd70066,0 0 80px #ffd70033}.result-badge.not-winner{background:linear-gradient(135deg,#9b59b6 0%,#8e44ad 100%);box-shadow:0 0 30px #9b59b64d}@keyframes badgeGlow{0%,to{box-shadow:0 0 40px #ffd70066,0 0 80px #ffd70033}50%{box-shadow:0 0 60px #ffd70099,0 0 120px #ffd7004d}}.badge-icon{color:#fff;font-size:13.333vw}.result-title{color:#fff;z-index:1;text-align:center;margin-top:5.333vw;font-size:6.4vw;font-weight:700;position:relative}.result-subtitle{color:#fffc;z-index:1;text-align:center;margin-top:2.133vw;font-size:3.733vw;position:relative}.prize-card{border-radius:var(--radius-lg);text-align:center;z-index:1;background:#fff;width:80vw;margin-top:6.667vw;padding:6.667vw;position:relative;box-shadow:0 8px 30px #00000014}.prize-card-name{color:var(--dark);margin-bottom:1.6vw;font-size:5.333vw;font-weight:700}.prize-card-desc{color:#999;font-size:3.467vw}.comfort-card{border-radius:var(--radius-lg);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1;background:#ffffff26;width:80vw;margin-top:5.333vw;padding:6.667vw;position:relative}.comfort-text{color:#ffffffe6;font-size:4.267vw;line-height:1.6}.action-buttons{z-index:1;flex-direction:column;gap:3.2vw;width:80vw;margin-top:8vw;display:flex;position:relative}.action-buttons.row{flex-direction:row;gap:3.2vw}.action-buttons.row .btn-primary,.action-buttons.row .btn-outline{flex:1}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;width:100%;padding:4.267vw;font-size:4.8vw;font-weight:600;transition:opacity .3s}.btn-primary:active{opacity:.85}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-primary.purple{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 6px 20px #667eea59}.btn-primary.gold{background:linear-gradient(135deg, var(--gold) 0%, orange 100%)}.btn-outline{color:#ffffffd9;border-radius:var(--radius);cursor:pointer;background:0 0;border:1.5px solid #fff6;width:100%;padding:4.267vw;font-size:4.267vw;font-weight:500;transition:all .3s}.btn-outline:active{background:#ffffff1a}.prize-level-tag{border-radius:3.2vw;margin-bottom:2.667vw;padding:1.067vw 3.733vw;font-size:3.2vw;font-weight:600;display:inline-block}.prize-level-tag.level-1{color:#fff;background:linear-gradient(135deg,gold,orange)}.prize-level-tag.level-2{color:#fff;background:linear-gradient(135deg,silver,#a0a0a0)}.prize-level-tag.level-3{color:#fff;background:linear-gradient(135deg,#cd7f32,#b8690e)}.prize-level-tag.level-4{color:#666;background:linear-gradient(135deg,#f3f4f6,#d1d5db)}.claim-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6b35,#ff8c42);border:none;border-radius:6.667vw;width:100%;height:12.8vw;margin-top:5.333vw;font-size:4.267vw;font-weight:600;box-shadow:0 6px 20px #ff6b3559}.claim-btn:active{opacity:.85}.action-btn{cursor:pointer;border-radius:6.667vw;flex:1;justify-content:center;align-items:center;gap:1.6vw;height:11.733vw;font-size:3.733vw;font-weight:500;display:flex}.action-btn.secondary{color:#ff6b35;background:#ffffffe6;border:1.5px solid #ffd0b0}.action-btn.primary{color:#fff;background:linear-gradient(135deg,#ff6b35,#ff8c42);border:none;box-shadow:0 4px 16px #ff6b354d}.lose-card{border-radius:var(--radius-lg);text-align:center;z-index:2;background:#fffffff7;width:80vw;margin-top:16vw;padding:10.667vw 6.667vw;position:relative;box-shadow:0 12px 48px #00000014}.lose-icon{background:linear-gradient(145deg,#f0edff,#e8e4ff);border-radius:50%;justify-content:center;align-items:center;width:26.667vw;height:26.667vw;margin:0 auto 5.333vw;display:flex}.lose-icon svg{width:12.8vw;height:12.8vw}.lose-title{color:#2d3436;margin-bottom:2.133vw;font-size:4.8vw;font-weight:600}.lose-desc{color:#888;margin-bottom:7.467vw;font-size:3.467vw;line-height:1.6}.retry-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6.667vw;width:100%;height:12.8vw;font-size:4.267vw;font-weight:600;box-shadow:0 6px 20px #667eea59}.retry-btn:active{opacity:.85}.prize-card-icon{margin-bottom:3.2vw;font-size:12vw}.my-prizes-page{background:var(--bg-warm);min-height:100vh}.prizes-header{background:linear-gradient(#ff6b35 0%,#ff8f50 100%);border-radius:0 0 6.667vw 6.667vw;padding:8vw 5.333vw 6.667vw}.prizes-header-top{align-items:center;gap:3.2vw;margin-bottom:5.333vw;display:flex}.prizes-back-btn{cursor:pointer;background:#fff3;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:8vw;height:8vw;display:flex}.prizes-back-btn svg{fill:#fff;width:4.267vw;height:4.267vw}.prizes-header-title{color:#fff;font-size:5.333vw;font-weight:600}.prizes-stats{gap:2.667vw;display:flex}.stat-item{border-radius:var(--radius);text-align:center;background:#ffffff26;flex:1;padding:3.2vw}.stat-value{color:#fff;font-size:5.333vw;font-weight:700;line-height:1.2}.stat-label{color:#fffc;margin-top:.8vw;font-size:2.933vw}.prizes-list{padding:5.333vw}.prize-record{border-radius:var(--radius);background:#fff;align-items:center;gap:4vw;margin-bottom:3.2vw;padding:4vw;display:flex;box-shadow:0 2px 8px #0000000a}.prize-record-thumb{border-radius:var(--radius);background:var(--bg-warm);flex-shrink:0;justify-content:center;align-items:center;width:13.333vw;height:13.333vw;font-size:7.467vw;display:flex}.prize-record-info{flex:1;min-width:0}.prize-record-name{color:var(--dark);text-overflow:ellipsis;white-space:nowrap;margin-bottom:1.067vw;font-size:4vw;font-weight:600;overflow:hidden}.prize-record-time{color:#999;font-size:3.2vw}.prize-record-status{flex-shrink:0}.status-tag{border-radius:4vw;padding:1.6vw 3.733vw;font-size:3.2vw;font-weight:500}.status-tag.pending{color:var(--primary);background:#fff3e0}.status-tag.claimed{color:#2e7d32;background:#e8f5e9}.status-tag.expired{color:#999;background:#f5f5f5}.modal-overlay{z-index:200;background:#00000080;justify-content:center;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:#fff;width:100%;max-height:70vh;padding:6.667vw;animation:.3s slideUp;overflow-y:auto}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-handle{background:#ddd;border-radius:1.067vw;width:10.667vw;height:1.067vw;margin:0 auto 5.333vw}.modal-title{color:var(--dark);text-align:center;margin-bottom:6.667vw;font-size:5.333vw;font-weight:600}.form-field{margin-bottom:4.8vw}.form-field label{color:#666;margin-bottom:2.133vw;font-size:3.733vw;font-weight:500;display:block}.form-field input,.form-field textarea{background:var(--bg-warm);border-radius:var(--radius);width:100%;color:var(--dark);border:1.5px solid #0000;outline:none;padding:3.733vw 4vw;font-size:4vw;transition:border-color .3s}.form-field input:focus,.form-field textarea:focus{border-color:var(--primary)}.form-field textarea{resize:none;min-height:13.333vw;font-family:inherit}.submit-claim-btn{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;width:100%;margin-top:2.667vw;padding:4.267vw;font-size:4.8vw;font-weight:600;transition:opacity .3s}.submit-claim-btn:active{opacity:.85}.submit-claim-btn:disabled{opacity:.5;cursor:not-allowed}.rules-content{padding:2.667vw 0}.rule-item{gap:3.2vw;margin-bottom:4.8vw;line-height:1.6;display:flex}.rule-number{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:5.333vw;height:5.333vw;margin-top:.533vw;font-size:3.2vw;font-weight:600;display:flex}.rule-text{color:#555;flex:1;font-size:3.733vw}.expired-page{background:#f5f5f5;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:10.667vw;display:flex}.expired-icon{opacity:.5;width:24vw;height:24vw;margin-bottom:6.667vw}.expired-icon svg{width:100%;height:100%}.expired-title{color:#999;margin-bottom:3.2vw;font-size:6.4vw;font-weight:700}.expired-message{color:#bbb;text-align:center;font-size:4vw;line-height:1.6}.toast{color:#fff;border-radius:var(--radius);z-index:300;pointer-events:none;text-align:center;background:#000000bf;max-width:70vw;padding:4vw 6.667vw;font-size:4vw;animation:.3s toastIn;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.8)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.loading-container{flex-direction:column;justify-content:center;align-items:center;padding:20vw 0;display:flex}.loading-spinner{border:3px solid #f0f0f0;border-top-color:var(--primary);border-radius:50%;width:10.667vw;height:10.667vw;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:#999;margin-top:3.2vw;font-size:3.733vw}.empty-container{flex-direction:column;justify-content:center;align-items:center;padding:16vw 0;display:flex}.empty-icon{opacity:.3;width:16vw;height:16vw;margin-bottom:4vw}.empty-text{color:#ccc;font-size:3.733vw}.error-container{flex-direction:column;justify-content:center;align-items:center;padding:16vw 0;display:flex}.error-icon{opacity:.4;width:16vw;height:16vw;margin-bottom:4vw}.error-text{color:#999;margin-bottom:4vw;font-size:3.733vw}.error-retry-btn{background:var(--primary);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;padding:3.2vw 6.667vw;font-size:4vw}.text-center{text-align:center}.mt-4{margin-top:4vw}.mt-8{margin-top:8vw}