:root{font-family:Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;font-weight:400;color:#111;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px}html{scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box}.app{height:100vh;display:flex;flex-direction:column;overflow:hidden;position:relative}.sky-container{position:fixed;inset:0;z-index:-1;overflow:hidden}.sky-gradient{position:absolute;inset:0;background:radial-gradient(ellipse 200% 100% at 50% -20%,transparent 0%,rgba(135,206,250,.3) 100%),linear-gradient(to bottom,#4a90c2,#5ba3d4,#6db8e8 30%,#87ceeb,#a8ddf5 70%,#c5e8fa,#e0f3ff);animation:skyBreathing 20s ease-in-out infinite}@keyframes skyBreathing{0%,to{filter:brightness(1) saturate(1)}50%{filter:brightness(1.05) saturate(1.08)}}.sun-glow{position:absolute;top:-10%;left:50%;transform:translate(-50%);width:120vmax;height:80vmax;background:radial-gradient(ellipse at center top,rgba(255,255,240,.9) 0%,rgba(255,250,220,.6) 10%,rgba(255,245,200,.4) 20%,rgba(255,240,180,.2) 35%,rgba(135,206,250,.1) 50%,transparent 70%);animation:sunPulse 8s ease-in-out infinite;pointer-events:none}@keyframes sunPulse{0%,to{opacity:1;transform:translate(-50%) scale(1)}50%{opacity:.9;transform:translate(-50%) scale(1.05)}}.sunbeams{position:absolute;top:-5%;left:50%;width:200vmax;height:120vmax;transform:translate(-50%);pointer-events:none}.sunbeam{position:absolute;top:0;left:50%;width:3px;height:100%;background:linear-gradient(to bottom,rgba(255,255,255,.4) 0%,rgba(255,255,240,.2) 30%,rgba(255,255,220,.05) 70%,transparent 100%);transform-origin:top center;filter:blur(8px);opacity:0;animation:sunbeamShimmer 12s ease-in-out infinite}.sunbeam-1{transform:translate(-50%) rotate(-35deg);animation-delay:0s;width:60px}.sunbeam-2{transform:translate(-50%) rotate(-20deg);animation-delay:1.5s;width:40px}.sunbeam-3{transform:translate(-50%) rotate(-8deg);animation-delay:3s;width:80px}.sunbeam-4{transform:translate(-50%) rotate(5deg);animation-delay:4.5s;width:50px}.sunbeam-5{transform:translate(-50%) rotate(18deg);animation-delay:6s;width:70px}.sunbeam-6{transform:translate(-50%) rotate(30deg);animation-delay:7.5s;width:45px}.sunbeam-7{transform:translate(-50%) rotate(-50deg);animation-delay:9s;width:55px}.sunbeam-8{transform:translate(-50%) rotate(45deg);animation-delay:10.5s;width:65px}@keyframes sunbeamShimmer{0%,to{opacity:0}15%{opacity:.3}30%{opacity:.5}50%{opacity:.3}70%{opacity:0}}.clouds{position:absolute;inset:0;pointer-events:none}.clouds-back{z-index:1}.clouds-mid{z-index:2}.clouds-front{z-index:3}.cloud{position:absolute;background:#fff;border-radius:50%;filter:blur(20px);opacity:.7}.clouds-back .cloud{filter:blur(40px);opacity:.4}.cloud-1{width:400px;height:120px;top:15%;left:-10%;background:radial-gradient(ellipse at center,rgba(255,255,255,.8) 0%,rgba(255,255,255,.4) 40%,transparent 70%);animation:cloudDrift1 120s linear infinite}.cloud-2{width:300px;height:90px;top:35%;left:60%;background:radial-gradient(ellipse at center,rgba(255,255,255,.7) 0%,rgba(255,255,255,.3) 50%,transparent 70%);animation:cloudDrift2 150s linear infinite}.cloud-3{width:500px;height:150px;top:55%;left:20%;background:radial-gradient(ellipse at center,rgba(255,255,255,.6) 0%,rgba(255,255,255,.3) 40%,transparent 70%);animation:cloudDrift3 180s linear infinite}.clouds-mid .cloud{filter:blur(25px);opacity:.6}.cloud-4{width:350px;height:110px;top:20%;left:70%;background:radial-gradient(ellipse 100% 100% at 30% 50%,rgba(255,255,255,.9) 0%,rgba(255,255,255,.5) 50%,transparent 70%),radial-gradient(ellipse 80% 80% at 70% 40%,rgba(255,255,255,.7) 0%,transparent 60%);animation:cloudDrift4 90s linear infinite}.cloud-5{width:450px;height:130px;top:45%;left:-15%;background:radial-gradient(ellipse 90% 90% at 40% 50%,rgba(255,255,255,.85) 0%,rgba(255,255,255,.4) 50%,transparent 70%),radial-gradient(ellipse 70% 70% at 80% 60%,rgba(255,255,255,.6) 0%,transparent 60%);animation:cloudDrift5 100s linear infinite}.cloud-6{width:280px;height:85px;top:65%;left:45%;background:radial-gradient(ellipse at center,rgba(255,255,255,.8) 0%,rgba(255,255,255,.4) 45%,transparent 70%);animation:cloudDrift6 110s linear infinite}.clouds-front .cloud{filter:blur(15px);opacity:.75}.cloud-7{width:600px;height:180px;top:25%;left:30%;background:radial-gradient(ellipse 70% 80% at 25% 50%,rgba(255,255,255,.95) 0%,rgba(255,255,255,.6) 40%,transparent 70%),radial-gradient(ellipse 60% 70% at 55% 45%,rgba(255,255,255,.9) 0%,rgba(255,255,255,.5) 50%,transparent 70%),radial-gradient(ellipse 50% 60% at 80% 55%,rgba(255,255,255,.8) 0%,transparent 60%);animation:cloudDrift7 70s linear infinite}.cloud-8{width:500px;height:150px;top:60%;left:-20%;background:radial-gradient(ellipse 80% 90% at 35% 50%,rgba(255,255,255,.9) 0%,rgba(255,255,255,.5) 45%,transparent 70%),radial-gradient(ellipse 60% 70% at 70% 45%,rgba(255,255,255,.85) 0%,transparent 60%);animation:cloudDrift8 80s linear infinite}@keyframes cloudDrift1{0%{transform:translate(0) translateY(0)}50%{transform:translate(120vw) translateY(15px)}50.01%{transform:translate(-30%) translateY(0)}to{transform:translate(0) translateY(0)}}@keyframes cloudDrift2{0%{transform:translate(0) translateY(0)}to{transform:translate(-150vw) translateY(20px)}}@keyframes cloudDrift3{0%{transform:translate(0) translateY(0) scale(1)}50%{transform:translate(80vw) translateY(-10px) scale(1.05)}to{transform:translate(160vw) translateY(0) scale(1)}}@keyframes cloudDrift4{0%{transform:translate(0) translateY(0)}to{transform:translate(-180vw) translateY(25px)}}@keyframes cloudDrift5{0%{transform:translate(0) translateY(0) scale(1)}33%{transform:translate(50vw) translateY(15px) scale(1.03)}66%{transform:translate(100vw) translateY(-5px) scale(.98)}to{transform:translate(150vw) translateY(0) scale(1)}}@keyframes cloudDrift6{0%{transform:translate(0) translateY(0)}to{transform:translate(-140vw) translateY(10px)}}@keyframes cloudDrift7{0%{transform:translate(0) translateY(0) scale(1);opacity:.75}25%{transform:translate(-20vw) translateY(10px) scale(1.02);opacity:.8}50%{transform:translate(-40vw) translateY(-5px) scale(.98);opacity:.7}75%{transform:translate(-60vw) translateY(8px) scale(1.01);opacity:.75}to{transform:translate(-80vw) translateY(0) scale(1);opacity:.75}}@keyframes cloudDrift8{0%{transform:translate(0) translateY(0)}to{transform:translate(160vw) translateY(-15px)}}.atmospheric-haze{position:absolute;inset:0;pointer-events:none}.atmospheric-haze:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 40% at 50% 20%,rgba(255,255,250,.08) 0%,transparent 60%),radial-gradient(ellipse 80% 50% at 25% 60%,rgba(200,230,255,.06) 0%,transparent 50%),radial-gradient(ellipse 70% 45% at 75% 50%,rgba(180,220,255,.05) 0%,transparent 50%),linear-gradient(to bottom,transparent 0%,transparent 60%,rgba(230,245,255,.15) 100%);animation:hazeBreath 20s ease-in-out infinite}.atmospheric-haze:after{content:"";position:absolute;inset:-20%;width:140%;height:140%;background:radial-gradient(ellipse 40% 30% at 20% 40%,rgba(255,255,255,.04) 0%,transparent 70%),radial-gradient(ellipse 35% 25% at 80% 35%,rgba(240,250,255,.03) 0%,transparent 70%),radial-gradient(ellipse 50% 35% at 50% 70%,rgba(220,240,255,.05) 0%,transparent 60%);animation:hazeDrift 40s ease-in-out infinite}@keyframes hazeBreath{0%,to{opacity:1}50%{opacity:.85}}@keyframes hazeDrift{0%,to{transform:translate(0) scale(1);opacity:1}25%{transform:translate(3%,2%) scale(1.03);opacity:.9}50%{transform:translate(-2%,4%) scale(.98);opacity:1}75%{transform:translate(2%,-2%) scale(1.02);opacity:.85}}.grain-overlay{position:absolute;inset:0;pointer-events:none;z-index:10;mix-blend-mode:soft-light}.grain-overlay:before{content:"";position:absolute;inset:0;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.2' numOctaves='5' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23grain)'/%3E%3C/svg%3E");animation:grainDrift 8s linear infinite}.grain-overlay:after{content:"";position:absolute;inset:-10%;width:120%;height:120%;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='texture'%3E%3CfeTurbulence type='turbulence' baseFrequency='0.4' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23texture)'/%3E%3C/svg%3E");animation:textureDrift 25s ease-in-out infinite}@keyframes grainDrift{0%{transform:translate(0)}25%{transform:translate(-.5%,.3%)}50%{transform:translate(.3%,-.5%)}75%{transform:translate(-.3%,-.3%)}to{transform:translate(0)}}@keyframes textureDrift{0%,to{transform:translate(0) scale(1)}33%{transform:translate(2%,1%) scale(1.02)}66%{transform:translate(-1%,2%) scale(.98)}}.clouds:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 15% 8% at 15% 30%,rgba(255,255,255,.3) 0%,transparent 70%),radial-gradient(ellipse 12% 6% at 85% 25%,rgba(255,255,255,.25) 0%,transparent 70%),radial-gradient(ellipse 18% 10% at 45% 70%,rgba(255,255,255,.2) 0%,transparent 70%),radial-gradient(ellipse 10% 5% at 75% 55%,rgba(255,255,255,.15) 0%,transparent 70%);filter:blur(30px);animation:wispyFloat 45s ease-in-out infinite;pointer-events:none}@keyframes wispyFloat{0%,to{transform:translate(0) translateY(0)}25%{transform:translate(3%) translateY(2%)}50%{transform:translate(-2%) translateY(-1%)}75%{transform:translate(1%) translateY(3%)}}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;background:transparent}.nav-content{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo-link{display:flex;align-items:center;gap:.75rem;text-decoration:none}.logo-link .brand-name{font-family:ZCOOL QingKe HuangYou,cursive;font-size:1.25rem;color:#111}.logo{height:40px;width:auto}.nav-links{display:flex;gap:2rem}.nav-links a{color:#333;text-decoration:none;font-weight:500;font-size:.95rem;transition:color .2s}.nav-links a:hover{color:#000}.hero{flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;text-align:center;padding:4rem;padding-top:35vh}.hero h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:600;line-height:1.4;letter-spacing:.02em;word-spacing:.1em;color:#111;max-width:1000px;padding:0 2rem}.subtitle{font-size:1.25rem;color:#666;max-width:600px}.products{padding:6rem 2rem;background:#fafafa}.products h2{text-align:center;font-size:1.5rem;font-weight:600;color:#333;margin-bottom:3rem}.product-grid{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.product-card{background:#fff;border:1px solid #eee;border-radius:12px;padding:2rem 1.5rem;text-decoration:none;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;text-align:center}.product-card:hover{border-color:#ddd;box-shadow:0 4px 20px #0000000f;transform:translateY(-2px)}.product-card h3{font-size:1.1rem;font-weight:600;color:#111;margin-bottom:.5rem}.product-description{font-size:.85rem;color:#999}.footer{position:fixed;bottom:0;left:0;right:0;padding:1.25rem 2rem}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:#0006}.footer-location{font-variant-numeric:tabular-nums}@media(max-width:768px){.nav-content{padding:1rem}.nav-links{gap:1rem}.hero{padding:5rem 1.5rem 3rem}.products{padding:4rem 1.5rem}.product-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.product-card{padding:1.5rem 1rem}}