:root{--c-primary-900: #0b2545;--c-primary-800: #13315c;--c-primary-700: #134074;--c-primary-600: #1a5276;--c-primary-500: #2471a3;--c-primary-400: #5dade2;--c-primary-100: #d6eaf8;--c-primary-50: #ebf5fb;--c-accent: #148f77;--c-accent-dark: #117a65;--c-accent-light: #1abc9c;--c-text: #2c3e50;--c-text-light: #5d6d7e;--c-text-muted: #95a5a6;--c-border: #e5e8eb;--c-bg: #ffffff;--c-bg-light: #f7f9fb;--c-bg-muted: #f0f3f5;--font-sans: "PingFang SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--shadow-sm: 0 1px 2px rgba(11, 37, 69, .05);--shadow-md: 0 4px 6px -1px rgba(11, 37, 69, .07), 0 2px 4px -2px rgba(11, 37, 69, .05);--shadow-lg: 0 10px 15px -3px rgba(11, 37, 69, .08), 0 4px 6px -4px rgba(11, 37, 69, .04);--shadow-xl: 0 20px 25px -5px rgba(11, 37, 69, .1), 0 8px 10px -6px rgba(11, 37, 69, .04);--shadow-card: 0 2px 8px rgba(11, 37, 69, .06);--shadow-card-hover: 0 12px 24px rgba(11, 37, 69, .12);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 9999px;--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);line-height:1.6;color:var(--c-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:var(--c-primary-100);color:var(--c-primary-900)}a{transition:color var(--duration-normal) ease}header{background:var(--c-primary-900);position:sticky;top:0;z-index:100;box-shadow:0 2px 12px #00000026}header:after{content:"";display:block;height:3px;background:linear-gradient(90deg,var(--c-primary-500),var(--c-accent),var(--c-primary-400))}nav{max-width:1200px;margin:0 auto;display:flex;align-items:center;padding:0 var(--space-8);height:64px}nav a.brand{font-size:1.35rem;font-weight:700;background:linear-gradient(135deg,#fff 0%,var(--c-primary-100) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none;margin-right:auto;letter-spacing:.02em}nav a.brand:hover{text-decoration:none}.nav-links{display:flex;gap:var(--space-1)}.nav-links a{color:#ffffffd9;text-decoration:none;font-weight:500;font-size:.95rem;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);position:relative;transition:color var(--duration-normal) ease,background var(--duration-normal) ease}.nav-links a:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--c-accent-light);transition:width var(--duration-normal) ease,left var(--duration-normal) ease;border-radius:1px}.nav-links a:hover{color:#fff;background:#ffffff14;text-decoration:none}.nav-links a:hover:after{width:60%;left:20%}main{max-width:1200px;margin:0 auto;padding:var(--space-10) var(--space-8);min-height:calc(100vh - 264px)}footer{background:var(--c-primary-900);color:#fffc;margin-top:var(--space-16)}footer:before{content:"";display:block;height:3px;background:linear-gradient(90deg,var(--c-primary-500),var(--c-accent),var(--c-primary-400))}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-10);padding:var(--space-12) var(--space-8)}.footer-brand h3{font-size:1.25rem;color:#fff;margin-bottom:var(--space-4)}.footer-brand p{font-size:.9rem;line-height:1.7;color:#ffffffa6}footer h4{font-size:.95rem;color:#fff;margin-bottom:var(--space-4);font-weight:600}footer .footer-nav a,footer .footer-services a{display:block;color:#ffffffa6;text-decoration:none;font-size:.9rem;padding:var(--space-1) 0;transition:color var(--duration-normal) ease}footer .footer-nav a:hover,footer .footer-services a:hover{color:var(--c-accent-light)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);text-align:center;padding:var(--space-4) var(--space-8)}.footer-bottom p{font-size:.8rem;color:#ffffff73}@media(max-width:768px){nav{padding:0 var(--space-4);height:56px}.nav-links{gap:0}.nav-links a{font-size:.875rem;padding:var(--space-2) var(--space-3)}main{padding:var(--space-6) var(--space-4)}.footer-content{grid-template-columns:1fr;gap:var(--space-8);padding:var(--space-8) var(--space-4)}}
