*{margin:0;padding:0;box-sizing:border-box}:root{--primary-blue: #E6F4FF;--primary-gold: #F2D16B;--accent-pink: #F8D7E3;--accent-green: #E0F7FA;--accent-cherry: #FFD7E3;--text-dark: #2D1810;--text-medium: #8B4513;--text-light: #D4B896;--white: #FFFFFF;--shadow: rgba(45, 24, 16, .1);--font-title: "Ma Shan Zheng", cursive;--font-body: "Noto Serif SC", serif;--spacing-xs: 8px;--spacing-sm: 16px;--spacing-md: 24px;--spacing-lg: 32px;--spacing-xl: 48px;--spacing-xxl: 64px;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 50%;--transition-fast: .3s ease;--transition-normal: .5s ease;--transition-slow: .8s ease}body{font-family:var(--font-body);line-height:1.6;color:var(--text-dark);background:linear-gradient(135deg,var(--primary-blue) 0%,var(--accent-green) 100%);overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-sm)}.centered-text{text-align:center!important}.navbar{position:fixed;top:0;left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid var(--primary-gold);z-index:1000;transition:var(--transition-fast)}.nav-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-sm);display:flex;justify-content:space-between;align-items:center;height:70px}.nav-logo{display:flex;align-items:center}.logo-text{font-family:var(--font-title);font-size:1.8rem;font-weight:700;color:var(--primary-gold);text-shadow:2px 2px 0 var(--text-dark);position:relative}.logo-text:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background:var(--primary-gold);border-radius:1px}.nav-menu{display:flex;gap:var(--spacing-lg)}.nav-link{text-decoration:none;color:var(--text-dark);font-weight:500;padding:var(--spacing-sm);border-radius:var(--radius-sm);transition:var(--transition-fast);position:relative}.nav-link:hover{color:var(--primary-gold);background:var(--accent-pink)}.nav-link:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--primary-gold);transition:var(--transition-fast);transform:translate(-50%)}.nav-link:hover:after{width:80%}.nav-hamburger{display:none;flex-direction:column;cursor:pointer;gap:4px}.nav-hamburger span{width:25px;height:3px;background:var(--text-dark);border-radius:2px;transition:var(--transition-fast)}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(circle at 30% 70%,var(--accent-cherry) 0%,transparent 50%),radial-gradient(circle at 70% 30%,var(--accent-green) 0%,transparent 50%),linear-gradient(135deg,var(--primary-blue) 0%,var(--accent-pink) 100%)}.hero-bg{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.floating-lotus{position:absolute;width:120px;height:120px;background:radial-gradient(circle,var(--primary-gold) 20%,transparent 70%);border-radius:var(--radius-full);opacity:.3;animation:float 6s ease-in-out infinite}.lotus-1{top:20%;left:10%;animation-delay:0s}.lotus-2{top:60%;right:15%;animation-delay:2s}.lotus-3{bottom:20%;left:20%;animation-delay:4s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-20px) rotate(120deg)}66%{transform:translateY(10px) rotate(240deg)}}.hero-content{text-align:center;max-width:800px;z-index:2;padding:var(--spacing-xl)}.hero-title{font-family:var(--font-title);font-size:clamp(3rem,8vw,6rem);font-weight:700;color:var(--text-dark);margin-bottom:var(--spacing-md);position:relative;text-shadow:3px 3px 0 var(--primary-gold)}.title-char{display:inline-block;opacity:0;transform:translateY(50px);animation:titleReveal .8s ease forwards}.title-char:nth-child(1){animation-delay:.1s}.title-char:nth-child(2){animation-delay:.2s}.title-char:nth-child(3){animation-delay:.3s}.title-char:nth-child(4){animation-delay:.4s}@keyframes titleReveal{to{opacity:1;transform:translateY(0)}}.hero-subtitle{font-size:1.5rem;color:var(--primary-gold);margin-bottom:var(--spacing-sm);font-weight:500;opacity:0;animation:fadeInUp 1s ease .6s forwards}.hero-description{font-size:1.1rem;color:var(--text-medium);margin-bottom:var(--spacing-xl);max-width:600px;margin-left:auto;margin-right:auto;opacity:0;animation:fadeInUp 1s ease .8s forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}0%{opacity:0;transform:translateY(30px)}}.hero-buttons{display:flex;gap:var(--spacing-sm);justify-content:center;flex-wrap:wrap;opacity:0;animation:fadeInUp 1s ease 1s forwards}.btn{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:500;cursor:pointer;transition:var(--transition-fast);position:relative;overflow:hidden;font-family:var(--font-body);text-decoration:none;display:inline-block}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:var(--radius-full);transform:translate(-50%,-50%);transition:var(--transition-fast)}.btn:hover:before{width:300px;height:300px}.btn-primary{background:var(--primary-gold);color:var(--text-dark);border:2px solid var(--text-dark)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 20px var(--shadow)}.btn-secondary{background:transparent;color:var(--text-dark);border:2px solid var(--text-dark)}.btn-secondary:hover{background:var(--text-dark);color:var(--white);transform:translateY(-3px);box-shadow:0 10px 20px var(--shadow)}.hero-fox{position:absolute;bottom:10%;right:10%;z-index:1;opacity:0;animation:fadeInUp 1s ease 1.2s forwards}.fox-model{width:200px;height:200px;position:relative}.fox-body{width:100%;height:100%;background:linear-gradient(45deg,var(--primary-gold),var(--accent-cherry));border-radius:50% 50% 40% 40%;border:3px solid var(--text-dark);position:relative}.fox-body:before{content:"";position:absolute;top:20%;left:50%;transform:translate(-50%);width:60px;height:40px;background:var(--text-dark);border-radius:50%}.fox-body:after{content:"";position:absolute;top:35%;left:50%;transform:translate(-50%);width:20px;height:15px;background:var(--accent-pink);border-radius:50%}.fox-light{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:150px;height:20px;background:linear-gradient(90deg,transparent,var(--primary-gold),transparent);border-radius:var(--radius-md);animation:lightPulse 2s ease-in-out infinite}@keyframes lightPulse{0%,to{opacity:.5;transform:translate(-50%) scaleX(1)}50%{opacity:1;transform:translate(-50%) scaleX(1.2)}}.features{padding:var(--spacing-xxl) 0;background:var(--white);position:relative}.features:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="2" fill="%23F2D16B" opacity="0.1"><animate attributeName="r" values="2;4;2" dur="3s" repeatCount="indefinite"/></circle></svg>') repeat;opacity:.3;pointer-events:none}.section-title{font-family:var(--font-title);font-size:clamp(2.5rem,5vw,4rem);text-align:center;color:var(--text-dark);margin-bottom:var(--spacing-sm);position:relative;text-shadow:2px 2px 0 var(--primary-gold)}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100px;height:4px;background:var(--primary-gold);border-radius:2px}.section-subtitle{text-align:center;font-size:1.2rem;color:var(--text-medium);margin-bottom:var(--spacing-xl)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.feature-card{background:var(--white);border-radius:var(--radius-lg);overflow:hidden;transition:var(--transition-normal);cursor:pointer;position:relative}.feature-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px var(--shadow)}.card-border{border:3px solid var(--text-dark);border-radius:var(--radius-lg);padding:var(--spacing-lg);position:relative;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--accent-pink) 100%)}.card-border:before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;background:linear-gradient(45deg,var(--primary-gold),var(--accent-green));border-radius:var(--radius-lg);z-index:-1;opacity:0;transition:var(--transition-fast)}.feature-card:hover .card-border:before{opacity:1}.card-header{text-align:center;margin-bottom:var(--spacing-md)}.feature-icon{width:100px;height:100px;margin:0 auto var(--spacing-sm);position:relative;display:flex;align-items:center;justify-content:center}.divination-icon{background:radial-gradient(circle,var(--accent-pink) 30%,transparent 70%);border-radius:var(--radius-full)}.fortune-sticks{position:relative;width:60px;height:80px}.stick{position:absolute;width:4px;height:60px;background:var(--primary-gold);border-radius:2px;border:1px solid var(--text-dark)}.stick:nth-child(1){left:10px;transform:rotate(-10deg)}.stick:nth-child(2){left:20px;transform:rotate(-5deg)}.stick:nth-child(3){left:30px;transform:rotate(0)}.stick:nth-child(4){left:40px;transform:rotate(5deg)}.stick:nth-child(5){left:50px;transform:rotate(10deg)}.feature-card:hover .stick{animation:stickShake .5s ease infinite}@keyframes stickShake{0%,to{transform:rotate(var(--rotation)) translateY(0)}50%{transform:rotate(var(--rotation)) translateY(-5px)}}.stick:nth-child(1){--rotation: -10deg}.stick:nth-child(2){--rotation: -5deg}.stick:nth-child(3){--rotation: 0deg}.stick:nth-child(4){--rotation: 5deg}.stick:nth-child(5){--rotation: 10deg}.blessing-icon{background:radial-gradient(circle,var(--accent-green) 30%,transparent 70%);border-radius:var(--radius-full)}.blessing-tray{position:relative;width:80px;height:80px}.tray-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:var(--white);border:2px solid var(--text-dark);border-radius:var(--radius-full)}.blessing-items{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%}.item{position:absolute;width:12px;height:12px;border-radius:var(--radius-full);border:1px solid var(--text-dark)}.item.love{background:var(--accent-cherry);top:10px;left:50%;transform:translate(-50%)}.item.health{background:var(--accent-green);right:10px;top:50%;transform:translateY(-50%)}.item.career{background:var(--primary-gold);bottom:10px;left:50%;transform:translate(-50%)}.item.wealth{background:var(--accent-pink);left:10px;top:50%;transform:translateY(-50%)}.feature-card:hover .item{animation:itemGlow 1s ease infinite}@keyframes itemGlow{0%,to{box-shadow:0 0 #f2d16b80}50%{box-shadow:0 0 20px #f2d16bcc}}.sound-icon{background:radial-gradient(circle,var(--primary-gold) 30%,transparent 70%);border-radius:var(--radius-full)}.singing-bowl{position:relative;width:70px;height:50px}.bowl-body{width:100%;height:30px;background:var(--primary-gold);border:2px solid var(--text-dark);border-radius:0 0 50px 50px;position:relative}.bowl-body:before{content:"";position:absolute;top:-10px;left:10%;right:10%;height:8px;background:var(--white);border:1px solid var(--text-dark);border-radius:4px}.sound-waves{position:absolute;top:-20px;left:50%;transform:translate(-50%);width:100px;height:40px}.wave{position:absolute;border:2px solid var(--accent-green);border-radius:var(--radius-full);opacity:0}.wave:nth-child(1){width:40px;height:20px;top:10px;left:30px;animation:waveExpand 2s ease infinite}.wave:nth-child(2){width:60px;height:30px;top:5px;left:20px;animation:waveExpand 2s ease infinite .5s}.wave:nth-child(3){width:80px;height:40px;top:0;left:10px;animation:waveExpand 2s ease infinite 1s}@keyframes waveExpand{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.feature-title{font-family:var(--font-title);font-size:1.8rem;color:var(--text-dark);margin-bottom:var(--spacing-sm);text-shadow:1px 1px 0 var(--primary-gold)}.card-content{text-align:center}.feature-description{font-size:1.1rem;color:var(--primary-gold);font-weight:500;margin-bottom:var(--spacing-sm)}.feature-detail{font-size:.95rem;color:var(--text-medium);line-height:1.5}.card-decoration{position:absolute;bottom:10px;right:10px;width:40px;height:40px;opacity:.3}.cloud-pattern{width:100%;height:100%;background:radial-gradient(circle at 30% 50%,var(--accent-green) 20%,transparent 50%),radial-gradient(circle at 70% 50%,var(--accent-green) 20%,transparent 50%);border-radius:50% 50% 30% 30%}.lotus-pattern{width:100%;height:100%;background:radial-gradient(circle,var(--accent-cherry) 30%,transparent 50%);border-radius:50% 30%}.grass-pattern{width:100%;height:100%;background:linear-gradient(45deg,var(--accent-green) 25%,transparent 25%),linear-gradient(-45deg,var(--accent-green) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--accent-green) 75%),linear-gradient(-45deg,transparent 75%,var(--accent-green) 75%);background-size:8px 8px}.game-features{padding:var(--spacing-xxl) 0;background:linear-gradient(135deg,var(--accent-pink) 0%,var(--primary-blue) 100%);position:relative}.game-features:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><path d="M100 20 L120 80 L180 80 L135 120 L155 180 L100 145 L45 180 L65 120 L20 80 L80 80 Z" fill="%23F2D16B" opacity="0.1"/></svg>') repeat;background-size:200px 200px;opacity:.2;pointer-events:none}.game-features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.game-feature-card{background:#fffffff2;border-radius:var(--radius-lg);border:2px solid var(--text-dark);transition:var(--transition-normal);position:relative;overflow:hidden;height:200px;display:flex;align-items:center;justify-content:center}.game-feature-card:before{content:"";position:absolute;top:-50%;left:-50%;right:-50%;bottom:-50%;background:linear-gradient(45deg,var(--accent-green),transparent,var(--accent-cherry));transform:rotate(45deg);opacity:0;transition:var(--transition-fast)}.game-feature-card:hover:before{opacity:.1}.game-feature-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px var(--shadow)}.game-feature-card .card-border{text-align:center;padding:var(--spacing-md);background:linear-gradient(135deg,var(--accent-green) 0%,var(--accent-pink) 100%);border-radius:var(--radius-md);height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.feature-badge{font-family:var(--font-title);font-size:1.2rem;font-weight:700;color:var(--text-dark);margin-bottom:var(--spacing-sm);text-shadow:1px 1px 0 var(--primary-gold);text-align:center}.feature-desc{font-size:.9rem;color:var(--text-medium);line-height:1.4;text-align:center}.spiritual-features{padding:var(--spacing-xxl) 0;background:var(--white);position:relative}.spiritual-features:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><polygon points="50,10 60,40 90,40 70,60 80,90 50,75 20,90 30,60 10,40 40,40" fill="%23E0F7FA" opacity="0.1"/></svg>') repeat;background-size:100px 100px;opacity:.3;pointer-events:none}.spiritual-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl);margin-top:var(--spacing-xl);max-width:800px;margin-left:auto;margin-right:auto}.spiritual-item{text-align:center;padding:var(--spacing-lg);background:#ffffffe6;border-radius:var(--radius-lg);border:2px solid var(--text-dark);transition:var(--transition-normal);position:relative;overflow:hidden}.spiritual-item:before{content:"";position:absolute;top:-50%;left:-50%;right:-50%;bottom:-50%;background:linear-gradient(45deg,var(--primary-gold),transparent,var(--accent-green));transform:rotate(45deg);opacity:0;transition:var(--transition-fast)}.spiritual-item:hover:before{opacity:.1}.spiritual-item:hover{transform:translateY(-5px);box-shadow:0 15px 30px var(--shadow)}.spiritual-icon{width:60px;height:60px;margin:0 auto var(--spacing-md);display:flex;align-items:center;justify-content:center;background:var(--primary-gold);border-radius:var(--radius-full);border:2px solid var(--text-dark);position:relative}.progress-icon{width:30px;height:30px;background:var(--accent-cherry);border-radius:var(--radius-sm);position:relative}.progress-icon:before{content:"";position:absolute;top:50%;left:20%;right:20%;height:3px;background:var(--text-dark);transform:translateY(-50%)}.fortune-icon{width:30px;height:30px;background:var(--accent-green);border-radius:50% 10%;position:relative}.fortune-icon:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:15px;height:15px;background:var(--text-dark);border-radius:var(--radius-full)}.accumulate-icon{width:30px;height:30px;background:var(--accent-pink);border-radius:var(--radius-sm);position:relative}.accumulate-icon:before,.accumulate-icon:after{content:"";position:absolute;background:var(--text-dark);border-radius:1px}.accumulate-icon:before{top:30%;left:20%;right:20%;height:2px}.accumulate-icon:after{top:50%;left:20%;right:20%;height:2px}.meditation-icon{width:30px;height:20px;background:var(--primary-gold);border:2px solid var(--text-dark);border-radius:0 0 50px 50px;position:relative}.meditation-icon:before{content:"";position:absolute;top:-8px;left:10%;right:10%;height:6px;background:var(--white);border:1px solid var(--text-dark);border-radius:3px}.spiritual-item h3{font-family:var(--font-title);font-size:1.3rem;color:var(--text-dark);margin-bottom:var(--spacing-sm);text-shadow:1px 1px 0 var(--primary-gold)}.spiritual-item p{color:var(--text-medium);line-height:1.5}.philosophy{padding:var(--spacing-xxl) 0;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--accent-green) 100%);position:relative}.philosophy:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><circle cx="25" cy="25" r="3" fill="%23F2D16B" opacity="0.2"><animate attributeName="r" values="3;6;3" dur="2s" repeatCount="indefinite"/></circle></svg>') repeat;opacity:.5;pointer-events:none}.philosophy-content{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-xl);align-items:center;margin-top:var(--spacing-xl)}.philosophy-text{background:#ffffffe6;padding:var(--spacing-xl);border-radius:var(--radius-lg);border:2px solid var(--text-dark)}.philosophy-quote{font-size:1.1rem;color:var(--text-medium);line-height:1.8;font-style:italic;position:relative}.philosophy-quote:before{content:'"';font-size:3rem;color:var(--primary-gold);position:absolute;top:-10px;left:-20px;font-family:serif}.philosophy-visual{display:flex;justify-content:center;align-items:center}.tarot-card{width:150px;height:250px;background:var(--white);border:3px solid var(--text-dark);border-radius:var(--radius-md);position:relative;transform:rotate(-5deg);transition:var(--transition-normal)}.tarot-card:hover{transform:rotate(0) scale(1.05)}.card-design{width:100%;height:100%;background:linear-gradient(45deg,var(--accent-cherry),var(--accent-green));border-radius:var(--radius-sm);position:relative}.card-design:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:var(--primary-gold);border-radius:var(--radius-full);border:2px solid var(--text-dark)}.demo-video{padding:var(--spacing-xxl) 0;background:var(--white);position:relative}.demo-video:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="2" fill="%23F2D16B" opacity="0.1"><animate attributeName="r" values="2;4;2" dur="3s" repeatCount="indefinite"/></circle></svg>') repeat;opacity:.3;pointer-events:none}.video-container{position:relative;max-width:800px;margin:var(--spacing-xl) auto 0;border-radius:var(--radius-lg);overflow:hidden;border:3px solid var(--text-dark)}.demo-video-player{width:100%;height:auto;display:block}.video-decoration{position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;pointer-events:none;z-index:-1}.lotus-frame{width:100%;height:100%;border:4px solid var(--primary-gold);border-radius:var(--radius-lg);background:linear-gradient(45deg,transparent 30%,var(--primary-gold) 50%,transparent 70%);opacity:.3}.app-showcase{padding:var(--spacing-xxl) 0;background:linear-gradient(135deg,var(--accent-pink) 0%,var(--primary-blue) 100%);position:relative}.app-showcase:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><path d="M100 20 L120 80 L180 80 L135 120 L155 180 L100 145 L45 180 L65 120 L20 80 L80 80 Z" fill="%23F2D16B" opacity="0.1"/></svg>') repeat;background-size:200px 200px;opacity:.2;pointer-events:none}.app-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.app-screen{position:relative;background:var(--white);border-radius:var(--radius-lg);border:3px solid var(--text-dark);overflow:hidden;transition:var(--transition-normal);cursor:pointer}.app-screen:hover{transform:translateY(-10px);box-shadow:0 20px 40px var(--shadow)}.app-image{width:100%;height:auto;display:block}.screen-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#2d1810e6);color:var(--white);padding:var(--spacing-md);transform:translateY(100%);transition:var(--transition-fast)}.app-screen:hover .screen-overlay{transform:translateY(0)}.screen-overlay h4{font-family:var(--font-title);font-size:1.2rem;margin-bottom:var(--spacing-xs);color:var(--primary-gold)}.screen-overlay p{font-size:.9rem;line-height:1.4}.about{padding:var(--spacing-xxl) 0;background:linear-gradient(135deg,var(--accent-pink) 0%,var(--primary-blue) 100%);position:relative}.about:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><path d="M100 20 L120 80 L180 80 L135 120 L155 180 L100 145 L45 180 L65 120 L20 80 L80 80 Z" fill="%23F2D16B" opacity="0.1"/></svg>') repeat;background-size:200px 200px;opacity:.2;pointer-events:none}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xxl)}.about-item{text-align:center;padding:var(--spacing-lg);background:#ffffffe6;border-radius:var(--radius-lg);border:2px solid var(--text-dark);transition:var(--transition-normal);position:relative;overflow:hidden}.about-item:before{content:"";position:absolute;top:-50%;left:-50%;right:-50%;bottom:-50%;background:linear-gradient(45deg,var(--primary-gold),transparent,var(--accent-green));transform:rotate(45deg);opacity:0;transition:var(--transition-fast)}.about-item:hover:before{opacity:.1}.about-item:hover{transform:translateY(-5px);box-shadow:0 15px 30px var(--shadow)}.about-icon{width:80px;height:80px;margin:0 auto var(--spacing-md);display:flex;align-items:center;justify-content:center;background:var(--primary-gold);border-radius:var(--radius-full);border:2px solid var(--text-dark);position:relative}.healing-symbol{width:40px;height:40px;background:var(--accent-cherry);border-radius:var(--radius-full);position:relative}.healing-symbol:before,.healing-symbol:after{content:"";position:absolute;background:var(--text-dark)}.healing-symbol:before{top:50%;left:20%;right:20%;height:3px;transform:translateY(-50%)}.healing-symbol:after{left:50%;top:20%;bottom:20%;width:3px;transform:translate(-50%)}.mystical-symbol{width:40px;height:40px;background:var(--accent-green);border-radius:50% 10%;position:relative}.mystical-symbol:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;background:var(--text-dark);border-radius:var(--radius-full)}.game-symbol{width:40px;height:40px;background:var(--accent-pink);border-radius:var(--radius-sm);position:relative}.game-symbol:before,.game-symbol:after{content:"";position:absolute;background:var(--text-dark);border-radius:1px}.game-symbol:before{top:30%;left:20%;right:20%;height:2px}.game-symbol:after{top:50%;left:20%;right:20%;height:2px}.about-item h3{font-family:var(--font-title);font-size:1.5rem;color:var(--text-dark);margin-bottom:var(--spacing-sm);text-shadow:1px 1px 0 var(--primary-gold)}.about-item p{color:var(--text-medium);line-height:1.6}.product-showcase{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:center;text-align:center;background:#ffffffe6;padding:var(--spacing-xl);border-radius:var(--radius-lg);border:2px solid var(--text-dark)}.showcase-content h3{font-family:var(--font-title);font-size:2rem;color:var(--text-dark);margin-bottom:var(--spacing-md);text-shadow:1px 1px 0 var(--primary-gold)}.showcase-content p{color:var(--text-medium);margin-bottom:var(--spacing-md);line-height:1.6}.feature-list{list-style:none;padding:0}.feature-list li{color:var(--text-medium);margin-bottom:var(--spacing-sm);padding-left:var(--spacing-md);position:relative}.feature-list li:before{content:"✨";position:absolute;left:0;top:0}.showcase-visual{display:flex;justify-content:center;align-items:center}.fox-hardware{position:relative;width:250px;height:250px}.hardware-base{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:200px;height:40px;background:var(--text-dark);border-radius:var(--radius-md)}.hardware-fox{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150px;height:150px;background:linear-gradient(45deg,var(--primary-gold),var(--accent-cherry));border-radius:50% 50% 40% 40%;border:3px solid var(--text-dark)}.hardware-fox:before{content:"";position:absolute;top:30%;left:50%;transform:translate(-50%);width:50px;height:30px;background:var(--text-dark);border-radius:50%}.hardware-lights{position:absolute;bottom:40px;left:50%;transform:translate(-50%);width:180px;height:15px;background:linear-gradient(90deg,transparent,var(--accent-green),var(--primary-gold),var(--accent-cherry),var(--accent-pink),transparent);border-radius:var(--radius-sm);animation:lightFlow 3s ease-in-out infinite}@keyframes lightFlow{0%,to{opacity:.6}50%{opacity:1}}.team{padding:var(--spacing-xxl) 0;background:var(--white);position:relative}.team:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><polygon points="50,10 60,40 90,40 70,60 80,90 50,75 20,90 30,60 10,40 40,40" fill="%23E0F7FA" opacity="0.1"/></svg>') repeat;background-size:100px 100px;opacity:.3;pointer-events:none}.team-intro{text-align:center;margin-bottom:var(--spacing-xl)}.team-description{font-size:1.1rem;color:var(--text-medium);max-width:600px;margin:0 auto;line-height:1.6}.team-members{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);align-items:start}.member-card{background:#fffffff2;border-radius:var(--radius-lg);border:2px solid var(--text-dark);padding:var(--spacing-md);transition:var(--transition-normal);position:relative;overflow:hidden;min-height:420px;display:flex;flex-direction:column}.member-card:before{content:"";position:absolute;top:-50%;left:-50%;right:-50%;bottom:-50%;background:linear-gradient(45deg,var(--primary-gold),transparent,var(--accent-green));transform:rotate(45deg);opacity:0;transition:var(--transition-fast)}.member-card:hover:before{opacity:.1}.member-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px var(--shadow)}.member-header{text-align:center;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--primary-gold)}.member-avatar{width:60px;height:60px;background:var(--primary-gold);border-radius:var(--radius-full);border:3px solid var(--text-dark);display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-sm);position:relative}.member-avatar:after{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;background:linear-gradient(45deg,var(--accent-cherry),var(--accent-green));border-radius:var(--radius-full);z-index:-1;opacity:0;transition:var(--transition-fast)}.member-card:hover .member-avatar:after{opacity:1}.avatar-placeholder{font-family:var(--font-title);font-size:1.5rem;font-weight:700;color:var(--text-dark);text-shadow:1px 1px 0 var(--white)}.member-basic h3{font-family:var(--font-title);font-size:1.1rem;color:var(--text-dark);margin-bottom:var(--spacing-xs);text-shadow:1px 1px 0 var(--primary-gold)}.member-basic h4{font-size:.9rem;color:var(--primary-gold);font-weight:500;background:var(--accent-pink);padding:2px var(--spacing-xs);border-radius:var(--radius-sm);border:1px solid var(--text-dark);display:inline-block}.member-details{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1}.member-details>div{padding:var(--spacing-xs);background:var(--primary-blue);border-radius:var(--radius-sm);border:1px solid var(--text-dark);position:relative;font-size:.8rem}.member-details>div:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--primary-gold);border-radius:2px 0 0 2px}.member-details strong{color:var(--text-dark);font-weight:600;display:block;margin-bottom:2px;font-size:.75rem}.member-details div:not(strong){color:var(--text-medium);line-height:1.3}.contact{padding:var(--spacing-xxl) 0;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--accent-green) 100%);position:relative}.contact:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><circle cx="25" cy="25" r="3" fill="%23F2D16B" opacity="0.2"><animate attributeName="r" values="3;6;3" dur="2s" repeatCount="indefinite"/></circle></svg>') repeat;opacity:.5;pointer-events:none}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);margin-top:var(--spacing-xl)}.contact-info{display:flex;flex-direction:column;gap:var(--spacing-lg)}.contact-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:#ffffffe6;border-radius:var(--radius-md);border:2px solid var(--text-dark);transition:var(--transition-fast)}.contact-item:hover{transform:translate(10px);box-shadow:0 10px 20px var(--shadow)}.contact-icon{width:50px;height:50px;background:var(--primary-gold);border-radius:var(--radius-full);border:2px solid var(--text-dark);position:relative;flex-shrink:0}.wechat-icon:before{content:"💬";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem}.community-icon:before{content:"👥";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem}.contact-item h4{font-family:var(--font-title);font-size:1.2rem;color:var(--text-dark);margin-bottom:4px;text-shadow:1px 1px 0 var(--primary-gold)}.contact-item p{color:var(--text-medium)}.footer{background:var(--text-dark);color:var(--white);padding:var(--spacing-xl) 0 var(--spacing-md)}.footer-content{display:grid;grid-template-columns:1fr auto;gap:var(--spacing-xl);margin-bottom:var(--spacing-lg)}.footer-brand h3{font-family:var(--font-title);font-size:1.5rem;color:var(--primary-gold);margin-bottom:var(--spacing-sm);text-shadow:1px 1px 0 var(--white)}.footer-brand p{color:var(--text-light)}.footer-links{display:flex;gap:var(--spacing-lg)}.link-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.link-group h4{font-family:var(--font-title);color:var(--primary-gold);margin-bottom:var(--spacing-sm)}.link-group a{color:var(--text-light);text-decoration:none;transition:var(--transition-fast)}.link-group a:hover{color:var(--primary-gold)}.footer-bottom{text-align:center;padding-top:var(--spacing-md);border-top:1px solid var(--text-light);color:var(--text-light)}@media (max-width: 1024px){.team-members{flex-wrap:wrap;justify-content:center}.member-card{width:calc(50% - var(--spacing-md) / 2)}.hero{min-height:80vh}.hero-fox{position:static;margin-top:var(--spacing-lg)}.product-showcase{grid-template-columns:1fr;text-align:center}.contact-content{grid-template-columns:1fr}.footer-content,.philosophy-content{grid-template-columns:1fr;text-align:center}.game-features-grid,.team-members,.app-gallery{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.team-members{flex-direction:column;align-items:center}.member-card{width:100%;max-width:400px}.game-features-grid,.team-members,.app-gallery,.spiritual-grid{grid-template-columns:1fr}.nav-menu{position:fixed;top:70px;left:-100%;width:100%;background:var(--white);flex-direction:column;padding:var(--spacing-md);border-top:2px solid var(--primary-gold);transition:var(--transition-fast);z-index:999}.nav-menu.active{left:0}.nav-hamburger{display:flex}.nav-hamburger.active span:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}.nav-hamburger.active span:nth-child(2){opacity:0}.nav-hamburger.active span:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}.hero-buttons{flex-direction:column;align-items:center}.features-grid{grid-template-columns:1fr}.member-card{height:auto}}@media (max-width: 480px){:root{--spacing-sm: 12px;--spacing-md: 18px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px}.container{padding:0 var(--spacing-sm)}.hero-content{padding:var(--spacing-md)}.features-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.about-grid{grid-template-columns:1fr}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--primary-blue)}::-webkit-scrollbar-thumb{background:var(--primary-gold);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-medium)}::-moz-selection{background:var(--primary-gold);color:var(--text-dark)}::selection{background:var(--primary-gold);color:var(--text-dark)}