*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color:#ff6b9d;--secondary-color:#5e72e4;--accent-color:#feca57;--text-dark:#2d3436;--text-light:#636e72;--bg-light:#f8f9fa;--bg-white:#ffffff;--shadow:0 10px 30px rgba(0,0,0,0.1);--transition:all 0.3s ease}body{font-family:'Microsoft YaHei','微软雅黑','PingFang SC','Hiragino Sans GB','Source Han Sans SC','Noto Sans CJK SC','WenQuanYi Micro Hei','SimHei','黑体','Arial',sans-serif;line-height:1.6;color:var(--text-dark);overflow-x:hidden;margin:0;padding:0}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{position:fixed;top:0;width:100%;background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);z-index:1000;box-shadow:0 2px 20px rgba(0,0,0,0.1);transition:all 0.3s ease;transform:translateY(0)}.header.scrolled{background:rgba(255,255,255,0.98);box-shadow:0 4px 30px rgba(0,0,0,0.15);backdrop-filter:blur(15px)}.header.hidden{transform:translateY(-100%)}.header::before{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--primary-color),transparent);transform:scaleX(0);transition:transform 0.3s ease}.header.scrolled::before{transform:scaleX(1)}.navbar{padding:1rem 0}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.nav-logo h1{color:var(--primary-color);font-size:1.8rem;font-weight:800;white-space:nowrap;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 50%,var(--accent-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 10px rgba(255,107,157,0.3);transition:all 0.3s ease;position:relative}.nav-logo h1::before{content:'';position:absolute;bottom:-5px;left:0;width:100%;height:2px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));transform:scaleX(0);transform-origin:left;transition:transform 0.3s ease}.nav-logo:hover h1::before{transform:scaleX(1)}.nav-menu{display:flex;list-style:none;gap:2rem}.nav-link{text-decoration:none;color:var(--text-dark);font-weight:500;transition:var(--transition);position:relative}.nav-link:hover{color:var(--primary-color)}.nav-link::after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));transition:width 0.3s ease}.nav-link:hover::after{width:100%}.nav-link.active::after{width:100%;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));animation:linkGlow 2s ease-in-out infinite}@keyframes linkGlow{0%,100%{opacity:1}50%{opacity:0.7}}.hamburger{display:none;flex-direction:column;cursor:pointer}.bar{width:25px;height:3px;background:var(--text-dark);margin:3px 0;transition:var(--transition)}.hero{min-height:calc(100vh - 80px);display:flex;align-items:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 25%,#f093fb 50%,#ff6b9d 75%,#feca57 100%);background-size:400% 400%;animation:gradientShift 15s ease infinite;position:relative;overflow:hidden;margin-top:80px}.hero::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"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');pointer-events:none;z-index:1}.hero::after{content:'';position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,0.1) 0%,transparent 70%);animation:rotate 30s linear infinite;pointer-events:none;z-index:1}.hero-content{flex:1;color:white;z-index:2;padding:3rem 2rem;position:relative}.hero-content::before{content:'';position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;background:rgba(255,255,255,0.05);backdrop-filter:blur(10px);border-radius:30px;z-index:-1}.hero-content h2{font-size:3.5rem;margin-bottom:1.5rem;font-weight:900;background:linear-gradient(135deg,#ffffff 0%,#f8f9ff 25%,#ffffff 50%,#fff0f8 75%,#ffffff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInUp 1s ease,titleGlow 3s ease-in-out infinite alternate,titleShine 4s ease-in-out infinite;position:relative;text-shadow:0 8px 30px rgba(0,0,0,0.3);letter-spacing:-1px;line-height:1.2}.hero-content h2::before{content:'';position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background:linear-gradient(45deg,rgba(255,107,157,0.2) 0%,rgba(94,114,228,0.2) 50%,rgba(254,202,87,0.2) 100%);border-radius:20px;z-index:-1;opacity:0;animation:titleBorderGlow 2s ease-in-out infinite alternate}.hero-content h2::after{content:'✨';position:absolute;top:-25px;right:10px;font-size:1.8rem;animation:sparkle 2s ease-in-out infinite,sparkleRotate 3s linear infinite}@keyframes titleGlow{0%{text-shadow:0 8px 30px rgba(0,0,0,0.3),0 0 40px rgba(255,255,255,0.4)}100%{text-shadow:0 8px 30px rgba(0,0,0,0.3),0 0 60px rgba(255,255,255,0.6)}}@keyframes titleShine{0%,100%{filter:brightness(1)}50%{filter:brightness(1.2)}}@keyframes titleBorderGlow{0%{opacity:0;transform:scale(0.95)}100%{opacity:0.6;transform:scale(1.05)}}@keyframes sparkleRotate{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.1)}100%{transform:rotate(360deg) scale(1)}}.hero-content p{font-size:1.3rem;margin-bottom:2.5rem;opacity:0.95;text-shadow:0 2px 10px rgba(0,0,0,0.2);line-height:1.8;animation:fadeInUp 1s ease 0.2s;animation-fill-mode:both;position:relative}.hero-content p::before{content:'🌟';margin-right:10px;animation:twinkle 1.5s ease-in-out infinite}.hero-buttons{display:flex;gap:1.5rem;animation:fadeInUp 1s ease 0.4s;animation-fill-mode:both;position:relative;z-index:3}.btn{padding:1.2rem 2.5rem;border:none;border-radius:50px;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94);display:inline-block;cursor:pointer;position:relative;overflow:hidden;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px rgba(0,0,0,0.2);transform-style:preserve-3d;transform:translateZ(0)}.btn::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,0.3);transform:translate(-50%,-50%);transition:width 0.6s ease,height 0.6s ease;z-index:0}.btn::after{content:'';position:absolute;top:50%;left:50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,0.1) 0%,transparent 70%);transform:translate(-50%,-50%) scale(0);border-radius:50%;transition:transform 0.5s ease;z-index:0}.btn span{position:relative;z-index:1}.btn:hover::before{width:300px;height:300px}.btn:hover::after{transform:translate(-50%,-50%) scale(1)}.btn:active{transform:translateY(-2px) scale(0.98)}.btn-primary{background:linear-gradient(135deg,var(--primary-color) 0%,#e85588 100%);color:white;position:relative}.btn-primary::after{content:'→';position:absolute;right:20px;top:50%;transform:translateY(-50%);transition:all 0.3s ease;opacity:0.7}.btn-primary:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 15px 35px rgba(255,107,157,0.4)}.btn-primary:hover::after{right:15px;opacity:1}.btn-secondary{background:rgba(255,255,255,0.1);color:white;border:2px solid rgba(255,255,255,0.8);backdrop-filter:blur(10px);position:relative}.btn-secondary::after{content:'✨';position:absolute;right:20px;top:50%;transform:translateY(-50%);transition:all 0.3s ease;opacity:0.7}.btn-secondary:hover{background:rgba(255,255,255,0.2);border-color:white;transform:translateY(-5px) scale(1.05);box-shadow:0 15px 35px rgba(255,255,255,0.3)}.btn-secondary:hover::after{right:15px;opacity:1}.hero-image{flex:1;position:relative;height:600px;z-index:2}.product-showcase{position:relative;width:100%;height:100%}.floating-product{position:absolute;width:100px;height:100px;background:rgba(255,255,255,0.25);border-radius:25px;backdrop-filter:blur(15px);animation:float 4s ease-in-out infinite;box-shadow:0 10px 30px rgba(0,0,0,0.2);border:2px solid rgba(255,255,255,0.3);display:flex;align-items:center;justify-content:center;font-size:2.5rem}.product-1{top:15%;left:10%;animation-delay:0s;background:linear-gradient(135deg,#ff9a9e 0%,#fecfef 100%);animation:float1 4s ease-in-out infinite}.product-1::after{content:'🧻'}.product-2{top:45%;right:15%;animation-delay:1.3s;background:linear-gradient(135deg,#a8edea 0%,#fed6e3 100%);animation:float2 4s ease-in-out infinite}.product-2::after{content:'🍵'}.product-3{bottom:25%;left:25%;animation-delay:2.6s;background:linear-gradient(135deg,#ffecd2 0%,#fcb69f 100%);animation:float3 4s ease-in-out infinite}.product-3::after{content:'📱'}.hero-image::before{content:'';position:absolute;top:50%;left:50%;width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,0.1) 0%,transparent 70%);transform:translate(-50%,-50%);animation:pulse 3s ease-in-out infinite;border-radius:50%}.hero-image::after{content:'';position:absolute;top:30%;right:20%;width:150px;height:150px;background:linear-gradient(45deg,rgba(255,255,255,0.1) 0%,transparent 70%);border-radius:50%;animation:float 5s ease-in-out infinite reverse}.parallax-bg{position:absolute;top:0;left:0;width:100%;height:120%;background:linear-gradient(45deg,rgba(255,107,157,0.05) 0%,rgba(94,114,228,0.05) 50%,rgba(254,202,87,0.05) 100%);transform:translateZ(-1px) scale(2);will-change:transform;z-index:-1}.floating-shapes{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-1;pointer-events:none}.shape{position:absolute;border-radius:50%;opacity:0.1;animation:float-shape 20s infinite ease-in-out}.shape-1{width:80px;height:80px;background:var(--primary-color);top:10%;left:10%;animation-delay:0s}.shape-2{width:60px;height:60px;background:var(--secondary-color);top:70%;left:80%;animation-delay:3s}.shape-3{width:100px;height:100px;background:var(--accent-color);top:40%;left:60%;animation-delay:6s}@keyframes float-shape{0%,100%{transform:translateY(0) rotate(0deg);opacity:0.1}25%{transform:translateY(-30px) rotate(90deg);opacity:0.2}50%{transform:translateY(20px) rotate(180deg);opacity:0.15}75%{transform:translateY(-15px) rotate(270deg);opacity:0.25}}section{padding:80px 0;min-height:auto;position:relative}.section-title{text-align:center;font-size:2.5rem;margin-bottom:1rem;font-weight:800;background:linear-gradient(135deg,var(--text-dark) 0%,var(--primary-color) 50%,var(--secondary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;padding:0 20px;animation:titleReveal 1s ease-out;letter-spacing:-0.5px}.section-title::before{content:'';position:absolute;bottom:-15px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color),var(--accent-color));border-radius:2px;animation:lineExpand 1s ease-out 0.3s both}.section-title::after{content:'';position:absolute;bottom:-25px;left:50%;transform:translateX(-50%);width:40px;height:2px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:1px;animation:lineExpand 1s ease-out 0.5s both}@keyframes titleReveal{0%{opacity:0;transform:translateY(30px);filter:blur(5px)}100%{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes lineExpand{0%{transform:translateX(-50%) scaleX(0);opacity:0}100%{transform:translateX(-50%) scaleX(1);opacity:1}}.section-subtitle{text-align:center;color:var(--text-light);margin-bottom:3rem;font-size:1.1rem}.products{background:var(--bg-light)}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.product-card{background:white;padding:2rem;border-radius:15px;text-align:center;transition:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94);box-shadow:0 5px 15px rgba(0,0,0,0.08);position:relative;overflow:hidden;cursor:pointer}.product-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));transform:scaleX(0);transform-origin:left;transition:transform 0.4s ease}.product-card::after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(255,107,157,0.1) 0%,transparent 70%);transform:translate(-50%,-50%);transition:width 0.6s,height 0.6s;border-radius:50%;pointer-events:none}.product-card:hover{transform:translateY(-15px) scale(1.02);box-shadow:0 20px 40px rgba(0,0,0,0.15)}.product-card:hover::before{transform:scaleX(1)}.product-card:hover::after{width:300px;height:300px}.product-card:hover .product-icon{transform:scale(1.2) rotateY(360deg);filter:drop-shadow(0 8px 16px rgba(255,107,157,0.3))}.product-icon{font-size:3rem;margin-bottom:1rem;transition:all 0.6s ease;display:inline-block;transform-style:preserve-3d}.product-card h3{color:var(--text-dark);margin-bottom:1rem;font-size:1.3rem;font-weight:700;position:relative;transition:all 0.3s ease;background:linear-gradient(135deg,var(--text-dark) 0%,var(--primary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.product-card:hover h3{transform:translateY(-2px);background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.product-card p{color:var(--text-light);line-height:1.6}.platforms{background:white}.platforms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.platform-card{padding:2rem;border-radius:15px;text-align:center;transition:var(--transition);position:relative;overflow:hidden}.platform-card::before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color))}.platform-card.taobao{background:linear-gradient(135deg,#ffeaa7 0%,#fab1a0 100%)}.platform-card.jd{background:linear-gradient(135deg,#74b9ff 0%,#a29bfe 100%)}.platform-card.telecom{background:linear-gradient(135deg,#55efc4 0%,#81ecec 100%)}.platform-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.platform-icon{font-size:2.5rem;margin-bottom:1rem}.platform-card h3{color:var(--text-dark);margin-bottom:0.5rem;font-weight:700;font-size:1.4rem;transition:all 0.3s ease;text-shadow:0 2px 5px rgba(0,0,0,0.1)}.platform-card:hover h3{transform:translateY(-2px);text-shadow:0 4px 10px rgba(0,0,0,0.2)}.platform-card p{color:var(--text-dark);margin-bottom:1.5rem;opacity:0.8}.platform-link{color:var(--text-dark);text-decoration:none;font-weight:600;transition:var(--transition)}.platform-link:hover{color:var(--primary-color)}.qr-section{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);padding:80px 0;position:relative;overflow:hidden}.qr-section::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color),var(--accent-color));animation:gradient-shift 3s ease-in-out infinite}@keyframes gradient-shift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}.qr-container{text-align:center;max-width:1200px;margin:0 auto;position:relative;z-index:2}.qr-title{font-size:2.5rem;margin-bottom:1rem;color:var(--text-dark);font-weight:700;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.qr-subtitle{color:var(--text-light);margin-bottom:3rem;font-size:1.2rem;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.qr-grid{display:flex;justify-content:center;align-items:flex-start;gap:3rem;max-width:1000px;margin:0 auto;flex-wrap:wrap}.qr-card{background:white;padding:2rem;border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,0.1);transition:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94);text-align:center;position:relative;overflow:hidden;flex:1;min-width:280px;max-width:320px}.qr-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));transition:height 0.3s ease}.qr-card:hover::before{height:8px}.qr-card:hover{transform:translateY(-15px) scale(1.02);box-shadow:0 20px 60px rgba(0,0,0,0.15)}.qr-image{width:180px;height:180px;margin:0 auto 1.5rem;border-radius:15px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:0 8px 25px rgba(0,0,0,0.15);transition:all 0.3s ease}.qr-card:hover .qr-image{transform:rotate(5deg) scale(1.05);box-shadow:0 12px 35px rgba(0,0,0,0.2)}.qr-image img{width:100%;height:100%;object-fit:cover;border-radius:15px}.qr-platform-name{font-size:1.3rem;font-weight:700;color:var(--text-dark);margin-bottom:0.8rem;transition:all 0.3s ease;position:relative;text-shadow:0 2px 5px rgba(0,0,0,0.1)}.qr-platform-name::after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));transition:width 0.3s ease}.qr-card:hover .qr-platform-name{color:var(--primary-color);transform:translateY(-2px)}.qr-card:hover .qr-platform-name::after{width:100%}.qr-platform-desc{color:var(--text-light);font-size:1rem;margin-bottom:1.2rem;line-height:1.5}.qr-scan-hint{display:inline-block;font-size:0.9rem;color:white;font-weight:600;padding:0.6rem 1.2rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:25px;transition:all 0.3s ease;box-shadow:0 4px 15px rgba(255,107,157,0.3)}.qr-card:hover .qr-scan-hint{transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,107,157,0.4);background:linear-gradient(135deg,var(--secondary-color),var(--primary-color))}@keyframes scan-animation{0%{transform:translateY(-100%)}100%{transform:translateY(100%)}}.qr-card::after{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--primary-color),transparent);opacity:0;transition:opacity 0.3s ease}.qr-card:hover::after{opacity:1;animation:scan-animation 2s linear infinite}.about{background:linear-gradient(135deg,#f8f9fa 0%,#ffffff 100%);padding:100px 0}.about-header{text-align:center;margin-bottom:4rem}.about-content{display:flex;flex-direction:column;gap:3rem}.story-card{background:white;padding:2.5rem;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,0.08);transition:var(--transition);border:1px solid rgba(0,0,0,0.05)}.story-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.story-card h3{color:var(--primary-color);margin-bottom:1.5rem;font-size:1.4rem;font-weight:700;display:flex;align-items:center;gap:0.5rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all 0.3s ease}.story-card:hover h3{transform:scale(1.02);filter:drop-shadow(0 2px 10px rgba(255,107,157,0.3))}.story-card p{color:var(--text-light);line-height:1.8;font-size:1.05rem}.business-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:1.5rem}.business-item{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:var(--bg-light);border-radius:15px;transition:var(--transition)}.business-item:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,0.1)}.business-icon{font-size:2rem;flex-shrink:0;width:50px;height:50px;background:white;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px rgba(0,0,0,0.08)}.business-item h4{color:var(--text-dark);margin-bottom:0.5rem;font-size:1.1rem}.business-item p{color:var(--text-light);margin:0;font-size:0.95rem}.about-advantages{margin-bottom:2rem}.about-advantages h3{text-align:center;color:var(--text-dark);margin-bottom:2.5rem;font-size:1.8rem;font-weight:800;display:flex;align-items:center;justify-content:center;gap:0.5rem;background:linear-gradient(135deg,var(--text-dark) 0%,var(--primary-color) 50%,var(--secondary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.about-advantages h3::before{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:2px}.advantages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.advantage-item{background:white;padding:2rem;border-radius:15px;text-align:center;position:relative;transition:var(--transition);box-shadow:0 5px 15px rgba(0,0,0,0.05)}.advantage-item:hover{transform:translateY(-8px);box-shadow:var(--shadow)}.advantage-number{position:absolute;top:-15px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:white;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:0.9rem}.advantage-item h4{color:var(--text-dark);margin-bottom:1rem;font-size:1.2rem;font-weight:600}.advantage-item p{color:var(--text-light);line-height:1.6;margin:0}.about-mission{margin-top:2rem}.mission-card{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:white;padding:3rem;border-radius:20px;text-align:center;box-shadow:var(--shadow)}.mission-card h3{margin-bottom:1.5rem;font-size:1.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:0.5rem;text-shadow:0 2px 10px rgba(0,0,0,0.2);transition:all 0.3s ease}.mission-card:hover h3{transform:scale(1.05);text-shadow:0 4px 15px rgba(0,0,0,0.3)}.mission-card p{margin-bottom:2rem;line-height:1.8;opacity:0.95;font-size:1.05rem}.mission-values{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.value-tag{background:rgba(255,255,255,0.2);padding:0.5rem 1.2rem;border-radius:25px;font-size:0.9rem;font-weight:500;backdrop-filter:blur(10px);transition:var(--transition)}.value-tag:hover{background:rgba(255,255,255,0.3);transform:scale(1.05)}.brand-story{background:white;position:relative;overflow:hidden}.brand-story::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color))}.story-content{display:grid;gap:3rem}.story-main{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.story-text h3{color:var(--text-dark);font-size:1.8rem;font-weight:800;margin-bottom:1.5rem;position:relative;background:linear-gradient(135deg,var(--text-dark) 0%,var(--primary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.story-text h3::after{content:'';position:absolute;bottom:-10px;left:0;width:60px;height:3px;background:var(--primary-color)}.story-text p{color:var(--text-light);line-height:1.8;margin-bottom:1.5rem;font-size:1.05rem}.story-milestone{margin-top:2rem}.story-milestone h4{color:var(--text-dark);font-size:1.3rem;margin-bottom:1.5rem}.milestone-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.milestone-item{background:white;padding:1.5rem;border-radius:12px;text-align:center;box-shadow:0 5px 15px rgba(0,0,0,0.08);transition:var(--transition);position:relative}.milestone-item:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.milestone-item::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:12px 12px 0 0}.year{font-size:1.5rem;font-weight:700;color:var(--primary-color);margin-bottom:0.5rem}.event{font-weight:600;color:var(--text-dark);margin-bottom:0.5rem;font-size:1rem}.milestone-item p{color:var(--text-light);margin:0;font-size:0.9rem;line-height:1.4}.story-visual{background:var(--bg-light);padding:2rem;border-radius:15px;box-shadow:0 5px 20px rgba(0,0,0,0.08)}.brand-values{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}.value-item{text-align:center;padding:1.5rem;border-radius:12px;transition:var(--transition)}.value-item:hover{background:var(--bg-light);transform:scale(1.05)}.value-icon{font-size:2.5rem;margin-bottom:1rem;display:block}.value-item h4{color:var(--text-dark);margin-bottom:0.8rem;font-size:1.1rem}.value-item p{color:var(--text-light);margin:0;line-height:1.5;font-size:0.95rem}.brand-slogan{text-align:center;padding:2rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:15px;color:white}.brand-slogan h3{font-size:1.5rem;margin-bottom:1rem}.brand-slogan p{line-height:1.6;margin:0;opacity:0.9}.culture-section{background:white;padding:3rem;border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,0.08);margin-top:3rem}.culture-title{text-align:center;font-size:2rem;color:var(--text-dark);margin-bottom:1rem;font-weight:800;background:linear-gradient(135deg,var(--text-dark) 0%,var(--primary-color) 50%,var(--secondary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;padding-bottom:15px}.culture-title::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:100px;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color),var(--accent-color));border-radius:2px}.culture-subtitle{text-align:center;color:var(--text-light);margin-bottom:3rem;font-size:1.1rem;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.culture-grid{display:flex;flex-wrap:wrap;gap:2rem;margin-bottom:3rem;justify-content:space-between}.culture-item{flex:1 1 calc(25% - 1.5rem);min-width:280px;text-align:center;padding:2.5rem;border-radius:20px;background:linear-gradient(135deg,#ffffff 0%,#f8f9fa 100%);transition:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94);border:2px solid transparent;position:relative;overflow:hidden;box-shadow:0 8px 25px rgba(0,0,0,0.08)}.culture-item::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));opacity:0;transition:opacity 0.3s ease}.culture-item:hover::before{opacity:1}.culture-item:hover{border-color:var(--primary-color);transform:translateY(-10px);box-shadow:0 20px 50px rgba(0,0,0,0.15);background:linear-gradient(135deg,#ffffff 0%,#ffffff 100%)}.culture-icon{font-size:3.5rem;margin-bottom:1.5rem;display:block;transition:transform 0.3s ease}.culture-item:hover .culture-icon{transform:scale(1.1)}.culture-item h4{color:var(--text-dark);margin-bottom:1rem;font-size:1.4rem;font-weight:600}.culture-item p{color:var(--text-light);margin-bottom:1.5rem;line-height:1.7;font-size:1rem}.culture-details{display:flex;flex-wrap:wrap;gap:0.5rem;justify-content:center;margin-top:1rem}.culture-tag{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:white;padding:0.4rem 0.8rem;border-radius:15px;font-size:0.8rem;font-weight:500;transition:all 0.3s ease}.culture-tag:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(255,107,157,0.3)}.culture-principles{margin-bottom:3rem}.culture-principles h4{text-align:center;color:var(--text-dark);margin-bottom:2rem;font-size:1.6rem;font-weight:600}.principles-grid{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between}.principles-grid .principle-item{flex:1 1 calc(25% - 1.5rem);min-width:220px}.principle-item{background:var(--bg-light);padding:2rem;border-radius:15px;text-align:center;transition:all 0.3s ease;border-left:4px solid var(--accent-color);box-shadow:0 5px 15px rgba(0,0,0,0.05)}.principle-item:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.1);background:white}.principle-item h5{color:var(--text-dark);margin-bottom:1rem;font-size:1.2rem;font-weight:600}.principle-item p{color:var(--text-light);margin:0;line-height:1.6;font-size:0.95rem}.culture-spirit h4{text-align:center;color:var(--text-dark);margin-bottom:2rem;font-size:1.6rem;font-weight:600}.spirit-list{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between}.spirit-list .spirit-item{flex:1 1 calc(25% - 1.5rem);min-width:280px}.spirit-item{display:flex;align-items:flex-start;gap:1.5rem;background:white;padding:2rem;border-radius:15px;box-shadow:0 5px 20px rgba(0,0,0,0.05);transition:all 0.3s ease;border:1px solid rgba(0,0,0,0.05)}.spirit-item:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(0,0,0,0.12);border-color:var(--primary-color)}.spirit-icon{font-size:2.5rem;flex-shrink:0;width:60px;height:60px;background:linear-gradient(135deg,var(--bg-light),white);border-radius:15px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px rgba(0,0,0,0.08)}.spirit-content h5{color:var(--text-dark);margin-bottom:0.8rem;font-size:1.1rem;font-weight:600}.spirit-content p{color:var(--text-light);margin:0;line-height:1.6;font-size:0.95rem}.footer{background:var(--text-dark);color:white;padding:3rem 0 1rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h3,.footer-section h4{margin-bottom:1rem;color:var(--primary-color)}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:0.5rem}.footer-section a{color:white;text-decoration:none;opacity:0.8;transition:var(--transition)}.footer-section a:hover{opacity:1;color:var(--primary-color)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,0.1);opacity:0.7}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(10deg)}}@keyframes float1{0%,100%{transform:translateY(0) rotate(-5deg) scale(1)}25%{transform:translateY(-15px) rotate(5deg) scale(1.1)}50%{transform:translateY(-25px) rotate(-3deg) scale(1.05)}75%{transform:translateY(-10px) rotate(8deg) scale(1.08)}}@keyframes float2{0%,100%{transform:translateY(0) rotate(5deg) scale(1)}33%{transform:translateY(-20px) rotate(-8deg) scale(1.12)}66%{transform:translateY(-30px) rotate(3deg) scale(1.06)}}@keyframes float3{0%,100%{transform:translateY(0) rotate(-8deg) scale(1)}20%{transform:translateY(-18px) rotate(12deg) scale(1.1)}40%{transform:translateY(-28px) rotate(-5deg) scale(1.08)}60%{transform:translateY(-22px) rotate(7deg) scale(1.12)}80%{transform:translateY(-12px) rotate(-10deg) scale(1.05)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{transform:translate(-50%,-50%) scale(1);opacity:0.3}50%{transform:translate(-50%,-50%) scale(1.2);opacity:0.1}}@keyframes glow{from{text-shadow:0 4px 20px rgba(0,0,0,0.3),0 0 30px rgba(255,255,255,0.3)}to{text-shadow:0 4px 20px rgba(0,0,0,0.3),0 0 50px rgba(255,255,255,0.5)}}@keyframes sparkle{0%,100%{transform:scale(1) rotate(0deg);opacity:0.5}50%{transform:scale(1.2) rotate(180deg);opacity:1}}@keyframes twinkle{0%,100%{opacity:0.3;transform:scale(0.8)}50%{opacity:1;transform:scale(1.1)}}@media (max-width:1024px){.culture-grid{flex-wrap:wrap}.culture-item{flex:1 1 calc(50% - 1rem);min-width:280px}.principles-grid{flex-wrap:wrap}.principles-grid .principle-item{flex:1 1 calc(50% - 1rem);min-width:220px}.spirit-list{flex-wrap:wrap}.spirit-list .spirit-item{flex:1 1 calc(50% - 1rem);min-width:280px}}@media (max-width:768px){.nav-menu{position:fixed;left:-100%;top:80px;flex-direction:column;background-color:rgba(255,255,255,0.98);backdrop-filter:blur(10px);width:100%;text-align:center;transition:0.3s;box-shadow:0 10px 27px rgba(0,0,0,0.05);padding:2rem 0;z-index:999}.nav-menu.active{left:0}.hamburger{display:flex}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.hero{flex-direction:column;text-align:center;padding:2rem 0}.hero-content h2{font-size:2.5rem}.hero-content p{font-size:1.1rem}.hero-buttons{flex-direction:column;align-items:center;gap:1rem}.btn{width:200px;text-align:center}.hero-image{height:300px;margin-top:2rem}.floating-product{width:70px;height:70px;font-size:2rem}.about-content,.story-main,.brand-values{grid-template-columns:1fr;gap:2rem}.business-grid,.advantages-grid{grid-template-columns:1fr;gap:1.5rem}.mission-values{flex-direction:column;align-items:center}.story-card{padding:2rem}.mission-card{padding:2rem}.milestone-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.culture-grid,.principles-grid,.spirit-list{flex-direction:column;gap:1.5rem}.culture-item,.principles-grid .principle-item,.spirit-list .spirit-item{flex:1 1 100%;min-width:auto}.culture-section{padding:2rem}.culture-item{padding:2rem}.spirit-item{flex-direction:column;align-items:center;text-align:center;gap:1rem}.spirit-icon{margin-bottom:1rem}.story-text h3{font-size:1.5rem}.brand-slogan{padding:1.5rem}.brand-slogan h3{font-size:1.3rem}.products-grid,.platforms-grid{grid-template-columns:1fr}.section-title{font-size:2rem}.footer-content{grid-template-columns:1fr;text-align:center}}@media (max-width:480px){.container{padding:0 15px}.hero-content h2{font-size:1.5rem}.hero-content p{font-size:1rem}.btn{padding:0.8rem 1.5rem;font-size:0.9rem}.section-title{font-size:1.8rem}.product-card,.platform-card{padding:1.5rem}.qr-grid{flex-direction:column;align-items:center;gap:2rem}.qr-title{font-size:2rem}.qr-subtitle{font-size:1.1rem;margin-bottom:2rem}.qr-card{padding:1.5rem;max-width:300px;min-width:250px}.qr-card:hover{transform:translateY(-8px) scale(1.01)}.qr-image{width:160px;height:160px}.qr-card:hover .qr-image{transform:rotate(3deg) scale(1.03)}}html{scroll-behavior:smooth}::selection{background:var(--primary-color);color:white}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#e85588}.container{max-width:1200px;margin:0 auto;padding:0 20px;width:100%}.particles-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1;overflow:hidden}.particle{position:absolute;width:4px;height:4px;background:rgba(255,255,255,0.8);border-radius:50%;animation:floatParticle 20s infinite linear;box-shadow:0 0 10px rgba(255,255,255,0.5)}.particle:nth-child(odd){background:rgba(255,107,157,0.8);box-shadow:0 0 10px rgba(255,107,157,0.5)}.particle:nth-child(even){background:rgba(94,114,228,0.8);box-shadow:0 0 10px rgba(94,114,228,0.5)}@keyframes floatParticle{0%{transform:translateY(100vh) translateX(0) scale(0);opacity:0}10%{opacity:1;transform:translateY(90vh) translateX(10px) scale(1)}90%{opacity:1;transform:translateY(10vh) translateX(-10px) scale(1)}100%{transform:translateY(0) translateX(0) scale(0);opacity:0}}.page-loader{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#667eea 0%,#764ba2 25%,#f093fb 50%,#ff6b9d 75%,#feca57 100%);z-index:9999;display:flex;justify-content:center;align-items:center;transition:opacity 0.5s ease,visibility 0.5s ease}.page-loader.hidden{opacity:0;visibility:hidden}.loader-content{text-align:center;color:white}.loader-logo{font-size:3rem;font-weight:800;margin-bottom:2rem;animation:logoPulse 2s ease-in-out infinite;text-shadow:0 4px 20px rgba(0,0,0,0.3)}.loader-spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,0.2);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1.5rem}.loader-text{font-size:1.2rem;opacity:0.9;animation:fadeInOut 1.5s ease-in-out infinite}@keyframes logoPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:0.8}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes fadeInOut{0%,100%{opacity:0.5}50%{opacity:1}}*{margin:0;padding:0;box-sizing:border-box}p,span,div{word-wrap:break-word;word-break:break-word}img{max-width:100%;height:auto}