:root {
  --blue:#05408a; --signal:#0453a9; --system:#0484d2; --cyan:#05b4ec;
  --paper:#f7f9fc; --white:#fff; --ink:#132033; --muted:#5e6c7e;
  --line:#c8d3df; --soft:#e8eef5; --deep:#062f65;
  --display:Bahnschrift,"Aptos Display","Segoe UI",sans-serif;
  --body:Aptos,"Segoe UI","Microsoft YaHei",sans-serif; --max:1360px;
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font:16px/1.68 var(--body); text-rendering:optimizeLegibility; }
html[lang="zh-CN"] body { line-height:1.78; }
img { display:block; max-width:100%; }
a { color:var(--signal); text-underline-offset:4px; }
a:hover { color:var(--blue); }
h1,h2,h3 { margin:0; font-family:var(--display); text-wrap:balance; overflow-wrap:anywhere; }
p,li,dt,dd { text-wrap:pretty; overflow-wrap:anywhere; }
.shell { width:min(calc(100% - 48px),var(--max)); margin-inline:auto; }
.skip { position:fixed; z-index:100; left:12px; top:12px; transform:translateY(-160%); padding:10px 14px; background:var(--white); border:2px solid var(--blue); }
.skip:focus { transform:none; }
:focus-visible { outline:3px solid var(--cyan); outline-offset:3px; }

.site-header { position:relative; z-index:20; background:var(--white); border-bottom:1px solid var(--ink); }
.header-inner { min-height:84px; display:grid; grid-template-columns:260px 1fr auto; align-items:stretch; }
.brand { display:flex; align-items:center; gap:12px; color:var(--blue); text-decoration:none; border-right:1px solid var(--line); }
.brand img { width:66px; height:55px; object-fit:contain; }
.brand strong { font:800 12px/1.14 var(--display); letter-spacing:.05em; text-transform:uppercase; }
.desktop-nav { display:flex; justify-content:center; margin:0; padding:0; list-style:none; }
.desktop-nav li { flex:1; max-width:132px; border-right:1px solid var(--line); }
.desktop-nav a { height:100%; min-height:44px; display:flex; align-items:center; justify-content:center; padding:0 9px; color:var(--ink); text-decoration:none; font:750 12px/1.15 var(--display); text-align:center; }
.desktop-nav a[aria-current="page"] { color:var(--blue); box-shadow:inset 0 -4px var(--cyan); }
.desktop-nav a:hover { color:var(--blue); background:#e8f6fc; }
.header-tools { display:flex; align-items:stretch; }
.language-switcher { display:flex; align-items:stretch; }
.language-switcher a,.contact-link,.menu summary { min-width:44px; min-height:44px; display:flex; align-items:center; justify-content:center; padding:8px 11px; font-weight:800; text-decoration:none; }
.language-switcher a { color:var(--ink); border-right:1px solid var(--line); }
.language-switcher a[aria-current="true"] { color:var(--white); background:var(--blue); }
.contact-link { color:var(--white); background:var(--blue); }
.menu { display:none; position:relative; }
.menu summary { cursor:pointer; color:var(--blue); }
.menu-panel { position:absolute; right:0; top:58px; width:280px; padding:12px; background:var(--white); border:1px solid var(--ink); }
.menu-panel a { min-height:44px; display:flex; align-items:center; padding:6px 10px; color:var(--ink); text-decoration:none; border-bottom:1px solid var(--soft); }
.demo-band { padding:12px 0; color:#5d4a00; background:#fff5c2; border-bottom:1px solid #d6be54; font-size:14px; }

.home-hero { display:grid; grid-template-columns:7fr 5fr; background:var(--white); border-inline:1px solid var(--ink); }
.home-hero-visual { position:relative; grid-column:1/-1; aspect-ratio:1915/821; max-height:620px; overflow:hidden; border-bottom:1px solid var(--ink); background:var(--deep); }
.home-hero-visual picture,.home-hero-visual img { width:100%; height:100%; object-fit:cover; }
.visual-disclosure { position:absolute; right:16px; bottom:16px; padding:7px 10px; color:var(--white); background:rgba(6,47,101,.86); border:1px solid rgba(255,255,255,.7); font:800 10px/1.2 var(--display); letter-spacing:.08em; text-transform:uppercase; }
.home-hero.has-visual .home-hero-copy { min-height:520px; }
.home-hero-copy { min-height:610px; display:flex; flex-direction:column; justify-content:space-between; padding:68px 58px 52px; border-right:1px solid var(--ink); }
.eyebrow,.section-kicker,.card-type,.status-label { font:800 12px/1.2 var(--display); letter-spacing:.12em; text-transform:uppercase; }
.eyebrow { color:var(--system); }
.home-hero h1 { max-width:930px; margin:28px 0; color:var(--blue); font:800 clamp(50px,6vw,92px)/.96 var(--display); letter-spacing:-.045em; text-transform:uppercase; }
.hero-lead { max-width:740px; color:var(--muted); font-size:19px; }
.hero-actions { display:flex; flex-wrap:wrap; margin-top:30px; }
.button { min-height:52px; display:inline-flex; align-items:center; padding:0 19px; border:1px solid var(--blue); font-weight:800; text-decoration:none; }
.button.primary { color:var(--white); background:var(--blue); }
.button:hover { color:#06294b; background:var(--cyan); border-color:var(--cyan); }
.hero-foot { color:var(--blue); font:800 10px/1.3 var(--display); letter-spacing:.12em; text-transform:uppercase; }
.capability-map { display:grid; grid-template-columns:1fr 1fr; grid-template-rows:repeat(3,1fr); }
.capability { min-height:190px; display:flex; flex-direction:column; justify-content:space-between; padding:24px; color:var(--ink); text-decoration:none; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.capability:nth-child(even) { border-right:0; }
.capability:nth-last-child(-n+2) { border-bottom:0; }
.capability small { color:var(--system); font:800 10px/1 var(--display); letter-spacing:.08em; }
.capability h2 { margin-top:24px; color:var(--blue); font:800 22px/1.05 var(--display); text-transform:uppercase; }
.capability:hover { background:#e5f5fb; }
.audience { color:var(--white); background:var(--blue); }
.audience-grid { display:grid; grid-template-columns:230px repeat(6,1fr); }
.audience-title { display:flex; align-items:center; padding:22px 24px 22px 0; font:800 11px/1.25 var(--display); letter-spacing:.12em; text-transform:uppercase; }
.audience a { display:flex; align-items:center; padding:20px 15px; color:var(--white); text-decoration:none; border-left:1px solid rgba(255,255,255,.35); font-size:13px; }
.audience a:hover { color:#06294b; background:var(--cyan); }

.section { padding:clamp(70px,8vw,112px) 0; }
.section.soft { background:#e7edf3; }
.section-heading { display:grid; grid-template-columns:minmax(180px,.32fr) 1fr; gap:34px; margin-bottom:44px; }
.section-kicker { color:var(--system); padding-top:9px; }
.section-heading h2 { max-width:1000px; color:var(--blue); font-size:clamp(38px,4.6vw,68px); line-height:1; letter-spacing:-.03em; text-transform:uppercase; }
.section-heading p { max-width:760px; margin:18px 0 0; color:var(--muted); font-size:17px; }
.content-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.content-card { min-width:0; min-height:310px; display:grid; grid-template-rows:auto auto 1fr auto; padding:30px; color:var(--ink); background:var(--white); border-right:1px solid var(--line); border-bottom:1px solid var(--line); text-decoration:none; }
.content-card:hover { background:#edf8fd; }
.content-card.has-image { grid-template-rows:auto 1fr; padding:0; }
.content-card.has-image picture { overflow:hidden; border-bottom:1px solid var(--line); }
.content-card.has-image picture,.content-card.has-image img { width:100%; aspect-ratio:4/3; object-fit:cover; }
.card-copy { display:grid; grid-template-rows:auto auto 1fr auto; }
.content-card.has-image .card-copy { padding:30px; }
.content-card.no-image { color:var(--white); background:var(--blue); }
.content-card.no-image:hover { background:var(--signal); }
.content-card.no-image h3,.content-card.no-image .card-link { color:var(--white); }
.content-card.no-image p,.content-card.no-image .card-meta { color:#dbeaf7; }
.content-card.no-image .card-type { color:#9fe1fb; }
.content-card.featured { grid-column:span 2; grid-template-columns:minmax(240px,.9fr) 1.1fr; grid-template-rows:1fr; padding:0; }
.content-card.featured picture,.content-card.featured img { width:100%; height:100%; min-height:390px; object-fit:cover; }
.content-card.featured picture { border-right:1px solid var(--line); }
.featured-copy { display:grid; grid-template-rows:auto auto 1fr auto; padding:clamp(30px,4vw,52px); }
.card-meta { display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px; margin-bottom:26px; color:var(--muted); font-size:13px; }
.card-type { color:var(--system); }
.content-card h3 { margin:12px 0 20px; color:var(--blue); font-size:clamp(24px,2.3vw,36px); line-height:1.07; text-transform:uppercase; }
.content-card p { margin:0; color:var(--muted); }
.card-link { align-self:end; margin-top:30px; color:var(--signal); font-weight:800; }
.empty-state { padding:38px; color:var(--muted); background:var(--white); border:1px solid var(--line); }
.process { display:grid; grid-template-columns:repeat(6,1fr); border-top:1px solid var(--ink); border-left:1px solid var(--line); }
.process div { min-height:170px; padding:22px 18px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.process b { display:block; margin-bottom:50px; color:var(--system); font:800 11px/1 var(--display); }
.process strong { font:800 14px/1.1 var(--display); text-transform:uppercase; }
.maintenance-feature { display:grid; grid-template-columns:.72fr 1.28fr; border-top:1px solid var(--ink); border-left:1px solid var(--ink); }
.maintenance-feature.with-cover { grid-template-columns:.9fr 1.1fr; }
.maintenance-visual { position:relative; min-height:430px; overflow:hidden; border-right:1px solid var(--ink); border-bottom:1px solid var(--ink); background:var(--deep); }
.maintenance-visual picture,.maintenance-visual img { width:100%; height:100%; object-fit:cover; }
.maintenance-feature.with-cover .maintenance-copy { grid-template-columns:1fr; }
.maintenance-mark { padding:40px; color:var(--white); background:var(--blue); border-right:1px solid var(--ink); border-bottom:1px solid var(--ink); }
.maintenance-mark span { color:#9ddff7; font:800 10px/1 var(--display); letter-spacing:.13em; text-transform:uppercase; }
.maintenance-mark strong { display:block; margin-top:80px; font:800 clamp(58px,7vw,100px)/.9 var(--display); }
.maintenance-copy { display:grid; grid-template-columns:1fr 1fr; gap:38px; padding:44px; background:var(--white); border-right:1px solid var(--ink); border-bottom:1px solid var(--ink); }
.maintenance-copy h3 { color:var(--blue); font-size:clamp(32px,4vw,50px); line-height:1.03; text-transform:uppercase; }
.maintenance-copy p { color:var(--muted); }
.trust-grid { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid var(--ink); border-left:1px solid var(--ink); }
.trust-visual { position:relative; min-height:420px; overflow:hidden; background:var(--deep); border-right:1px solid var(--ink); border-bottom:1px solid var(--ink); }
.trust-visual picture,.trust-visual img { width:100%; height:100%; object-fit:cover; }
.trust-grid.with-cover .trust-list { grid-column:1/-1; }
.trust-copy,.trust-list { padding:42px; background:var(--white); border-right:1px solid var(--ink); border-bottom:1px solid var(--ink); }
.trust-copy h3 { margin:18px 0; color:var(--blue); font-size:40px; line-height:1.03; text-transform:uppercase; }
.trust-copy p { color:var(--muted); }
.trust-list { display:grid; grid-template-columns:1fr 1fr; padding:0; }
.trust-list div { min-height:145px; padding:24px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.trust-list div:nth-child(even) { border-right:0; }
.trust-list div:nth-last-child(-n+2) { border-bottom:0; }
.trust-list b { color:var(--system); }
.trust-list span { display:block; margin-top:42px; color:var(--blue); font:800 15px/1.15 var(--display); text-transform:uppercase; }

.breadcrumb { min-height:58px; display:flex; flex-wrap:wrap; align-items:center; gap:10px; color:var(--muted); font-size:14px; }
.breadcrumb a { color:var(--muted); }
.collection-hero { color:var(--white); background:var(--blue); border-block:1px solid var(--ink); }
.collection-hero-inner { min-height:390px; display:grid; grid-template-columns:1.25fr .75fr; }
.collection-copy { padding:clamp(42px,6vw,84px) clamp(28px,5vw,70px) clamp(42px,6vw,74px) 0; border-right:1px solid rgba(255,255,255,.35); }
.collection-copy .eyebrow { color:#a6e6ff; }
.collection-copy h1 { max-width:920px; margin-top:20px; font-size:clamp(48px,6.2vw,90px); line-height:.96; letter-spacing:-.035em; text-transform:uppercase; }
.collection-copy p { max-width:760px; margin:26px 0 0; color:#dbeaf7; font-size:clamp(17px,1.5vw,21px); }
.hero-index { display:grid; grid-template-rows:repeat(4,1fr); }
.hero-index a { min-height:84px; display:grid; grid-template-columns:62px 1fr; align-items:center; gap:18px; padding:18px 28px; color:var(--white); text-decoration:none; border-bottom:1px solid rgba(255,255,255,.35); }
.hero-index a:last-child { border-bottom:0; }
.hero-index b { color:#a6e6ff; font:800 28px/1 var(--display); }
.hero-index span { font-weight:800; line-height:1.25; }
.pagination { margin-top:38px; display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.pagination a,.pagination span { min-width:44px; min-height:44px; display:inline-flex; align-items:center; justify-content:center; padding:8px 13px; background:var(--white); border:1px solid var(--line); text-decoration:none; }
.pagination [aria-current="page"] { color:var(--white); background:var(--blue); border-color:var(--blue); }

.article-header { background:var(--white); border-block:1px solid var(--line); }
.article-header-inner { padding:clamp(52px,7vw,96px) 0; display:grid; grid-template-columns:minmax(0,1fr) 310px; gap:clamp(40px,7vw,100px); }
.article-header h1 { max-width:1000px; margin-top:20px; color:var(--blue); font-size:clamp(44px,6.4vw,88px); line-height:.98; letter-spacing:-.03em; text-transform:uppercase; }
.article-deck { max-width:830px; margin:28px 0 0; color:var(--muted); font-size:clamp(18px,1.7vw,22px); }
.article-facts { align-self:end; margin:0; border-top:3px solid var(--blue); }
.fact { display:grid; grid-template-columns:118px 1fr; gap:12px; padding:15px 0; border-bottom:1px solid var(--line); }
.fact dt { color:var(--muted); }
.fact dd { margin:0; font-weight:800; }
.status { min-height:32px; display:inline-flex; align-items:center; padding:3px 9px; color:var(--blue); background:#dff5fd; border:1px solid #9bdcf5; font-size:13px; font-weight:800; }
.status.demo { color:#5d4a00; background:#fff5c2; border-color:#d6be54; }
.article-layout { padding:clamp(64px,8vw,110px) 0; display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:clamp(42px,7vw,96px); align-items:start; }
.article-body { min-width:0; }
.article-body > * { max-width:850px; }
.article-body h2 { margin:70px 0 18px; color:var(--blue); font-size:clamp(34px,4vw,52px); line-height:1.05; text-transform:uppercase; }
.article-body h2:first-child { margin-top:0; }
.article-body p,.article-body li { font-size:18px; }
.article-body p + p { margin-top:28px; }
.cover { margin:0 0 46px; }
.cover img { width:100%; aspect-ratio:16/9; object-fit:cover; border:1px solid var(--line); }
.cover figcaption { padding:13px 0; color:var(--muted); font-size:14px; border-bottom:1px solid var(--line); }
.article-aside { position:sticky; top:24px; }
.aside-block { padding:24px 0; border-top:1px solid var(--line); }
.aside-block:first-child { border-top:4px solid var(--cyan); }
.aside-block h2 { color:var(--blue); font-size:20px; text-transform:uppercase; }
.aside-block a { min-height:44px; display:flex; align-items:center; color:var(--ink); text-decoration:none; border-bottom:1px solid var(--soft); }
.aside-block p { color:var(--muted); font-size:14px; }
.system-rail { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); margin:36px 0; border-top:1px solid var(--line); border-left:1px solid var(--line); }
.system-rail div { min-height:120px; padding:18px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.system-rail b { display:block; color:var(--system); margin-bottom:34px; }
.system-rail span { font-weight:800; }
.related { padding:clamp(60px,7vw,96px) 0; background:var(--white); border-top:1px solid var(--line); }
.related-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.related-card { min-height:235px; display:grid; grid-template-rows:auto 1fr auto; padding:26px; color:var(--ink); text-decoration:none; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.related-card h3 { margin:17px 0; color:var(--blue); font-size:25px; line-height:1.08; text-transform:uppercase; }

.contact-strip { color:var(--white); background:var(--blue); }
.contact-inner { min-height:240px; display:grid; grid-template-columns:1fr auto; gap:30px; align-items:center; }
.contact-inner h2 { font-size:clamp(38px,5vw,64px); line-height:1; text-transform:uppercase; }
.contact-inner p { max-width:700px; color:#dbeaf7; }
.contact-inner a { min-height:54px; display:inline-flex; align-items:center; padding:12px 22px; color:var(--blue); background:var(--white); font-weight:800; text-decoration:none; }
footer { padding:54px 0; color:#dbeaf7; background:var(--deep); }
.footer-grid { display:grid; grid-template-columns:1.2fr .8fr .8fr; gap:34px; }
.footer-grid h2 { color:var(--white); font-size:18px; }
.footer-grid a { min-height:40px; display:flex; align-items:center; color:#dbeaf7; }
.footer-note { grid-column:1/-1; padding-top:24px; border-top:1px solid rgba(255,255,255,.25); font-size:13px; }

@media (max-width:1080px) {
  .header-inner { grid-template-columns:1fr auto; }
  .desktop-nav { display:none; }
  .menu { display:block; }
  .home-hero { grid-template-columns:1fr; }
  .home-hero-visual { grid-column:auto; }
  .home-hero-copy { min-height:540px; border-right:0; border-bottom:1px solid var(--ink); }
  .audience-grid { grid-template-columns:repeat(3,1fr); }
  .audience-title { grid-column:1/-1; }
  .audience a { border-top:1px solid rgba(255,255,255,.35); }
  .collection-hero-inner,.article-header-inner { grid-template-columns:1fr; }
  .collection-copy { border-right:0; border-bottom:1px solid rgba(255,255,255,.35); }
  .hero-index { grid-template-columns:repeat(2,1fr); grid-template-rows:repeat(2,1fr); }
  .hero-index a:nth-child(odd) { border-right:1px solid rgba(255,255,255,.35); }
  .content-grid,.related-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .article-layout { grid-template-columns:minmax(0,1fr) 250px; gap:42px; }
}
@media (max-width:760px) {
  .shell { width:min(calc(100% - 28px),var(--max)); }
  .header-inner { min-height:72px; }
  .brand { border-right:0; }
  .brand strong,.language-switcher { display:none; }
  .home-hero-copy { min-height:auto; padding:48px 26px; }
  .home-hero.has-visual .home-hero-copy { min-height:auto; }
  .home-hero-visual { min-height:220px; max-height:300px; aspect-ratio:16/9; }
  .home-hero h1 { font-size:clamp(42px,13vw,58px); }
  .capability-map { grid-template-columns:1fr; grid-template-rows:none; }
  .capability,.capability:nth-child(even),.capability:nth-last-child(-n+2) { min-height:130px; border-right:0; border-bottom:1px solid var(--line); }
  .audience-grid { grid-template-columns:1fr 1fr; }
  .section-heading { grid-template-columns:1fr; gap:12px; }
  .content-grid,.related-grid { grid-template-columns:1fr; }
  .content-card.featured { grid-column:auto; grid-template-columns:1fr; }
  .content-card.featured picture { border-right:0; border-bottom:1px solid var(--line); }
  .content-card.featured picture,.content-card.featured img { min-height:220px; max-height:270px; }
  .content-card.has-image:not(.featured) picture,.content-card.has-image:not(.featured) img { max-height:270px; }
  .process { grid-template-columns:1fr 1fr; }
  .maintenance-feature,.maintenance-copy,.trust-grid,.trust-list { grid-template-columns:1fr; }
  .maintenance-visual,.trust-visual { min-height:260px; border-right:1px solid var(--ink); }
  .trust-list div { border-right:0!important; border-bottom:1px solid var(--line)!important; }
  .hero-index { grid-template-columns:1fr; grid-template-rows:none; }
  .hero-index a,.hero-index a:nth-child(odd) { border-right:0; border-bottom:1px solid rgba(255,255,255,.35); }
  .collection-copy h1,.article-header h1 { font-size:clamp(42px,12vw,62px); }
  .article-header-inner,.article-layout { grid-template-columns:1fr; }
  .article-aside { position:static; }
  .article-body p,.article-body li { font-size:16px; }
  .system-rail { grid-template-columns:1fr 1fr; }
  .contact-inner { grid-template-columns:1fr; padding-block:48px; }
  .footer-grid { grid-template-columns:1fr; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }