/* 英文页面使用固定 1920px 设计画布，公共脚本负责 PC 等比缩放。 */
.en-jieshao-page .site-canvas { height: 4253px; background: #fff; }
.en-hero { position: relative; width: 1920px; height: 800px; overflow: hidden; color: #fff; }
.en-hero-image { position: absolute; inset: 0; width: 1920px; height: 800px; max-width: none; object-fit: cover; }
.en-hero-shade { position: absolute; top: 0; left: 0; width: 1920px; height: 300px; background: linear-gradient(180deg, rgba(0, 0, 0, .6), transparent); }
.en-header-line { position: absolute; top: 120px; left: 0; width: 1920px; height: 1px; background: rgba(255, 255, 255, .5); }
.en-brand { position: absolute; top: 25px; left: 60px; height: 70px; display: flex; align-items: center; }
.en-brand > a:first-child img { width: 260px; height: 70px; }
.en-brand > a:last-child img { width: 304px; height: 70px; }
.en-brand-divider { width: 2px; height: 70px; margin: 0 23px 0 20px; background: #fff; }
.en-language { position: absolute; top: 47px; right: 60px; color: #fff; font-size: 18px; line-height: 25px; }
.en-hero h1 { display: none; }

/* 主体按 Figma 的垂直坐标分段，便于后续替换为文章和栏目模板。 */
.en-main { width: 1920px; padding-top: 60px; }
.en-copy { width: 1440px; margin-left: 240px; color: #333; font-size: 20px; line-height: 36px; text-align: left; }
.en-copy p { margin: 0; }
.en-copy p + p { margin-top: 36px; }
.en-copy-intro { height: 281px; }
.en-history { position: relative; width: 1522px; height: 740px; margin: 40px 0 0 199px; }
.en-history-image { position: absolute; top: 0; left: 0; width: 680px; height: 740px; }
.en-timeline { position: absolute; top: 0; left: 0; width: 1450px; height: 400px; margin: 0; padding: 0; list-style: none; }
.en-timeline li { position: absolute; width: 620px; height: 60px; }
.en-timeline li::before { position: absolute; top: 45px; left: 8px; width: 360px; height: 1px; content: ""; background: #77a9cd; }
.en-timeline li::after { position: absolute; top: 37px; left: 0; width: 15px; height: 15px; content: ""; background: #165c91; border-radius: 50%; }
.en-timeline li time { position: absolute; top: 0; left: 291px; font-size: 24px; line-height: 30px; text-align: right; }
.en-timeline li span { position: absolute; top: 30px; left: 428px; font-size: 20px; line-height: 30px; white-space: nowrap; }
.en-timeline li:nth-child(1) { top: 40px; left: 487px; }
.en-timeline li:nth-child(2) { top: 140px; left: 573px; }
.en-timeline li:nth-child(3) { top: 240px; left: 627px; }
.en-timeline li:nth-child(4) { top: 340px; left: 661px; }
.en-stats { position: absolute; top: 460px; left: 750px; display: grid; grid-template-columns: 170px 170px 170px; grid-template-rows: 80px 80px; column-gap: 91px; row-gap: 40px; }
.en-stats div { width: 170px; height: 80px; }
.en-stats strong { display: block; font-size: 24px; font-weight: 400; line-height: 30px; }
.en-stats strong::after { display: block; width: 60px; height: 1px; margin-top: 10px; content: ""; background: #ef9b11; }
.en-stats span { display: block; margin-top: 9px; font-size: 16px; line-height: 30px; white-space: nowrap; }
.en-copy-secondary { height: 359px; margin-top: 40px; }
.en-achievement-image { width: 1440px; height: 530px; margin: 40px 0 0 240px; }
.en-achievement-image img { width: 1440px; height: 530px; object-fit: cover; }
.en-copy-details { height: 863px; margin-top: 40px; }

/* 英文页脚仅保留 Figma 中的品牌与联系信息。 */
.en-footer { width: 1920px; height: 360px; margin-top: 100px; padding: 60px 60px 40px; border-top: 6px solid #165c91; background: #fff; }
.en-footer-inner { width: 1800px; height: 260px; display: grid; grid-template-columns: 710px 1fr; column-gap: 100px; }
.en-footer-brand { height: 260px; display: flex; align-items: center; border-right: 1px solid #ddd; }
.en-footer-brand img:first-child { width: 260px; height: 70px; }
.en-footer-brand img:last-child { width: 304px; height: 70px; }
.en-footer-brand span { width: 1px; height: 70px; margin: 0 24px 0 20px; background: #ddd; }
.en-footer-contact { padding-top: 0; color: #165c91; }
.en-footer-contact section + section { margin-top: 28px; }
.en-footer h2 { margin: 0; font-size: 16px; font-weight: 400; line-height: 22px; }
.en-footer h2::after { display: block; width: 120px; height: 1px; margin-top: 12px; content: ""; background: #165c91; }
.en-footer p { margin: 10px 0 0; font-size: 16px; line-height: 30px; }

/* 无单独移动稿时，将所有内容改为窄屏纵向布局。 */
html.is-mobile .en-jieshao-page .site-canvas { position: relative; width: 390px; height: auto; }
html.is-mobile .en-hero { width: 390px; height: 300px; }
html.is-mobile .en-hero-image { width: 390px; height: 300px; object-position: center; }
html.is-mobile .en-hero-shade, html.is-mobile .en-header-line { width: 390px; }
html.is-mobile .en-brand { top: 15px; left: 16px; height: 46px; }
html.is-mobile .en-brand > a:first-child img { width: 104px; height: auto; }
html.is-mobile .en-brand > a:last-child img { width: 119px; height: auto; }
html.is-mobile .en-brand-divider { height: 38px; margin: 0 7px; }
html.is-mobile .en-language { top: 28px; right: 16px; font-size: 13px; }
html.is-mobile .en-hero h1 { display: none; }
html.is-mobile .en-main { width: 390px; padding: 36px 16px 0; }
html.is-mobile .en-copy { width: 100%; margin-left: 0; font-size: 15px; line-height: 28px; text-align: left; }
html.is-mobile .en-copy-intro, html.is-mobile .en-copy-secondary, html.is-mobile .en-copy-details { height: auto; }
html.is-mobile .en-copy p + p { margin-top: 28px; }
html.is-mobile .en-history { width: 100%; height: auto; margin: 40px 0 0; }
html.is-mobile .en-history-image { position: static; width: 100%; height: auto; }
html.is-mobile .en-timeline { position: static; width: 100%; height: auto; margin: 26px 0 0; padding-left: 22px; border-left: 1px solid #77a9cd; }
html.is-mobile .en-timeline li, html.is-mobile .en-timeline li:nth-child(n) { position: relative; top: auto; left: auto; width: 100%; height: 72px; }
html.is-mobile .en-timeline li::before { display: none; }
html.is-mobile .en-timeline li::after { top: 8px; left: -28px; width: 11px; height: 11px; }
html.is-mobile .en-timeline li time, html.is-mobile .en-timeline li span { position: static; display: block; font-size: 16px; line-height: 26px; text-align: left; white-space: normal; }
html.is-mobile .en-timeline li span { color: #555; }
html.is-mobile .en-stats { position: static; margin-top: 8px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px 12px; }
html.is-mobile .en-stats div { width: auto; height: auto; min-height: 80px; }
html.is-mobile .en-stats strong { font-size: 20px; }
html.is-mobile .en-stats span { font-size: 14px; line-height: 24px; white-space: normal; }
html.is-mobile .en-copy-secondary { margin-top: 40px; }
html.is-mobile .en-achievement-image { width: 100%; height: auto; margin: 36px 0 0; }
html.is-mobile .en-achievement-image img { width: 100%; height: auto; }
html.is-mobile .en-copy-details { margin-top: 36px; }
html.is-mobile .en-footer { width: 390px; height: auto; margin-top: 56px; padding: 42px 16px; border-top-width: 4px; }
html.is-mobile .en-footer-inner { width: 100%; height: auto; display: block; }
html.is-mobile .en-footer-brand { height: auto; padding-bottom: 36px; border-right: 0; border-bottom: 1px solid #ddd; }
html.is-mobile .en-footer-brand img:first-child { width: 44%; height: auto; }
html.is-mobile .en-footer-brand img:last-child { width: 48%; height: auto; }
html.is-mobile .en-footer-brand span { height: 46px; margin: 0 10px; }
html.is-mobile .en-footer-contact { padding-top: 36px; }
html.is-mobile .en-footer-contact section + section { margin-top: 32px; }
html.is-mobile .en-footer p { font-size: 14px; line-height: 26px; }