.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:6rem 2rem 4rem}.hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 20% 50%,rgba(230,57,70,0.15) 0,transparent 50%),radial-gradient(ellipse at 80% 50%,rgba(244,162,97,0.1) 0,transparent 50%),linear-gradient(180deg,var(--dark) 0,#0a1628 100%)}.hero-bg-image{position:absolute;inset:0;background-image:url('keyframes/01_hero首帧_城市探险开启.webp');background-size:cover;background-position:center;opacity:.35;filter:blur(3px)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(230,57,70,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(230,57,70,0.03) 1px,transparent 1px);background-size:60px 60px;animation:gridMove 20s linear infinite}@keyframes gridMove{0%{transform:translateY(0)}100%{transform:translateY(60px)}}.hero-particles{position:absolute;inset:0;overflow:hidden;pointer-events:none}.particle{position:absolute;width:4px;height:4px;background:var(--primary);border-radius:50%;opacity:0;animation:float 15s infinite}.particle:nth-child(1){left:10%;animation-delay:0s;animation-duration:20s}.particle:nth-child(2){left:20%;animation-delay:2s;animation-duration:18s}.particle:nth-child(3){left:30%;animation-delay:4s;animation-duration:22s}.particle:nth-child(4){left:40%;animation-delay:1s;animation-duration:16s}.particle:nth-child(5){left:50%;animation-delay:3s;animation-duration:24s}.particle:nth-child(6){left:60%;animation-delay:5s;animation-duration:20s}.particle:nth-child(7){left:70%;animation-delay:2.5s;animation-duration:18s}.particle:nth-child(8){left:80%;animation-delay:1.5s;animation-duration:22s}.particle:nth-child(9){left:90%;animation-delay:4.5s;animation-duration:20s}.product-price{font-size:.88rem;font-weight:700;color:var(--primary,#e63946);margin:.5rem 0;padding:.35rem .75rem;background:rgba(230,57,70,.06);border-radius:6px;display:inline-block}.hero-side-text{position:fixed;bottom:0;z-index:5;font-size:.9rem;font-weight:500;color:var(--primary);writing-mode:vertical-rl;letter-spacing:5px;opacity:.6;text-shadow:0 2px 10px rgba(0,0,0,0.5);white-space:nowrap;pointer-events:none;user-select:none;padding:1rem .5rem;height:50vh;display:flex;align-items:center}.hero-side-text.left{left:.75rem;text-orientation:mixed}.hero-side-text.left::after{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:2px;height:40%;background:linear-gradient(to bottom,transparent,var(--primary));opacity:.2}.hero-side-text.right{right:.75rem;text-orientation:mixed}.hero-side-text.right::after{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:2px;height:40%;background:linear-gradient(to bottom,transparent,var(--primary));opacity:.2}.hero-content{position:relative;z-index:10;text-align:center;max-width:800px;padding:0 1.5rem}.hero-badge{display:inline-flex;align-items:center;gap:.6rem;background:linear-gradient(135deg,rgba(230,57,70,0.15),rgba(244,162,97,0.1));border:1px solid rgba(230,57,70,0.4);padding:.5rem 1.25rem .5rem 1rem;border-radius:var(--radius-full);font-size:.85rem;color:var(--primary);margin-bottom:2.5rem;animation:fadeInUp .8s ease-out;font-weight:500;letter-spacing:.5px}.hero-badge .badge-dot{width:8px;height:8px;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:50%;animation:pulse 2s infinite;box-shadow:0 0 10px rgba(230,57,70,0.5);flex-shrink:0}.hero h1{font-size:clamp(2.2rem,6vw,4rem);font-weight:900;line-height:1.2;margin-bottom:1.5rem;animation:fadeInUp .8s ease-out .2s both;text-shadow:0 4px 30px rgba(0,0,0,0.5)}.hero h1 .highlight{background:linear-gradient(135deg,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 30px rgba(230,57,70,0.25))}.hero h1 .sub-heading{display:block;font-size:.65em;font-weight:500;margin-top:.25rem;filter:drop-shadow(0 0 20px rgba(244,162,97,0.15))}.hero-subtitle{font-size:clamp(1rem,2vw,1.3rem);color:rgba(241,250,238,0.85);margin-bottom:2.5rem;line-height:1.8;animation:fadeInUp .8s ease-out .4s both;text-shadow:0 2px 10px rgba(0,0,0,0.5)}.hero-subtitle .accent{color:var(--accent);font-weight:600}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;animation:fadeInUp .8s ease-out .6s both}.hero-stats{display:flex;justify-content:center;gap:3rem;margin-top:3.5rem;animation:fadeInUp .8s ease-out .8s both}.stat{text-align:center}.stat-number{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,var(--accent),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(244,162,97,0.2))}.stat-label{font-size:.85rem;color:var(--text-secondary);margin-top:.2rem}.hero-trust{margin-top:2.5rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;animation:fadeInUp .8s ease-out 1s both}.hero-trust .trust-label{font-size:.85rem;color:var(--text-muted)}.trust-logos{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center}.trust-item{font-size:.85rem;color:var(--text-secondary);padding:.4rem 1rem;background:rgba(255,255,255,0.03);border-radius:var(--radius-full);border:1px solid rgba(255,255,255,0.05);animation:fadeIn .5s ease-out forwards;opacity:0}.trust-item:nth-child(1){animation-delay:.1s}.trust-item:nth-child(2){animation-delay:.2s}.trust-item:nth-child(3){animation-delay:.3s}.trust-item:nth-child(4){animation-delay:.4s}.video-section{background:linear-gradient(180deg,var(--darker) 0,var(--dark) 100%);padding:4rem 2rem}.video-container{max-width:900px;margin:0 auto;position:relative}.video-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;background:var(--card-bg);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-light)}.video-wrapper video{width:100%;height:100%;object-fit:cover;display:block}.video-badge{position:absolute;top:1rem;right:1rem;background:var(--primary);color:white;padding:.3rem .8rem;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;z-index:2}.gallery-section{background:var(--dark);position:relative;overflow:hidden}.gallery-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(230,57,70,0.06) 0,transparent 60%)}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;max-width:1200px;margin:0 auto;position:relative}.gallery-item{position:relative;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:all var(--transition-slow);aspect-ratio:4 / 3;min-height:200px}.gallery-item:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.gallery-item:hover{transform:scale(1.02);z-index:5}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.gallery-item:hover img{transform:scale(1.08)}.gallery-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(13,27,42,0.9) 0,transparent 60%);display:flex;flex-direction:column;justify-content:flex-end;padding:1.5rem;opacity:0;transition:opacity var(--transition-base)}.gallery-item:hover .gallery-overlay,.gallery-item:focus-visible .gallery-overlay{opacity:1}.gallery-overlay h4{font-size:1.1rem;margin-bottom:.2rem}.gallery-overlay p{font-size:.85rem;color:var(--text-secondary)}.gallery-cta{text-align:center;margin-top:2.5rem;position:relative;z-index:5}.architecture{background:linear-gradient(180deg,var(--darker) 0,var(--dark) 100%)}.arch-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;max-width:1200px;margin:0 auto}.arch-card{background:var(--card-bg);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:2rem;text-align:center;transition:all var(--transition-slow)}.arch-card:hover{transform:translateY(-5px);border-color:var(--primary);box-shadow:0 10px 40px rgba(230,57,70,0.12)}.arch-icon{width:70px;height:70px;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto 1.25rem}.arch-card h3{font-size:1.25rem;margin-bottom:.5rem}.arch-card .tech-stack{font-size:.85rem;color:var(--accent);margin-bottom:.75rem;font-weight:500}.arch-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.7}.arch-features{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem;justify-content:center}.arch-tag{background:rgba(244,162,97,0.12);color:var(--accent);padding:.25rem .6rem;border-radius:var(--radius-sm);font-size:.75rem}.features{background:linear-gradient(180deg,var(--darker) 0,var(--dark) 100%);position:relative}.features::after{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(230,57,70,0.03) 1px,transparent 1px);background-size:24px 24px;pointer-events:none}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;max-width:1100px;margin:0 auto}.feature-card{background:var(--card-bg);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:2rem;transition:all var(--transition-slow);position:relative;overflow:hidden}.feature-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--accent));transform:scaleX(0);transition:transform var(--transition-slow)}.feature-card:hover::before{transform:scaleX(1)}.feature-card::after{content:'';position:absolute;bottom:0;right:0;width:40px;height:40px;background:linear-gradient(135deg,transparent 50%,rgba(230,57,70,0.06));border-radius:0 0 var(--radius-lg) 0;transition:all var(--transition-slow);pointer-events:none}.feature-card:hover::after{width:60px;height:60px;background:linear-gradient(135deg,transparent 50%,rgba(230,57,70,0.12))}.feature-card:hover{transform:translateY(-5px);border-color:rgba(230,57,70,0.3);box-shadow:var(--shadow-md)}.feature-icon{width:56px;height:56px;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.6rem;margin-bottom:1.25rem}.feature-card h3{font-size:1.2rem;margin-bottom:.75rem}.feature-card p{color:var(--text-secondary);line-height:1.7;font-size:.95rem}.ar-section{background:var(--dark);position:relative;overflow:hidden}.ar-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 30% 50%,rgba(157,78,221,0.08) 0,transparent 50%),radial-gradient(ellipse at 70% 50%,rgba(0,212,255,0.06) 0,transparent 50%)}.ar-section::after{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(157,78,221,0.03) 1px,transparent 1px);background-size:28px 28px;pointer-events:none}.ar-content{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;max-width:1000px;margin:0 auto;align-items:start}.ar-card{background:rgba(29,53,87,0.35);border:1px solid rgba(157,78,221,0.2);border-radius:var(--radius-lg);padding:2.5rem;transition:all var(--transition-slow)}.ar-card:hover{border-color:var(--purple);box-shadow:0 10px 40px rgba(157,78,221,0.12)}.ar-card.cyan{border-color:rgba(0,212,255,0.2)}.ar-card.cyan:hover{border-color:var(--cyan);box-shadow:0 10px 40px rgba(0,212,255,0.12)}.ar-badge{display:inline-block;background:rgba(157,78,221,0.15);color:var(--purple);padding:.3rem .8rem;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;margin-bottom:1rem}.ar-card.cyan .ar-badge{background:rgba(0,212,255,0.15);color:var(--cyan)}.ar-card h3{font-size:1.3rem;margin-bottom:.75rem}.ar-card p{color:var(--text-secondary);line-height:1.7;margin-bottom:1.25rem}.ar-features{list-style:none}.ar-features li{padding:.4rem 0;color:rgba(241,250,238,0.8);font-size:.95rem;display:flex;align-items:center;gap:.5rem}.ar-features li::before{content:'✓';color:var(--accent);font-weight:bold}.question-types{background:linear-gradient(180deg,var(--dark) 0,var(--darker) 100%)}.types-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;max-width:1100px;margin:0 auto}.type-card{background:var(--card-bg);border:1px solid rgba(69,123,157,0.12);border-radius:var(--radius-md);padding:1.5rem;transition:all var(--transition-base);position:relative;overflow:hidden}.type-card:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 8px 30px rgba(244,162,97,0.08)}.type-number{position:absolute;top:.75rem;right:.75rem;font-size:2rem;font-weight:900;color:rgba(230,57,70,0.08);line-height:1}.type-icon{font-size:1.8rem;margin-bottom:.75rem}.type-card h4{font-size:1rem;margin-bottom:.35rem;color:var(--accent)}.type-card p{font-size:.85rem;color:var(--text-secondary);line-height:1.5}.gameplay{background:var(--dark);position:relative}.gameplay::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(230,57,70,0.04) 0,transparent 70%)}.gameplay-content{position:relative;max-width:1000px;margin:0 auto}.gameplay-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;position:relative}.gameplay-timeline::before{content:'';position:absolute;top:30px;left:calc(12.5% + 30px);right:calc(12.5% + 30px);height:2px;background:linear-gradient(90deg,var(--primary),var(--accent),var(--primary));opacity:.3}.timeline-step{text-align:center;position:relative;padding-top:1rem}.step-number{width:60px;height:60px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 1rem;box-shadow:0 4px 20px rgba(230,57,70,0.3);position:relative;z-index:2;animation:stepPulse 3s ease-in-out infinite}.step-number::before{content:'';position:absolute;inset:-4px;border-radius:50%;background:transparent;border:2px solid rgba(230,57,70,0.15);animation:stepRing 3s ease-in-out infinite}@keyframes stepPulse{0%,100%{box-shadow:0 4px 20px rgba(230,57,70,0.3)}50%{box-shadow:0 4px 30px rgba(230,57,70,0.5),0 0 60px rgba(230,57,70,0.15)}}@keyframes stepRing{0%,100%{transform:scale(1);opacity:.3}50%{transform:scale(1.1);opacity:.1}}.step-title{font-size:1.05rem;font-weight:600;margin-bottom:.4rem}.step-desc{font-size:.85rem;color:var(--text-secondary);line-height:1.6;max-width:200px;margin:0 auto}.task-types{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;max-width:900px;margin:3.5rem auto 0}.task-card{background:rgba(29,53,87,0.35);border-radius:var(--radius-md);padding:1.5rem;text-align:left;border:1px solid var(--border-light);transition:all var(--transition-base)}.task-card:hover{border-color:var(--accent);background:var(--card-bg-hover);transform:translateY(-3px)}.task-icon{font-size:1.8rem;margin-bottom:.75rem}.task-card h4{font-size:1rem;margin-bottom:.4rem;color:var(--accent)}.task-card p{font-size:.85rem;color:var(--text-secondary);line-height:1.5}.rewards{background:linear-gradient(180deg,var(--darker) 0,var(--dark) 100%)}.rewards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;max-width:1000px;margin:0 auto}.reward-card{background:linear-gradient(145deg,rgba(29,53,87,0.35),rgba(13,27,42,0.5));border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:2rem;text-align:center;transition:all var(--transition-slow)}.reward-card:hover{transform:translateY(-5px);border-color:var(--gold);box-shadow:0 10px 40px rgba(255,215,0,0.08)}.reward-icon{font-size:2.5rem;margin-bottom:1rem}.reward-card h4{font-size:1.15rem;margin-bottom:.5rem;color:var(--gold)}.reward-card p{font-size:.85rem;color:var(--text-secondary);line-height:1.6}.achievement-levels{display:flex;justify-content:center;gap:.75rem;margin-top:1rem;flex-wrap:wrap}.level-badge{padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.8rem;font-weight:600}.level-bronze{background:rgba(205,127,50,0.25);color:#cd7f32}.level-silver{background:rgba(192,192,192,0.25);color:silver}.level-gold{background:rgba(255,215,0,0.25);color:#ffd700}.level-diamond{background:rgba(0,212,255,0.25);color:var(--cyan)}.products{background:linear-gradient(180deg,var(--dark) 0,var(--darker) 100%);position:relative}.products::after{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(230,57,70,0.025) 1px,transparent 1px);background-size:26px 26px;pointer-events:none}.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;max-width:1100px;margin:0 auto}.product-card{background:linear-gradient(145deg,rgba(29,53,87,0.4),rgba(13,27,42,0.7));border-radius:var(--radius-xl);padding:2rem 1.75rem;text-align:center;border:1px solid var(--border-light);transition:all var(--transition-slow);position:relative;overflow:hidden}.product-card.featured{border-color:var(--primary);box-shadow:0 0 40px rgba(230,57,70,0.1),0 0 80px rgba(230,57,70,0.05);position:relative}.product-card.featured::after{content:'';position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(135deg,var(--primary),transparent,var(--accent));opacity:.15;z-index:-1;animation:borderGlow 3s ease-in-out infinite}@keyframes borderGlow{0%,100%{opacity:.1}50%{opacity:.25}}.product-card.featured::before{content:'热门';position:absolute;top:16px;right:-32px;background:var(--primary);color:white;padding:.25rem 2.5rem;font-size:.75rem;font-weight:600;transform:rotate(45deg)}.product-icon{width:72px;height:72px;margin:0 auto 1.25rem;background:linear-gradient(135deg,rgba(230,57,70,0.15),rgba(244,162,97,0.15));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:2.2rem}.product-card h3{font-size:1.3rem;margin-bottom:.75rem}.product-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.7;margin-bottom:1.25rem}.product-tags{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center}.product-tag{background:rgba(244,162,97,0.12);color:var(--accent);padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem}.tech{background:var(--dark);position:relative;overflow:hidden}.tech::before{content:'';position:absolute;top:-50%;right:-30%;width:80%;height:200%;background:radial-gradient(ellipse,rgba(230,57,70,0.06) 0,transparent 60%)}.tech-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1100px;margin:0 auto;position:relative}.tech-card{text-align:center;padding:2rem}.tech-icon{width:64px;height:64px;background:rgba(230,57,70,0.08);border:2px solid rgba(230,57,70,0.25);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;margin:0 auto 1.25rem;transition:border-color var(--transition-base)}.tech-card:hover .tech-icon{border-color:var(--primary)}.tech-card h3{font-size:1.15rem;margin-bottom:.75rem}.tech-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.scenarios{background:linear-gradient(180deg,var(--darker) 0,var(--dark) 100%)}.scenarios-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;max-width:1000px;margin:0 auto}.scenario-card{background:var(--card-bg);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:2rem 1.5rem;text-align:center;transition:all var(--transition-base);text-decoration:none;color:inherit;display:block}.scenario-card:hover{transform:translateY(-5px);border-color:var(--accent)}.scenario-icon{font-size:2.2rem;margin-bottom:.75rem}.scenario-card h4{font-size:1.05rem;margin-bottom:.5rem}.scenario-card p{font-size:.85rem;color:var(--text-secondary);line-height:1.5}.cta{background:linear-gradient(135deg,var(--primary),var(--primary-dark));text-align:center;padding:5rem 2rem;position:relative;overflow:hidden}.cta::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvgwidth='60'height='60'viewBox='006060'xmlns='http://www.w3.org/2000/svg'%3E%3Cgfill='none'fill-rule='evenodd'%3E%3Cgfill='%23ffffff'fill-opacity='0.05'%3E%3Cpathd='M3634v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM634v-4H4v4H0v2h4v4h2v-4h4v-2H6zM64V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.cta::after{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(255,255,255,0.05) 0,transparent 60%);animation:ctaGlow 6s ease-in-out infinite;pointer-events:none}@keyframes ctaGlow{0%,100%{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.cta-content{position:relative;max-width:650px;margin:0 auto}.cta h2{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:700;margin-bottom:1rem}.cta p{font-size:1.1rem;opacity:.9;margin-bottom:2rem;line-height:1.6}.cta-highlight{display:inline-block;background:rgba(255,255,255,0.15);padding:.5rem 1.5rem;border-radius:var(--radius-full);margin-bottom:1.5rem;font-weight:600;font-size:.95rem}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cta-qr{margin-top:2.5rem;display:flex;gap:2.5rem;justify-content:center;flex-wrap:wrap}.qr-item{text-align:center}.qr-code{width:110px;height:110px;background:white;border-radius:12px;margin-bottom:.75rem;display:flex;align-items:center;justify-content:center;font-size:2.8rem;color:var(--primary);transition:transform var(--transition-base)}.qr-item:hover .qr-code{transform:scale(1.05)}.qr-image{width:100%;height:100%;object-fit:contain;padding:6px;display:block}.qr-item p{font-size:.85rem;margin-bottom:0;opacity:.9}.brand-story{background:linear-gradient(180deg,var(--dark) 0,var(--darker) 100%);position:relative;overflow:hidden}.brand-story::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 100%,rgba(230,57,70,0.08) 0,transparent 60%)}.brand-content{position:relative;max-width:800px;margin:0 auto;text-align:center}.brand-quote{font-size:clamp(1.3rem,2.5vw,1.7rem);font-weight:300;line-height:1.8;margin-bottom:2rem;font-style:italic}.brand-quote .highlight{color:var(--primary);font-weight:600;font-style:normal}.brand-mission{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem}.mission-item{text-align:center;padding:2rem 1.5rem;background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border-light);transition:all var(--transition-base)}.mission-item:hover{border-color:var(--accent);transform:translateY(-3px)}.mission-icon{font-size:2.2rem;margin-bottom:.75rem}.mission-item h4{color:var(--accent);margin-bottom:.5rem}.mission-item p{color:var(--text-secondary);font-size:.9rem}.social-proof{background:var(--darker);padding:4rem 2rem}.proof-content{max-width:900px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:center}.proof-text h3{font-size:1.6rem;margin-bottom:.75rem}.proof-text p{color:var(--text-secondary);margin-bottom:1.5rem}.proof-tags{display:flex;flex-wrap:wrap;gap:.6rem}.proof-tag{background:rgba(230,57,70,0.08);border:1px solid rgba(230,57,70,0.15);padding:.4rem .9rem;border-radius:var(--radius-full);font-size:.85rem;color:var(--primary)}.proof-testimonials{display:flex;flex-direction:column;gap:1rem}.testimonial-card{background:var(--card-bg);border-radius:var(--radius-md);padding:1.5rem;border-left:3px solid var(--primary);transition:all var(--transition-base)}.testimonial-card:hover{background:var(--card-bg-hover)}.testimonial-text{font-style:italic;color:rgba(241,250,238,0.8);margin-bottom:.75rem;line-height:1.6}.testimonial-author{color:var(--accent);font-size:.85rem}@media(max-width:1100px){.gallery-grid{grid-template-columns:repeat(2,1fr)}.arch-grid{grid-template-columns:repeat(2,1fr)}.tech-grid{grid-template-columns:1fr}.ar-content{grid-template-columns:1fr}.rewards-grid{grid-template-columns:repeat(2,1fr)}.products-grid{grid-template-columns:repeat(2,1fr)}.scenarios-grid{grid-template-columns:repeat(2,1fr)}.brand-mission{grid-template-columns:1fr}.proof-content{grid-template-columns:1fr}.task-types{grid-template-columns:repeat(2,1fr)}.offline-flow{flex-direction:column;align-items:center}.offline-arrow{display:none}.offline-step{max-width:350px;min-width:auto}.offline-features{flex-direction:column;align-items:center}}@media(max-width:900px){.hero{min-height:90vh;padding:5rem 1rem 3rem}.hero-side-text{display:none}.hero-content{padding:0 .5rem;max-width:100%}.hero-stats{gap:2rem;flex-wrap:wrap}.stat-number{font-size:2rem}.gameplay-timeline{grid-template-columns:repeat(2,1fr);gap:1.5rem}.gameplay-timeline::before{display:none}.task-types{grid-template-columns:repeat(2,1fr)}.types-grid{grid-template-columns:repeat(2,1fr)}.brand-quote br{display:none}.cta-highlight{font-size:.85rem;padding:.4rem 1rem}}.safety-section{background:linear-gradient(180deg,var(--dark) 0,var(--darker) 100%);position:relative;overflow:hidden}.safety-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 30% 30%,rgba(230,57,70,0.08) 0,transparent 60%)}.safety-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:1100px;margin:0 auto;position:relative}.safety-card{background:var(--card-bg);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:2rem;transition:all var(--transition-slow);position:relative;overflow:hidden}.safety-card:hover{transform:translateY(-5px);box-shadow:0 10px 40px rgba(0,0,0,0.3)}.safety-card .safety-icon{width:56px;height:56px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.6rem;margin-bottom:1rem}.safety-card .safety-icon.red{background:rgba(230,57,70,0.15)}.safety-card .safety-icon.cyan{background:rgba(0,212,255,0.15)}.safety-card .safety-icon.gold{background:rgba(255,215,0,0.15)}.safety-card h3{font-size:1.15rem;margin-bottom:.75rem}.safety-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.7;margin-bottom:.75rem}.safety-stats{display:flex;gap:1.5rem;flex-wrap:wrap}.safety-stat{text-align:center}.safety-stat .num{font-size:1.4rem;font-weight:700}.safety-stat .num.red{color:var(--primary)}.safety-stat .num.cyan{color:var(--cyan)}.safety-stat .label{font-size:.75rem;color:var(--text-muted)}.safety-map-mock{background:linear-gradient(145deg,rgba(29,53,87,0.5),rgba(13,27,42,0.7));border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:1.5rem;aspect-ratio:16/9;position:relative;overflow:hidden}.safety-map-mock .map-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(69,123,157,0.05) 1px,transparent 1px),linear-gradient(90deg,rgba(69,123,157,0.05) 1px,transparent 1px);background-size:30px 30px}.safety-map-mock .safety-zone{position:absolute;border:2px dashed var(--primary);border-radius:50%;opacity:.5}.safety-map-mock .safety-zone.z1{top:20%;left:20%;width:60%;height:60%}.safety-map-mock .safety-zone.z2{top:10%;left:10%;width:35%;height:35%;border-color:var(--cyan)}.safety-map-mock .map-dot{width:8px;height:8px;border-radius:50%;position:absolute;animation:pulse-dot 2s infinite}.safety-map-mock .map-dot.d1{top:35%;left:30%;background:var(--primary);animation-delay:0s}.safety-map-mock .map-dot.d2{top:50%;left:45%;background:var(--accent);animation-delay:.5s}.safety-map-mock .map-dot.d3{top:65%;left:35%;background:var(--cyan);animation-delay:1s}.safety-map-mock .map-dot.d4{top:40%;left:55%;background:var(--primary);animation-delay:1.5s}.safety-map-mock .map-dot.d5{top:55%;left:60%;background:var(--gold);animation-delay:2s}.safety-map-mock .sos-marker{position:absolute;top:70%;left:70%;background:var(--primary);color:white;padding:.25rem .5rem;border-radius:4px;font-size:.7rem;font-weight:700;animation:pulse-sos 1.5s infinite}@keyframes pulse-dot{0%,100%{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}@keyframes pulse-sos{0%,100%{box-shadow:0 0 0 0 rgba(230,57,70,0.4)}50%{box-shadow:0 0 0 10px rgba(230,57,70,0)}}.rtk-section{background:var(--dark);position:relative}.rtk-visual{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:1000px;margin:0 auto}.rtk-compare{background:var(--card-bg);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:2rem;text-align:center;transition:all var(--transition-base)}.rtk-compare:hover{border-color:var(--primary);transform:translateY(-3px)}.rtk-compare .rtk-badge{display:inline-block;padding:.3rem .8rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;margin-bottom:1rem}.rtk-compare .rtk-badge.old{background:rgba(255,255,255,0.08);color:var(--text-muted)}.rtk-compare .rtk-badge.new{background:rgba(0,212,255,0.15);color:var(--cyan)}.rtk-compare .accuracy-display{font-size:3rem;font-weight:900;margin:1rem 0}.rtk-compare .accuracy-display.old{color:var(--text-muted)}.rtk-compare .accuracy-display.new{color:var(--cyan);text-shadow:0 0 40px rgba(0,212,255,0.3)}.rtk-compare .accuracy-label{font-size:.85rem;color:var(--text-secondary)}.rtk-compare .accuracy-bar{height:6px;border-radius:3px;margin:1rem 0;position:relative;overflow:hidden}.rtk-compare .accuracy-bar .fill{height:100%;border-radius:3px;transition:width 1s ease}.rtk-compare .accuracy-bar.old .fill{width:85%;background:linear-gradient(90deg,var(--text-muted),var(--gray))}.rtk-compare .accuracy-bar.new .fill{width:98%;background:linear-gradient(90deg,var(--cyan),var(--primary));animation:shimmer-rtk 2s infinite;background-size:200% 100%}@keyframes shimmer-rtk{0%{background-position:-200% center}100%{background-position:200% center}}.dashboard-section{background:linear-gradient(180deg,var(--darker) 0,var(--dark) 100%);position:relative;overflow:hidden}.dashboard-mock{max-width:1000px;margin:0 auto;background:linear-gradient(145deg,rgba(13,27,42,0.95),rgba(10,22,40,0.98));border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:1.5rem;position:relative;overflow:hidden}.dashboard-mock::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--accent),var(--cyan),var(--purple),var(--primary));background-size:200% 100%;animation:dashGradient 4s linear infinite}@keyframes dashGradient{0%{background-position:0 0}100%{background-position:200% 0}}.dashboard-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:1px solid var(--border-light);margin-bottom:1.5rem}.dashboard-header .title{font-weight:600;font-size:.95rem;display:flex;align-items:center;gap:.5rem}.dashboard-header .status-dot{width:8px;height:8px;background:#0f0;border-radius:50%;animation:pulse 2s infinite;display:inline-block}.dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.dashboard-stat{background:rgba(29,53,87,0.3);border-radius:var(--radius-sm);padding:1rem;text-align:center}.dashboard-stat .num{font-size:1.6rem;font-weight:700}.dashboard-stat .num.online{color:#0f0}.dashboard-stat .num.finished{color:var(--accent)}.dashboard-stat .num.alert{color:var(--primary)}.dashboard-stat .label{font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.dashboard-map-area{aspect-ratio:21/9;background:rgba(13,27,42,0.8);border-radius:var(--radius-sm);position:relative;overflow:hidden}.dashboard-map-area .map-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.03) 1px,transparent 1px);background-size:40px 40px}.dashboard-map-area .team-tag{position:absolute;padding:.2rem .5rem;border-radius:4px;font-size:.65rem;font-weight:600;white-space:nowrap;display:flex;align-items:center;gap:.3rem}.dashboard-map-area .team-tag::before{content:'';width:6px;height:6px;border-radius:50%;display:inline-block}.dashboard-map-area .team-tag.t1{top:25%;left:25%;background:rgba(230,57,70,0.3);color:var(--primary)}.dashboard-map-area .team-tag.t1::before{background:var(--primary)}.dashboard-map-area .team-tag.t2{top:45%;left:40%;background:rgba(244,162,97,0.3);color:var(--accent)}.dashboard-map-area .team-tag.t2::before{background:var(--accent)}.dashboard-map-area .team-tag.t3{top:55%;left:30%;background:rgba(0,212,255,0.3);color:var(--cyan)}.dashboard-map-area .team-tag.t3::before{background:var(--cyan)}.dashboard-map-area .team-tag.t4{top:35%;left:55%;background:rgba(255,215,0,0.3);color:var(--gold)}.dashboard-map-area .team-tag.t4::before{background:var(--gold)}.dashboard-map-area .alert-tag{position:absolute;top:8%;right:8%;background:rgba(230,57,70,0.9);color:white;padding:.3rem .6rem;border-radius:4px;font-size:.65rem;display:flex;align-items:center;gap:.3rem;animation:pulse-sos 1.5s infinite}.dashboard-timeline{display:flex;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-light)}.dashboard-timeline .event{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:var(--text-secondary)}.dashboard-timeline .event .dot{width:6px;height:6px;border-radius:50%}.dashboard-timeline .event .dot.green{background:#0f0}.dashboard-timeline .event .dot.yellow{background:var(--accent)}.dashboard-timeline .event .dot.red{background:var(--primary)}.team-section{background:var(--dark);position:relative}.team-visual{display:grid;grid-template-columns:2fr 1fr;gap:2rem;max-width:1000px;margin:0 auto}.team-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.team-step{text-align:center;padding:1.25rem .75rem;background:var(--card-bg);border-radius:var(--radius-md);border:1px solid var(--border-light);transition:all var(--transition-base);position:relative}.team-step:hover{transform:translateY(-3px);border-color:var(--primary)}.team-step:not(:last-child)::after{content:'→';position:absolute;right:-.75rem;top:50%;transform:translateY(-50%);color:var(--primary);font-weight:700;font-size:1.1rem}.team-step .step-icon{font-size:1.8rem;margin-bottom:.5rem}.team-step h4{font-size:.9rem;margin-bottom:.25rem}.team-step p{font-size:.75rem;color:var(--text-secondary)}.team-features{display:flex;flex-direction:column;gap:.75rem}.team-feature{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--card-bg);border-radius:var(--radius-sm);border:1px solid var(--border-light);transition:all var(--transition-base)}.team-feature:hover{border-color:var(--accent)}.team-feature .icon{font-size:1.3rem;flex-shrink:0}.team-feature .text{font-size:.85rem;color:var(--text-secondary)}.offline-section{background:var(--dark);position:relative;padding:4rem 2rem}.offline-flow{display:flex;align-items:flex-start;justify-content:center;gap:.5rem;max-width:1100px;margin:2rem auto 1.5rem;flex-wrap:wrap}.offline-step{background:var(--card-bg);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:1.5rem 1rem 1.25rem;text-align:center;flex:1;min-width:180px;max-width:220px;position:relative;transition:all var(--transition-base)}.offline-step:hover{border-color:var(--primary);transform:translateY(-3px)}.offline-step .step-number{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--primary),var(--accent));color:white;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.offline-step .step-icon{font-size:2rem;margin-bottom:.75rem}.offline-step h4{font-size:1rem;margin-bottom:.5rem;color:var(--text-primary)}.offline-step p{font-size:.8rem;color:var(--text-secondary);line-height:1.5}.offline-arrow{display:flex;align-items:center;font-size:1.5rem;color:var(--primary);padding:0 .25rem;flex-shrink:0;margin-top:3rem}.offline-features{display:flex;justify-content:center;gap:2rem;max-width:900px;margin:0 auto;flex-wrap:wrap}.offline-feature{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-secondary)}.offline-feature .icon{font-size:1.2rem}@media(max-width:1100px){.safety-grid,.rtk-visual,.team-visual{grid-template-columns:1fr}.dashboard-stats{grid-template-columns:repeat(2,1fr)}.team-flow{grid-template-columns:repeat(2,1fr)}.team-step:not(:last-child)::after{display:none}}@media(max-width:600px){.dashboard-stats{grid-template-columns:1fr}.dashboard-timeline{flex-direction:column;gap:.5rem}.team-flow{grid-template-columns:1fr}.arch-grid{grid-template-columns:1fr}}@media(max-width:600px){.hero{min-height:85vh;padding:5rem 1rem 2.5rem}.hero-stats{flex-direction:column;gap:1.25rem}.gameplay-timeline{grid-template-columns:1fr}.gameplay-timeline::before{display:none}.timeline-step::after{display:none}.task-types{grid-template-columns:1fr}.features-grid,.products-grid,.gallery-grid,.rewards-grid,.scenarios-grid,.types-grid{grid-template-columns:1fr}.gallery-grid{grid-template-rows:auto}.gallery-item{height:220px}.cta{padding:3.5rem 1.5rem}.cta-qr{gap:1.5rem}.qr-code{width:90px;height:90px;font-size:2.2rem}.proof-tags{gap:.4rem}.proof-tag{font-size:.8rem;padding:.3rem .6rem}}

/* ===== NPC Story-Driven Section ===== */
.npc-section{background:linear-gradient(180deg,var(--darker) 0,#0a0f1f 50%,var(--darker) 100%);position:relative;overflow:hidden}
.npc-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 30% 20%,rgba(157,78,221,0.1) 0,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(0,212,255,0.08) 0,transparent 50%)}
.npc-section::after{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(157,78,221,0.04) 1px,transparent 1px);background-size:32px 32px;pointer-events:none}
.npc-section .section-header{position:relative;z-index:1}
.npc-content{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:1100px;margin:0 auto}
.npc-card{background:linear-gradient(145deg,rgba(29,53,87,0.45),rgba(13,27,42,0.7));border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:2.5rem 2rem;transition:all var(--transition-slow);position:relative;overflow:hidden}
.npc-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--purple),var(--cyan));transform:scaleX(0);transition:transform var(--transition-slow)}
.npc-card:hover::before{transform:scaleX(1)}
.npc-card:hover{transform:translateY(-5px);border-color:rgba(157,78,221,0.4);box-shadow:0 12px 48px rgba(157,78,221,0.1),0 0 80px rgba(0,212,255,0.05)}
.npc-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}
.npc-badge{display:inline-block;padding:.35rem 1rem;border-radius:var(--radius-full);font-size:.8rem;font-weight:600;letter-spacing:.5px}
.npc-badge.real{background:rgba(244,162,97,0.15);color:var(--accent);border:1px solid rgba(244,162,97,0.25)}
.npc-badge.digital{background:rgba(0,212,255,0.15);color:var(--cyan);border:1px solid rgba(0,212,255,0.25)}
.npc-icon{font-size:2.5rem}
.npc-card h3{font-size:1.25rem;margin-bottom:.75rem;color:var(--text-primary)}
.npc-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.7;margin-bottom:1.25rem}
.npc-card p .highlight-text{color:var(--accent);font-weight:600}
.npc-features{list-style:none;margin-bottom:1.25rem}
.npc-features li{padding:.35rem 0;color:rgba(241,250,238,0.75);font-size:.88rem;display:flex;align-items:flex-start;gap:.5rem;line-height:1.5}
.npc-features li .check{color:var(--accent);font-weight:bold;flex-shrink:0}
.npc-tags{display:flex;flex-wrap:wrap;gap:.4rem}
.npc-tag{background:rgba(157,78,221,0.1);border:1px solid rgba(157,78,221,0.15);padding:.25rem .7rem;border-radius:var(--radius-full);font-size:.75rem;color:rgba(241,250,238,0.7);transition:all var(--transition-base)}
.npc-tag:hover{background:rgba(157,78,221,0.2);border-color:rgba(157,78,221,0.3);color:var(--purple)}

/* Story Engine */
.story-engine{max-width:1100px;margin:2.5rem auto 0;background:linear-gradient(145deg,rgba(29,53,87,0.3),rgba(13,27,42,0.5));border:1px solid rgba(157,78,221,0.15);border-radius:var(--radius-xl);padding:2.5rem 2rem;position:relative;z-index:1;overflow:hidden}
.story-engine::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(157,78,221,0.3),rgba(0,212,255,0.3),transparent)}
.story-engine-header{text-align:center;margin-bottom:2rem}
.story-badge{display:inline-block;background:linear-gradient(135deg,rgba(157,78,221,0.2),rgba(0,212,255,0.15));border:1px solid rgba(157,78,221,0.3);padding:.4rem 1.25rem;border-radius:var(--radius-full);font-size:.85rem;font-weight:600;color:var(--purple);margin-bottom:1rem;letter-spacing:1px}
.story-engine-header h3{font-size:1.3rem;margin-bottom:.5rem;color:var(--text-primary)}
.story-engine-header p{color:var(--text-secondary);font-size:.95rem;line-height:1.7;max-width:700px;margin:0 auto}
.story-engine-header p .highlight-text{color:var(--accent);font-weight:600}
.story-features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}
.story-feature{text-align:center;padding:1.5rem 1rem;background:rgba(29,53,87,0.25);border-radius:var(--radius-md);border:1px solid rgba(157,78,221,0.08);transition:all var(--transition-base)}
.story-feature:hover{border-color:rgba(157,78,221,0.25);background:rgba(29,53,87,0.4);transform:translateY(-3px)}
.story-feature-icon{font-size:2rem;margin-bottom:.75rem}
.story-feature h4{font-size:1rem;margin-bottom:.4rem;color:var(--accent)}
.story-feature p{font-size:.82rem;color:var(--text-secondary);line-height:1.5}

@media(max-width:1100px){.npc-content{grid-template-columns:1fr}.story-features-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.npc-card{padding:1.75rem 1.25rem}.story-engine{padding:1.75rem 1.25rem}.story-features-grid{grid-template-columns:1fr}}