@font-face{font-family:Alimama ShuHeiTi;src:url(https://acc-1258344699.cos.accelerate.myqcloud.com/web/website/assets/AlimamaShuHeiTi-Bold.woff2) format("woff2");font-weight:700 900;font-style:normal;font-display:swap}@font-face{font-family:Alimama FangYuanTi;src:url(https://acc-1258344699.cos.accelerate.myqcloud.com/web/website/assets/AlimamaFangYuanTiVF-Thin.woff2) format("woff2");font-weight:100 400;font-style:normal;font-display:swap}:root{--bg-color: #0a0e1a;--bg-secondary: #131824;--bg-tertiary: #1a1f2e;--card-bg: rgba(26, 31, 46, .6);--card-bg-hover: rgba(26, 31, 46, .8);--card-border: rgba(255, 215, 0, .1);--text-primary: #ffffff;--text-secondary: #a0aec0;--text-tertiary: #718096;--font-heading: "Alimama ShuHeiTi", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Alimama FangYuanTi", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--gold-primary: #ffd700;--gold-light: #ffe44d;--gold-dark: #d4af37;--gold-glow: rgba(255, 215, 0, .25);--gold-glow-strong: rgba(255, 215, 0, .4);--cyber-blue: #00d4ff;--cyber-blue-dark: #0099cc;--cyber-blue-glow: rgba(0, 212, 255, .3);--festive-red: #e63946;--festive-red-glow: rgba(230, 57, 70, .2);--gradient-gold: linear-gradient(135deg, #ffd700 0%, #ffa500 100%);--gradient-cyber: linear-gradient(135deg, #00d4ff 0%, #0099cc 100%);--gradient-festive: linear-gradient(135deg, #ffd700 0%, #e63946 100%);--gradient-card: linear-gradient( 135deg, rgba(26, 31, 46, .8) 0%, rgba(19, 24, 36, .6) 100% );--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--spacing-4xl: 40px;--spacing-5xl: 80px;--radius-btn: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--shadow-md: 0 4px 16px rgba(0, 0, 0, .2);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .3);--shadow-xl: 0 12px 48px rgba(0, 0, 0, .4);--blur-sm: blur(4px);--blur-md: blur(8px);--blur-lg: blur(12px);--blur-xl: blur(20px)}*{box-sizing:border-box}html,body{width:100%;overflow-x:hidden}body{margin:0;font-family:var(--font-body);background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,body *{font-family:var(--font-body)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading)!important;font-weight:800}button,[type=button],[type=submit],.btn,[class*=btn],[class*=-title],[class*=title-],[class*=heading]{font-family:var(--font-heading)!important;font-weight:700}.navbar{position:fixed;top:0;left:0;width:100%;height:80px;background:#0a0e1abf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--card-border);z-index:1000;display:flex;justify-content:center}.navbar-content{width:100%;max-width:1200px;padding:0 var(--spacing-4xl);display:flex;align-items:center;justify-content:space-between}.nav-brand{display:flex;align-items:center}.logo-link{display:flex;align-items:center;gap:var(--spacing-md);text-decoration:none;color:#fff;transition:opacity .2s ease}.logo-link:hover{opacity:.85}.nav-logo{height:40px;width:auto}.brand-name{font-weight:700;font-size:16px;letter-spacing:-.02em}.nav-links{display:flex;gap:var(--spacing-3xl);align-items:center}.nav-link{color:var(--text-secondary);text-decoration:none;font-size:16px;font-weight:700;transition:color .2s ease;display:flex;align-items:center;gap:var(--spacing-sm)}.nav-link:hover,.nav-link.active{color:#fff}.nav-auth{display:flex;align-items:center;gap:16px}.user-profile-container{position:relative;cursor:pointer}.user-avatar{width:32px;height:32px;border-radius:50%;display:block;border:1px solid rgba(255,255,255,.1)}.profile-dropdown-container{position:absolute;top:100%;right:0;padding-top:10px;z-index:1000}.dropdown-menu{background:#1a1a1a;border:1px solid #333;border-radius:6px;padding:8px 0;white-space:nowrap;color:#fff;font-size:14px;box-shadow:0 4px 20px #0006;animation:fadeIn .2s ease;min-width:160px}.dropdown-user-info{padding:8px 16px;color:#fff9;font-size:12px}.dropdown-divider{height:1px;background:#333;margin:4px 0}.logout-item{padding:8px 16px;cursor:pointer;transition:background .2s}.logout-item:hover{background:#ffffff1a}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.login-btn{background:transparent;border:none;color:#fff;height:36px;padding:0 var(--spacing-2xl);border-radius:var(--radius-btn);cursor:pointer;font-family:var(--font-heading);font-size:14px;font-weight:700;letter-spacing:.84px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);text-decoration:none}.login-btn.primary{background:transparent;border:1px solid rgba(255,255,255,.2);color:#ffffffb3}.login-btn.primary:hover{background:#ffffff0d;border-color:#ffffff4d;color:#fff;box-shadow:none;transform:translateY(-1px)}.login-btn.download-btn{background:var(--gradient-gold);border:2px solid var(--gold-primary);color:#000;font-weight:800}.login-btn.download-btn:hover{background:var(--gold-dark);border-color:var(--gold-dark);color:#000;box-shadow:0 4px 16px var(--gold-glow-strong);transform:translateY(-2px) scale(1.05)}.app-container{min-height:100vh;padding:120px var(--spacing-xl) var(--spacing-4xl);position:relative;display:flex;flex-direction:column;align-items:center}@media (max-width: 768px){.nav-links{display:none}}.background-gradient{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:radial-gradient(circle at 15% 15%,rgba(255,215,0,.08),transparent 40%),radial-gradient(circle at 85% 20%,rgba(0,212,255,.06),transparent 35%),radial-gradient(circle at 10% 50%,rgba(230,57,70,.05),transparent 30%),radial-gradient(circle at 90% 80%,rgba(255,215,0,.06),transparent 40%),radial-gradient(circle at 50% 95%,rgba(0,212,255,.04),transparent 35%)}.background-gradient:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(2px 2px at 20% 30%,rgba(255,215,0,.2),transparent),radial-gradient(2px 2px at 60% 70%,rgba(0,212,255,.15),transparent),radial-gradient(1px 1px at 50% 50%,rgba(255,215,0,.25),transparent),radial-gradient(1px 1px at 80% 10%,rgba(230,57,70,.2),transparent),radial-gradient(2px 2px at 90% 60%,rgba(0,212,255,.2),transparent);background-size:200px 200px,300px 300px,250px 250px,280px 280px,220px 220px;background-position:0 0,40px 60px,130px 270px,70px 100px,150px 200px;opacity:.3;animation:sparkle 20s linear infinite}@keyframes sparkle{0%,to{opacity:.3}50%{opacity:.6}}.hero-section{width:100%;max-width:1200px;margin-bottom:var(--spacing-5xl);display:flex;justify-content:center;padding:var(--spacing-xl) 0;background:linear-gradient(180deg,rgba(239,68,68,.08) 0%,rgba(251,191,36,.05) 50%,transparent 100%);border-radius:var(--radius-2xl);position:relative}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;height:300px;background:radial-gradient(circle at 50% 0%,rgba(239,68,68,.12),transparent 70%);pointer-events:none;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}.hero-content-wrapper{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4xl);width:100%;padding:0 var(--spacing-4xl);padding-bottom:calc(var(--spacing-3xl) + var(--spacing-2xl) * 2 + 60px);position:relative}.hero-text-content{flex:1;text-align:left;display:flex;flex-direction:column;align-items:flex-start}.hero-visual{flex:1;display:flex;justify-content:flex-start;align-items:center}.mascot-container{position:relative;width:500px;height:500px;display:flex;align-items:center;justify-content:center;margin-left:-80px}.mascot-image{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 20px 40px var(--festive-red-glow));transition:transform .4s cubic-bezier(.34,1.56,.64,1);animation:float 5s ease-in-out infinite}.mascot-image:hover{transform:scale(1.05)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.badge-container{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-3xl);flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:linear-gradient(135deg,#ffd7001a,#ffe44d0f);border:1px solid rgba(255,215,0,.3);border-radius:var(--radius-xl);font-size:13px;font-weight:700;color:var(--gold-primary);backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);margin-bottom:0}.main-title{font-family:var(--font-heading);font-size:66px;font-weight:800;margin:0 0 var(--spacing-3xl) 0;letter-spacing:-.02em;line-height:1.1;width:auto;height:auto}.subtitle{font-size:20px;color:var(--text-secondary);margin:0 0 var(--spacing-5xl) 0;line-height:2;max-width:700px}@media (max-width: 960px){.hero-content-wrapper{flex-direction:column;text-align:center}.hero-text-content{align-items:center;text-align:center}.hero-visual{justify-content:center}.mascot-container{width:300px;height:300px;margin-left:0}.main-title{font-size:40px}}.text-gradient{font-family:var(--font-heading);color:#fff;width:auto;max-width:100%;display:inline-block;font-size:66px;line-height:1.1;font-weight:800;white-space:nowrap}.subtitle{font-family:var(--font-body);font-size:20px;color:var(--text-secondary);margin:0 0 var(--spacing-xl) 0}.hero-actions{display:flex;align-items:center;gap:var(--spacing-xl);margin-top:var(--spacing-3xl);margin-bottom:0}.download-hint{display:inline-flex;align-items:center;gap:4px;margin-top:0;margin-bottom:0;font-size:16px;font-weight:600;color:var(--text-secondary);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px;cursor:pointer;transition:color .3s ease,text-decoration-thickness .3s ease;align-self:flex-start}.download-hint:hover{color:var(--text-primary);text-decoration-thickness:2px}.hero-primary-btn{height:48px;padding:0 32px;background:linear-gradient(135deg,#ef4444,#dc2626,#991b1b);border:none;border-radius:var(--radius-btn);color:#fff;font-family:var(--font-heading);font-size:18px;font-weight:700;letter-spacing:1.08px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 16px #ef444466;text-decoration:none}.hero-primary-btn svg{stroke:#fff}.hero-primary-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ef444499;background:linear-gradient(135deg,#dc2626,#991b1b,#7f1d1d)}.hero-secondary-btn{height:48px;padding:0 32px;background:transparent;border:2px solid #ef4444;border-radius:var(--radius-btn);color:#fff;font-family:var(--font-heading);font-size:18px;font-weight:700;letter-spacing:1.08px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);transition:all .3s cubic-bezier(.34,1.56,.64,1);text-decoration:none;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.hero-secondary-btn:hover{background:linear-gradient(135deg,#ef4444,#dc2626,#991b1b);border-color:#ef4444;transform:translateY(-2px);box-shadow:0 6px 20px #ef444466;color:#fff}.time-banner{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-xl);background:#ffffff08;border-radius:var(--radius-sm);border:1px solid var(--card-border);color:#cbd5e1;font-size:13px;font-weight:700;-webkit-backdrop-filter:var(--blur-sm);backdrop-filter:var(--blur-sm);margin-bottom:0}.product-credentials{display:flex;align-items:center;justify-content:center;gap:var(--spacing-4xl);padding:var(--spacing-3xl) 0;margin-top:0;background:#ffffff0f;border:none;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);border-radius:0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:none;position:absolute;left:0;right:0;bottom:40px;width:100%;margin-left:0;margin-right:0}.credential-item{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);color:var(--text-primary);font-size:18px;font-weight:800;transition:all .3s ease;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md)}.credential-item:hover{background:#28b8941a;transform:translateY(-2px)}.credential-item svg{color:var(--gold-primary);width:22px;height:22px;flex-shrink:0}.credential-item:hover{color:#e2e8f0}.section-header{display:flex;align-items:center;gap:var(--spacing-xl);margin-bottom:var(--spacing-4xl)}.section-icon-wrapper{width:auto;height:80px;min-width:80px;display:flex;align-items:center;justify-content:center;color:#fff}.section-text{flex:1}.section-title{font-family:var(--font-heading);font-size:42px;font-weight:800;margin:0 0 var(--spacing-sm) 0;background:var(--gradient-green-purple);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.section-subtitle{font-size:18px;color:var(--text-secondary);margin:0;font-weight:700;line-height:1.5}.benefits-section{width:100%;max-width:1200px;background:linear-gradient(180deg,#0f172af2,#0a0f1eeb);border:1px solid rgba(100,150,200,.25);border-radius:var(--radius-2xl);padding:var(--spacing-4xl) var(--spacing-3xl);margin-top:120px;margin-bottom:120px;scroll-margin-top:80px;position:relative;overflow:hidden;box-shadow:0 8px 32px #141e3066,inset 0 1px 1px #6496c81a}.benefits-section:before{content:"";position:absolute;bottom:-500px;left:-500px;width:800px;height:800px;border:3px solid rgba(80,150,220,.6);border-radius:50%;pointer-events:none;box-shadow:0 0 40px #5096dc66,inset 0 0 60px #3c82c84d;background:radial-gradient(circle at 65% 65%,rgba(40,100,160,.15) 0%,rgba(30,80,140,.1) 40%,transparent 70%)}.benefits-section:after{content:"";position:absolute;bottom:-500px;right:-500px;width:800px;height:800px;border:3px solid rgba(80,150,220,.6);border-radius:50%;pointer-events:none;box-shadow:0 0 40px #5096dc66,inset 0 0 60px #3c82c84d;background:radial-gradient(circle at 35% 65%,rgba(40,100,160,.15) 0%,rgba(30,80,140,.1) 40%,transparent 70%)}.benefits-section .section-header-compact:before{content:"";position:absolute;top:-60px;left:0;right:0;bottom:0;background-image:radial-gradient(2px 2px at 20% 30%,rgba(255,255,255,.9),transparent),radial-gradient(2px 2px at 60% 70%,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 50% 50%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 80% 10%,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 90% 60%,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 33% 80%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 15% 90%,rgba(255,255,255,.5),transparent);background-size:200% 200%;background-position:0% 0%;pointer-events:none;animation:twinkle 8s ease-in-out infinite;z-index:0}@keyframes twinkle{0%,to{opacity:.6;background-position:0% 0%}50%{opacity:1;background-position:100% 100%}}.section-header-compact{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-3xl);position:relative;z-index:1}.header-left{display:flex;align-items:center;gap:var(--spacing-lg)}.rules-link{display:flex;align-items:center;gap:4px;color:#ff7864f2;font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px;padding:6px 12px;border-radius:20px;border:1px solid rgba(255,120,100,.3);background:#ff786414;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.rules-link:hover{color:#ff8c78;border-color:#ff786480;background:#ff786426;text-decoration-thickness:2px;transform:translateY(-1px)}.gifts-grid{display:grid;grid-template-columns:.8fr .8fr 1.4fr;gap:var(--spacing-2xl);position:relative;z-index:1}@media (max-width: 1200px){.premium-reward .premium-benefits-grid,.gift-reward-box .service-card{flex-direction:column}.gift-reward-box .reward-image{margin:auto;height:auto!important}}.gift-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);padding:var(--spacing-lg) var(--spacing-xl);display:flex;flex-direction:column;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.gift-card:hover{transform:translateY(-4px);border-color:#ce625099;background:#ce625014;box-shadow:0 0 40px #ce625066,0 12px 32px #ce625040}.gift-card-title{font-family:var(--font-heading);font-size:24px;font-weight:700;color:#fff;margin:0 0 var(--spacing-sm) 0;line-height:1.2}.gift-card-desc{font-family:var(--font-body);font-size:14px;color:var(--text-secondary);margin:0 0 var(--spacing-lg) 0;line-height:1.5;min-height:42px}.gift-reward-box{background:#1a1f2e66;border:1px solid rgba(255,215,0,.1);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);flex:1;display:flex;flex-direction:column}.reward-label{font-family:var(--font-body);font-size:12px;font-weight:600;color:#f5f5f59e;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:4px}.reward-content{font-family:var(--font-body);font-size:16px;color:#f5f5f5eb;line-height:1.5;font-weight:500;margin-bottom:var(--spacing-sm)}.reward-image{width:100%;border-radius:var(--radius-sm);overflow:hidden;display:flex;align-items:center;justify-content:center;margin-top:auto}.gift-card:nth-child(1) .reward-image{height:320px}.gift-card:nth-child(2) .reward-image{height:220px}.gift-card:nth-child(3) .reward-image{height:160px}.reward-image img{width:100%;height:100%;object-fit:contain}.reward-image-icon{color:#ffffff26}.premium-reward .reward-image-icon{color:#ffd7004d}.reward-image-animated{background:transparent;padding:16px}.server-visual{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.server-header{display:flex;align-items:center;gap:10px}.server-title{font-size:22px;font-weight:800;color:#8b5cf6e6;letter-spacing:.5px}.server-tag{background:linear-gradient(135deg,#8b5cf633,#6366f126);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(139,92,246,.4);border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600;color:#a78bfaf2;letter-spacing:.5px;white-space:nowrap}.server-rack-mini{display:flex;flex-direction:column;gap:8px;width:200px}.server-unit{height:40px;background:linear-gradient(135deg,#8b5cf626,#6366f11a);border:1px solid rgba(139,92,246,.4);border-radius:6px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;position:relative;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:server-pulse 3s ease-in-out infinite;box-shadow:0 0 15px #8b5cf633,inset 0 1px #ffffff1a}.server-unit:nth-child(1){animation-delay:0s}.server-unit:nth-child(2){animation-delay:.4s}.server-unit:nth-child(3){animation-delay:.8s}@keyframes server-pulse{0%,to{box-shadow:0 0 15px #8b5cf633,inset 0 1px #ffffff1a}50%{box-shadow:0 0 25px #8b5cf666,inset 0 1px #fff3}}.server-lights{display:flex;gap:6px}.light{width:5px;height:5px;border-radius:50%;animation:blink 1.5s ease-in-out infinite}.light.green{background:#4ade80;box-shadow:0 0 8px #4ade80,0 0 15px #4ade8080}.light.blue{background:#60a5fa;box-shadow:0 0 8px #60a5fa,0 0 15px #60a5fa80;animation-delay:.3s}.light.purple{background:#a78bfa;box-shadow:0 0 8px #a78bfa,0 0 15px #a78bfa80;animation-delay:.6s}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.server-bars{display:flex;gap:2px;align-items:center}.bar{width:2px;background:#8b5cf699;border-radius:1px;animation:flow 1s ease-in-out infinite}.bar:nth-child(1){height:10px;animation-delay:0s}.bar:nth-child(2){height:14px;animation-delay:.1s}.bar:nth-child(3){height:11px;animation-delay:.2s}.bar:nth-child(4){height:16px;animation-delay:.3s}@keyframes flow{0%,to{opacity:.3}50%{opacity:1}}.dual-service-visual{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:20px 12px}.service-card{width:100%;background:linear-gradient(135deg,#8b5cf61f,#6366f114);border:1px solid rgba(139,92,246,.35);border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;position:relative;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease}.service-card:hover{border-color:#8b5cf680;box-shadow:0 4px 16px #8b5cf640;transform:translateY(-2px)}.service-icon{font-size:32px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.service-logo{width:56px;height:56px;object-fit:contain;flex-shrink:0}.cloud-logo{width:32px;height:32px;object-fit:contain;flex-shrink:0;display:block}.cloud-logo-large{transform:scale(1.4);transform-origin:center}.cloud-logo-small{transform:scale(.7);transform-origin:center}.cloud-logo-premium-large{width:26px!important;height:26px!important;transform:scale(2)!important;transform-origin:center;flex-shrink:0}.cloud-logo-premium-small{width:26px!important;height:26px!important;transform:scale(1)!important;transform-origin:center;flex-shrink:0}.service-duration{font-size:12px;color:#8b5cf699;font-weight:500}.service-status-indicator{display:flex;gap:4px;flex-shrink:0}.status-dot{width:6px;height:6px;border-radius:50%;background:#8b5cf64d}.status-dot.active{background:#4ade80;box-shadow:0 0 8px #4ade80;animation:pulse-dot 2s ease-in-out infinite}.status-dot:nth-child(2){animation-delay:.3s}.status-dot:nth-child(3){animation-delay:.6s}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.service-divider{width:80%;height:1px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.3),transparent)}.reward-image-premium-simple{background:transparent;padding:20px 4px;position:relative;min-height:180px}.premium-benefits-grid{display:flex;align-items:stretch;justify-content:space-between;gap:10px;width:100%;height:100%}.benefit-card{flex:1;background:linear-gradient(135deg,#ffffff14,#ffffff0a);border:2px solid rgba(251,191,36,.4);border-radius:12px;padding:18px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 16px #fbbf2433;transition:all .3s ease;min-width:0;position:relative}.annual-badge{position:absolute;top:-2px;left:-2px;background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1a1a1a;font-size:9px;font-weight:800;padding:3px 8px;border-radius:12px 0 8px;box-shadow:0 2px 6px #fbbf2466;letter-spacing:.5px;z-index:10}.benefit-cloud{flex:1.3;min-width:0}.benefit-mascot{flex:.85;min-width:0}.benefit-mascot .benefit-icon-large{width:75px;height:75px;border-radius:50%;overflow:hidden;border:2.5px solid rgba(251,191,36,.5);box-shadow:0 4px 12px #fbbf244d}.benefit-mascot .benefit-icon-large img{width:100%;height:100%;object-fit:cover;object-position:center 30%}.benefit-credits{flex:.85;min-width:0}.benefit-credits .benefit-icon-large{display:flex;flex-direction:column;align-items:center;gap:5px}.credits-emoji{font-size:28px;filter:drop-shadow(0 2px 8px rgba(251,191,36,.4))}.credits-amount{font-size:28px;font-weight:900;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.cloud-services{display:flex;flex-direction:column;gap:10px;width:100%}.cloud-item{display:flex;align-items:center;gap:8px}.cloud-emoji{font-size:24px;filter:drop-shadow(0 2px 6px rgba(139,92,246,.4));flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.cloud-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0;white-space:nowrap}.cloud-name{font-family:var(--font-heading);font-size:13px;font-weight:700;color:#fffffff2;line-height:1.3}.cloud-spec{font-family:var(--font-body);font-size:11px;font-weight:600;color:#fbbf24d9;line-height:1.3}.cloud-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);margin:2px 0}.benefit-label{font-family:var(--font-body);font-size:11px;font-weight:700;color:#fbbf24f2;text-align:center;line-height:1.3}.gift-box-center{position:relative;z-index:2;animation:pulse-gift 2s ease-in-out infinite}@keyframes pulse-gift{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.gift-box-body{width:60px;height:60px;background:linear-gradient(135deg,#fbbf2440,#f59e0b26);border:2px solid rgba(251,191,36,.5);border-radius:12px;position:relative;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #fbbf244d,inset 0 0 20px #fbbf241a}.gift-box-ribbon{position:absolute;top:0;left:50%;transform:translate(-50%);width:3px;height:100%;background:linear-gradient(180deg,#fbbf2499,#fbbf244d)}.gift-box-ribbon:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:3px;background:linear-gradient(90deg,#fbbf2499,#fbbf244d)}.gift-box-bow{font-size:28px;filter:drop-shadow(0 0 10px rgba(251,191,36,.5));animation:rotate-bow 4s linear infinite}@keyframes rotate-bow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.floating-benefit{position:absolute;animation:float-orbit 3s ease-in-out infinite}.mascot-float{left:3%;top:50%;transform:translateY(-50%);animation-delay:0s}.mascot-fullbody{width:75px;height:75px;border-radius:50%;overflow:hidden;border:3px solid rgba(251,191,36,.5);box-shadow:0 8px 20px #fbbf2466;background:#ffffff14;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.mascot-fullbody img{width:100%;height:100%;object-fit:cover;object-position:center 30%}.credits-float{top:5%;right:3%;animation-delay:.75s}.credits-ticket{background:linear-gradient(135deg,#fbbf2447,#f59e0b33);border:2px solid rgba(251,191,36,.6);border-radius:12px;padding:12px 18px;display:flex;flex-direction:column;align-items:center;gap:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 20px #fbbf2459;min-width:95px}.ticket-header{display:flex;align-items:center;gap:6px}.ticket-icon{font-size:22px;filter:drop-shadow(0 0 10px rgba(251,191,36,.6))}.ticket-label{font-size:13px;font-weight:700;color:#fbbf24;letter-spacing:.5px}.ticket-value{font-size:28px;font-weight:900;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.services-float{bottom:5%;right:3%;animation-delay:1.5s}.services-combo{background:linear-gradient(135deg,#8b5cf640,#3b82f62e);border:2px solid rgba(99,102,241,.55);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 20px #8b5cf659;min-width:120px}.service-item{display:flex;align-items:center;gap:7px}.service-icon{font-size:20px;filter:drop-shadow(0 0 8px rgba(139,92,246,.6));flex-shrink:0}.service-info{flex:1;display:flex;flex-direction:column;gap:2px}.service-name{font-size:13px;font-weight:700;color:#a78bfa;line-height:1.2;letter-spacing:.5px}.service-spec{font-size:11px;font-weight:600;color:#8b5cf6d9;line-height:1.2}.service-status{flex-shrink:0}.reward-list{margin-top:8px;display:flex;flex-direction:column;gap:6px;text-align:left}.reward-item{font-family:var(--font-body);font-size:16px;color:#ffffffb3;line-height:1.5;display:flex;align-items:flex-start;gap:6px;padding-left:4px}.reward-item:before{content:"•";color:#8b5cf6cc;font-size:16px;font-weight:700;flex-shrink:0;margin-top:-1px}.reward-extra{font-family:var(--font-body);width:auto;height:auto;margin-top:12px;padding-top:12px;padding-bottom:0;border-top:1px solid rgba(251,191,36,.2);font-size:14px;color:#fbbf24;font-weight:600;line-height:21px;letter-spacing:normal;text-align:left}.gift-card.gift-card-premium{border:2px solid rgba(160,120,60,.5);background:linear-gradient(135deg,#3c2d1ef2,#32281ceb,#2d2319e6);box-shadow:0 8px 32px #503c1e66;overflow:hidden;position:relative}.gift-card.gift-card-premium:hover{border-color:#ffd700b3;background:linear-gradient(135deg,#463723f2,#3c3220eb,#372d1ee6);box-shadow:0 0 50px #ffd70080,0 16px 48px #ffd70059;transform:translateY(-4px)}.gift-card-premium .premium-badge{position:absolute;top:0;right:0;background:linear-gradient(135deg,gold,#ffed4e,#d4af37);color:#1a1a1a;border:1px solid rgba(212,175,55,.6);box-shadow:0 2px 8px #d4af3780,inset 0 1px #fff9;font-size:16px;font-weight:700;padding:6px 12px;border-radius:0 var(--radius-xl) 0 12px;letter-spacing:.5px;z-index:10;line-height:1;width:auto;max-width:fit-content;display:inline-block;white-space:nowrap;left:auto}.gift-card-premium:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,215,0,.15),transparent 50%);animation:glow-pulse 3s ease-in-out infinite;pointer-events:none;z-index:0;display:block}@keyframes glow-pulse{0%,to{opacity:.5}50%{opacity:1}}.gift-btn{font-family:var(--font-heading);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:12px 20px;border-radius:var(--radius-btn);font-size:14px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;text-decoration:none;margin-top:auto;white-space:nowrap}.gift-btn-red{background:var(--gradient-gold);color:#000;font-weight:700}.gift-btn-red:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--gold-glow-strong)}.gift-btn-purple{background:var(--gradient-cyber);color:#fff;font-weight:600}.gift-btn-purple:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--cyber-blue-glow)}.activities-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-3xl);width:100%;position:relative}@media (max-width: 1024px){.activities-grid{grid-template-columns:repeat(2,1fr)}.section-header{gap:16px}.section-icon-wrapper{width:56px;height:56px}.section-title{font-size:28px}.hero-actions{flex-direction:row;flex-wrap:wrap}}@media (max-width: 768px){.gift-reward-box .service-card{flex-direction:row}.activities-grid{grid-template-columns:1fr}.gifts-grid{grid-template-columns:1fr;gap:16px}.gift-card{padding:20px}.gift-card:nth-child(1) .gift-reward-box,.gift-card:nth-child(2) .gift-reward-box{flex-direction:column;gap:16px}.gift-card:nth-child(3) .gift-reward-box{flex-direction:column;gap:0}.reward-content{font-size:15px}.reward-list{font-size:13px}.reward-item{padding:6px 0;font-size:13px}.reward-extra{width:auto;height:auto;font-size:12px;line-height:1.6;margin-top:8px;padding-top:8px;white-space:normal}.gift-card:nth-child(1) .reward-image,.gift-card:nth-child(2) .reward-image{width:100%;height:auto;min-height:200px}.gift-card:nth-child(1) .reward-image img,.gift-card:nth-child(2) .reward-image img{max-width:200px;height:auto}.gift-card:nth-child(3) .reward-image{height:auto;min-height:auto;margin-top:16px}.dual-service-visual{flex-direction:column;gap:12px;padding:16px}.service-card{padding:12px}.service-icon{font-size:28px;width:40px;height:40px}.cloud-logo{width:28px;height:28px}.cloud-logo-large{transform:scale(2);transform-origin:center}.cloud-logo-small{transform:scale(1);transform-origin:center}.service-name{font-size:13px}.service-spec,.service-duration{font-size:11px}.premium-resources-visual{padding:16px;gap:12px}.premium-benefits-grid{flex-direction:column;gap:16px}.reward-image-premium-simple{padding:16px 8px;min-height:auto}.benefit-card{flex:1!important;min-width:100%;padding:20px 16px}.benefit-cloud,.benefit-mascot,.benefit-credits{flex:1!important;min-width:100%}.cloud-services{gap:14px}.cloud-item{gap:12px}.cloud-emoji{font-size:28px;width:auto;height:auto}.cloud-text{gap:4px}.cloud-name{font-size:15px}.cloud-spec{font-size:13px}.cloud-divider{margin:5px 0}.credits-emoji,.credits-amount{font-size:36px}.benefit-mascot .benefit-icon-large{width:90px;height:90px}.benefit-label{font-size:13px;margin-top:8px}.section-header-compact{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.rules-link{align-self:flex-end}.main-title{font-size:32px}.benefits-section,.referral-section{padding:32px 16px}}.activity-card{position:relative;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-2xl);padding:2px;overflow:hidden;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease,border-color .3s ease;backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md)}.activity-card:hover{transform:translateY(-4px);border-color:#fff3;box-shadow:0 12px 48px #3b82f626}.card-glow{position:absolute;top:0;left:0;right:0;height:200px;opacity:.12;filter:blur(40px);z-index:0;transition:opacity .3s ease}.card-glow.green{background:var(--gold-primary)}.card-glow.purple{background:var(--cyber-blue)}.card-glow.red{background:var(--festive-red)}.activity-card:hover .card-glow{opacity:.18}.card-content{position:relative;z-index:1;padding:var(--spacing-3xl);display:flex;flex-direction:column;height:100%}.card-header{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.icon-box{width:56px;height:56px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;background:#ffffff0d;transition:box-shadow .3s ease}.icon-box.green{box-shadow:0 0 20px var(--gold-glow)}.icon-box.purple{box-shadow:0 0 20px var(--cyber-blue-glow)}.icon-box.red{box-shadow:0 0 20px var(--festive-red-glow)}.header-text h3{font-family:var(--font-heading);margin:0;font-size:20px;font-weight:700}.card-subtitle{font-size:13px;color:var(--text-secondary);margin-top:var(--spacing-xs);display:block;font-weight:700}.card-body{flex:1}.section-label{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);margin-bottom:12px;font-weight:600}.steps-list{list-style:none;padding:0;margin:0 0 24px}.step-item{display:flex;gap:12px;margin-bottom:12px;font-size:.95rem;line-height:1.4;color:#e2e8f0}.step-circle{width:20px;height:20px;min-width:20px;border-radius:50%;background:#ffffff1a;font-size:.75rem;display:flex;align-items:center;justify-content:center;font-weight:700}.step-circle.green{color:var(--gold-light);background:#28b89433}.step-circle.purple{color:var(--cyber-blue);background:#8b5cf633}.step-circle.red{color:var(--festive-red);background:#ef444426}code{background:#0000004d;padding:2px 6px;border-radius:4px;font-family:monospace;color:var(--gold-light);font-size:.85em}b{color:#fff}.divider{height:1px;background:#ffffff14;margin:20px 0}.reward-box{background:#0003;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:12px 16px;display:flex;align-items:flex-start;gap:12px;font-size:.9rem}.reward-text{line-height:1.5}.reward-box.green-bg{border-color:#28b89433}.reward-box.purple-bg{border-color:#8b5cf633}.reward-box.red-bg{border-color:#ef444433}.gift-icon.green-text{color:var(--gold-light)}.gift-icon.purple-text{color:var(--cyber-blue)}.gift-icon.red-text{color:var(--festive-red)}.gift-icon{min-width:18px;min-height:18px;flex-shrink:0}.action-btn{width:100%;height:48px;margin-top:var(--spacing-2xl);padding:0 var(--spacing-2xl);border:none;border-radius:var(--radius-btn);font-family:var(--font-heading);font-weight:700;font-size:16px;letter-spacing:.96px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);transition:all .2s cubic-bezier(.34,1.56,.64,1);text-decoration:none}.green-btn{background:var(--gold-primary);color:#fff}.green-btn:hover{background:var(--gold-dark);box-shadow:0 4px 20px var(--gold-glow-strong);transform:translateY(-2px)}.purple-btn{background:var(--cyber-blue);color:#fff}.purple-btn:hover{background:var(--cyber-blue-dark);box-shadow:0 4px 20px var(--cyber-blue-glow);transform:translateY(-2px)}.red-btn{background:var(--festive-red);color:#fff}.red-btn:hover{background:var(--festive-red);box-shadow:0 4px 20px var(--festive-red-glow);transform:translateY(-2px)}.referral-section{width:100%;max-width:1200px;background:linear-gradient(180deg,#fbbf2414,#f973160d,#ef44440a);border:1px solid rgba(251,191,36,.2);border-radius:var(--radius-2xl);padding:var(--spacing-5xl) var(--spacing-4xl);margin-top:120px;margin-bottom:120px;scroll-margin-top:80px;position:relative;overflow:hidden;box-shadow:0 8px 32px #fbbf2426}.referral-section:before{content:"";position:absolute;top:0;left:0;right:0;height:200px;background:radial-gradient(circle at 50% 0%,rgba(251,191,36,.15),transparent 60%);pointer-events:none}.invite-progress-card{background:#ffffff0a;border:1px solid var(--card-border);border-radius:var(--radius-xl);padding:var(--spacing-3xl);margin-bottom:var(--spacing-3xl);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);position:relative}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.progress-label{font-size:13px;font-weight:700;color:var(--text-secondary)}.progress-count{font-size:13px;color:#e2e8f0}.progress-count b{font-size:24px;color:var(--gold-light);margin:0 var(--spacing-xs);font-weight:800}.progress-bar-container{position:relative;height:12px;background:#ffffff1a;border-radius:6px;margin-bottom:var(--spacing-3xl)}.progress-bar{height:100%;background:var(--gradient-green-purple);border-radius:6px;transition:width .5s cubic-bezier(.34,1.56,.64,1);box-shadow:0 0 12px var(--gold-glow)}.progress-milestones{position:absolute;top:24px;left:0;right:0;display:flex;justify-content:space-between;padding:0}.milestone{font-size:12px;color:#94a3b8;position:absolute;display:flex;flex-direction:column;align-items:center;gap:4px;transition:all .3s ease;transform:translate(-50%);width:150px;height:17px;padding:0}.milestone[data-count="1"]{left:20%}.milestone[data-count="2"]{left:40%}.milestone[data-count="3"]{left:60%}.milestone[data-count="4"]{left:80%}.milestone[data-count="5"]{left:100%}.milestone:before{content:"";position:absolute;top:-18px;left:50%;transform:translate(-50%);width:12px;height:12px;border-radius:50%;background:#fff3;border:2px solid rgba(255,255,255,.1);transition:all .3s ease}.milestone.completed{color:#10b981;font-weight:600}.milestone.completed:before{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;box-shadow:0 0 12px #10b98180}.invite-btn{width:100%;height:48px;padding:0 var(--spacing-2xl);background:var(--gold-primary);border:none;border-radius:var(--radius-btn);color:#fff;font-family:var(--font-heading);font-size:16px;font-weight:700;letter-spacing:.96px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.invite-btn:hover{background:var(--gold-dark);box-shadow:0 4px 24px var(--gold-glow-strong);transform:translateY(-2px)}.reward-tiers{margin-bottom:40px}.tiers-title{font-family:var(--font-heading);display:flex;align-items:center;gap:10px;font-size:1.25rem;font-weight:600;margin:0 0 24px;color:var(--gold-light)}.tiers-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 1024px){.tiers-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.tiers-grid{grid-template-columns:1fr}}.tier-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;text-align:center;transition:all .3s ease}.tier-card:hover{transform:translateY(-4px);border-color:#fff3}.tier-rank{font-size:1.25rem;font-weight:700;margin-bottom:8px}.tier-gold .tier-rank{color:var(--festive-red)}.tier-silver .tier-rank{color:var(--gold-light)}.tier-bronze .tier-rank{color:var(--cyber-blue)}.tier-participate .tier-rank{color:var(--gold-primary)}.tier-requirement{font-size:.8rem;color:var(--text-secondary);margin-bottom:16px;padding:4px 12px;background:#ffffff0d;border-radius:20px;display:inline-block}.tier-detail{font-size:.8rem;color:var(--text-secondary);min-height:1.2em}.leaderboard{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:28px;position:relative}.section-header-with-actions{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-3xl);position:relative;z-index:1}.invite-actions{display:flex;gap:var(--spacing-md)}.invite-record-btn,.claim-reward-btn{padding:10px 20px;border-radius:var(--radius-btn);font-family:var(--font-heading);font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;border:1px solid}.claim-reward-btn{background:var(--gold-primary);color:#fff;border-color:var(--gold-primary)}.claim-reward-btn:hover{background:var(--gold-dark);box-shadow:0 4px 16px var(--gold-glow)}.invite-rules-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:var(--spacing-2xl) var(--spacing-3xl);margin-bottom:var(--spacing-3xl);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md)}.invite-rules-title{font-family:var(--font-heading);font-size:1rem;font-weight:700;color:#fff;margin:0 0 var(--spacing-lg) 0}.invite-steps{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-2xl)}.invite-step{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-sm)}.step-number{width:40px;height:40px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#ffffffb3;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:none}.step-content{flex:1}.step-title{font-family:var(--font-heading);font-size:15px;font-weight:700;color:#fff;margin-bottom:2px}.step-desc{font-family:var(--font-body);font-size:12px;color:var(--text-secondary);line-height:1.4}.step-arrow{font-size:20px;color:#ffffff4d;font-weight:700}.invite-main-btn{width:100%;height:48px;background:var(--gold-primary);border:none;border-radius:var(--radius-btn);color:#fff;font-family:var(--font-heading);font-size:15px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s ease}.invite-main-btn:hover{background:var(--gold-dark);box-shadow:0 4px 24px var(--gold-glow-strong);transform:translateY(-2px)}.rewards-leaderboard-container{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-3xl)}@media (max-width: 1024px){.rewards-leaderboard-container{grid-template-columns:1fr}}.reward-tiers-new{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);padding:var(--spacing-3xl)}.reward-tiers-new .tiers-title{font-family:var(--font-heading);display:flex;align-items:center;gap:10px;font-size:1.25rem;font-weight:600;margin:0 0 24px;color:var(--gold-light)}.tiers-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.tier-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:12px;transition:all .3s ease}.tier-item:hover{background:#ffffff0d;border-color:#ffffff26;transform:translate(4px)}.tier-info{display:flex;align-items:center;gap:var(--spacing-lg);flex:1}.tier-rank-badge{padding:6px 14px;border-radius:20px;font-size:13px;font-weight:700;white-space:nowrap}.tier-rank-badge.gold{background:linear-gradient(135deg,#ce6250,#ce6250eb);color:#0b0c0f;box-shadow:0 2px 8px #ce625066}.tier-rank-badge.silver{background:linear-gradient(135deg,#ce6250d9,#ce6250b3);color:#fff;box-shadow:0 2px 8px #ce62504d}.tier-rank-badge.bronze{background:linear-gradient(135deg,#ce6250a6,#ce625080);color:#fff;box-shadow:0 2px 8px #ce625040}.tier-rank-badge.participate{background:#ffffff1a;color:#ffffffb3;box-shadow:none;border:1px solid rgba(255,255,255,.2)}.tier-details{flex:1}.tier-prize{font-family:var(--font-heading);font-size:16px;font-weight:700;color:#fff;margin-bottom:4px}.tier-value{font-family:var(--font-body);font-size:14px;color:var(--gold-light);margin-bottom:4px}.tier-requirement{font-family:var(--font-body);font-size:12px;color:var(--text-secondary)}.tier-gift-image{width:80px;height:80px;border-radius:8px;background:#ffffff0d;display:flex;align-items:center;justify-content:center;overflow:hidden}.tier-gift-image img{width:100%;height:100%;object-fit:cover}.leaderboard-new{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);padding:var(--spacing-3xl)}.leaderboard-new .leaderboard-title{font-family:var(--font-heading);display:flex;align-items:center;gap:10px;font-size:1.25rem;font-weight:600;margin:0 0 24px;color:var(--gold-light)}.leaderboard-list-new{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.leaderboard-item-new{display:flex;align-items:center;padding:14px 16px;background:#ffffff05;border-radius:12px;transition:background .2s}.leaderboard-item-new:hover{background:#ffffff0d}.rank-badge-new{width:32px;height:32px;min-width:32px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;margin-right:16px}.leaderboard-item-new.rank-1 .rank-badge-new{background:var(--gradient-gold);color:#000;font-weight:900;box-shadow:0 0 16px var(--gold-glow-strong)}.leaderboard-item-new.rank-2 .rank-badge-new{background:linear-gradient(135deg,silver,#e8e8e8);color:#000;font-weight:800;box-shadow:0 0 12px #c0c0c066}.leaderboard-item-new.rank-3 .rank-badge-new{background:linear-gradient(135deg,#cd7f32,#e89b5e);color:#000;font-weight:800;box-shadow:0 0 12px #cd7f3266}.my-rank-new{display:flex;justify-content:space-between;padding:16px 20px;background:#ffffff1f;border:1px solid rgba(255,255,255,.25);border-radius:12px;font-size:.95rem}@media (max-width: 768px){.section-header-with-actions{flex-direction:column;gap:var(--spacing-lg)}.invite-actions{width:100%;flex-direction:column}.invite-record-btn,.claim-reward-btn{width:100%;justify-content:center}.invite-steps{flex-direction:column;gap:var(--spacing-2xl)}.step-arrow{transform:rotate(90deg)}.tier-item{flex-direction:column;text-align:center;gap:var(--spacing-md)}.tier-info{flex-direction:column;align-items:center}.tier-gift-image{order:-1}}.leaderboard-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.leaderboard-item{display:flex;align-items:center;padding:16px 20px;background:#ffffff05;border-radius:12px;transition:background .2s}.leaderboard-item:hover{background:#ffffff0d}.rank-badge{width:32px;height:32px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;margin-right:16px}.rank-1 .rank-badge{background:linear-gradient(135deg,var(--festive-red) 0%,var(--festive-red) 100%);color:#fff;box-shadow:0 0 12px var(--festive-red-glow)}.rank-2 .rank-badge{background:linear-gradient(135deg,var(--gold-primary) 0%,var(--gold-light) 100%);color:#fff;box-shadow:0 0 10px var(--gold-glow)}.rank-3 .rank-badge{background:linear-gradient(135deg,var(--cyber-blue) 0%,var(--cyber-blue) 100%);color:#fff;box-shadow:0 0 10px var(--cyber-blue-glow)}.user-name{font-family:var(--font-body);flex:1;font-size:.95rem;color:#e2e8f0}.invite-count{font-family:var(--font-body);font-size:.9rem;color:var(--gold-light);font-weight:600}.my-rank{display:flex;justify-content:space-between;padding:16px 20px;background:#28b8941a;border:1px solid rgba(40,184,148,.2);border-radius:12px;font-size:.95rem}.my-rank-value{font-family:var(--font-body);color:var(--gold-light);font-weight:600}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:var(--spacing-xl)}.modal-content{background:linear-gradient(180deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%);border:1px solid var(--card-border);border-radius:var(--radius-2xl);padding:var(--spacing-4xl);max-width:480px;width:100%;text-align:center;position:relative;box-shadow:0 20px 60px #00000080,0 0 0 1px #ffd7001a;-webkit-backdrop-filter:var(--blur-lg);backdrop-filter:var(--blur-lg)}.modal-close{position:absolute;top:var(--spacing-lg);right:var(--spacing-xl);background:none;border:none;color:var(--text-secondary);font-size:24px;cursor:pointer;transition:color .2s ease;line-height:1}.modal-close:hover{color:#fff}.modal-icon{width:72px;height:72px;border-radius:50%;background:var(--gradient-green-purple);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-2xl);color:#fff;box-shadow:0 0 24px var(--gold-glow)}.modal-title{font-family:var(--font-heading);font-size:24px;font-weight:700;margin:0 0 var(--spacing-md) 0;color:#fff}.modal-desc{font-family:var(--font-body);color:var(--text-secondary);margin:0 0 var(--spacing-3xl) 0;font-size:13px;line-height:1.6;font-weight:700}.modal-notice{background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:8px;padding:var(--spacing-md);margin:var(--spacing-md) 0 var(--spacing-2xl) 0;color:#fbbf24;font-size:.85rem;line-height:1.6;display:flex;align-items:flex-start;gap:8px}.modal-notice:before{content:"";flex-shrink:0}.invite-link-box{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px 20px;margin-bottom:20px}.invite-link-text{color:#60a5fa;font-size:.9rem;word-break:break-all;font-family:monospace}.copy-btn{width:100%;height:48px;padding:0 var(--spacing-2xl);background:var(--gold-primary);border:none;border-radius:var(--radius-btn);color:#fff;font-family:var(--font-heading);font-size:16px;font-weight:700;letter-spacing:.96px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s cubic-bezier(.34,1.56,.64,1);margin-bottom:var(--spacing-xl)}.copy-btn:hover{background:var(--gold-dark);box-shadow:0 4px 24px var(--gold-glow-strong);transform:translateY(-2px)}.copy-btn.copied{background:#10b981}.modal-tip{color:var(--text-secondary);font-size:.8rem;margin:0}.modal-icon.reward-icon{background:linear-gradient(135deg,var(--festive-red) 0%,var(--cyber-blue) 100%);box-shadow:0 0 24px var(--festive-red-glow)}.modal-icon.guide-icon{background:var(--gradient-green-purple);box-shadow:0 0 24px var(--gold-glow)}.reward-title{text-align:left;font-size:1.5rem;margin-bottom:20px}.reward-notice{display:flex;align-items:flex-start;gap:12px;background:#281e14f2;border:1px solid rgba(255,193,7,.3);border-radius:8px;padding:16px 20px;margin-bottom:24px;color:#ffffffe6;font-size:14px;line-height:1.6}.notice-icon{width:20px;height:20px;flex-shrink:0;color:#ffc107;font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:2px}.reward-image-box{background:#ffffff08;border-radius:12px;padding:24px;margin-bottom:20px;text-align:center}.reward-preview-image{width:120px;height:120px;object-fit:contain;margin-bottom:12px}.reward-image-label{color:var(--festive-red);font-size:1rem;font-weight:600;margin:0}.reward-info-box{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;margin-bottom:24px;text-align:left}.reward-info-title{color:#e2e8f0;font-size:.95rem;margin:0 0 16px}.reward-credentials{list-style:none;padding:0;margin:0}.reward-credentials li{display:flex;align-items:center;padding:8px 0;font-size:.95rem}.credential-label{color:var(--text-secondary)}.credential-value{color:#e2e8f0;font-family:monospace;font-weight:600}.reward-link-box{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px 16px;margin-top:12px;word-break:break-all}.reward-link{color:#4fc3f7;text-decoration:none;font-size:14px;line-height:1.6;transition:color .2s ease}.reward-link:hover{color:#81d4fa;text-decoration:underline}.reward-confirm-btn{background:var(--gold-primary)}.reward-confirm-btn:hover{background:var(--gold-dark)}.guide-steps{background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;margin-bottom:24px}.guide-step{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:.95rem;color:#e2e8f0}.guide-step:last-child{border-bottom:none;padding-bottom:0}.guide-step:first-child{padding-top:0}.guide-step-num{width:24px;height:24px;min-width:24px;border-radius:50%;background:var(--gradient-green-purple);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff}.guide-step code{background:#28b89433;padding:2px 8px;border-radius:4px;font-family:monospace;color:var(--gold-light)}.rules-block{background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:24px 28px;margin-bottom:20px;position:relative}.rules-title{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;color:#e2e8f0;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}.rules-list{margin:0;padding:0 0 0 20px;list-style-type:decimal}.rules-list li{font-family:var(--font-body);font-size:.9rem;color:var(--text-secondary);line-height:1.8;margin-bottom:8px}.rules-list li:last-child{margin-bottom:0}.rules-footer{font-size:.9rem;color:var(--text-secondary);margin:16px 0 0;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.faq-list{display:flex;flex-direction:column;gap:12px}.faq-item{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;overflow:hidden;transition:all .3s ease}.faq-item:hover{background:#ffffff0d;border-color:#ce62504d}.faq-question{font-family:var(--font-body);padding:16px 20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:.95rem;font-weight:600;color:var(--text-primary);-webkit-user-select:none;user-select:none}.faq-icon{font-size:1.2rem;color:var(--accent);font-weight:700;transition:transform .3s ease}.faq-answer{font-family:var(--font-body);padding:0 20px 16px;font-size:.9rem;color:var(--text-secondary);line-height:1.8;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.floating-qrcode-smart{position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:999;transition:all .4s cubic-bezier(.4,0,.2,1)}.floating-qrcode-smart.expanded{background:#0b0c15f2;border:2px solid rgba(206,98,80,.5);border-radius:16px;padding:20px;box-shadow:0 8px 32px #ce62504d,0 0 0 1px #ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);width:280px}.floating-qrcode-smart.collapsed{background:#0b0c15f2;border:2px solid rgba(206,98,80,.6);border-radius:12px;padding:14px 18px;box-shadow:0 4px 20px #ce625066,0 0 16px #ce625033;cursor:pointer;width:auto}.floating-qrcode-smart.collapsed:hover{border-color:#ce6250cc;box-shadow:0 6px 28px #ce625080,0 0 20px #ce62504d;transform:translateY(-50%) scale(1.08)}.qrcode-expanded-content{display:flex;flex-direction:column;gap:16px}.qrcode-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.qrcode-title{font-size:16px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:8px}.qrcode-close-btn{background:none;border:none;color:var(--text-secondary);font-size:24px;line-height:1;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.qrcode-close-btn:hover{background:#ffffff1a;color:var(--text-primary)}.qrcode-tabs{display:flex;gap:8px;background:#ffffff0d;padding:4px;border-radius:8px}.qrcode-tab{flex:1;padding:10px 16px;background:transparent;border:none;border-radius:8px;font-size:14px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .25s ease;position:relative}.qrcode-tab:hover{background:#ffffff1a;color:var(--text-primary);transform:translateY(-1px)}.qrcode-image-container{display:flex;flex-direction:column;align-items:center;gap:12px}.qrcode-image-large{width:180px;height:180px;object-fit:contain;border-radius:12px;background:#fff;box-shadow:0 4px 20px #00000026;padding:8px}.qrcode-desc{font-size:14px;color:#f5f5f5e6;text-align:center;margin:0;font-weight:600;background:linear-gradient(135deg,var(--accent) 0%,#e85a45 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.qrcode-collapsed-content{display:flex;flex-direction:column;align-items:center;gap:4px;color:#ce6250}.qrcode-collapsed-text{font-size:13px;font-weight:700;white-space:nowrap}@media (max-width: 768px){.floating-qrcode-smart{right:10px}.floating-qrcode-smart.expanded{width:240px;padding:16px}.qrcode-image-large{width:150px;height:150px}.qrcode-title{font-size:14px}.qrcode-tab{padding:6px 8px;font-size:12px}}@media (max-width: 375px){.floating-qrcode-smart.expanded{width:200px;padding:12px}.qrcode-image-large{width:130px;height:130px}}.floating-qrcode{position:fixed;right:20px;top:50%;transform:translateY(-50%);background:#0b0c15e6;border:2px solid rgba(239,68,68,.3);border-radius:12px;padding:12px;box-shadow:0 4px 20px #ef444433,0 2px 12px #0000004d;z-index:999;display:flex;flex-direction:column;align-items:center;gap:8px;opacity:.95;transition:all .3s ease}.floating-qrcode:hover{opacity:1;border-color:#ef444480;box-shadow:0 6px 28px #ef444459,0 2px 12px #0006;transform:translateY(-50%) scale(1.05)}.qrcode-image{width:100px;height:100px;object-fit:contain;border-radius:4px}.qrcode-text{font-size:.75rem;color:var(--festive-red);font-weight:600;text-align:center;text-shadow:0 0 8px rgba(239,68,68,.3)}@media (max-width: 768px){.floating-qrcode-smart{position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:999;transition:all .4s cubic-bezier(.4,0,.2,1)}.floating-qrcode-smart.expanded{background:#0b0c15f2;border:2px solid rgba(206,98,80,.6);border-radius:16px;padding:20px;box-shadow:0 10px 40px #ce625066,0 0 0 1px #ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);width:300px}.floating-qrcode-smart.collapsed{background:#0b0c15f2;border:2px solid rgba(206,98,80,.7);border-radius:14px;padding:16px 22px;box-shadow:0 8px 32px #ce625080,0 4px 16px #0000004d,0 0 20px #ce62504d;cursor:pointer;width:auto}.floating-qrcode-smart.collapsed:hover{border-color:#ce6250e6;box-shadow:0 12px 48px #ce625099,0 6px 24px #0006,0 0 28px #ce625066;transform:translateY(-50%) scale(1.08)}.qrcode-expanded-content{display:flex;flex-direction:column;gap:16px}.qrcode-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.qrcode-title{font-size:16px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:8px}.qrcode-close-btn{background:none;border:none;color:var(--text-secondary);font-size:24px;line-height:1;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.qrcode-close-btn:hover{background:#ffffff1a;color:var(--text-primary)}.qrcode-tabs{display:flex;gap:8px;background:#ffffff0d;padding:4px;border-radius:8px}.qrcode-tab{flex:1;padding:10px 16px;background:transparent;border:none;border-radius:8px;font-size:14px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .25s ease;position:relative}.qrcode-tab:hover{background:#ffffff1a;color:var(--text-primary);transform:translateY(-1px)}.qrcode-tab.active{background:linear-gradient(135deg,var(--accent) 0%,#e85a45 100%);color:#fff;box-shadow:0 4px 16px #ce625066;transform:translateY(-1px);font-weight:700}.qrcode-image-container{display:flex;flex-direction:column;align-items:center;gap:12px}.qrcode-image-large{width:180px;height:180px;object-fit:contain;border-radius:12px;background:#fff;box-shadow:0 4px 20px #00000026;padding:8px}.qrcode-desc{font-size:14px;color:#f5f5f5e6;text-align:center;margin:0;font-weight:600;background:linear-gradient(135deg,var(--accent) 0%,#e85a45 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.qrcode-collapsed-content{display:flex;flex-direction:column;align-items:center;gap:4px;color:#ce6250}.qrcode-collapsed-text{font-size:13px;font-weight:700;white-space:nowrap}.floating-qrcode-smart{right:10px}.floating-qrcode-smart.expanded{width:240px;padding:16px}.qrcode-image-large{width:150px;height:150px}.qrcode-title{font-size:14px}.qrcode-tab{padding:6px 8px;font-size:12px}@media (max-width: 375px){.floating-qrcode-smart.expanded{width:200px;padding:12px}.qrcode-image-large{width:130px;height:130px}}.floating-qrcode{right:10px;padding:6px}.qrcode-image{width:70px;height:70px}.qrcode-text{font-size:.65rem}}.floating-address-btn{position:fixed;left:20px;top:50%;transform:translateY(-50%);background:var(--gold-primary);border:none;border-radius:var(--radius-btn);padding:12px 16px;color:#fff;font-family:var(--font-heading);font-size:.9rem;font-weight:700;letter-spacing:.54px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:0 4px 16px var(--gold-glow);z-index:999;transition:all .3s ease}.floating-address-btn:hover{transform:translateY(-50%) scale(1.05);background:var(--gold-dark);box-shadow:0 6px 24px var(--gold-glow-strong)}.floating-address-btn span{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:2px}.address-modal{max-width:560px}.modal-icon.address-icon,.modal-icon.success-icon{background:var(--gradient-green-purple);box-shadow:0 0 24px var(--gold-glow)}.address-form{text-align:left}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.region-row{grid-template-columns:1fr 1fr 1fr}.form-group{display:flex;flex-direction:column;gap:8px}.form-group.full-width{margin-bottom:20px}.form-group label{font-family:var(--font-body);font-size:.85rem;color:var(--text-secondary);font-weight:500}.form-group input,.form-group textarea,.form-group select{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:12px 14px;color:#fff;font-size:.95rem;transition:all .2s;width:100%}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff4d}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--gold-primary);box-shadow:0 0 0 3px #28b89426}.form-group textarea{resize:none;min-height:80px}.select-wrapper{position:relative}.select-wrapper select{-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:36px}.select-wrapper select:disabled{opacity:.5;cursor:not-allowed}.select-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.submit-btn{background:var(--gold-primary);margin-bottom:0}.submit-btn:hover{background:var(--gold-dark);box-shadow:0 4px 24px var(--gold-glow-strong)}.submit-btn:disabled,.submit-btn.disabled{background:#ccc!important;color:#888!important;cursor:not-allowed;box-shadow:none!important;opacity:.7}.address-summary{background:#28b8941a;border:1px solid rgba(40,184,148,.2);border-radius:12px;padding:20px;margin-bottom:24px;text-align:left}.address-summary p{margin:0 0 8px;font-size:.9rem;color:#e2e8f0;line-height:1.6}.address-summary p:last-child{margin-bottom:0}.address-summary strong{color:var(--text-secondary);font-weight:500}.modal-qrcode-section{text-align:center;margin-bottom:24px;background:#ffffff0d;border-radius:12px;padding:16px}.qrcode-notice{font-size:.85rem;color:var(--text-secondary);margin-bottom:12px}.qrcode-wrapper{width:120px;height:120px;margin:0 auto;background:#fff;padding:8px;border-radius:8px}.qrcode-image-modal{width:100%;height:100%;object-fit:contain}@media (max-width: 768px){.app-container{padding:80px 0 24px}.navbar{height:56px}.navbar-content{padding:0 var(--spacing-lg)}.nav-logo{height:28px}.brand-name{font-size:1rem}.nav-auth{gap:8px}.login-btn{padding:6px 12px;font-size:.8rem;border-radius:8px}.hero-section{margin-bottom:0}.hero-content-wrapper{padding:0!important;gap:0}.mascot-container{width:200px;height:200px}.badge-container{gap:var(--spacing-sm)}.badge{padding:4px 12px;font-size:.75rem}.main-title{font-size:1.75rem;margin-bottom:12px}.text-gradient{width:auto;height:auto;font-size:1.4rem;line-height:1.3;display:inline-block;white-space:nowrap}.hero-actions{width:100%}.product-credentials{margin-top:var(--spacing-2xl);gap:var(--spacing-xl);padding:var(--spacing-xl) var(--spacing-2xl)}.credential-item{font-size:14px}.credential-item svg{width:18px;height:18px}.subtitle{font-size:.95rem;margin-bottom:20px}.hero-actions{flex-direction:column;gap:12px;margin-bottom:20px}.hero-primary-btn,.hero-secondary-btn{width:100%;padding:14px 24px;font-size:15px;flex:1}.hero-primary-btn svg,.hero-secondary-btn svg{width:18px;height:18px}.time-banner{padding:6px 14px;font-size:.8rem;gap:6px}.time-banner svg{width:14px;height:14px}.product-credentials{flex-direction:column;align-items:stretch;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl)}.credential-item{font-size:13px;padding:var(--spacing-sm)}.credential-item svg{width:16px;height:16px}.section-header{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:32px}.section-icon-wrapper{width:56px;height:56px;min-width:56px}.section-icon-wrapper svg{width:28px;height:28px}.section-title{font-size:32px}.section-subtitle{font-size:16px}.benefits-section,.referral-section{padding:40px 20px;margin-top:60px;margin-bottom:60px;scroll-margin-top:56px}.activities-grid{gap:16px}.card-content{padding:20px}.card-header{gap:12px;margin-bottom:20px}.icon-box{width:48px;height:48px;border-radius:12px}.icon-box svg{width:22px;height:22px}.header-text h3{font-size:1.1rem}.card-subtitle{font-size:.8rem}.section-label{font-size:.7rem;margin-bottom:10px}.step-item{font-size:.85rem;gap:10px;margin-bottom:10px}.step-circle{width:18px;height:18px;min-width:18px;font-size:.7rem}.divider{margin:16px 0}.reward-box{padding:10px 14px;gap:10px;font-size:.8rem}.gift-icon{min-width:16px;min-height:16px}.action-btn{margin-top:20px;padding:12px;font-size:.9rem;border-radius:var(--radius-btn)}.invite-progress-card{padding:20px;border-radius:16px;margin-bottom:24px}.progress-header{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:16px}.progress-label,.progress-count{font-size:.9rem}.progress-count b{font-size:1.25rem}.progress-bar-container{height:10px;margin-bottom:48px}.milestone{font-size:10px;width:auto}.milestone:before{width:10px;height:10px;top:-16px}.invite-btn{padding:14px;font-size:.9rem;border-radius:10px}.reward-tiers{margin-bottom:24px}.tiers-grid{grid-template-columns:1fr;gap:12px}.tiers-title{font-size:1.1rem;margin-bottom:16px}.tiers-title svg{width:18px;height:18px}.tier-card{padding:16px;border-radius:12px}.tier-header{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:12px}.tier-rank{font-size:1rem}.tier-rank-badge{padding:4px 12px;font-size:11px}.tier-requirement{font-size:12px;padding:4px 10px;margin-bottom:10px}.tier-prize{font-size:14px}.tier-detail{font-size:12px}.tier-gift-image{width:100%;height:auto;margin-top:12px}.tier-gift-image img{max-width:120px;height:auto}.leaderboard{padding:20px;border-radius:16px}.leaderboard-title{font-size:1.1rem;margin-bottom:16px}.leaderboard-title svg{width:18px;height:18px}.leaderboard-list{gap:10px;margin-bottom:16px}.leaderboard-item{padding:12px 14px;border-radius:10px}.rank-badge{width:28px;height:28px;font-size:.8rem;margin-right:12px}.user-name{font-size:.85rem}.invite-count{font-size:.8rem}.invite-steps{gap:12px;margin-bottom:20px}.invite-step{padding:14px;gap:12px}.step-number{width:36px;height:36px;font-size:16px}.step-title{font-size:14px}.step-desc{font-size:11px}.step-arrow{font-size:18px;display:none}.invite-main-btn{padding:16px;font-size:16px}.section-icon-wrapper img{width:80px;height:auto}.my-rank{padding:12px 14px;font-size:.85rem;border-radius:10px}.modal-overlay{padding:16px}.modal-content{padding:28px 20px;border-radius:20px}.modal-close{top:12px;right:16px;font-size:1.25rem}.modal-icon{width:56px;height:56px;margin-bottom:20px}.modal-icon svg{width:26px;height:26px}.modal-title{font-size:1.25rem;margin-bottom:10px}.modal-desc{font-size:.85rem;margin-bottom:20px}.invite-link-box{padding:12px 14px;margin-bottom:16px}.invite-link-text{font-size:.8rem}.copy-btn{padding:14px;font-size:.9rem;border-radius:var(--radius-btn);margin-bottom:16px}.modal-tip{font-size:.75rem}.reward-title{font-size:1.2rem;margin-bottom:16px}.reward-notice{gap:10px;padding:10px 14px;margin-bottom:20px;font-size:.85rem}.notice-icon{width:20px;height:20px;font-size:12px}.rules-section{padding:32px 16px}.rules-block{padding:20px;margin-bottom:20px}.rules-title{font-size:18px;margin-bottom:14px}.rules-list li{font-size:13px;line-height:1.7;margin-bottom:10px}.faq-list{gap:10px}.faq-item{border-radius:10px}.faq-question{padding:14px 16px;font-size:14px}.faq-icon{font-size:18px}.faq-answer{padding:0 16px 14px;font-size:13px;line-height:1.7}.info-footer-container{flex-direction:column;gap:32px;padding:32px 20px}.info-footer-left,.info-footer-center,.info-footer-right{text-align:center;align-items:center}.footer-logo img{height:32px}.footer-desc{font-size:13px}.footer-section-title{font-size:16px}.footer-links li{font-size:14px}.premium-badge{font-size:13px!important;padding:5px 10px!important;border-radius:0 12px 0 10px!important}.floating-address-btn{left:12px;bottom:80px;padding:12px 16px;font-size:13px}.floating-qrcode-smart.collapsed{right:12px;padding:10px 14px}.qrcode-collapsed-text{font-size:11px}.reward-image-box{padding:20px;margin-bottom:16px}.reward-preview-image{width:100px;height:100px}.reward-image-label{font-size:.9rem}.reward-info-box{padding:16px;margin-bottom:20px}.reward-info-title{font-size:.85rem;margin-bottom:12px}.reward-credentials li{font-size:.85rem;padding:6px 0}.guide-steps{padding:16px;margin-bottom:20px}.guide-step{gap:10px;padding:10px 0;font-size:.85rem}.guide-step-num{width:22px;height:22px;min-width:22px;font-size:.7rem}.rules-section{margin:24px 0 40px;padding:0}.rules-block{padding:18px 20px;border-radius:12px;margin-bottom:16px}.rules-title{font-size:1rem;margin-bottom:12px;padding-bottom:10px}.rules-list{padding-left:18px}.rules-list li{font-size:.8rem;line-height:1.7;margin-bottom:6px}.rules-footer{font-size:.8rem;margin-top:12px;padding-top:10px}.footer{font-size:.75rem;padding-top:24px}.floating-address-btn{left:10px;padding:10px 12px;font-size:.8rem;border-radius:10px;gap:6px}.floating-address-btn svg{width:18px;height:18px}.address-modal{max-height:90vh;overflow-y:auto}.form-row{grid-template-columns:1fr;gap:12px;margin-bottom:12px}.region-row{grid-template-columns:1fr}.form-group input,.form-group textarea,.form-group select{padding:10px 12px;font-size:.9rem}.form-group label{font-size:.8rem}.address-summary{padding:16px}.address-summary p{font-size:.85rem}}@media (max-width: 375px){.app-container{padding:72px 0 20px}.main-title{font-size:1.5rem}.text-gradient{font-size:1.15rem;white-space:nowrap}.product-credentials{padding:var(--spacing-md) var(--spacing-lg);gap:var(--spacing-sm)}.credential-item{font-size:11px}.credential-item svg{width:14px;height:14px}.mascot-container{width:160px;height:160px}.card-content{padding:16px}.icon-box{width:42px;height:42px}.header-text h3{font-size:1rem}.tier-card{padding:14px}.modal-content{padding:24px 16px}.floating-qrcode-smart{position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:999;transition:all .4s cubic-bezier(.4,0,.2,1)}.floating-qrcode-smart.expanded{background:#0b0c15f2;border:2px solid rgba(206,98,80,.6);border-radius:16px;padding:20px;box-shadow:0 10px 40px #ce625066,0 0 0 1px #ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);width:300px}.floating-qrcode-smart.collapsed{background:#0b0c15f2;border:2px solid rgba(206,98,80,.7);border-radius:14px;padding:16px 22px;box-shadow:0 8px 32px #ce625080,0 4px 16px #0000004d,0 0 20px #ce62504d;cursor:pointer;width:auto}.floating-qrcode-smart.collapsed:hover{border-color:#ce6250e6;box-shadow:0 12px 48px #ce625099,0 6px 24px #0006,0 0 28px #ce625066;transform:translateY(-50%) scale(1.08)}.qrcode-expanded-content{display:flex;flex-direction:column;gap:16px}.qrcode-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.qrcode-title{font-size:16px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:8px}.qrcode-close-btn{background:none;border:none;color:var(--text-secondary);font-size:24px;line-height:1;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.qrcode-close-btn:hover{background:#ffffff1a;color:var(--text-primary)}.qrcode-tabs{display:flex;gap:8px;background:#ffffff0d;padding:4px;border-radius:8px}.qrcode-tab{flex:1;padding:10px 16px;background:transparent;border:none;border-radius:8px;font-size:14px;font-weight:600;color:var(--text-secondary);cursor:pointer;transition:all .25s ease;position:relative}.qrcode-tab:hover{background:#ffffff1a;color:var(--text-primary);transform:translateY(-1px)}.qrcode-tab.active{background:linear-gradient(135deg,var(--accent) 0%,#e85a45 100%);color:#fff;box-shadow:0 4px 16px #ce625066;transform:translateY(-1px);font-weight:700}.qrcode-image-container{display:flex;flex-direction:column;align-items:center;gap:12px}.qrcode-image-large{width:180px;height:180px;object-fit:contain;border-radius:12px;background:#fff;box-shadow:0 4px 20px #00000026;padding:8px}.qrcode-desc{font-size:14px;color:#f5f5f5e6;text-align:center;margin:0;font-weight:600;background:linear-gradient(135deg,var(--accent) 0%,#e85a45 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.qrcode-collapsed-content{display:flex;flex-direction:column;align-items:center;gap:4px;color:#ce6250}.qrcode-collapsed-text{font-size:13px;font-weight:700;white-space:nowrap}@media (max-width: 768px){.floating-qrcode-smart{right:10px}.floating-qrcode-smart.expanded{width:240px;padding:16px}.qrcode-image-large{width:150px;height:150px}.qrcode-title{font-size:14px}.qrcode-tab{padding:6px 8px;font-size:12px}}.floating-qrcode-smart.expanded{width:200px;padding:12px}.qrcode-image-large{width:130px;height:130px}.floating-qrcode,.floating-address-btn{display:none}}.info-footer-section{width:100%;max-width:1200px;margin:60px 0 20px;background:linear-gradient(180deg,#28b8940a,#0b0c1599);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-2xl);overflow:hidden;position:relative}.info-footer-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(40,184,148,.4),transparent)}.info-footer-container{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:var(--spacing-4xl);padding:var(--spacing-5xl) var(--spacing-4xl);position:relative}.info-footer-left{display:flex;flex-direction:column;gap:var(--spacing-lg)}.footer-logo{display:flex;align-items:center}.footer-logo img{height:36px;width:auto}.footer-desc{font-family:var(--font-body);font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin:0}.info-footer-center{display:flex;flex-direction:column;gap:var(--spacing-lg)}.footer-section-title{font-family:var(--font-heading);font-size:1rem;font-weight:700;color:var(--gold-light);margin:0 0 var(--spacing-sm) 0}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.footer-links li a{font-family:var(--font-body);color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:all .2s ease;display:inline-block}.footer-links li a:hover{color:var(--gold-primary);transform:translate(4px)}.info-footer-right{display:flex;flex-direction:column;gap:var(--spacing-lg);position:relative}.footer-website-links{display:flex;flex-direction:column;gap:var(--spacing-md)}.website-link-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm);background:#ffffff05;border-radius:8px;transition:all .2s ease}.website-link-item:hover{background:#28b89414}.website-icon{font-size:20px;line-height:1}.website-info{flex:1;display:flex;flex-direction:column;gap:4px}.website-label{font-family:var(--font-body);font-size:.8rem;color:var(--text-secondary);font-weight:500}.website-url{font-family:var(--font-body);font-size:.85rem;color:var(--gold-light);text-decoration:none;word-break:break-all;transition:color .2s ease}.website-url:hover{color:var(--gold-primary);text-decoration:underline}.back-to-top-btn{position:absolute;bottom:0;right:0;width:48px;height:48px;border-radius:12px;background:#28b89426;border:1px solid rgba(40,184,148,.3);color:var(--gold-light);font-size:20px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.back-to-top-btn:hover{background:var(--gold-primary);border-color:var(--gold-primary);color:#fff;transform:translateY(-4px);box-shadow:0 4px 16px var(--gold-glow)}.footer-copyright{padding:var(--spacing-2xl) var(--spacing-4xl);border-top:1px solid rgba(255,255,255,.08);background:#0b0c1566;text-align:center}.footer-copyright p{margin:0;font-size:.8rem;color:var(--text-secondary);line-height:1.6}.footer-attribution{margin-top:8px!important;font-size:.75rem!important;opacity:.7}@media (max-width: 1024px){.info-footer-container{grid-template-columns:1fr;gap:var(--spacing-3xl);padding:var(--spacing-4xl) var(--spacing-3xl)}.back-to-top-btn{position:static;margin-top:var(--spacing-lg);align-self:flex-start}}@media (max-width: 768px){.info-footer-section{margin:40px 0 20px;border-radius:var(--radius-xl)}.info-footer-container{padding:var(--spacing-3xl) var(--spacing-2xl);gap:var(--spacing-2xl)}.footer-logo img{height:28px}.footer-desc{font-size:.85rem}.footer-section-title{font-size:.95rem}.footer-links li a{font-size:.85rem}.website-link-item{padding:var(--spacing-xs)}.website-icon{font-size:18px}.website-label{font-size:.75rem}.website-url{font-size:.8rem}.back-to-top-btn{width:44px;height:44px;font-size:18px}.footer-copyright{padding:var(--spacing-xl) var(--spacing-lg)}.footer-copyright p{font-size:.75rem}.footer-attribution{font-size:.7rem!important}}@media (max-width: 375px){.info-footer-container{padding:var(--spacing-2xl) var(--spacing-lg)}.footer-copyright{padding:var(--spacing-lg)}}.footer{text-align:center;color:var(--text-secondary);font-size:.875rem;margin-top:auto;padding-top:40px}.image-preview-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease}.image-preview-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.image-preview-close{position:absolute;top:20px;right:20px;width:48px;height:48px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10002}.image-preview-close:hover{background:#fff3;transform:rotate(90deg)}.image-preview-content{position:relative;z-index:10001;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;align-items:center;gap:16px;animation:scaleIn .3s ease}.image-preview-content img{max-width:100%;max-height:80vh;object-fit:contain;border-radius:12px;box-shadow:0 8px 32px #00000080}.image-preview-title{color:#fff;font-size:1.2rem;font-weight:600;margin:0;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.5)}.tier-gift-image{cursor:pointer;transition:all .3s ease;position:relative}.tier-gift-image:after{content:"🔍";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:32px;opacity:0;transition:all .3s ease;pointer-events:none}.tier-gift-image:hover{transform:scale(1.05)}.tier-gift-image:hover:after{opacity:1}.tier-gift-image:hover img{filter:brightness(.7)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.image-preview-close{top:10px;right:10px;width:40px;height:40px}.image-preview-content img{max-height:70vh}.image-preview-title{font-size:1rem}.tier-gift-image:after{font-size:24px}}.invite-record-modal{background:linear-gradient(180deg,#0b0c15fa,#141624fa);border:1px solid rgba(40,184,148,.3);border-radius:var(--radius-2xl);padding:var(--spacing-4xl);max-width:800px;width:90%;max-height:85vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #00000080}.invite-record-table{width:100%;border-collapse:collapse;margin:var(--spacing-2xl) 0;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);overflow:hidden}.table-header{background:#28b89426;color:var(--gold-light)}.table-header th{font-weight:600;border-bottom:1px solid rgba(255,255,255,.1)}.table-body{background:#ffffff05}.table-row{border-bottom:1px solid rgba(255,255,255,.05);transition:background .2s ease}.table-row:hover{background:#28b89414}.table-row:last-child{border-bottom:none}.table-cell{font-family:var(--font-body);padding:var(--spacing-md) var(--spacing-lg);text-align:center;font-size:.9rem;color:var(--text-primary)}.invite-record-table th:nth-child(1),.invite-record-table td:nth-child(1){width:21%}.invite-record-table th:nth-child(2),.invite-record-table td:nth-child(2){width:32%}.invite-record-table th:nth-child(3),.invite-record-table td:nth-child(3){width:26%}.invite-record-table th:nth-child(4),.invite-record-table td:nth-child(4){width:21%}.table-header .table-cell{font-size:.95rem}.status-badge{padding:4px 12px;border-radius:12px;font-size:.85rem;font-weight:500;display:inline-block}.status-active{background:#28b89433;color:var(--gold-light);border:1px solid rgba(40,184,148,.4)}.status-inactive{background:#9ca3af33;color:#9ca3af;border:1px solid rgba(156,163,175,.4)}.invite-count{font-weight:600;font-size:.95rem}.has-invite{color:var(--gold-light)}.no-invite{color:#9ca3af}.invite-record-summary{margin-top:var(--spacing-2xl);padding:var(--spacing-lg);background:#28b8941a;border:1px solid rgba(40,184,148,.2);border-radius:var(--radius-lg);display:flex;justify-content:space-around;gap:var(--spacing-lg)}.summary-item{display:flex;flex-direction:column;align-items:center;gap:8px}.summary-label{font-size:.9rem;color:var(--text-secondary)}.summary-value{font-size:1.5rem;font-weight:700;color:var(--gold-light)}@media (max-width: 768px){.invite-record-modal{padding:var(--spacing-3xl) var(--spacing-2xl);max-width:95%;max-height:90vh}.table-header,.table-row{grid-template-columns:1fr;gap:8px}.table-cell{padding:var(--spacing-sm) var(--spacing-sm);justify-content:flex-start;border-bottom:1px solid rgba(255,255,255,.05)}.invite-record-table td:nth-child(1).table-cell{overflow-wrap:break-word;word-break:break-all}.table-row{padding:var(--spacing-sm) 0;margin-bottom:var(--spacing-sm);background:#ffffff05;border-radius:8px}.summary-value{font-size:1.3rem}}.activity-info-modal{background:linear-gradient(180deg,#0b0c15fa,#141624fa);border:1px solid rgba(206,98,80,.3);border-radius:var(--radius-2xl);padding:var(--spacing-4xl);max-width:700px;width:90%;max-height:85vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #00000080}.activity-info-content{margin-top:var(--spacing-3xl)}.info-section{margin-bottom:var(--spacing-3xl);padding-bottom:var(--spacing-2xl);border-bottom:1px solid rgba(255,255,255,.08)}.info-section:last-child{border-bottom:none;margin-bottom:0}.info-title{font-size:1.25rem;font-weight:700;color:var(--accent);margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:8px}.info-text{font-size:1rem;color:var(--text-secondary);line-height:1.6;margin:0}.info-list{list-style:none;padding:0;margin:0}.info-list li{padding:var(--spacing-md) 0;color:var(--text-secondary);line-height:1.6;font-size:.95rem}.info-list li strong{color:var(--text-primary);font-weight:600}.info-list.warning li{padding-left:var(--spacing-lg);position:relative}.info-list.warning li:before{content:"•";position:absolute;left:0;color:var(--accent);font-weight:700}.activity-ways{display:grid;gap:var(--spacing-lg)}.way-item{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all .3s ease}.way-item:hover{background:#ffffff0f;border-color:#ce62504d;transform:translateY(-2px)}.way-badge{display:inline-block;background:linear-gradient(135deg,var(--accent) 0%,#e85a45 100%);color:#fff;padding:4px 12px;border-radius:var(--radius-md);font-size:.85rem;font-weight:600;margin-bottom:var(--spacing-md)}.way-desc{color:var(--text-secondary);line-height:1.6;margin:0;font-size:.95rem}.way-desc strong{color:var(--text-primary);display:block;margin-bottom:4px;font-size:1rem}.modal-footer{margin-top:var(--spacing-3xl);padding-top:var(--spacing-2xl);border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:center}.modal-btn{padding:var(--spacing-md) var(--spacing-3xl);border:none;border-radius:var(--radius-lg);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.modal-btn.primary{background:linear-gradient(135deg,var(--accent) 0%,#e85a45 100%);color:#fff;box-shadow:0 4px 16px #ce625066}.modal-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #ce625099}@media (max-width: 768px){.activity-info-modal{padding:var(--spacing-3xl) var(--spacing-2xl);max-width:95%}.info-title{font-size:1.1rem}.info-text,.info-list li,.way-desc{font-size:.9rem}.activity-ways{gap:var(--spacing-md)}.way-item{padding:var(--spacing-md)}}:root{--bg-color: #0b0c0f;--bg-secondary: #101114;--bg-tertiary: #15171d;--card-bg: rgba(255, 255, 255, .04);--card-bg-hover: rgba(255, 255, 255, .06);--card-border: transparent;--text-primary: rgba(245, 245, 245, .96);--text-secondary: rgba(245, 245, 245, .68);--text-tertiary: rgba(245, 245, 245, .48);--accent: #ce6250;--accent-dark: #b85647;--accent-glow: rgba(206, 98, 80, .22);--accent-glow-strong: rgba(206, 98, 80, .35);--gold-primary: var(--accent);--gold-light: var(--text-primary);--gold-dark: var(--accent-dark);--gold-glow: var(--accent-glow);--gold-glow-strong: var(--accent-glow-strong);--cyber-blue: rgba(245, 245, 245, .78);--cyber-blue-dark: rgba(245, 245, 245, .92);--cyber-blue-glow: rgba(255, 255, 255, .1);--festive-red: var(--accent);--festive-red-glow: var(--accent-glow);--gradient-gold: linear-gradient( 135deg, var(--accent) 0%, rgba(206, 98, 80, .92) 100% );--gradient-cyber: linear-gradient( 135deg, rgba(255, 255, 255, .1) 0%, rgba(255, 255, 255, .04) 100% );--gradient-festive: linear-gradient( 135deg, var(--accent) 0%, rgba(206, 98, 80, .88) 100% );--gradient-card: linear-gradient( 135deg, rgba(255, 255, 255, .06) 0%, rgba(255, 255, 255, .03) 100% );--gradient-green-purple: linear-gradient( 135deg, rgba(206, 98, 80, 1) 0%, rgba(206, 98, 80, .8) 100% )}body{background-color:var(--bg-color);color:var(--text-primary)}.background-gradient{z-index:-2;background:radial-gradient(circle at 18% 10%,rgba(206,98,80,.14),transparent 44%),radial-gradient(circle at 70% 18%,rgba(0,212,255,.1),transparent 40%),radial-gradient(circle at 12% 78%,rgba(139,92,246,.08),transparent 46%),radial-gradient(circle at 78% 85%,rgba(255,255,255,.05),transparent 58%),radial-gradient(circle at 50% 105%,rgba(206,98,80,.1),transparent 45%)}.background-gradient:before{background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0,rgba(255,255,255,.05) 1px,transparent 1px,transparent 84px),repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0,rgba(255,255,255,.05) 1px,transparent 1px,transparent 84px),radial-gradient(2px 2px at 20% 30%,rgba(255,255,255,.14),transparent),radial-gradient(1px 1px at 65% 68%,rgba(255,255,255,.12),transparent),radial-gradient(1px 1px at 48% 52%,rgba(206,98,80,.2),transparent),radial-gradient(2px 2px at 82% 18%,rgba(255,255,255,.1),transparent);opacity:.14;mix-blend-mode:screen}.background-gradient:after{content:"";position:absolute;right:-260px;bottom:-320px;width:760px;height:760px;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.14),transparent 30%),radial-gradient(circle at 45% 65%,rgba(0,212,255,.16),transparent 45%),radial-gradient(circle at 70% 35%,rgba(139,92,246,.12),transparent 46%),conic-gradient(from 220deg,#00d4ff00,#00d4ff24,#8b5cf61a,#ce625014,#00d4ff00);box-shadow:inset 0 0 0 1px #ffffff0f,0 0 120px #00d4ff1a,0 0 160px #8b5cf614;opacity:.85;-webkit-mask-image:radial-gradient(circle at 42% 48%,rgba(0,0,0,1) 0 62%,transparent 74%);mask-image:radial-gradient(circle at 42% 48%,rgba(0,0,0,1) 0 62%,transparent 74%)}body:before{content:"</>   { }   AI   01";position:fixed;top:18%;left:8%;z-index:-1;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-weight:700;font-size:72px;letter-spacing:.12em;white-space:pre;color:#ffffff0f;text-shadow:0 0 24px rgba(0,212,255,.1),0 0 34px rgba(139,92,246,.08);transform:rotate(-8deg)}@media (max-width: 768px){body:before{display:none}.background-gradient:after{width:520px;height:520px;right:-240px;bottom:-260px;opacity:.65}}.navbar{background:#00000059;border-bottom:none}.nav-link{color:#f5f5f5b3}.nav-link:hover,.nav-link.active{color:#f5f5f5f5}.login-btn.primary{background:#ffffff0f;border:none;color:#f5f5f5e6}.login-btn.primary:hover{background:#ffffff1a;color:#f5f5f5fa}.login-btn.download-btn{background:var(--accent);border:none;color:#0b0c0f;box-shadow:0 10px 30px #ce625040}.login-btn.download-btn:hover{background:var(--accent-dark);color:#0b0c0f;box-shadow:0 14px 38px #ce62504d}.hero-section{max-width:none;border-radius:0;padding:0;margin-bottom:0!important;background:var(--accent)}.hero-content-wrapper{display:block}.hero-time-pill{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;border-radius:20px;background:linear-gradient(135deg,#fff5f5a6,#ffebeb8c);border:1.5px solid rgba(200,40,50,.75);color:#8b1820;font-size:12px;font-weight:700;letter-spacing:.01em;margin:14px 0 22px;box-shadow:0 2px 12px #c828322e,inset 0 1px 2px #ffffff4d;position:relative;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap}.hero-time-pill:before{content:"📅︎";font-size:14px;display:inline-block;filter:grayscale(0);opacity:.9}.hero-top-grid{display:grid;--hero-top-block-h: clamp(216px, 20vw, 264px);grid-template-columns:minmax(640px,2fr) minmax(700px,3fr);gap:40px;align-items:start}.hero-title-col,.hero-rewards-col{height:var(--hero-top-block-h)}.hero-mega-title{height:auto;margin:0;color:#0b0c0f;font-family:var(--font-heading);font-weight:900;line-height:.9;letter-spacing:-.02em;display:flex;flex-direction:column;justify-content:flex-start;gap:clamp(18px,2vw,28px)}.hero-title-line1{display:flex;gap:14px;flex-wrap:nowrap;align-items:baseline;white-space:nowrap}.hero-title-buddy,.hero-title-text{font-size:clamp(50.5px,6.68vw,99.3px)}.hero-title-line2{white-space:nowrap;font-size:clamp(59.6px,7.45vw,119.1px);display:inline-block;transform-origin:left center;transform:scaleX(1.03)}.hero-rewards-col{padding-top:0;height:var(--hero-top-block-h)}.hero-rewards-mascot-wrapper{height:100%;display:flex;align-items:center;justify-content:flex-start;gap:4px}.hero-reward-list{flex:0 0 auto;margin:0;padding:0;list-style:none;color:#0b0c0feb;font-weight:800;display:flex;flex-direction:column;justify-content:space-between;line-height:1.38;font-size:18px;height:100%}.hero-reward-list li{margin:0;white-space:nowrap;display:flex;align-items:center;justify-content:flex-start;gap:12px}.hero-reward-list li:after{content:"⤵";display:inline-block;font-size:14px;font-weight:600;opacity:.5;margin-left:0;transform:translateY(1px)}.hero-reward-more{letter-spacing:.2em}.hero-reward-more:after{content:"";width:0;height:0;margin:0;border:0;transform:none}.hero-mascot-panel{height:100%;background:transparent;border-radius:0;padding:0;min-height:0;display:flex;align-items:center;justify-content:flex-end;position:relative}.hero-mascot-caption{display:none}.hero-mascot-col{flex:0 0 auto;display:flex;justify-content:flex-start;align-items:center}.hero-mascot-image{width:clamp(320px,27vw,400px);max-width:100%;height:auto;object-fit:contain;animation:float 5s ease-in-out infinite;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.hero-mascot-image:hover{transform:scale(1.05);animation-play-state:paused}.hero-bottom-grid{margin-top:28px;display:grid;grid-template-columns:1.55fr 320px 1.25fr;gap:22px;align-items:start}.hero-primary-actions-col{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.hero-primary-actions-col .hero-cta-btn{width:320px}.hero-cred-list{margin:0;padding:0;list-style:none;color:#0b0c0fdb;font-weight:800;line-height:1.65}.hero-cred-list li{margin:6px 0;padding:10px 16px;border-radius:12px;background:linear-gradient(90deg,rgba(255,255,255,.18) 0%,rgba(255,255,255,.06) 60%,transparent 100%);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;gap:10px;position:relative;overflow:hidden}.hero-cred-list li:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#fff9,#fff3);border-radius:3px 0 0 3px}.hero-cred-list li:after{content:"";flex-shrink:0;width:18px;height:18px;background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.85;order:-1;margin-left:4px}.hero-cred-list li:nth-child(1):after{content:"💻";width:auto;height:auto;font-size:18px;background:none}.hero-cred-list li:nth-child(2):after{content:"👥";width:auto;height:auto;font-size:18px;background:none}.hero-cred-list li:nth-child(3):after{content:"⭐";width:auto;height:auto;font-size:18px;background:none}.hero-cta-btn{height:76px;font-size:26px;font-weight:900;border-radius:var(--radius-btn);justify-content:center;white-space:nowrap}.hero-secondary-btn.hero-cta-btn{height:76px}.hero-download-link{display:block;text-align:center;margin-top:10px;padding-bottom:10px}@media (max-width: 1200px){.hero-top-grid{grid-template-columns:1fr 1fr}.hero-title-col,.hero-rewards-col{height:auto}.hero-mega-title{height:auto;justify-content:flex-start;gap:14px}.hero-reward-list{height:auto;display:block}.hero-reward-list li{margin:6px 0}.hero-mascot-panel{height:auto;justify-content:center}.hero-mascot-col{grid-column:1 / -1}.hero-mascot-image{width:min(380px,78vw);max-width:min(380px,78vw)}.hero-bottom-grid{grid-template-columns:1fr;gap:16px;align-items:stretch}.hero-primary-actions-col{gap:12px}.hero-cta-btn{height:48px!important;font-size:22px}}@media (max-width: 768px){.hero-top-grid{grid-template-columns:1fr;gap:20px;padding:0}.hero-title-col,.hero-rewards-col,.hero-mascot-col{height:auto;padding:0}.hero-mega-title{height:auto;justify-content:flex-start;gap:8px;padding:20px 0 16px}.hero-title-buddy,.hero-title-text{font-size:clamp(36px,9vw,56px);line-height:1.1}.hero-title-line2{font-size:clamp(40px,10vw,64px);line-height:1.1}.hero-reward-list{height:auto;display:flex;flex-direction:column;gap:8px;font-size:14px;padding:16px 0}.hero-reward-list li{margin:0;padding:8px 12px;background:#0000000d;border-radius:8px}.hero-mascot-panel{height:auto;justify-content:center;padding:16px 0 24px}.hero-mascot-image{width:min(280px,70vw);max-width:min(280px,70vw);height:auto}.hero-cta-row{grid-template-columns:1fr;gap:12px;padding:20px 16px 32px}.hero-cta-item{padding:16px}.hero-cta-title{font-size:16px}.hero-cta-subtitle{font-size:12px}.hero-cta-btn{padding:10px 20px;font-size:14px}}.hero-section:before{display:none}.hero-section:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(circle at 70% 25%,rgba(255,255,255,.18),transparent 44%),radial-gradient(circle at 18% 78%,rgba(0,0,0,.22),transparent 50%),repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0,rgba(0,0,0,.18) 1px,transparent 1px,transparent 84px),repeating-linear-gradient(90deg,rgba(0,0,0,.14) 0,rgba(0,0,0,.14) 1px,transparent 1px,transparent 84px);opacity:.22;mix-blend-mode:multiply}.hero-content-wrapper{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 var(--spacing-4xl);padding-top:8px;padding-bottom:48px}.hero-section .main-title,.hero-section .text-gradient{color:#0b0c0f}.hero-section .subtitle{color:#0b0c0fb8}.hero-section .download-hint{color:#0b0c0fc7;text-decoration-color:#0b0c0f73}.hero-section .download-hint:hover{color:#0b0c0feb}.badge,.time-banner{border:none;background:#0000001a;color:#0b0c0fe0}.hero-section .credential-item svg{color:#0b0c0fcc}.hero-primary-btn{background:#0b0c0f;color:#f5f5f5f5;box-shadow:0 12px 36px #00000047}.hero-primary-btn:hover{transform:translateY(-2px);background:#111319;box-shadow:0 16px 44px #00000057}.hero-secondary-btn{background:#0000001f;border:none;color:#0b0c0fe6}.hero-secondary-btn:hover{background:#0000002e;box-shadow:none;transform:translateY(-2px);color:#0b0c0ffa}.benefits-section,.referral-section,.rules-section,.info-footer-section{width:100%;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);border:none;box-shadow:inset 0 1px #ffffff0d,inset 0 -1px #000000a6;border-radius:0!important;position:relative;overflow:hidden;isolation:isolate}.benefits-section:before,.referral-section:before,.rules-section:before,.info-footer-section:before{display:none!important}.benefits-section:after,.referral-section:after,.rules-section:after,.info-footer-section:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:radial-gradient(circle at 14% 8%,rgba(0,212,255,.22),transparent 46%),radial-gradient(circle at 86% 22%,rgba(139,92,246,.18),transparent 50%),radial-gradient(circle at 72% 92%,rgba(206,98,80,.14),transparent 52%),linear-gradient(180deg,transparent 0%,rgba(0,212,255,.1) 18%,transparent 36%,transparent 64%,rgba(206,98,80,.08) 82%,transparent 100%),repeating-linear-gradient(0deg,rgba(255,255,255,.1) 0,rgba(255,255,255,.1) 1px,transparent 1px,transparent 88px),repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0,rgba(255,255,255,.08) 1px,transparent 1px,transparent 88px);background-position:0 0,0 0,0 0,0 0,0 0,0 0;opacity:.22;filter:saturate(1.15);animation:tech-pan 16s linear infinite}.referral-section:after,.info-footer-section:after{opacity:.26}@keyframes tech-pan{0%{background-position:0 0,0 0,0 0,0 0,0 0,0 0}to{background-position:120px 40px,-80px 60px,60px -40px,0 220px,0 180px,180px 0}}.benefits-section{background:radial-gradient(circle at 10% 15%,rgba(0,212,255,.12),transparent 46%),radial-gradient(circle at 78% 22%,rgba(139,92,246,.1),transparent 50%),radial-gradient(circle at 62% 110%,rgba(206,98,80,.09),transparent 55%),linear-gradient(180deg,rgba(255,255,255,.04),transparent 55%),#090a0d;padding:56px 0;margin-bottom:0!important}.referral-section{background:radial-gradient(circle at 12% 12%,rgba(0,212,255,.14),transparent 48%),radial-gradient(circle at 86% 24%,rgba(139,92,246,.12),transparent 52%),radial-gradient(circle at 68% 100%,rgba(206,98,80,.1),transparent 58%),linear-gradient(180deg,rgba(255,255,255,.05),transparent 55%),#161a22;padding:56px 0;margin-bottom:0!important}.rules-section{background:radial-gradient(circle at 14% 10%,rgba(0,212,255,.1),transparent 52%),radial-gradient(circle at 80% 18%,rgba(139,92,246,.08),transparent 58%),linear-gradient(180deg,rgba(255,255,255,.03),transparent 55%),#090a0d;padding:56px 0;margin:0!important}.info-footer-section{background:radial-gradient(circle at 18% 18%,rgba(0,212,255,.12),transparent 54%),radial-gradient(circle at 84% 28%,rgba(139,92,246,.1),transparent 58%),linear-gradient(180deg,rgba(255,255,255,.04),transparent 60%),#161a22;padding:0;margin:0!important}.benefits-section>*,.referral-section>*,.rules-section>*,.info-footer-section>*{position:relative;z-index:1;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:var(--spacing-4xl);padding-right:var(--spacing-4xl)}@media (max-width: 960px){.benefits-section>*,.referral-section>*,.rules-section>*,.info-footer-section>*{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}}@media (max-width: 768px){.benefits-section>*,.referral-section>*,.rules-section>*,.info-footer-section>*{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.benefits-section,.referral-section,.rules-section,.info-footer-section{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}}.section-title{background:none;-webkit-text-fill-color:initial;color:#f5f5f5f5}.benefits-section .section-title{color:#fffffffa;text-shadow:0 2px 12px rgba(100,150,200,.3)}.benefits-section .section-subtitle{color:#c8dcf0d9}.rules-link{border:1px solid rgba(255,120,100,.3)!important;background:#ff786414!important}.rules-link:hover{border-color:#ff786480!important;background:#ff786426!important}.gift-card,.activity-card,.invite-progress-card,.invite-rules-card,.reward-tiers-new,.leaderboard-new,.rules-block,.invite-record-modal,.modal-content{border:none;box-shadow:none;background:var(--card-bg)}.gift-card:hover,.activity-card:hover,.tier-item:hover,.leaderboard-item-new:hover,.leaderboard-item:hover{background:var(--card-bg-hover)}.copy-btn,.invite-btn,.invite-main-btn,.submit-btn,.claim-reward-btn,.gift-btn-red,.gift-btn-premium,.green-btn,.purple-btn,.red-btn{background:var(--accent);color:#0b0c0f;border:none;box-shadow:0 10px 28px #ce62502e;white-space:nowrap}.copy-btn:hover,.invite-btn:hover,.invite-main-btn:hover,.submit-btn:hover,.claim-reward-btn:hover,.gift-btn-red:hover,.gift-btn-premium:hover,.green-btn:hover,.purple-btn:hover,.red-btn:hover{background:var(--accent-dark);box-shadow:0 14px 36px #ce625038;transform:translateY(-2px)}.invite-record-btn,.gift-btn-purple{background:#ffffff0f;color:#f5f5f5eb;border:none;box-shadow:none;white-space:nowrap}.invite-record-btn:hover,.gift-btn-purple:hover{background:#ffffff1a;transform:translateY(-2px);border-color:#28b89480}.card-glow.green,.card-glow.purple,.card-glow.red{background:var(--accent);opacity:.1}.icon-box.green,.icon-box.purple,.icon-box.red{box-shadow:0 0 22px #ce625038}.step-circle.green,.step-circle.purple,.step-circle.red{background:#ce625033;color:#f5f5f5f5}.reward-box{border:none;background:#00000038}.reward-box.green-bg,.reward-box.purple-bg,.reward-box.red-bg{border:none}.gift-card-premium .gift-btn-premium{background:linear-gradient(135deg,gold,#f59e0b);color:#1a1a1a;font-weight:700;border:none;box-shadow:0 4px 16px #d4af3780}.gift-card-premium .gift-btn-premium:hover{background:linear-gradient(135deg,#ffed4e,#fbbf24);box-shadow:0 8px 32px #d4af37b3;transform:translateY(-2px)}.gift-card-premium .gift-title-premium{background:linear-gradient(135deg,gold,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gift-card-premium .gift-card-desc{color:#b4b4b4d9}.gift-card-premium .reward-label{color:#b4b4b4bf}.gift-card-premium .reward-content,.gift-card-premium .reward-item{color:#dcdcdce6}.gift-card-premium .reward-item:before{color:#ffd764f2}.gift-card-premium .reward-extra{color:#fbbf24;border-top-color:#785a3266}.gift-card-premium .benefit-icon-wrapper,.gift-card-premium .gift-icon-wrapper,.gift-card-premium .reward-image,.gift-card-premium .benefit-icon-large,.gift-card-premium .credits-display{background:transparent!important;filter:none!important;box-shadow:none!important}.gift-card-premium .benefit-card{cursor:pointer;background:linear-gradient(135deg,#af8c50c7,#967846b8);border:2px solid rgba(255,215,0,.22);box-shadow:0 6px 16px #00000038,inset 0 1px #ffffff1a;border-radius:16px;padding:20px 16px}.gift-card-premium .benefit-card:hover{background:linear-gradient(135deg,#b9965ad1,#a0824bc2);border-color:#ffd7004d;box-shadow:0 8px 24px #00000059,inset 0 1px #f0d29666;transform:translateY(-4px)}.gift-icon.green-text,.gift-icon.purple-text,.gift-icon.red-text{color:var(--accent)}.progress-count b,.invite-count,.my-rank-value,.tiers-title,.leaderboard-title,.footer-section-title,.website-url{color:#f5f5f5eb}.progress-bar{background:var(--gradient-green-purple);box-shadow:0 0 12px #ce625038}code{color:var(--accent)}.invite-link-box,.reward-info-box,.guide-steps,.form-group input,.form-group textarea,.form-group select,.invite-record-table{border:none}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;box-shadow:0 0 0 2px #ce625066}.invite-link-text{color:#f5f5f5db}.qrcode-tab.active{background:linear-gradient(135deg,var(--accent) 0%,#e85a45 100%);color:#fff;box-shadow:0 4px 16px #ce625066;transform:translateY(-1px);font-weight:700}.qrcode-collapsed-content,.footer-links li a:hover,.website-url:hover{color:var(--accent)}.website-link-item:hover{background:#ffffff0d}.back-to-top-btn{background:#ffffff0f;border:none;color:#f5f5f5e6}.back-to-top-btn:hover{background:var(--accent);color:#0b0c0f}.gift-reward-box{background:#00000038;border:none}.gift-card-premium .gift-reward-box{background:#64503c80;border:1px solid rgba(255,215,0,.25)}.gift-card-premium .reward-image-premium-simple{border:none}.gift-card-premium .cloud-name{color:#ffebc8e6;text-shadow:0 2px 10px rgba(0,0,0,.28)}.gift-card-premium .cloud-spec{color:#ffdc96eb}.gift-card-premium .benefit-label{color:#ffdc96e6}.gift-card-premium .annual-badge{box-shadow:0 2px 8px #fbbf2466}.gift-card-premium .credits-amount{background:linear-gradient(135deg,gold,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.benefit-mascot .benefit-icon-large{border:none}.copy-btn.copied{background:#ffffff24;color:#f5f5f5eb;box-shadow:none}.copy-btn.copied:hover{background:#ffffff2e;transform:none}.server-title{color:#f5f5f5eb}.server-tag{background:#ffffff14;border:none;color:#f5f5f5c7}.light.green,.light.blue,.light.purple{background:var(--accent);box-shadow:0 0 8px #ce625073,0 0 14px #ce62503d}.bar{background:#f5f5f58c}.rank-badge-new{background:#ffffff14;color:#f5f5ffeb}.leaderboard-item-new.rank-1 .rank-badge-new,.leaderboard-item-new.rank-2 .rank-badge-new,.leaderboard-item-new.rank-3 .rank-badge-new,.leaderboard-item-new.rank-4 .rank-badge-new,.leaderboard-item-new.rank-5 .rank-badge-new{background:#ce6250;color:#0b0c0f;box-shadow:0 2px 8px #ce625066}.has-invite{color:var(--accent)}.milestone.completed{color:#f5f5f5eb}.milestone.completed:before{background:var(--accent);border-color:var(--accent);box-shadow:0 0 12px #ce625059}.modal-notice{background:#ce62501a;border:none;color:#f5f5f5e0}.table-header{background:#ffffff0d;border-bottom:none;color:#f5f5f5bf}.table-row:hover{background:#ffffff0f}.status-active{background:#ce625029;color:#f5f5f5eb;border:none}.status-inactive{background:#ffffff14;color:#f5f5f5b8;border:none}