/* 英文版使用官方原版可变字体，本地加载只需约六十千字节，不安装系统字体。 */
@font-face{font-family:"Carbon Sora";src:url("assets/fonts/Sora-VF.woff2") format("woff2");font-weight:100 800;font-style:normal;font-display:swap}
:root{font-family:"Carbon Sora","Microsoft YaHei UI",sans-serif;font-synthesis:none;--type-display:clamp(42px,5.556cqw,80px);--type-heading:clamp(34px,4cqw,60px);--type-subheading:clamp(24px,2.1cqw,32px);--type-body:17px;--type-small:13px;--type-caption:12px;--tracking-display:-.045em;--tracking-heading:-.035em}
.site-viewport{font-family:"Carbon Sora",sans-serif;font-size:16px;font-weight:400;line-height:1.65}
.site-viewport a,.site-viewport button,.site-viewport p,.site-viewport span{overflow-wrap:normal;word-break:normal}
.site-viewport h1,.site-viewport h2,.site-viewport h3{font-family:"Carbon Sora",sans-serif;letter-spacing:-.045em;font-weight:400;text-wrap:balance}
.site-viewport p{letter-spacing:-.012em}
/* 原文中的斜杠技术词组较长，只在超过行宽时允许换行，三百二十像素手机不会因此横向溢出。 */
.site-viewport p,.site-viewport .intro{overflow-wrap:anywhere}
.brand{font-family:"Carbon Sora",sans-serif;font-size:25px;font-weight:600;letter-spacing:-.06em}
.site-nav{gap:21px;font-size:var(--type-small);letter-spacing:-.01em}
.site-nav a,.product-menu summary{white-space:nowrap}
.site-header{min-height:88px}
.button{font-size:14px;letter-spacing:-.012em;font-weight:400;padding:13px 22px;white-space:nowrap}
.button.small{font-size:var(--type-small);padding:10px 17px}
.text-link{font-size:14px;letter-spacing:-.015em;font-weight:500;text-underline-offset:5px}
.slot-label{font-size:var(--type-caption);font-weight:400;letter-spacing:.02em}
.menu-panel{width:720px;grid-template-columns:1.2fr 1fr;right:-100px}
.menu-panel h3{font-size:15px;line-height:1.5;letter-spacing:-.025em;margin-bottom:18px}
.menu-panel a{font-size:12px;line-height:1.6}

/* 首屏分成大标题、定位说明和品牌署名；主标题限制行宽形成两行，保留图片左侧的安全区域。 */
.hero-copy{width:38%;padding-top:45px;padding-bottom:45px}
.hero-copy h1{font-size:var(--type-display);font-weight:400;line-height:1.06;letter-spacing:var(--tracking-display);text-wrap:initial;max-width:100%}
.hero-copy h1 span{display:block;white-space:normal}
.hero-copy h1 .hero-title-main{width:6.1em;max-width:100%;margin:0;line-height:1.06}
.hero-copy h1 .hero-title-support{font-size:24px;font-weight:400;line-height:1.3;letter-spacing:-.025em;margin-top:23px;color:#e0eafb}
.hero-copy h1 .hero-brand-signature{font-size:14px;font-weight:400;line-height:1.5;letter-spacing:.015em;margin-top:11px;color:#a9b8cc}
.hero-copy .slot-label{font-size:var(--type-caption);margin-bottom:28px;color:#cad8eb}
.hero-copy p{font-size:var(--type-body);line-height:1.75;max-width:360px;margin-top:27px;color:#c8d8ec;letter-spacing:-.012em}
.hero-copy .buttons{gap:12px;margin-top:29px;flex-wrap:wrap}
.hero-copy .button{padding:13px 19px;font-size:var(--type-small)}
.scroll-cue{font-size:var(--type-caption);letter-spacing:.01em}

/* 大标题以较紧字距和较短行宽构成视觉层级，正文保持正常尺寸，避免全页每段都是口号。 */
.brand-statement h2{font-size:var(--type-display);font-weight:400;line-height:1.12;letter-spacing:var(--tracking-display);max-width:1000px}
.brand-statement h2 span{display:block}
.brand-statement p{font-size:18px;max-width:600px;line-height:1.7;margin-top:34px}
.business-composition h2,.focus-product-section>.section-heading h2{font-size:var(--type-heading);font-weight:400;line-height:1.15;letter-spacing:var(--tracking-heading)}
.business-article h3{font-size:var(--type-subheading);line-height:1.25;max-width:570px;font-weight:400;letter-spacing:var(--tracking-heading)}
.business-article p{font-size:var(--type-body);line-height:1.75;max-width:540px;margin-top:22px;overflow-wrap:anywhere}
.business-article .text-link{margin-top:25px}
.story-copy h2{font-size:var(--type-heading);line-height:1.13;letter-spacing:var(--tracking-heading);margin-bottom:34px}
.story-tab .tab-title{font-size:20px;letter-spacing:-.035em}
.story-tab p{font-size:16px;line-height:1.75;letter-spacing:-.012em}
.story-picture-zone strong{font-size:24px;letter-spacing:-.03em;max-width:380px;line-height:1.25}
.product-focus .copy h3{font-size:var(--type-heading);line-height:1.1;letter-spacing:var(--tracking-display)}
.product-focus .copy>p{font-size:var(--type-body);line-height:1.75;margin-top:22px}
.product-focus .copy>p:first-of-type{font-size:21px;line-height:1.4;color:#dce8f8;letter-spacing:-.025em}
.process-composition h2{font-size:var(--type-heading);line-height:1.13;max-width:940px;letter-spacing:var(--tracking-heading)}
.process-composition h2 span{display:block}
.process-composition>p{max-width:740px;line-height:1.75}
.simple-process h3{font-size:20px;line-height:1.35;letter-spacing:-.03em;margin-top:0}
.simple-process p{font-size:16px;line-height:1.8}
.application-composition>h2{font-size:var(--type-heading);letter-spacing:var(--tracking-heading)}
.application-button{font-size:18px;line-height:1.5;letter-spacing:-.025em}
.application-picture strong{font-size:26px;letter-spacing:-.035em;line-height:1.3}
.application-picture p{font-size:var(--type-body);line-height:1.75}
.partner-composition h2{font-size:clamp(27px,3.05cqw,46px);max-width:1120px;line-height:1.3;letter-spacing:-.035em}
.knowledge-composition h2{font-size:var(--type-heading);letter-spacing:var(--tracking-heading)}
.knowledge-item h3{font-size:26px;line-height:1.35;letter-spacing:var(--tracking-heading)}
.knowledge-item p{font-size:16px;line-height:1.75}
.closing-composition h2{font-size:var(--type-display);line-height:1.15;letter-spacing:var(--tracking-display)}
.closing-composition h2 span{display:block}
.closing-composition p{font-size:17px;max-width:630px;line-height:1.75}

/* 目录与参数不沿用首屏的大字规则，较长分类名称正常换行，型号和数值保持一致。 */
.page-intro h1{font-size:var(--type-heading);font-weight:400;line-height:1.15;max-width:1080px;letter-spacing:var(--tracking-heading)}
.page-intro p{font-size:17px;line-height:1.7;max-width:780px}
.catalogue-layout{grid-template-columns:250px minmax(0,1fr);gap:48px}
.category-rail h2{font-size:13px;letter-spacing:0}
.category-rail button{font-size:12px;line-height:1.65;padding:14px 10px}
.catalogue-main h2{font-size:32px;line-height:1.25}
.chip{font-size:var(--type-caption);white-space:normal;line-height:1.5}
.product-card h3{font-size:23px;letter-spacing:-.025em;overflow-wrap:anywhere}
.product-card p{font-size:13px;line-height:1.65}
.result-line{font-size:var(--type-caption);gap:18px}
.business-entry h3{font-size:32px;line-height:1.25;letter-spacing:-.04em}
.business-entry p{font-size:16px;line-height:1.8}
.detail-stage h1{font-size:var(--type-display);font-weight:400;letter-spacing:var(--tracking-display)}
.detail-stage .intro{font-size:23px;line-height:1.4;max-width:480px;letter-spacing:-.03em}
.detail-stage .copy>p{font-size:16px;line-height:1.75;max-width:490px}
.detail-stage .copy{width:51%}
.section-nav a{font-size:var(--type-small);letter-spacing:-.01em}
.spec-table{font-size:15px;font-variant-numeric:tabular-nums;line-height:1.7}
.spec-table th{font-weight:500}
.spec-table td{overflow-wrap:anywhere}
.outline-block h2{font-size:30px;line-height:1.25;margin-bottom:20px}
.outline-block p{max-width:820px;line-height:1.8}
.inquiry-layout h2{font-size:28px;line-height:1.2}
.inquiry-layout p{font-size:15px;line-height:1.75}
.field{font-size:13px;line-height:1.6}
.field input,.field select,.field textarea{font-family:"Carbon Sora",sans-serif;font-size:14px;line-height:1.7}
.source-card p{font-size:13px}
/* 内页的资料标题使用中等字号，不能与首页品牌宣言争抢同一视觉层级。 */
.wire-section .section-heading h2{font-size:clamp(30px,2.8cqw,42px);letter-spacing:var(--tracking-heading);line-height:1.2}
.tiny,.scene-status,.picture-tag,.breadcrumb{font-size:var(--type-caption)}
.footer-top p{font-size:13px;line-height:1.8}
.footer-top a{font-size:var(--type-small)}
.footer-bottom{font-size:var(--type-caption)}
.review-bar{flex-wrap:wrap;gap:12px}
.review-controls{flex-wrap:wrap}
.type-status{display:flex;align-items:center;gap:22px;flex-wrap:wrap;padding:13px 24px;background:#0b172a;color:#a9b8cc;font-size:12px;border-bottom:1px solid #263c56}
.type-status a{color:#aac7ff;text-underline-offset:3px}

/* 英文导航需要更宽空间，在中等画布先使用菜单；首屏上下分区继续保留完整原图。 */
@container website (max-width:1100px){
  .site-nav{display:none}.mobile-nav{display:block}
  .hero-copy{width:100%;padding:64px var(--space) 40px}
  .hero-copy h1{font-size:clamp(52px,7cqw,76px)}
  .hero-copy p{max-width:450px;font-size:17px}
  .hero-copy .buttons{justify-content:center}
  .catalogue-layout{grid-template-columns:210px minmax(0,1fr);gap:28px}
}

/* 手机让长英文词保持完整，按当前画布宽度缩放标题，不直接沿用中文的固定字号与行宽。 */
@container website (max-width:700px){
  /* 容器不能查询自身，字号变量设置在画布子元素并向下继承，确保真实手机和模拟手机都生效。 */
  .site-viewport>*{--type-display:clamp(38px,12cqw,48px);--type-heading:36px;--type-subheading:26px;--type-body:16px}
  .hero-copy{padding:47px 22px 33px}
  .hero-copy h1{font-size:clamp(40px,13.333cqw,54px);line-height:1.08;letter-spacing:var(--tracking-display);font-weight:400}
  .hero-copy h1 .hero-title-main{width:6.1em;line-height:1.08;margin:auto}
  .hero-copy h1 .hero-title-support{font-size:20px;line-height:1.35;margin-top:20px}
  .hero-copy h1 .hero-brand-signature{font-size:13px;line-height:1.5;margin-top:9px}
  .hero-copy .slot-label{font-size:var(--type-caption);margin-bottom:25px}
  .hero-copy p{font-size:var(--type-body);line-height:1.75;max-width:300px;margin-top:25px}
  .hero-copy .button{font-size:var(--type-small);padding:13px 16px}
  .hero-copy .buttons{gap:9px;margin-top:28px}
  .brand-statement h2{font-size:var(--type-display);line-height:1.15;letter-spacing:var(--tracking-display)}
  .brand-statement p{font-size:16px;line-height:1.75;max-width:315px}
  .business-composition h2{font-size:var(--type-heading)}.business-article h3{font-size:var(--type-subheading)}.business-article p{font-size:var(--type-body)}
  .story-copy h2{font-size:var(--type-heading);line-height:1.15}.story-tab .tab-title{font-size:19px}
  .focus-product-section>.section-heading h2{font-size:var(--type-heading)}.product-focus .copy h3{font-size:44px}
  .process-composition h2{font-size:var(--type-heading)}.simple-process{grid-template-columns:1fr;gap:24px}.simple-process h3{font-size:21px}
  .application-composition>h2,.knowledge-composition h2{font-size:var(--type-heading)}.partner-composition h2{font-size:28px}
  .closing-composition h2{font-size:var(--type-display)}.closing-composition p{font-size:var(--type-body)}
  .catalogue-layout{display:block}.catalogue-main h2{font-size:27px}.catalogue-main .grid-three{grid-template-columns:1fr}
  .page-intro h1{font-size:var(--type-heading);line-height:1.2;overflow-wrap:anywhere}.page-intro p{font-size:var(--type-body)}
  .detail-stage h1{font-size:var(--type-display)}
  .wire-section .section-heading h2{font-size:30px}
  .detail-stage .copy{width:100%}.detail-stage .intro{font-size:21px}.detail-stage .copy>p{font-size:15px}
  .detail-stage .buttons .button{font-size:12px;padding:13px 18px}
  .spec-table th,.spec-table td{font-size:13px;padding:17px 12px}
  .outline-block h2{font-size:25px}.outline-block p{font-size:15px}
  .business-entry h3{font-size:28px}.business-entry .button{white-space:normal;text-align:center}
  .result-line{display:block}.result-line span{display:block;margin-bottom:6px}
  .button{font-size:13px}.type-status{padding:13px 18px}.review-select select{max-width:220px}
}