:root{color:#1f2937;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-family:PingFang SC,Microsoft YaHei,Segoe UI,Roboto,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{background:#f4f7fb;min-width:320px;margin:0}#root{width:100%;min-height:100svh}.site-page{--sky-blue:#4fc3f7;--sky-blue-soft:#e7f6ff;--deep-blue:#0c4da2;--deep-blue-strong:#09357a;--text-primary:#1f2937;--text-secondary:#475569;color:var(--text-primary);background:#eef6ff}.container{width:min(1160px,100% - 32px);margin:0 auto}.site-header{background:linear-gradient(135deg, var(--sky-blue) 0%, var(--deep-blue) 100%);color:#fff;padding:16px 0}.site-header-inner{justify-content:space-between;align-items:center;gap:16px;display:flex}.site-header-inner p{opacity:.92;margin:0}.brand{color:#fff;align-items:center;gap:10px;font-size:18px;font-weight:700;text-decoration:none;display:inline-flex}.brand-logo{object-fit:contain;width:44px;height:44px}.site-nav{z-index:40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff0;position:sticky;top:0;box-shadow:0 2px 8px #0f172a14}.site-nav ul{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:10px 0;list-style:none;display:flex}.site-nav a{color:var(--deep-blue-strong);border-radius:999px;padding:8px 12px;font-size:14px;text-decoration:none}.site-nav a:hover{background:var(--sky-blue-soft);color:var(--deep-blue)}.hero-section{padding:40px 0}.hero-card{background:#fff;border:1px solid #dbeafe;border-radius:18px;padding:24px;box-shadow:0 10px 28px #0f172a14}.hero-layout{grid-template-columns:1fr 1fr;align-items:stretch;gap:24px;display:grid}.hero-copy,.carousel{height:100%}.hero-copy{border-radius:14px;flex-direction:column;padding:14px;display:flex}.hero-mark{height:100%}.hero-copy h1{color:var(--deep-blue-strong);margin:12px 0;font-size:clamp(28px,4vw,46px);line-height:1.15}.hero-copy p{color:var(--text-secondary);margin:0}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.button-primary,.button-secondary{border-radius:10px;padding:10px 14px;font-size:14px;text-decoration:none}.button-primary{background:var(--deep-blue);color:#fff}.button-secondary{background:var(--sky-blue-soft);color:var(--deep-blue-strong)}.carousel{background:#f8fbff;border:1px solid #dbeafe;border-radius:14px;flex-direction:column;padding:10px;display:flex}.carousel-viewport{border-radius:12px;flex:1;display:flex;overflow:hidden}.carousel-container{display:flex}.carousel-slide{background:#f8fbff;justify-content:center;align-items:center;min-width:100%;display:flex}.carousel-slide img{object-fit:contain;width:100%;height:auto;display:block}.is-landscape{max-height:360px}.is-portrait{max-height:480px}.carousel-dots{justify-content:center;gap:8px;margin-top:10px;display:flex}.carousel-dots button{cursor:pointer;background:#bfdbfe;border:0;border-radius:50%;width:8px;height:8px}.carousel-dots button.active{background:var(--deep-blue);border-radius:999px;width:20px}.content-section{padding:12px 0}.section-layout{background:#fff;border:1px solid #dbeafe;border-radius:16px;grid-template-columns:.9fr 1.1fr;align-items:center;gap:20px;padding:22px;display:grid;box-shadow:0 8px 24px #0f172a0f}.section-layout.no-media{grid-template-columns:1fr}.section-copy h2{color:var(--deep-blue-strong);margin:0 0 10px;font-size:30px}.section-copy p{color:var(--text-secondary);margin:0;line-height:1.8}.section-media{background:0 0;border-radius:12px;margin:0;padding:0;display:block;overflow:hidden}.section-media img{object-fit:cover;border-radius:10px;width:100%;height:auto;display:block;box-shadow:0 8px 24px #0f172a1f}.section-media-portrait{justify-self:end;width:fit-content;max-width:100%}.section-media-portrait img{width:auto;max-width:100%}.site-footer{background:linear-gradient(135deg, var(--deep-blue) 0%, var(--deep-blue-strong) 100%);color:#f8fafc;margin-top:24px;padding:30px 0}.site-footer .container{gap:6px;display:grid}.site-footer p{opacity:.9;margin:0}.footer-logo{width:140px;height:auto;margin-bottom:4px}a.beian{color:#fff;margin-right:30px;font-size:14px;text-decoration:none}@media (width<=1024px){.site-header-inner{flex-direction:column;align-items:flex-start}.hero-layout,.section-layout,.section-layout.reverse{grid-template-columns:1fr}.section-copy h2{font-size:24px}.section-media-portrait{justify-self:center}}@media (width<=640px){.container{width:min(1160px,100% - 24px)}.hero-card,.hero-copy,.carousel,.section-layout{padding:16px}.brand{font-size:16px}.brand-logo{width:36px;height:36px}}