:root{--navy:#09243f;--navy2:#123b61;--blue:#4385af;--ice:#dfe9ee;--surface:#f1f5f6;--card:#f8faf9;--ink:#183044;--muted:#627889;--line:#c5d5dd;--max:1180px}
*{box-sizing:border-box}
body{margin:0;background:var(--surface);color:var(--ink);font-family:"Microsoft YaHei",Arial,sans-serif;line-height:1.8}
body::after{content:"";position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;background:url('/images/access-check.svg') no-repeat}
body>header{height:88px;display:flex;align-items:center;justify-content:space-between;max-width:var(--max);margin:auto;padding:0 30px}
body>header>b{font-size:24px;color:var(--navy);letter-spacing:.06em}
body>header nav{display:flex;gap:28px}
body>header nav a{padding:33px 0;color:var(--ink);font-size:14px;text-decoration:none}
body>header nav a:hover,body>header nav a.active{color:var(--blue);border-bottom:2px solid var(--blue)}
.language-switch{display:flex;align-items:center;gap:7px;margin-left:28px;color:#8797a2;font-size:13px;white-space:nowrap}.language-switch button{padding:7px 0;border:0;background:transparent;color:#7f919d;font:inherit;cursor:pointer}.language-switch button.active{color:var(--navy);font-weight:700}.language-switch button:hover{color:var(--blue)}
.lang-en body{font-family:Inter,Arial,"Microsoft YaHei",sans-serif}.lang-en .hero h1,.lang-en .subpage-band h1,.lang-en .subpage-band h2{letter-spacing:-.025em}
.hero{min-height:620px;padding:95px max(30px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:center;color:#fff;background:radial-gradient(circle at 84% 18%,#286a99 0,transparent 29%),linear-gradient(120deg,#061a31,#123f65)}
.eyebrow{margin:0 0 17px;color:#78b3d6;font-size:12px;font-weight:700;letter-spacing:.16em}
.hero h1{margin:0 0 22px;font-size:clamp(46px,5.6vw,76px);line-height:1.16}
.lead{max-width:690px;color:#d9e8f2;font-size:18px}
.button{display:inline-flex;padding:13px 24px;margin-right:12px;background:#fff;color:var(--navy);font-weight:700;text-decoration:none}
.secondary{background:transparent;color:#fff;border:1px solid #93bdd6}
.hero-panel{padding:28px 30px;background:rgba(3,18,34,.32);border:1px solid rgba(202,228,244,.32)}
.hero-panel>p{margin:0;color:#a9cee4;letter-spacing:.12em;font-size:12px}
.hero-panel ul{padding:0;margin:15px 0 0;list-style:none}
.hero-panel li{padding:14px 0;border-top:1px solid rgba(255,255,255,.18)}
.hero-panel strong,.hero-panel span{display:block}
.hero-panel span{color:#c8dae6;font-size:13px}
.section{padding:95px max(30px,calc((100vw - var(--max))/2));background:var(--surface)}
.intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:95px}
.intro-grid h2,.contact-section h2{margin:0;color:var(--navy);font-size:42px;line-height:1.3}
.intro-grid>p{margin:46px 0 0;color:var(--muted);font-size:17px}
.section-tint{background:var(--ice)}
.cards{max-width:var(--max);margin:auto;padding:76px 30px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.cards article{padding:30px;background:var(--card);border:1px solid var(--line);box-shadow:0 8px 22px rgba(9,36,64,.045)}
.cards b{color:var(--blue)}
.cards h2{margin:22px 0 12px;color:var(--navy2);font-size:24px}
.cards p{color:var(--muted)}
.cards a{color:#276d98;font-weight:700}
.contact-section{display:flex;align-items:center;justify-content:space-between;gap:35px;background:var(--navy);color:#fff}
.contact-section h2{color:#fff}
.contact-section .button{margin:0}
body>footer{max-width:var(--max);margin:auto;padding:28px 30px;display:flex;align-items:flex-end;justify-content:space-between;gap:28px;color:#718391;font-size:12px}
.footer-company{min-width:0}
.footer-filings{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px 18px;text-align:right}
.footer-filings a{white-space:nowrap}
body>footer a{color:inherit;text-decoration:none}
body>footer a:hover{text-decoration:underline}
.page{max-width:var(--max);margin:42px auto;padding:70px 64px;min-height:540px;background:var(--ice);border:1px solid #c8d7de;box-shadow:0 18px 42px rgba(9,36,64,.08)}
.page>h1{max-width:820px;margin:0 0 20px;color:var(--navy);font-size:50px;line-height:1.2}
.page>p{max-width:820px;color:#496477;font-size:17px}
.page>h2,.page section>h2{margin:56px 0 0;color:var(--navy);font-size:29px;border-left:4px solid var(--blue);padding-left:14px}
.page .cards{padding:28px 0;grid-template-columns:repeat(3,1fr)}
.page .cards article{background:#f7f9f8}
.page section>p{color:#496477}
@media(max-width:760px){body>header{position:relative;height:auto;padding:20px;display:block}
body>header>b{display:block;padding-right:115px}.language-switch{position:absolute;top:17px;right:20px;margin:0}
body>header nav{margin-top:11px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 13px}
body>header nav a{min-height:38px;padding:2px 0;display:flex;align-items:center}
.hero{min-height:auto;padding:72px 25px;grid-template-columns:1fr;gap:35px}
.hero h1{font-size:45px}
.section{padding:65px 25px}
.intro-grid{grid-template-columns:1fr;gap:12px}
.intro-grid>p{margin:0}
.intro-grid h2,.contact-section h2{font-size:34px}
.cards{padding:48px 25px;grid-template-columns:1fr}
.contact-section{display:block}
.contact-section .button{margin-top:22px}
.page{margin:0;padding:60px 25px;border:0;box-shadow:none}
.page>h1{font-size:38px}
.page .cards{grid-template-columns:1fr}
body>footer{padding:24px 25px;flex-direction:column;align-items:stretch;gap:8px}
.footer-filings{justify-content:flex-end}
}

@keyframes page-enter{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}
main{animation:page-enter 1.05s cubic-bezier(.22,.72,.18,1) both}
body>header nav a{transition:color .42s ease,border-color .42s ease,transform .42s ease}
body>header nav a:hover{transform:translateY(-2px)}
.cards article{transition:transform .48s ease,box-shadow .48s ease,border-color .48s ease}
.cards article:hover{transform:translateY(-7px);border-color:#8ab7d0;box-shadow:0 18px 34px rgba(9,36,64,.12)}
.button{transition:transform .42s ease,box-shadow .42s ease,background .42s ease}
.button:hover{transform:translateY(-2px);box-shadow:0 9px 20px rgba(1,18,34,.2)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* 子页面统一为首页式三段叙事：品牌引导、信息主体、价值收束。 */
.subpage{background:var(--surface)}
.subpage-band{min-height:420px;padding:92px max(30px,calc((100vw - var(--max))/2));display:flex;flex-direction:column;justify-content:center;color:#fff;background:linear-gradient(120deg,#061a31,#123f65)}
.subpage-band h1,.subpage-band h2{max-width:850px;margin:0;color:#fff;font-size:clamp(38px,4.6vw,62px);line-height:1.2}
.subpage-band p:not(.eyebrow){max-width:640px;margin:22px 0 0;color:#d9e8f2;font-size:17px}
.subpage-band-bottom{min-height:240px;padding-top:54px;padding-bottom:54px;background:linear-gradient(120deg,#123f65,#09243f)}
.subpage-band-bottom h2{font-size:clamp(30px,3.3vw,46px)}
.subpage-band .button{margin-top:28px}
.subpage .page{width:100%;max-width:none;min-height:420px;margin:0;padding:88px max(30px,calc((100vw - var(--max))/2));display:flex;flex-direction:column;justify-content:center;border:0;box-shadow:none;background:var(--ice)}
.subpage .page>h2{max-width:820px;margin:0 0 20px;color:var(--navy);font-size:42px;line-height:1.28}
.subpage .page h3,.subpage .page h4{color:var(--navy2)}
.subpage .page>h3,.subpage .page section>h3{margin:56px 0 0;padding-left:14px;border-left:4px solid var(--blue);font-size:29px}
.subpage .page .cards{max-width:none;padding:28px 0}
.subpage .page .cards h3,.subpage .page .cards h4{margin:0 0 12px;font-size:24px}
@media(max-width:760px){.subpage-band{min-height:360px;padding:64px 25px}.subpage-band-bottom{min-height:220px;padding-top:42px;padding-bottom:42px}.subpage-band h1{font-size:38px}.subpage-band h2{font-size:32px}.subpage .page{min-height:360px;padding:58px 25px}.subpage .page>h2{font-size:34px}.subpage .page>h3,.subpage .page section>h3{font-size:26px}}
