:root{--color-primary: #0f2b4a;--color-primary-light: #1a4a7a;--color-primary-lighter: #e8edf4;--color-accent: #d4942f;--color-accent-hover: #b87d26;--color-accent-light: #fdf6e9;--color-white: #ffffff;--color-bg: #f8fafc;--color-bg-alt: #f1f5f9;--color-text: #1e293b;--color-text-light: #64748b;--color-text-lighter: #94a3b8;--color-border: #e2e8f0;--color-housekeeping: #0ea5e9;--color-matchmaking: #ec4899;--color-mall: #f59e0b;--color-principal: #8b5cf6;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.07), 0 2px 4px -2px rgba(0,0,0,.05);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.08), 0 4px 6px -4px rgba(0,0,0,.04);--shadow-xl: 0 20px 25px -5px rgba(0,0,0,.1), 0 8px 10px -6px rgba(0,0,0,.04);--font-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--section-padding: 5rem 0;--container-max: 75rem;--transition: .3s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--font-size-base);line-height:1.6;color:var(--color-text);background-color:var(--color-white);overflow-x:hidden}a{color:inherit;text-decoration:none;transition:color var(--transition)}ul{list-style:none}img{max-width:100%;display:block}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 1.5rem}.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:all var(--transition)}.header.scrolled{border-bottom-color:var(--color-border);box-shadow:var(--shadow-sm)}.header__inner{display:flex;align-items:center;justify-content:space-between;height:4rem}.logo{display:flex;align-items:center;gap:.625rem;font-weight:700;font-size:var(--font-size-lg);color:var(--color-primary)}.logo__icon{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;background:var(--color-primary);color:var(--color-accent);border-radius:.5rem;font-size:1.25rem;font-weight:900}.nav__list{display:flex;gap:2rem}.nav__link{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-light);padding:.25rem 0;position:relative;transition:color var(--transition)}.nav__link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--color-accent);transition:width var(--transition)}.nav__link:hover,.nav__link.active{color:var(--color-primary)}.nav__link:hover:after,.nav__link.active:after{width:100%}.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:.25rem}.hamburger span{display:block;width:1.5rem;height:2px;background:var(--color-primary);border-radius:2px;transition:all var(--transition)}.hamburger.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.75rem;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:600;border-radius:.5rem;border:2px solid transparent;cursor:pointer;transition:all var(--transition);white-space:nowrap}.btn--primary{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.btn--primary:hover{background:var(--color-primary-light);border-color:var(--color-primary-light);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn--outline{background:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn--outline:hover{background:var(--color-primary);color:var(--color-white);transform:translateY(-1px)}.btn--block{width:100%}.section{padding:var(--section-padding)}.section__header{text-align:center;max-width:42rem;margin:0 auto 3.5rem}.section__label{display:inline-block;font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);background:var(--color-accent-light);padding:.25rem .75rem;border-radius:1rem;margin-bottom:1rem}.section__title{font-size:clamp(var(--font-size-2xl),4vw,var(--font-size-4xl));font-weight:800;color:var(--color-primary);margin-bottom:1rem;line-height:1.3}.section__desc{font-size:var(--font-size-lg);color:var(--color-text-light);line-height:1.7}.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;padding-top:4rem}.hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 0% 50%,rgba(15,43,74,.03) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 100% 50%,rgba(212,148,47,.04) 0%,transparent 60%);pointer-events:none}.hero__inner{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;padding:4rem 0}.hero__content{position:relative;z-index:1}.hero__badge{display:inline-block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-accent);background:var(--color-accent-light);padding:.375rem 1rem;border-radius:2rem;margin-bottom:1.5rem}.hero__title{font-size:clamp(var(--font-size-3xl),5vw,var(--font-size-5xl));font-weight:900;line-height:1.2;color:var(--color-primary);margin-bottom:1.25rem}.hero__title--accent{color:var(--color-accent);position:relative}.hero__title--accent:after{content:"✨";font-size:.5em;position:absolute;top:-.2em;right:-1.2em}.hero__subtitle{font-size:var(--font-size-lg);color:var(--color-text-light);line-height:1.7;margin-bottom:2rem;max-width:32rem}.hero__actions{display:flex;gap:1rem;flex-wrap:wrap}.hero__visual{display:flex;justify-content:center;align-items:center}.hero__app-mockup{position:relative;width:100%;max-width:22rem}.mockup{background:var(--color-white);border-radius:1.5rem;box-shadow:var(--shadow-xl);overflow:hidden;border:1px solid var(--color-border)}.mockup--app{transform:perspective(800px) rotateY(-5deg);transition:transform .5s ease}.mockup--app:hover{transform:perspective(800px) rotateY(0)}.mockup__header{display:flex;gap:.375rem;padding:1rem 1.25rem;background:var(--color-bg-alt);border-bottom:1px solid var(--color-border)}.mockup__dot{width:.5rem;height:.5rem;border-radius:50%;background:#ef4444}.mockup__dot:nth-child(2){background:#f59e0b}.mockup__dot:nth-child(3){background:#22c55e}.mockup__body{padding:2rem 1.5rem;text-align:center}.mockup__brand{font-size:var(--font-size-2xl);font-weight:900;color:var(--color-primary);margin-bottom:.5rem}.mockup__tagline{font-size:var(--font-size-sm);color:var(--color-text-light);margin-bottom:1.5rem}.mockup__modules{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.mockup__chip{font-size:var(--font-size-xs);font-weight:500;padding:.25rem .75rem;border-radius:1rem;background:var(--color-primary-lighter);color:var(--color-primary-light)}.hero__scroll{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;font-size:var(--font-size-xs);color:var(--color-text-lighter);animation:bounce 2s infinite}.hero__scroll-arrow{width:1.5rem;height:1.5rem;border-right:2px solid var(--color-text-lighter);border-bottom:2px solid var(--color-text-lighter);transform:rotate(45deg)}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-8px)}60%{transform:translate(-50%) translateY(-4px)}}.about{background:var(--color-bg)}.about__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.about__card{background:var(--color-white);padding:2.5rem 2rem;border-radius:1rem;text-align:center;box-shadow:var(--shadow-sm);border:1px solid var(--color-border);transition:all var(--transition)}.about__card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:transparent}.about__icon{width:3.5rem;height:3.5rem;margin:0 auto 1.5rem;padding:.75rem;border-radius:1rem}.about__icon svg{width:100%;height:100%}.about__icon--mission{background:#dbeafe;color:#2563eb}.about__icon--vision{background:#fef3c7;color:#d97706}.about__icon--value{background:#fce7f3;color:#db2777}.about__card h3{font-size:var(--font-size-xl);font-weight:700;color:var(--color-primary);margin-bottom:.75rem}.about__card p{font-size:var(--font-size-sm);color:var(--color-text-light);line-height:1.7}.products{background:var(--color-white)}.products__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.product-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:1rem;padding:2rem;transition:all var(--transition);position:relative;overflow:hidden}.product-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--color-accent);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:transparent}.product-card:hover:before{transform:scaleX(1)}.product-card__icon{width:3rem;height:3rem;margin-bottom:1.25rem;color:var(--color-accent)}.product-card__icon svg{width:100%;height:100%}.product-card__title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-primary);margin-bottom:.75rem}.product-card__desc{font-size:var(--font-size-sm);color:var(--color-text-light);line-height:1.7;margin-bottom:1.25rem}.product-card__features{display:flex;flex-direction:column;gap:.5rem}.product-card__features li{font-size:var(--font-size-sm);color:var(--color-text);padding-left:1.5rem;position:relative}.product-card__features li:before{content:"✓";position:absolute;left:0;color:var(--color-accent);font-weight:700}.modules{background:var(--color-bg)}.modules__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.module-card{border-radius:1rem;overflow:hidden;transition:all var(--transition);position:relative}.module-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.module-card__inner{padding:2.5rem 2rem;background:var(--color-white);border:1px solid var(--color-border);border-radius:1rem;height:100%;transition:all var(--transition)}.module-card:hover .module-card__inner{border-color:transparent}.module-card__icon-wrap{width:3.5rem;height:3.5rem;padding:.75rem;border-radius:1rem;margin-bottom:1.25rem}.module-card__icon-wrap svg{width:100%;height:100%}.module-card--housekeeping .module-card__icon-wrap{background:#e0f2fe;color:var(--color-housekeeping)}.module-card--matchmaking .module-card__icon-wrap{background:#fce7f3;color:var(--color-matchmaking)}.module-card--mall .module-card__icon-wrap{background:#fef3c7;color:var(--color-mall)}.module-card__inner h3{font-size:var(--font-size-xl);font-weight:700;color:var(--color-primary);margin-bottom:.75rem}.module-card__inner p{font-size:var(--font-size-sm);color:var(--color-text-light);line-height:1.7;margin-bottom:1.25rem}.module-card__roles{display:flex;flex-wrap:wrap;gap:.5rem}.module-card__roles span{font-size:var(--font-size-xs);font-weight:500;padding:.25rem .75rem;border-radius:1rem}.module-card--housekeeping .module-card__roles span{background:#e0f2fe;color:#0369a1}.module-card--matchmaking .module-card__roles span{background:#fce7f3;color:#be185d}.module-card--mall .module-card__roles span{background:#fef3c7;color:#b45309}.features{background:var(--color-primary);color:var(--color-white);position:relative;overflow:hidden}.features:before{content:"";position:absolute;top:-50%;right:-20%;width:40rem;height:40rem;border-radius:50%;background:#ffffff08;pointer-events:none}.features:after{content:"";position:absolute;bottom:-30%;left:-10%;width:30rem;height:30rem;border-radius:50%;background:#ffffff05;pointer-events:none}.features .section__label{background:#ffffff1a;color:var(--color-accent)}.features .section__title{color:var(--color-white)}.features .section__desc{color:#ffffffb3}.features__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;position:relative;z-index:1}.feature-item{text-align:center;padding:2rem;background:#ffffff0d;border-radius:1rem;border:1px solid rgba(255,255,255,.08);transition:all var(--transition)}.feature-item:hover{background:#ffffff14;transform:translateY(-2px)}.feature-item__num{font-size:var(--font-size-5xl);font-weight:900;color:var(--color-accent);line-height:1;margin-bottom:.75rem}.feature-item h4{font-size:var(--font-size-lg);font-weight:700;margin-bottom:.5rem}.feature-item p{font-size:var(--font-size-sm);color:#ffffffb3;line-height:1.6}.team{background:var(--color-bg)}.team__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.team-card{background:var(--color-white);border-radius:1rem;padding:2rem 1.5rem;text-align:center;border:1px solid var(--color-border);transition:all var(--transition)}.team-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:transparent}.team-card__avatar{width:5rem;height:5rem;margin:0 auto 1.25rem}.team-card__avatar svg{width:100%;height:100%}.team-card h4{font-size:var(--font-size-lg);font-weight:700;color:var(--color-primary);margin-bottom:.25rem}.team-card__role{display:inline-block;font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent);margin-bottom:.75rem}.team-card p{font-size:var(--font-size-sm);color:var(--color-text-light);line-height:1.7}.contact{background:var(--color-white)}.contact__grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.contact__info{display:flex;flex-direction:column;gap:1.5rem}.contact__item{display:flex;gap:1rem;align-items:flex-start;padding:1.25rem;background:var(--color-bg);border-radius:.75rem;border:1px solid var(--color-border);transition:all var(--transition)}.contact__item:hover{border-color:var(--color-accent);box-shadow:var(--shadow-sm)}.contact__item-icon{width:2.5rem;height:2.5rem;flex-shrink:0;padding:.5rem;background:var(--color-accent-light);color:var(--color-accent);border-radius:.5rem}.contact__item-icon svg{width:100%;height:100%}.contact__item h4{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);margin-bottom:.25rem}.contact__item p,.contact__item a{font-size:var(--font-size-sm);color:var(--color-text-light);line-height:1.5}.contact__item a:hover{color:var(--color-accent)}.contact__form{background:var(--color-bg);padding:2rem;border-radius:1rem;border:1px solid var(--color-border)}.form__group{margin-bottom:1rem}.form__input,.form__textarea{width:100%;padding:.75rem 1rem;font-family:var(--font-sans);font-size:var(--font-size-sm);color:var(--color-text);background:var(--color-white);border:1px solid var(--color-border);border-radius:.5rem;outline:none;transition:all var(--transition)}.form__input:focus,.form__textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #d4942f1a}.form__input::placeholder,.form__textarea::placeholder{color:var(--color-text-lighter)}.form__textarea{resize:vertical;min-height:8rem}.footer{background:var(--color-primary);color:#fffc;padding:4rem 0 0}.footer__inner{display:grid;grid-template-columns:1.5fr 2fr;gap:3rem;padding-bottom:3rem;border-bottom:1px solid rgba(255,255,255,.1)}.footer__brand{display:flex;gap:1rem;align-items:flex-start}.footer__logo{width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:var(--color-accent);color:var(--color-primary);font-size:1.5rem;font-weight:900;border-radius:.5rem;flex-shrink:0}.footer__brand h4{font-size:var(--font-size-base);font-weight:700;color:var(--color-white);margin-bottom:.25rem}.footer__brand p{font-size:var(--font-size-sm);color:#fff9}.footer__links{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.footer__col h5{font-size:var(--font-size-sm);font-weight:700;color:var(--color-white);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.footer__col a{display:block;font-size:var(--font-size-sm);color:#fff9;margin-bottom:.5rem;transition:color var(--transition)}.footer__col a:hover{color:var(--color-accent)}.footer__bottom{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;font-size:var(--font-size-xs);color:#fff6}.footer__bottom a{color:#fff6}.footer__bottom a:hover{color:var(--color-accent)}.back-to-top{position:fixed;bottom:2rem;right:2rem;z-index:999;width:2.75rem;height:2.75rem;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:var(--color-white);border:none;border-radius:.75rem;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(1rem);transition:all var(--transition);box-shadow:var(--shadow-md)}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{background:var(--color-primary-light);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.back-to-top svg{width:1.25rem;height:1.25rem}.reveal{opacity:0;transform:translateY(2rem);transition:all .6s ease}.reveal.visible{opacity:1;transform:translateY(0)}@media(max-width:1024px){.hero__inner{grid-template-columns:1fr;text-align:center;gap:2rem;padding:6rem 0 3rem}.hero__subtitle{margin:0 auto 2rem}.hero__actions{justify-content:center}.hero__visual,.hero__scroll{display:none}.about__grid,.products__grid,.modules__grid,.features__grid,.team__grid{grid-template-columns:repeat(2,1fr)}.contact__grid{grid-template-columns:1fr}.footer__inner{grid-template-columns:1fr;gap:2rem}}@media(max-width:768px){:root{--section-padding: 3.5rem 0}.nav{position:fixed;top:4rem;left:0;right:0;background:#fffffffa;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:1.5rem;border-bottom:1px solid var(--color-border);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all var(--transition)}.nav.open{transform:translateY(0);opacity:1;visibility:visible}.nav__list{flex-direction:column;gap:1rem}.nav__link{font-size:var(--font-size-base);display:block;padding:.5rem 0}.hamburger{display:flex}.hero__title{font-size:var(--font-size-3xl)}.hero__title--accent:after{display:none}.about__grid,.products__grid,.modules__grid,.features__grid{grid-template-columns:1fr}.team__grid{grid-template-columns:1fr;max-width:22rem;margin:0 auto}.contact__form{padding:1.5rem}.footer__links{grid-template-columns:repeat(2,1fr)}.footer__bottom{flex-direction:column;gap:.5rem;text-align:center}.back-to-top{bottom:1.25rem;right:1.25rem;width:2.5rem;height:2.5rem}}@media(max-width:480px){.hero__actions{flex-direction:column;align-items:stretch}.hero__actions .btn{width:100%}.footer__links{grid-template-columns:1fr}}