:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.navbar{background-color:var(--bg-primary);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:var(--z-index-sticky);transition:all var(--transition-normal)}.navbar-container{display:flex;justify-content:space-between;align-items:center;max-width:var(--max-w-6xl);margin:0 auto;padding:var(--spacing-4) var(--spacing-6)}.navbar-logo{display:flex;align-items:center;text-decoration:none;gap:var(--spacing-3)}.logo-image{height:40px;transition:transform var(--transition-normal)}.logo-image:hover{transform:scale(1.05)}.navbar-logo .company-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:#000!important;transition:color var(--transition-normal)}.navbar-logo:hover .company-name{color:var(--primary-color)!important}.navbar-menu-desktop{display:flex;align-items:center;gap:var(--spacing-8)}.navbar-link{color:var(--text-primary);text-decoration:none;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);position:relative;transition:color var(--transition-normal)}.navbar-link:hover{color:var(--primary-color)}.navbar-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background-color:var(--primary-color);transition:width var(--transition-normal)}.navbar-link:hover:after{width:100%}.navbar-button{background-color:var(--primary-color);color:var(--bg-primary);border:none;padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-full);font-weight:var(--font-weight-semibold);text-decoration:none;transition:all var(--transition-normal);cursor:pointer}.navbar-button:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.navbar-menu-toggle{display:none;cursor:pointer}.menu-icon span{display:block;width:25px;height:3px;background-color:var(--text-primary);margin:5px 0;transition:all var(--transition-normal)}.menu-icon.open span:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}.menu-icon.open span:nth-child(2){opacity:0}.menu-icon.open span:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}.navbar-menu-mobile{display:none;background-color:var(--bg-primary);padding:var(--spacing-4) var(--spacing-6);box-shadow:var(--shadow-md)}.navbar-button-mobile{display:block;background-color:var(--primary-color);color:var(--bg-primary);border:none;padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-full);font-weight:var(--font-weight-semibold);text-decoration:none;text-align:center;margin-top:var(--spacing-4);transition:all var(--transition-normal)}.navbar-button-mobile:hover{background-color:var(--primary-hover)}@media (max-width: 768px){.navbar-menu-desktop{display:none}.navbar-menu-toggle{display:block}.navbar-menu-mobile{display:flex;flex-direction:column;gap:var(--spacing-4)}.navbar-container{padding:var(--spacing-4)}.company-name{font-size:var(--font-size-lg)}}@media (max-width: 480px){.company-name{font-size:var(--font-size-base)}.logo-image{height:32px}}.footer{background-color:var(--bg-dark);color:#fff;padding:var(--spacing-8) 0}.footer-container{max-width:var(--max-w-6xl);margin:0 auto;padding:0 var(--spacing-6);display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:var(--spacing-8)}.footer-info{grid-column:1 / 2}.footer-logo{display:flex;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-4);width:270px}.footer-logo .logo-image{height:40px}.company-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0;color:#f8f9fa}.company-description{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:#ecf0f1;margin:0}.footer-links h4,.footer-contact h4,.footer-social h4{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-4);position:relative;padding-bottom:var(--spacing-2);color:var(--primary-color)}.footer-links h4:after,.footer-contact h4:after,.footer-social h4:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background-color:var(--primary-color)}.footer-links ul{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:var(--spacing-2)}.footer-links a,.footer-contact a,.footer-privacy a{color:#ecf0f1;text-decoration:none;transition:color var(--transition-normal)}.footer-links a:hover,.footer-contact a:hover,.footer-privacy a:hover{color:var(--primary-color)}.footer-contact address{font-style:normal;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.footer-contact p{margin:var(--spacing-2) 0}.social-icons{display:flex;gap:var(--spacing-4);margin-top:var(--spacing-4)}.social-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);background-color:#ffffff1a;transition:all var(--transition-normal);color:#fff}.social-icon:hover{background-color:var(--primary-color);transform:translateY(-3px)}.footer-bottom{background-color:#1a252f;padding:var(--spacing-4) 0;margin-top:var(--spacing-8)}.footer-bottom-container{max-width:var(--max-w-6xl);margin:0 auto;padding:0 var(--spacing-6);display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-xs);color:#95a5a6}.footer-privacy{display:flex;gap:var(--spacing-4);align-items:center}.footer-privacy span{color:#7f8c8d}@media (max-width: 992px){.footer-container{grid-template-columns:1fr 1fr;gap:var(--spacing-8)}.footer-info{grid-column:1 / -1}}@media (max-width: 768px){.footer-container{grid-template-columns:1fr;gap:var(--spacing-6)}.footer-bottom-container{flex-direction:column;gap:var(--spacing-4);text-align:center}}.home-page{font-family:var(--font-family-base);color:var(--text-primary)}.hero{background:linear-gradient(135deg,#10b981 0%,#34d399 50%,#4ade80 100%);color:#fff;padding:var(--spacing-20) 0;position:relative;overflow:hidden;min-height:80vh;display:flex;align-items:center}.hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.1) 0%,transparent 50%)}.mahjong-tile{position:absolute;width:60px;height:80px;background:linear-gradient(145deg,#f0fdf4,#dcfce7);border:3px solid #f59e0b;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#059669;box-shadow:0 8px 20px #0003}.tile-1{top:20%;left:10%}.tile-2{top:30%;right:15%}.tile-3{bottom:25%;left:20%}.tile-4{bottom:35%;right:10%}.hero-content{flex-direction:column;justify-content:center;max-width:50%;position:relative;z-index:2;max-width:var(--max-w-6xl);margin:0 auto;padding:0 var(--spacing-6);display:flex;align-items:center;justify-content:space-between}.hero-subtitle{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-8);line-height:var(--line-height-relaxed);opacity:1;font-weight:var(--font-weight-semibold);color:#fff;text-shadow:1px 1px 4px rgba(0,0,0,.3)}.hero-description{max-width:800px;margin:0 auto var(--spacing-8);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);opacity:1;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.hero-cta{display:flex;gap:var(--spacing-4)}.cta-button{padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-full);font-weight:var(--font-weight-semibold);text-decoration:none;transition:all var(--transition-normal);display:inline-block}.cta-button.primary{background-color:#fff;color:var(--secondary-color);border:2px solid white}.cta-button.primary:hover{background-color:transparent;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #ffffff4d}.cta-button.secondary{background-color:transparent;color:#fff;border:2px solid white}.cta-button.secondary:hover{background-color:#fff;color:var(--secondary-color);transform:translateY(-2px)}.hero-image{max-width:45%;display:flex;justify-content:flex-end}.image-container{width:100%;max-width:500px;animation:float 6s ease-in-out infinite}.company-ip-showcase{padding:var(--spacing-20) 0;background-color:var(--bg-primary)}.ip-title{text-align:center;margin-bottom:var(--spacing-16)}.ip-title h2{font-size:var(--font-size-4xl);color:var(--text-primary);margin-bottom:var(--spacing-4);position:relative;font-weight:var(--font-weight-bold);text-shadow:0 2px 4px rgba(0,0,0,.1)}.ip-title h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:var(--radius-full)}.ip-title p{font-size:var(--font-size-lg);color:var(--text-primary);max-width:600px;margin:0 auto;font-weight:var(--font-weight-medium);opacity:.9}.ip-characters{display:flex;justify-content:center;gap:var(--spacing-8);flex-wrap:wrap}.character-card{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--spacing-8);border-radius:var(--radius-xl);text-align:center;transition:all var(--transition-normal);box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.3);max-width:250px}.character-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-xl);background:rgba(255,255,255,1);border-color:var(--primary-color)}.character-card p{font-size:var(--font-size-base);color:var(--text-primary);line-height:var(--line-height-relaxed);font-weight:var(--font-weight-medium);opacity:.8}.features{padding:var(--spacing-20) 0;background-color:var(--bg-secondary)}.features-header{text-align:center;margin-bottom:var(--spacing-12)}.features-header h2{font-size:var(--font-size-3xl);color:var(--text-primary);margin-bottom:var(--spacing-4)}.features-header p{font-size:var(--font-size-md);color:var(--text-secondary);max-width:var(--max-w-3xl);margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-8);max-width:var(--max-w-6xl);margin:0 auto;padding:0 var(--spacing-6)}.feature-card{background-color:var(--bg-primary);padding:var(--spacing-8);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-normal);box-shadow:var(--shadow-sm)}.feature-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-lg)}.feature-icon{margin-bottom:var(--spacing-6);display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background-color:var(--bg-tertiary);border-radius:var(--radius-full)}.feature-card h3{font-size:var(--font-size-xl);color:var(--text-primary);margin-bottom:var(--spacing-4)}.feature-card p{color:var(--text-secondary);line-height:var(--line-height-relaxed)}.miniprogram-content{max-width:var(--max-w-6xl);margin:0 auto;padding:0 var(--spacing-6)}.miniprogram-section h2{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-4);font-weight:var(--font-weight-bold);color:#fff;text-shadow:2px 2px 8px rgba(0,0,0,.5)}.miniprogram-section p{font-size:var(--font-size-lg);margin-bottom:var(--spacing-8);opacity:1;color:#fff;text-shadow:1px 1px 4px rgba(0,0,0,.3);font-weight:var(--font-weight-medium)}.miniprogram-qrcode{margin-bottom:var(--spacing-8)}.qrcode-container{display:inline-block;padding:var(--spacing-4);background-color:#fff;border-radius:var(--radius-lg);margin-bottom:var(--spacing-4);box-shadow:var(--shadow-lg);transition:all var(--transition-normal)}.qrcode-container:hover{transform:scale(1.05);box-shadow:var(--shadow-xl)}.qrcode-text{color:var(--text-primary);font-weight:var(--font-weight-semibold);margin-top:var(--spacing-2);font-size:var(--font-size-sm)}.miniprogram-features{display:flex;justify-content:center;gap:var(--spacing-8);flex-wrap:wrap;margin-top:var(--spacing-8)}.feature-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);padding:var(--spacing-4);background:rgba(255,255,255,.1);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all var(--transition-normal);min-width:120px}.feature-item:hover{background:rgba(255,255,255,.2);transform:translateY(-5px)}.feature-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff}.feature-item span{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);opacity:.9}@media (max-width: 992px){.hero{flex-direction:column-reverse;text-align:center}.hero-content,.hero-image{max-width:100%}.hero-cta{justify-content:center}.hero-title{font-size:var(--font-size-3xl)}}@media (max-width: 768px){.hero,.features,.download{padding:var(--spacing-12) 0}.hero-title{font-size:var(--font-size-2xl)}.features-grid{grid-template-columns:1fr}.download-links{flex-direction:column;align-items:center}}.platform-page{font-family:var(--font-family-base);color:var(--text-primary)}.platform-hero{background:linear-gradient(135deg,#10b981 0%,#34d399 50%,#4ade80 100%);color:#fff;padding:var(--spacing-20) 0;position:relative;overflow:hidden;min-height:80vh;display:flex;align-items:center}.mahjong-tile{position:absolute;width:60px;height:80px;background:linear-gradient(145deg,#f0f8f5,#e6f4ea);border:3px solid var(--accent-color);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:var(--primary-color);box-shadow:0 8px 20px #0003}.tile-1{top:20%;left:10%;animation-delay:0s}.tile-2{top:30%;right:15%;animation-delay:1s}.tile-3{bottom:25%;left:20%;animation-delay:2s}.tile-4{bottom:35%;right:10%;animation-delay:3s}.hero-title{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-4);line-height:var(--line-height-tight);text-shadow:2px 2px 8px rgba(0,0,0,.5);color:#fff}.hero-subtitle{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-8);opacity:1;font-weight:var(--font-weight-semibold);color:#fff;text-shadow:1px 1px 4px rgba(0,0,0,.3)}.hero-description{max-width:800px;margin:0 auto;font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);opacity:.95}.hero-description p{margin-bottom:var(--spacing-4)}.platform-features{padding:var(--spacing-20) 0;background-color:var(--bg-secondary)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-8);margin-top:var(--spacing-12)}.feature-card{background-color:var(--bg-primary);padding:var(--spacing-8);border-radius:var(--radius-xl);text-align:center;transition:all var(--transition-normal);box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.feature-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.feature-icon{margin-bottom:var(--spacing-6);display:inline-flex;align-items:center;justify-content:center;width:100px;height:100px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:var(--radius-full);color:#fff;margin:0 auto var(--spacing-6)}.feature-card h3{font-size:var(--font-size-2xl);color:var(--text-primary);margin-bottom:var(--spacing-4);font-weight:var(--font-weight-bold)}.feature-card p{color:var(--text-secondary);line-height:var(--line-height-relaxed);font-size:var(--font-size-md)}.usage-process{padding:var(--spacing-20) 0;background-color:var(--bg-primary)}.process-steps{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--spacing-8);margin-top:var(--spacing-12)}.step-item{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:200px}.step-number{width:80px;height:80px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-4);box-shadow:var(--shadow-md)}.step-content h3{font-size:var(--font-size-xl);color:var(--text-primary);margin-bottom:var(--spacing-3);font-weight:var(--font-weight-semibold)}.step-content p{color:var(--text-secondary);line-height:var(--line-height-relaxed);font-size:var(--font-size-sm)}.step-arrow{color:var(--primary-color);margin:0 var(--spacing-4)}.user-reviews{padding:var(--spacing-20) 0;background-color:var(--bg-secondary)}.reviews-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-8);margin-top:var(--spacing-12)}.review-card{background-color:var(--bg-primary);padding:var(--spacing-8);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:all var(--transition-normal)}.review-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.review-content{margin-bottom:var(--spacing-6)}.review-content p{font-size:var(--font-size-md);line-height:var(--line-height-relaxed);color:var(--text-primary);font-style:italic;position:relative}.review-content p:before{content:'"';font-size:var(--font-size-4xl);color:var(--primary-color);position:absolute;top:-10px;left:-10px;font-family:serif}.review-content p:after{content:'"';font-size:var(--font-size-4xl);color:var(--primary-color);position:absolute;bottom:-20px;right:-10px;font-family:serif}.review-author{display:flex;align-items:center;gap:var(--spacing-4)}.author-avatar{width:50px;height:50px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-lg)}.author-info h4{font-size:var(--font-size-lg);color:var(--text-primary);margin-bottom:var(--spacing-1);font-weight:var(--font-weight-semibold)}.author-info span{color:var(--text-secondary);font-size:var(--font-size-sm)}.miniprogram-section{padding:var(--spacing-20) 0;background:linear-gradient(135deg,#059669 0%,#10b981 50%,#34d399 100%);color:#fff;text-align:center}.miniprogram-content h2{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-4);font-weight:var(--font-weight-bold);color:#fff;text-shadow:2px 2px 8px rgba(0,0,0,.5)}.miniprogram-content p{font-size:var(--font-size-lg);margin-bottom:var(--spacing-8);opacity:1;color:#fff;text-shadow:1px 1px 4px rgba(0,0,0,.3);font-weight:var(--font-weight-medium)}.miniprogram-qr{display:inline-block;margin-bottom:var(--spacing-8)}.qr-code{background-color:#fff;padding:var(--spacing-4);border-radius:var(--radius-lg);margin-bottom:var(--spacing-4);box-shadow:var(--shadow-lg);transition:all var(--transition-normal)}.qr-code:hover{transform:scale(1.05);box-shadow:var(--shadow-xl)}.qr-code p{color:var(--text-primary);font-weight:var(--font-weight-semibold);margin-top:var(--spacing-2);font-size:var(--font-size-sm)}.miniprogram-benefits{display:flex;justify-content:center;gap:var(--spacing-8);flex-wrap:wrap;margin-top:var(--spacing-8)}.benefit-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);padding:var(--spacing-4);background:rgba(255,255,255,.1);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all var(--transition-normal);min-width:120px}.benefit-item:hover{background:rgba(255,255,255,.2);transform:translateY(-5px)}.benefit-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff}.benefit-item span{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);opacity:.9}@media (max-width: 992px){.hero-title{font-size:var(--font-size-4xl)}.hero-subtitle{font-size:var(--font-size-xl)}.process-steps{flex-direction:column}.step-arrow{transform:rotate(90deg);margin:var(--spacing-4) 0}.mahjong-tile{width:50px;height:70px;font-size:20px}}@media (max-width: 768px){.platform-hero{padding:var(--spacing-12) 0;min-height:60vh}.hero-title{font-size:var(--font-size-3xl)}.hero-subtitle{font-size:var(--font-size-lg)}.features-grid,.reviews-grid{grid-template-columns:1fr}.platform-features,.usage-process,.user-reviews,.download-section{padding:var(--spacing-12) 0}.section-title h2{font-size:var(--font-size-3xl)}.mahjong-tile{width:40px;height:60px;font-size:16px}}.about-page{font-family:var(--font-family-base);color:var(--text-primary)}.company-ip{background:linear-gradient(135deg,#10b981 0%,#34d399 50%,#4ade80 100%);color:#fff;padding:var(--spacing-20) 0;position:relative;overflow:hidden}.company-ip:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.1) 0%,transparent 50%)}.container{max-width:var(--max-w-6xl);margin:0 auto;padding:0 var(--spacing-6);position:relative;z-index:2}.ip-showcase{text-align:center}.ip-title h1{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-4);text-shadow:2px 2px 8px rgba(0,0,0,.5);color:#fff}.ip-title .subtitle{font-size:var(--font-size-2xl);opacity:1;margin-bottom:var(--spacing-12);font-weight:var(--font-weight-semibold);color:#fff;text-shadow:1px 1px 4px rgba(0,0,0,.3)}.ip-characters{display:flex;justify-content:center;gap:var(--spacing-8);flex-wrap:wrap;margin-top:var(--spacing-12)}.character-card{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-xl);padding:var(--spacing-8);text-align:center;transition:all var(--transition-normal);max-width:200px;box-shadow:var(--shadow-lg)}.character-card:hover{transform:translateY(-10px);background:rgba(255,255,255,1);box-shadow:0 20px 40px #0003}.character-image{margin-bottom:var(--spacing-4);display:flex;justify-content:center}.character-card h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-3);font-weight:var(--font-weight-bold);color:var(--text-primary);text-shadow:0 1px 2px rgba(0,0,0,.1)}.character-card p{font-size:var(--font-size-base);opacity:.8;line-height:var(--line-height-relaxed);color:var(--text-primary);font-weight:var(--font-weight-medium)}.company-intro{padding:var(--spacing-20) 0;background-color:var(--bg-primary)}.intro-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-12);align-items:center}.intro-text h2{font-size:var(--font-size-4xl);color:var(--text-primary);margin-bottom:var(--spacing-6);position:relative}.intro-text h2:after{content:"";position:absolute;bottom:-10px;left:0;width:80px;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:var(--radius-full)}.intro-description p{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--text-secondary);margin-bottom:var(--spacing-6)}.intro-image{display:flex;justify-content:center}.image-placeholder{background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border-radius:var(--radius-xl);padding:var(--spacing-6);box-shadow:var(--shadow-lg);border:1px solid var(--border-light)}.team-section{padding:var(--spacing-20) 0;background-color:var(--bg-secondary)}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-8);margin-top:var(--spacing-12)}.team-card{background-color:var(--bg-primary);padding:var(--spacing-8);border-radius:var(--radius-xl);text-align:center;transition:all var(--transition-normal);box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.team-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.team-icon{margin-bottom:var(--spacing-6);display:inline-flex;align-items:center;justify-content:center;width:100px;height:100px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:var(--radius-full);color:#fff;margin:0 auto var(--spacing-6)}.team-card h3{font-size:var(--font-size-2xl);color:var(--text-primary);margin-bottom:var(--spacing-4);font-weight:var(--font-weight-bold)}.team-card p{color:var(--text-secondary);line-height:var(--line-height-relaxed);font-size:var(--font-size-md)}.timeline-section{padding:var(--spacing-20) 0;background-color:var(--bg-primary)}.timeline{max-width:800px;margin:0 auto;position:relative;padding:var(--spacing-8) 0}.timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--primary-color),var(--accent-color));transform:translate(-50%)}.timeline-item{display:flex;align-items:center;margin-bottom:var(--spacing-12);position:relative}.timeline-item:nth-child(odd){flex-direction:row}.timeline-item:nth-child(2n){flex-direction:row-reverse}.timeline-date{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-full);font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg);min-width:120px;text-align:center;position:relative;z-index:2}.timeline-content{background-color:var(--bg-primary);padding:var(--spacing-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);margin:0 var(--spacing-6);flex:1;max-width:300px}.timeline-content h3{font-size:var(--font-size-xl);color:var(--text-primary);margin-bottom:var(--spacing-2);font-weight:var(--font-weight-semibold)}.timeline-content p{color:var(--text-secondary);line-height:var(--line-height-relaxed);font-size:var(--font-size-sm)}.culture-section{padding:var(--spacing-20) 0;background-color:var(--bg-secondary)}.culture-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-8);margin-top:var(--spacing-12)}.culture-item{background-color:var(--bg-primary);padding:var(--spacing-8);border-radius:var(--radius-xl);text-align:center;transition:all var(--transition-normal);box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.culture-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.culture-icon{margin-bottom:var(--spacing-4);display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-radius:var(--radius-full);color:#fff;margin:0 auto var(--spacing-4)}.culture-item h3{font-size:var(--font-size-xl);color:var(--text-primary);margin-bottom:var(--spacing-3);font-weight:var(--font-weight-semibold)}.culture-item p{color:var(--text-secondary);line-height:var(--line-height-relaxed);font-size:var(--font-size-md)}@media (max-width: 992px){.intro-content{grid-template-columns:1fr;gap:var(--spacing-8)}.intro-text{order:2}.intro-image{order:1}.timeline:before{left:30px}.timeline-item{flex-direction:row!important;padding-left:60px}.timeline-date{position:absolute;left:-60px;min-width:100px}.timeline-content{margin:0;max-width:none}}@media (max-width: 768px){.company-ip,.company-intro,.team-section,.timeline-section,.culture-section{padding:var(--spacing-12) 0}.ip-title h1{font-size:var(--font-size-4xl)}.ip-title .subtitle{font-size:var(--font-size-lg)}.ip-characters{flex-direction:column;align-items:center}.character-card{max-width:none;width:100%;max-width:300px}.section-title h2{font-size:var(--font-size-3xl)}.team-grid,.culture-grid{grid-template-columns:1fr}.timeline:before{left:20px}.timeline-item{padding-left:50px}.timeline-date{left:-50px;min-width:80px;font-size:var(--font-size-sm);padding:var(--spacing-2) var(--spacing-4)}}.contact-page{font-family:var(--font-family-base);color:var(--text-primary)}.contact-hero{background:linear-gradient(135deg,#10b981 0%,#34d399 50%,#4ade80 100%);color:#fff;padding:var(--spacing-20) 0;position:relative;overflow:hidden;min-height:60vh;display:flex;align-items:center}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.floating-elements{position:absolute;width:100%;height:100%}.contact-icon{position:absolute;width:60px;height:60px;background:rgba(255,255,255,.1);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 20px #0003}.icon-1{top:20%;left:10%}.icon-2{top:40%;right:15%}.icon-3{bottom:30%;left:20%}.hero-content{position:relative;z-index:2;max-width:var(--max-w-6xl);margin:0 auto;padding:0 var(--spacing-6);text-align:center}.hero-title{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-4);text-shadow:2px 2px 8px rgba(0,0,0,.5);color:#fff}.hero-subtitle{font-size:var(--font-size-2xl);opacity:1;max-width:600px;margin:0 auto;font-weight:var(--font-weight-semibold);color:#fff;text-shadow:1px 1px 4px rgba(0,0,0,.3)}.contact-info{padding:var(--spacing-20) 0;background-color:var(--bg-primary)}.container{max-width:var(--max-w-6xl);margin:0 auto;padding:0 var(--spacing-6)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-8)}.info-card{background-color:var(--bg-primary);padding:var(--spacing-8);border-radius:var(--radius-xl);text-align:center;transition:all var(--transition-normal);box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.info-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.info-icon{margin-bottom:var(--spacing-6);display:inline-flex;align-items:center;justify-content:center;width:100px;height:100px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-radius:var(--radius-full);color:#fff;margin:0 auto var(--spacing-6)}.info-card h3{font-size:var(--font-size-2xl);color:var(--text-primary);margin-bottom:var(--spacing-4);font-weight:var(--font-weight-bold)}.info-text{font-size:var(--font-size-lg);color:var(--primary-color);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2)}.info-desc{color:var(--text-secondary);font-size:var(--font-size-sm)}.contact-form-section{padding:var(--spacing-20) 0;background-color:var(--bg-secondary)}.form-map-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-12);align-items:start}.contact-form-container{background-color:var(--bg-primary);padding:var(--spacing-8);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.form-header{margin-bottom:var(--spacing-8);text-align:center}.form-header h2{font-size:var(--font-size-3xl);color:var(--text-primary);margin-bottom:var(--spacing-3);font-weight:var(--font-weight-bold)}.form-header p{color:var(--text-secondary);font-size:var(--font-size-md)}.contact-form{display:flex;flex-direction:column;gap:var(--spacing-6)}.form-group{display:flex;flex-direction:column}.form-group label{font-size:var(--font-size-md);color:var(--text-primary);margin-bottom:var(--spacing-2);font-weight:var(--font-weight-medium)}.form-group input,.form-group textarea{padding:var(--spacing-4);border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:inherit;transition:all var(--transition-normal);background-color:var(--bg-primary)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2e8b571a}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border:none;padding:var(--spacing-4) var(--spacing-8);border-radius:var(--radius-full);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-normal);align-self:center;min-width:200px}.submit-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.map-qr-container{display:flex;flex-direction:column;gap:var(--spacing-8)}.map-container,.qr-container{background-color:var(--bg-primary);padding:var(--spacing-6);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.map-container h3,.qr-container h3{font-size:var(--font-size-xl);color:var(--text-primary);margin-bottom:var(--spacing-4);font-weight:var(--font-weight-semibold);text-align:center}.map-placeholder{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.qr-code{display:flex;justify-content:center;margin-bottom:var(--spacing-4)}.qr-code svg{background-color:#fff;padding:var(--spacing-4);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.qr-container p{text-align:center;color:var(--text-secondary);font-size:var(--font-size-sm)}.faq-section{padding:var(--spacing-20) 0;background-color:var(--bg-primary)}.section-title{text-align:center;margin-bottom:var(--spacing-16)}.section-title h2{font-size:var(--font-size-4xl);color:var(--text-primary);margin-bottom:var(--spacing-4);position:relative}.section-title h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:var(--radius-full)}.section-title p{font-size:var(--font-size-lg);color:var(--text-secondary);max-width:600px;margin:0 auto}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-8);margin-top:var(--spacing-12)}.faq-item{background-color:var(--bg-secondary);padding:var(--spacing-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:all var(--transition-normal)}.faq-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.faq-item h3{font-size:var(--font-size-lg);color:var(--text-primary);margin-bottom:var(--spacing-3);font-weight:var(--font-weight-semibold)}.faq-item p{color:var(--text-secondary);line-height:var(--line-height-relaxed);font-size:var(--font-size-sm)}@media (max-width: 992px){.form-map-grid{grid-template-columns:1fr;gap:var(--spacing-8)}.map-qr-container{order:-1}.contact-icon{width:50px;height:50px}.icon-1,.icon-2,.icon-3{display:none}}@media (max-width: 768px){.contact-hero,.contact-info,.contact-form-section,.faq-section{padding:var(--spacing-12) 0}.hero-title{font-size:var(--font-size-4xl)}.hero-subtitle{font-size:var(--font-size-lg)}.info-grid,.faq-grid{grid-template-columns:1fr}.section-title h2{font-size:var(--font-size-3xl)}.contact-form-container,.map-container,.qr-container,.info-card{padding:var(--spacing-6)}}:root{--primary-color: #4ade80;--primary-hover: #22c55e;--secondary-color: #10b981;--secondary-hover: #059669;--accent-color: #f59e0b;--accent-hover: #d97706;--text-primary: #2c3e50;--text-secondary: #5a6c7d;--text-light: #f8f9fa;--text-dark: #1a2530;--bg-primary: #f0fdf4;--bg-secondary: #dcfce7;--bg-tertiary: #bbf7d0;--bg-dark: #1f2937;--border-color: #a7f3d0;--border-light: #d1fae5;--border-dark: #34d399;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .1);--shadow-xl: 0 15px 30px rgba(0, 0, 0, .15);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 20px;--radius-full: 50%;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 1.75rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.2;--line-height-normal: 1.4;--line-height-relaxed: 1.6;--line-height-loose: 1.8;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--spacing-32: 8rem;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--transition-bounce: .6s cubic-bezier(.68, -.55, .265, 1.55);--transition-elastic: .8s cubic-bezier(.175, .885, .32, 1.275);--max-w-xs: 20rem;--max-w-sm: 24rem;--max-w-md: 28rem;--max-w-lg: 32rem;--max-w-xl: 36rem;--max-w-2xl: 42rem;--max-w-3xl: 48rem;--max-w-4xl: 56rem;--max-w-5xl: 64rem;--max-w-6xl: 72rem;--max-w-full: 100%;--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-modal-backdrop: 1040;--z-index-modal: 1050;--z-index-popover: 1060;--z-index-tooltip: 1070}#root,.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding-top:0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family-base);line-height:var(--line-height-relaxed);color:var(--text-primary);background-color:var(--bg-primary);margin:0;padding:0;overflow-x:hidden}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-normal)}a:hover{color:var(--primary-hover)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:.5em;color:var(--text-primary)}p{margin-bottom:1em}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:all var(--transition-normal)}code{font-family:var(--font-family-mono);background-color:var(--bg-tertiary);padding:.2em .4em;border-radius:var(--radius-sm);font-size:.9em}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--scrollbar-color);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-1{margin-bottom:var(--spacing-2)}.mb-2{margin-bottom:var(--spacing-4)}.mb-3{margin-bottom:var(--spacing-6)}.mb-4{margin-bottom:var(--spacing-8)}.mt-1{margin-top:var(--spacing-2)}.mt-2{margin-top:var(--spacing-4)}.mt-3{margin-top:var(--spacing-6)}.mt-4{margin-top:var(--spacing-8)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-30px,0)}70%{transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}}@keyframes glow{0%{box-shadow:0 0 5px var(--primary-color)}50%{box-shadow:0 0 20px var(--primary-color),0 0 30px var(--primary-color)}to{box-shadow:0 0 5px var(--primary-color)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes blink{0%,50%{border-color:transparent}51%,to{border-color:var(--primary-color)}}.animate-fadeInUp{animation:fadeInUp .8s ease-out}.animate-fadeInLeft{animation:fadeInLeft .8s ease-out}.animate-fadeInRight{animation:fadeInRight .8s ease-out}.animate-pulse{animation:pulse 2s infinite}.animate-float{animation:float 6s ease-in-out infinite}.animate-slideInFromTop{animation:slideInFromTop .8s ease-out}.animate-rotate{animation:rotate 20s linear infinite}.animate-bounce{animation:bounce 1s infinite}.animate-shake{animation:shake .5s ease-in-out}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-slideInFromBottom{animation:slideInFromBottom .8s ease-out}.animate-scaleIn{animation:scaleIn .6s ease-out}.animate-typewriter{animation:typewriter 3s steps(40,end);overflow:hidden;white-space:nowrap;border-right:2px solid var(--primary-color)}.animate-blink{animation:blink 1s infinite}.hover-lift:hover{transform:translateY(-5px);transition:transform var(--transition-normal)}.hover-glow:hover{box-shadow:0 0 20px #2e8b574d;transition:box-shadow var(--transition-normal)}.hover-scale:hover{transform:scale(1.05);transition:transform var(--transition-normal)}.hover-rotate:hover{transform:rotate(5deg);transition:transform var(--transition-normal)}.scroll-trigger{opacity:0;transform:translateY(50px);transition:all .8s ease-out}.scroll-trigger.visible{opacity:1;transform:translateY(0)}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.delay-600{animation-delay:.6s}.delay-700{animation-delay:.7s}.delay-800{animation-delay:.8s}.delay-900{animation-delay:.9s}.delay-1000{animation-delay:1s}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s,transform .3s}.page-exit{opacity:1;transform:translateY(0)}.page-exit-active{opacity:0;transform:translateY(-20px);transition:opacity .3s,transform .3s}@media (max-width: 1200px){.container{padding:0 var(--spacing-4)}}@media (max-width: 992px){.container{padding:0 var(--spacing-3)}.section-title h2{font-size:var(--font-size-3xl)}.hero-title{font-size:var(--font-size-4xl)}.hero-subtitle{font-size:var(--font-size-xl)}}@media (max-width: 768px){.container{padding:0 var(--spacing-2)}.section-title h2{font-size:var(--font-size-2xl)}.hero-title{font-size:var(--font-size-3xl)}.hero-subtitle{font-size:var(--font-size-lg)}.btn{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm)}.card{padding:var(--spacing-4)}}@media (max-width: 576px){.container{padding:0 var(--spacing-1)}.section-title h2{font-size:var(--font-size-xl)}.hero-title{font-size:var(--font-size-2xl)}.hero-subtitle{font-size:var(--font-size-base)}.btn{padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-xs)}.card{padding:var(--spacing-3)}}@media print{.navbar,.footer,.hero-background,.floating-elements{display:none}.main-content{padding-top:0}*{color:#000!important;background:white!important}}@media (prefers-contrast: high){:root{--primary-color: #000;--secondary-color: #000;--text-primary: #000;--text-secondary: #333;--bg-primary: #fff;--bg-secondary: #f5f5f5}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.animate-float,.animate-rotate,.animate-pulse,.animate-glow{animation:none}}@media (prefers-color-scheme: dark){:root{--text-primary: #e2e8f0;--text-secondary: #a0aec0;--bg-primary: #1a202c;--bg-secondary: #2d3748;--bg-tertiary: #4a5568;--border-color: #4a5568;--border-light: #2d3748}}