:root{--color-primary: #1e3a5f;--color-primary-light: #2d5a8e;--color-accent: #3b82f6;--color-accent-light: #60a5fa;--color-bg: #f8fafc;--color-bg-alt: #f1f5f9;--color-surface: #ffffff;--color-text: #1e293b;--color-text-muted: #64748b;--color-border: #e2e8f0;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(30, 58, 95, .1);--radius: 12px;--header-height: 64px;--font-sans: "Segoe UI", system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:16px;line-height:1.6;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.app{min-height:100vh;display:flex;flex-direction:column}.main{flex:1}.container{width:100%;max-width:1120px;margin:0 auto;padding:0 24px}.header{position:sticky;top:0;z-index:100;height:var(--header-height);background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.header__inner{display:flex;align-items:center;justify-content:space-between;height:100%}.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.125rem;color:var(--color-primary)}.logo__mark{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:var(--color-primary);color:var(--color-accent-light);font-size:1rem}.menu-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:8px;border:none;background:transparent;cursor:pointer;border-radius:8px}.menu-toggle:hover{background:var(--color-bg-alt)}.menu-toggle__bar{display:block;width:100%;height:2px;background:var(--color-primary);border-radius:1px;transition:transform .2s,opacity .2s}.nav{display:flex;align-items:center;gap:8px}.nav__link{padding:8px 16px;border-radius:8px;font-size:.9375rem;font-weight:500;color:var(--color-text-muted);transition:color .2s,background .2s}.nav__link:hover{color:var(--color-primary);background:var(--color-bg-alt)}.nav__link--active{color:var(--color-accent);background:#3b82f614}.footer{background:var(--color-primary);color:#ffffffd9;padding:32px 0;margin-top:auto}.footer__inner{text-align:center}.footer__copyright{font-size:.875rem;margin-bottom:8px}.footer__beian{font-size:.8125rem;color:#fff9;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px}.footer__divider{opacity:.4}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 28px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;border:none;transition:transform .15s,box-shadow .15s,background .15s}.btn:hover{transform:translateY(-1px)}.btn--primary{background:var(--color-accent);color:#fff;box-shadow:0 4px 14px #3b82f659}.btn--primary:hover{background:#2563eb;box-shadow:0 6px 20px #3b82f666}.btn--light{background:#fff;color:var(--color-primary);box-shadow:var(--shadow-md)}.btn--light:hover{background:var(--color-bg)}.hero{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 50%,#1e40af 100%);color:#fff;padding:80px 0 96px}.hero__inner{max-width:720px}.hero__badge{display:inline-block;padding:6px 14px;margin-bottom:20px;border-radius:20px;background:#ffffff1f;font-size:.875rem;letter-spacing:.02em}.hero__title{font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1.2;margin-bottom:16px}.hero__tagline{font-size:clamp(1.125rem,2.5vw,1.375rem);font-weight:500;color:var(--color-accent-light);margin-bottom:16px}.hero__desc{font-size:1.0625rem;line-height:1.7;color:#ffffffd1;margin-bottom:32px}.section{padding:72px 0}.section--alt{background:var(--color-bg-alt)}.section__title{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:var(--color-primary);text-align:center;margin-bottom:12px}.section__subtitle{text-align:center;color:var(--color-text-muted);margin-bottom:48px;max-width:560px;margin-left:auto;margin-right:auto}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:32px 28px;box-shadow:var(--shadow-sm);transition:box-shadow .2s,transform .2s}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card__icon{width:48px;height:48px;border-radius:10px;background:#3b82f61a;margin-bottom:20px;position:relative}.card__icon:after{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:4px;background:var(--color-accent);opacity:.7}.card__icon[data-icon=strategy]:after{clip-path:polygon(50% 0%,100% 100%,0% 100%);top:10px;right:14px;bottom:10px;left:14px}.card__icon[data-icon=solution]:after{border-radius:2px;top:14px;right:14px;bottom:14px;left:14px}.card__icon[data-icon=support]:after{border-radius:50%;top:12px;right:12px;bottom:12px;left:12px}.card__title{font-size:1.125rem;font-weight:700;color:var(--color-primary);margin-bottom:12px}.card__desc{font-size:.9375rem;color:var(--color-text-muted);line-height:1.7}.advantages{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.advantage{background:var(--color-surface);border-radius:var(--radius);padding:28px;border-left:4px solid var(--color-accent);box-shadow:var(--shadow-sm)}.advantage__title{font-size:1.0625rem;font-weight:700;color:var(--color-primary);margin-bottom:8px}.advantage__desc{font-size:.9375rem;color:var(--color-text-muted);line-height:1.7}.cta{background:linear-gradient(135deg,var(--color-primary-light),var(--color-accent));padding:72px 0}.cta__inner{text-align:center;color:#fff}.cta__title{font-size:clamp(1.375rem,3vw,1.75rem);font-weight:700;margin-bottom:12px}.cta__desc{font-size:1.0625rem;color:#ffffffe0;margin-bottom:28px}.page-hero{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:#fff;padding:56px 0 64px}.page-hero__title{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:800;margin-bottom:12px}.page-hero__desc{font-size:1.0625rem;color:#ffffffd1;max-width:560px}.contact-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-bottom:40px}.contact-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow-sm)}.contact-card__icon{width:40px;height:40px;border-radius:8px;background:#3b82f61a;margin-bottom:16px;position:relative}.contact-card__icon:after{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;background:var(--color-accent);border-radius:3px;opacity:.6}.contact-card__icon[data-icon=company]:after{border-radius:2px 2px 0 0;top:12px;right:10px;bottom:8px;left:10px}.contact-card__icon[data-icon=phone]:after{border-radius:4px;top:8px;right:12px;bottom:8px;left:12px}.contact-card__icon[data-icon=email]:after{clip-path:polygon(0 20%,50% 55%,100% 20%,100% 100%,0 100%);top:10px;right:10px;bottom:10px;left:10px}.contact-card__icon[data-icon=address]:after{border-radius:50% 50% 50% 0;top:10px;right:12px;bottom:8px;left:12px;transform:rotate(-45deg)}.contact-card__icon[data-icon=hours]:after{border-radius:50%;top:10px;right:10px;bottom:10px;left:10px;border:3px solid var(--color-accent);background:transparent;opacity:1}.contact-card__label{font-size:.8125rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.contact-card__value{font-size:1.0625rem;font-weight:600;color:var(--color-primary)}.contact-note{background:var(--color-bg-alt);border-radius:var(--radius);padding:24px 28px;border:1px solid var(--color-border)}.contact-note p{font-size:.9375rem;color:var(--color-text-muted);line-height:1.7}@media(max-width:900px){.cards,.advantages{grid-template-columns:1fr}}@media(max-width:640px){.menu-toggle{display:flex}.nav{position:fixed;top:var(--header-height);left:0;right:0;flex-direction:column;align-items:stretch;padding:16px;background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-md);transform:translateY(-110%);opacity:0;pointer-events:none;transition:transform .25s,opacity .25s}.nav--open{transform:translateY(0);opacity:1;pointer-events:auto}.nav__link{padding:12px 16px}.hero{padding:56px 0 72px}.section{padding:56px 0}.footer__beian{flex-direction:column;gap:4px}.footer__divider{display:none}}
