html.platform-document{scroll-behavior:smooth;scroll-snap-type:none;scroll-padding-top:68px}
.platform-page,.platform-page *{box-sizing:border-box}
.platform-page{
 --ink:#122d4d;--blue:#245b8f;--muted:#4f647b;--paper:#f3f7fb;
 --content:min(82vw,1680px);--section-gap:clamp(80px,5.4vw,104px);
 --hero-title:clamp(52px,calc(2.5vw + 16px),64px);
 --claim:clamp(28px,calc(.833333vw + 16px),32px);
 --section-title:clamp(38px,calc(1.25vw + 20px),44px);
 --sub-title:clamp(26px,calc(.416667vw + 20px),28px);
 --body-size:clamp(18px,calc(.416667vw + 12px),20px);
 --lead-size:clamp(20px,calc(.416667vw + 14px),22px);
 --button-size:clamp(18px,calc(.416667vw + 12px),20px);
 margin:0;padding-top:68px;background:#fff;color:var(--ink);
 font:400 var(--body-size)/1.7 'PingFang SC','Microsoft YaHei',sans-serif;
}
.platform-page h1,.platform-page h2,.platform-page h3,.platform-page p,.platform-page figure{margin:0}
.platform-page h1,.platform-page h2,.platform-page h3{font-family:inherit;font-weight:600;letter-spacing:-.025em}
.platform-page h2{font-size:var(--section-title);line-height:1.3}
.platform-page h3{font-size:var(--sub-title);line-height:1.4}
.platform-page a{color:inherit;text-decoration:none}
.platform-page button{font:inherit;cursor:pointer}
.platform-page :is(a,button):focus-visible{outline:3px solid #5089c7;outline-offset:5px}
.platform-page [hidden]{display:none!important}
.platform-page .p-container{width:var(--content);margin-inline:auto}
.platform-page .p-body{max-width:32em;font-size:var(--body-size);line-height:1.7;color:var(--muted)}
.platform-page .p-button{
 display:inline-flex;align-items:center;justify-content:center;gap:28px;
 padding:13px 24px;border:1px solid #204e78;border-radius:2px;
 background:#173f6e;color:#fff;font-size:var(--button-size);font-weight:500;line-height:1.5;
}
.platform-page .p-button:hover{background:#103252}
.platform-page section{scroll-margin-top:24px}
.platform-page .p-hero{
 position:relative;isolation:isolate;min-height:clamp(620px,calc((100svh - 68px) * .69),900px);
 display:flex;align-items:center;overflow:hidden;background:#eef4fa;scroll-margin-top:0;
}
.platform-page .p-hero-media{position:absolute;inset:0 0 0 28%;z-index:-2}
.platform-page .p-hero-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:70% 70%}
.platform-page .p-hero::before{
 content:'';position:absolute;inset:0;z-index:-1;
 background:linear-gradient(90deg,#f5f9fc 0%,#f5f9fc 35%,#f5f9fcc4 46%,#f5f9fc35 66%,transparent 78%);
}
.platform-page .p-hero-copy{width:58%;padding:58px 0 64px}
.platform-page .p-hero h1{font-size:var(--hero-title);line-height:1.25;white-space:nowrap}
.platform-page .p-hero-claim{font-size:var(--claim);line-height:1.4;font-weight:500;margin-top:26px;white-space:nowrap}
.platform-page .p-hero .p-body{font-size:var(--lead-size);line-height:1.75;margin-top:24px}
.platform-page .p-hero .p-button{margin-top:32px}
.platform-page .p-section{padding-block:var(--section-gap)}
.platform-page .p-section--muted{background:var(--paper)}
.platform-page .p-section-heading{margin-bottom:36px}
.platform-page .p-capabilities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.platform-page .p-capability{min-width:0}
.platform-page .p-capability-figure{background:#fff;border:1px solid #d4e0eb;margin-bottom:24px}
.platform-page .p-capability-figure svg{display:block;width:100%;height:auto;aspect-ratio:2}
.platform-page .p-capability .p-body{margin-top:16px;max-width:32em}
.platform-page .p-diagram text{font:400 18px 'PingFang SC','Microsoft YaHei',sans-serif;fill:#344f6c}
.platform-page .p-diagram .diagram-label{font-size:20px;font-weight:500}
.platform-page .p-diagram .diagram-small{font-size:16px}
.platform-page .p-example-grid{display:grid;grid-template-columns:minmax(0,60fr) minmax(0,40fr);gap:56px;align-items:center}
.platform-page .p-example-figure{min-width:0}
.platform-page .p-example-controls{display:flex;gap:12px;flex-wrap:nowrap;margin-bottom:20px}
.platform-page .p-example-controls button{
 flex:1;border:1px solid #a8bfd5;border-radius:2px;background:#fff;color:#284b70;
 padding:12px 14px;font-size:var(--body-size);line-height:1.5;white-space:nowrap;
}
.platform-page .p-example-controls button[aria-selected=true]{background:#e4eef9;border-color:#2c659e;font-weight:500}
.platform-page .p-example-canvas{background:#fff;border:1px solid #d1dfea;aspect-ratio:1000/580}
.platform-page .p-example-canvas svg{display:block;width:100%;height:100%}
.platform-page .p-example-canvas [data-stage]{display:none}
.platform-page .p-example-canvas [data-step=original] [data-stage=original],
.platform-page .p-example-canvas [data-step=changed] [data-stage=changed],
.platform-page .p-example-canvas [data-step=adjusted] [data-stage=adjusted]{display:inline}
.platform-page .p-example-figure figcaption{font-size:16px;color:#5a6f84;margin-top:12px}
.platform-page .p-step-caption{min-height:1.7em;margin-top:8px;font-size:18px;line-height:1.7;color:#294d72}
.platform-page .p-example-intro{font-size:var(--sub-title);font-weight:500;line-height:1.55;margin-bottom:24px;max-width:23em}
.platform-page .p-example-copy .p-body{max-width:32em}
.platform-page .p-integration-grid{display:grid;grid-template-columns:minmax(0,60fr) minmax(0,40fr);gap:56px;align-items:center}
.platform-page .p-relation{background:#f4f8fc;border:1px solid #d4e0eb}
.platform-page .p-relation svg{display:block;width:100%;height:auto}
.platform-page .p-connection{margin-top:48px;display:grid;grid-template-columns:minmax(0,60fr) minmax(0,40fr);gap:56px;align-items:start}
.platform-page .p-connection h3{margin-bottom:18px}
.platform-page .p-deliverables{display:flex;align-items:center;gap:0;margin-top:4px;border-block:1px solid #cfdeeb;padding:24px 0}
.platform-page .p-deliverables span{flex:1;text-align:center;font-size:var(--body-size);font-weight:500;line-height:1.5;white-space:nowrap}
.platform-page .p-deliverables span+span{border-left:1px solid #cfdeeb}
.platform-page .p-contact{background:#102a43;color:#fff;padding:64px 0 50px}
.platform-page .p-contact-grid{display:grid;grid-template-columns:58fr 42fr;gap:56px;align-items:start}
.platform-page .p-contact h2{font-size:clamp(32px,calc(.833333vw + 20px),36px);line-height:1.4}
.platform-page .p-contact .p-body{color:#d5e1ed;margin-top:20px;max-width:32em}
.platform-page .p-contact-actions{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.platform-page .p-contact .p-button{background:#fff;color:#173f6e;border-color:#fff}
.platform-page .p-email{font:400 clamp(26px,calc(.833333vw + 14px),30px)/1.5 Arial,sans-serif;white-space:nowrap}
.platform-page .p-email-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.platform-page #copy-email{font-size:16px;line-height:1.5;padding:9px 16px;border:1px solid #b5cce0;color:#fff;background:transparent;border-radius:2px}
.platform-page #copy-status{font-size:14px;color:#d5e1ed}
.platform-page .p-footer{background:#0b2136;color:#d0dce8;padding:25px 0 28px;font-size:14px}
.platform-page .p-footer-top{display:flex;justify-content:space-between;align-items:center;gap:30px}
.platform-page .p-footer-brand{font:400 26px/1.5 Arial,'PingFang SC',sans-serif;color:white}
.platform-page .p-footer nav{display:flex;gap:30px}
.platform-page .p-footer-bottom{border-top:1px solid #8ba7c655;margin-top:20px;padding-top:20px;display:flex;justify-content:space-between;gap:30px;font-size:13px}
.platform-page .v6-nav{
 position:fixed;inset:0 0 auto;height:68px;z-index:80;background:#fffffffa;color:#101c38;
 border-bottom:1px solid #cfdaeb;font:400 15px/1.6 'PingFang SC','Microsoft YaHei',sans-serif;
}
.platform-page .v6-nav-inner{width:90%;max-width:1600px;margin:auto;height:100%;display:flex;align-items:center;justify-content:space-between;gap:32px}
.platform-page .v6-logo{font:400 29px/1 Arial,sans-serif;letter-spacing:.025em}
.platform-page .v6-nav-links{display:flex;align-items:center;gap:34px}
.platform-page .v6-nav-links a,.platform-page .v6-nav-links>div>button{padding:14px 0}
.platform-page .v6-nav-links>div>button{border:0;background:none;color:inherit}
.platform-page .v6-nav-contact{padding:10px 20px;border:1px solid #a8bada}
.platform-page .v6-dropdown{position:relative}
.platform-page .v6-submenu{position:absolute;left:-18px;top:calc(100% + 4px);width:260px;padding:7px 0;background:#fff;color:#183350;border:1px solid #cbd8e9;border-radius:3px;box-shadow:0 8px 18px #19345318}
.platform-page .v6-submenu a{display:block;padding:11px 18px;font-size:14px}
.platform-page .v6-submenu a:hover,.platform-page .v6-submenu a:focus-visible{background:#edf3fa}
.platform-page .v6-menu-button,.platform-page .v6-mobile-menu{display:none}
@media(prefers-reduced-motion:reduce){html.platform-document{scroll-behavior:auto}}

.platform-page .p-capability-figure .p-diagram text{font-size:22px}
.platform-page .p-capability-figure .p-diagram .diagram-small{font-size:18px}

.platform-page .p-phrase{white-space:nowrap}

/* 手机与平板：与首页 home.css 相同的汉堡菜单（nav-base.js 负责开合），页脚换行 */
@media(max-width:1023px){
 .platform-page{padding-top:64px}
 html.platform-document{scroll-padding-top:64px}
 .platform-page .v6-nav{height:64px}
 .platform-page .v6-nav-inner{width:calc(100% - 40px)}
 .platform-page .v6-logo{font-size:27px}
 .platform-page .v6-nav-links,.platform-page .v6-nav-contact{display:none}
 .platform-page .v6-menu-button{display:block;background:none;border:0;color:inherit;padding:9px;cursor:pointer}
 .platform-page .v6-menu-button span{display:block;width:23px;height:1px;margin:6px 0;background:currentColor}
 .platform-page .v6-mobile-menu:not([hidden]){display:block;position:absolute;top:64px;left:0;right:0;max-height:calc(100dvh - 64px);overflow:auto;background:#fff;color:#101c38;border-top:1px solid #d5dfed;padding:16px 20px 28px;box-shadow:0 18px 20px #17345418}
 .platform-page .v6-mobile-menu>a{display:block;padding:12px 0;border-bottom:1px solid #e4ebf5;font-size:16px}
 .platform-page .v6-mobile-group{padding:15px 0;border-bottom:1px solid #e4ebf5}
 .platform-page .v6-mobile-group>span{display:block;font-size:16px;margin-bottom:6px;font-weight:500}
 .platform-page .v6-mobile-group a{display:block;margin-left:15px;padding:9px 0;font-size:14px;color:#47617f}
 .platform-page .v6-mobile-menu a[aria-current="page"]{color:#1f62c9}
}
@media(max-width:760px){
 .platform-page .p-footer-top,.platform-page .p-footer-bottom{flex-direction:column;align-items:flex-start;gap:14px}
 .platform-page .p-footer nav{flex-wrap:wrap;gap:10px 22px}
}

/* 页脚备案号 */
.p-footer-beian{display:flex;flex-wrap:wrap;gap:4px 18px}
.p-footer-beian a{color:inherit;text-decoration:none;opacity:.8}
.p-footer-beian a:hover{opacity:1;text-decoration:underline}