/* 新页面只在自己的内容宿主生效，继续采用首页字体与深蓝受光，不覆盖产品页或定制服务的样式。 */
#page-content.placeholder-view{font-family:"Carbon Sora",sans-serif;color:#f3f7fc;background:radial-gradient(ellipse at 86% 7%,#1a46984a,transparent 32%),linear-gradient(145deg,#081d3c,#05142d 43%,#000618);font-size:17px;line-height:1.75}
/* 应用总览单独提亮深蓝底色，保留既有受光位置，避免影响共用此样式的详情及其他页面。 */
#page-content.placeholder-view:has(>.ph-applications){background:radial-gradient(ellipse at 86% 7%,#1a46984a,transparent 32%),linear-gradient(145deg,#0d2c55,#0a2349 43%,#061a3a)}
.placeholder-view .ph-page{position:relative;isolation:isolate;max-width:1500px;margin:auto;padding:0 clamp(24px,4.5cqw,68px);overflow:hidden}
.placeholder-view .ph-page::before{content:"";position:absolute;z-index:-1;pointer-events:none;left:40%;right:-22%;top:0;height:680px;background:linear-gradient(140deg,#72a6df14,#315f9f1a 54%,transparent);clip-path:polygon(18% 0,83% 0,100% 100%,0 76%)}
.placeholder-view h1,.placeholder-view h2,.placeholder-view h3{font-family:inherit;margin:0;font-weight:500;letter-spacing:-.04em;color:#f3f7fc}
.placeholder-view h1{font-size:clamp(42px,4.7cqw,72px);line-height:1.08}
.placeholder-view h2{font-size:clamp(30px,3.2cqw,46px);line-height:1.15}
.placeholder-view h3{font-size:24px;line-height:1.3}
.placeholder-view p{margin:0;color:#bbcce1}
.placeholder-view a{color:inherit;text-decoration:none}
.placeholder-view .ph-lead{font-size:18px;line-height:1.8;max-width:53ch}
.placeholder-view .ph-section-label{font-size:14px;color:#a9c9ef;letter-spacing:.02em;margin:0 0 16px}
.placeholder-view .ph-top{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:88px;padding-block:20px}
.placeholder-view .ph-breadcrumb{display:flex;align-items:center;gap:13px;flex-wrap:wrap;font-size:14px;color:#abc0db}
.placeholder-view .ph-breadcrumb a{min-height:32px;display:inline-flex;align-items:center}
.placeholder-view .ph-breadcrumb .ph-arrow{display:none}
.placeholder-view .ph-notice{font-size:14px;line-height:1.5;color:#c8ddf4;padding:8px 12px;border:1px solid #adcff32e;border-radius:5px;background:#1a469816}
.placeholder-view .ph-link{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:44px;color:#b9d7ff;font-size:15px}
.placeholder-view .ph-arrow{width:22px;height:22px;flex:0 0 auto;transition:transform .2s ease}
.placeholder-view a:hover .ph-arrow{transform:translateX(4px)}
.placeholder-view .ph-link:hover{color:#fff}
.placeholder-view :focus-visible{outline:2px solid #b4d4ff;outline-offset:5px}

/* 应用目录用明晰的场景窗口和外置文字形成阅读层级，既有拼贴保留在首页，不使用另一套轮播。 */
.placeholder-view .ph-hero{padding-block:28px 68px;display:grid;grid-template-columns:1.06fr 1fr;gap:64px;align-items:center}
.placeholder-view .ph-hero h1{margin-bottom:28px}
.placeholder-view .ph-hero .ph-lead{margin-bottom:28px}
.placeholder-view .ph-directory-visual{position:relative;margin:0;aspect-ratio:1.34;overflow:hidden;background:#0c2a53;border:1px solid #9dc7f22e}
.placeholder-view .ph-directory-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:65% center}
.placeholder-view .ph-directory-visual::after{content:"";position:absolute;inset:auto 0 0;height:28%;background:linear-gradient(transparent,#031129d9);pointer-events:none}
.placeholder-view figcaption{font-size:14px;color:#c1d2e7}
.placeholder-view .ph-directory-visual figcaption{position:absolute;z-index:1;left:22px;bottom:18px;right:22px}
.placeholder-view .ph-section{padding-block:68px;border-top:1px solid #adcff32c;scroll-margin-top:112px}
.placeholder-view .ph-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:36px}
.placeholder-view .ph-section-heading>p{max-width:48ch;font-size:16px;line-height:1.8}
.placeholder-view .ph-application-grid{display:grid;grid-template-columns:1.18fr 1fr;gap:58px 40px}
.placeholder-view .ph-application-item{min-width:0}
.placeholder-view .ph-application-image{display:block;overflow:hidden;aspect-ratio:1.7;background:#0c2346;border:1px solid #aecbf52e}
.placeholder-view .ph-application-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.placeholder-view .ph-application-image:hover img{transform:scale(1.025)}
.placeholder-view .ph-application-copy{padding-top:24px}
.placeholder-view .ph-application-copy h3{margin-bottom:12px}
.placeholder-view .ph-application-copy h3 .ph-link{font-size:28px;letter-spacing:-.035em;color:#f3f7fc;display:flex;gap:24px}
.placeholder-view .ph-application-copy h3 .ph-arrow{width:25px;height:25px}
.placeholder-view .ph-application-copy>p:not(.ph-section-label){max-width:58ch;font-size:16px;line-height:1.8;margin-bottom:16px}
.placeholder-view .ph-application-copy .ph-section-label{margin-bottom:8px}

/* 详情先呈现阅读主线和边界字段，再用完整横幅连接流程与需求；页面自然滚动，原图比例不被拉伸。 */
.placeholder-view .ph-detail-hero{grid-template-columns:1.25fr .8fr;gap:80px;padding-bottom:48px}
.placeholder-view .ph-detail-intro{align-self:end;border-left:1px solid #adcff33d;padding-left:32px}
.placeholder-view .ph-detail-intro>p:not(.ph-section-label){font-size:16px;line-height:1.85}
.placeholder-view .ph-scope{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:28px 0 0;padding-top:22px;border-top:1px solid #adcff32c}
.placeholder-view .ph-scope dt{font-size:14px;color:#abc0db}
.placeholder-view .ph-scope dd{font-size:16px;color:#f3f7fc;margin:6px 0 0}
.placeholder-view .ph-detail-scene{margin:0;position:relative}
.placeholder-view .ph-detail-scene img{display:block;width:100%;aspect-ratio:2.6;object-fit:cover;object-position:center 58%;border:1px solid #adcff32c}
.placeholder-view .ph-detail-scene figcaption{padding:12px 0 20px}
.placeholder-view .ph-chapters{display:flex;align-items:center;gap:30px;padding:14px 0;border-block:1px solid #adcff32c}
.placeholder-view .ph-chapters a{font-size:15px;min-height:44px;display:inline-flex;align-items:center;color:#bfd6f2}
.placeholder-view .ph-workflow{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;list-style:none;padding:0;margin:0}
.placeholder-view .ph-workflow li{position:relative;padding:24px 0 0;border-top:1px solid #8fbbec66}
.placeholder-view .ph-workflow li::before{content:"";position:absolute;left:0;top:-4px;width:7px;height:7px;background:#b3d0f5;border-radius:50%}
.placeholder-view .ph-step{font-size:14px;display:block;color:#a9c9ef;margin-bottom:18px}
.placeholder-view .ph-workflow h3{font-size:22px;margin-bottom:14px}
.placeholder-view .ph-workflow p{font-size:15px;line-height:1.85}
.placeholder-view .ph-requirements{display:grid;grid-template-columns:1fr 1fr;gap:72px}
.placeholder-view .ph-requirements h2{margin-bottom:24px}
.placeholder-view .ph-requirements ul{list-style:none;padding:0;margin:0}
.placeholder-view .ph-requirements li{border-bottom:1px solid #adcff32c;padding:20px 0;font-size:17px;color:#e3edfa}
.placeholder-view .ph-requirements li:first-child{border-top:1px solid #adcff32c}
.placeholder-view .ph-requirements li>span{display:block;margin-top:5px;color:#abc0db;font-size:14px}
.placeholder-view .ph-format-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.placeholder-view .ph-format-slots article{padding:28px 26px;background:linear-gradient(145deg,#204c7829,#06132a70);border:1px solid #adcff32c}
.placeholder-view .ph-format-slots h3{font-size:22px;margin:22px 0 12px}
.placeholder-view .ph-format-slots p{font-size:15px;line-height:1.8}
.placeholder-view .ph-format-outline{height:92px;display:flex;align-items:center;justify-content:center;gap:8px;position:relative}
.placeholder-view .ph-format-outline::after{content:"";position:absolute;left:12%;right:12%;bottom:0;height:16px;border:1px solid #abc7e355;background:#345b8617;transform:skewX(-15deg)}
.placeholder-view .ph-format-outline span{height:72px;width:22px;border:1px solid #a6c6e86b;border-radius:8px 8px 4px 4px;background:linear-gradient(120deg,#85abce16,transparent)}
.placeholder-view .ph-resource-slot{display:flex;justify-content:space-between;align-items:center;gap:32px;margin-top:30px;padding:28px 0;border-block:1px solid #adcff32c}
.placeholder-view .ph-resource-slot .ph-section-label{margin-bottom:8px}
.placeholder-view .ph-resource-slot h3{font-size:22px;margin-bottom:10px}
.placeholder-view .ph-resource-slot p{font-size:15px}
.placeholder-view .ph-resource-state{font-size:14px;color:#abc0db;flex-shrink:0}

/* 公司视觉采用抽象空间与明确的图片占位，没有虚构厂房照片或宣传数字；正文、能力和历程用不同节奏组织。 */
.placeholder-view .ph-media-slot{position:relative;isolation:isolate;min-height:300px;border:1px solid #a9c8ee3d;overflow:hidden;background:radial-gradient(ellipse at 74% 69%,#3568a464,transparent 64%),linear-gradient(140deg,#112f55,#071a34 70%);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:28px;gap:8px}
.placeholder-view .ph-media-slot::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 35%,#8aadd315 35.2%,#8aadd307 70%,transparent 70.2%)}
.placeholder-view .ph-media-plane{position:absolute;z-index:-1;left:18%;right:10%;top:17%;height:50%;border:1px solid #a3c5ed55;background:linear-gradient(140deg,#88abcf16,#102f541a);transform:skewY(-8deg)}
.placeholder-view .ph-media-plane::after{content:"";position:absolute;left:12%;top:20%;right:12%;bottom:20%;border:1px solid #a3c5ed24}
.placeholder-view .ph-media-slot>span{font-size:20px;line-height:1.4;color:#e4eef9}
.placeholder-view .ph-media-slot small{font-size:14px;color:#abc0db}
.placeholder-view .ph-company-image{min-height:440px}
.placeholder-view .ph-story{display:grid;grid-template-columns:1fr 1fr;gap:72px}
.placeholder-view .ph-story p{font-size:17px;line-height:1.9}
.placeholder-view .ph-story .ph-story-lead{font-size:23px;line-height:1.6;color:#e3edf9;margin-bottom:24px}
.placeholder-view .ph-capability-list{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-bottom:38px}
.placeholder-view .ph-capability-list article{padding-top:24px;border-top:1px solid #adcff33d}
.placeholder-view .ph-capability-list h3{font-size:23px;margin-bottom:18px}
.placeholder-view .ph-capability-list p{font-size:16px;line-height:1.85}
.placeholder-view .ph-workspace-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:28px}
.placeholder-view .ph-timeline{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;padding:0;margin:0;gap:28px}
.placeholder-view .ph-timeline li{position:relative;border-top:1px solid #a7c6ea66;padding-top:30px}
.placeholder-view .ph-timeline li::before{content:"";position:absolute;top:-4px;left:0;background:#b4d1f4;width:7px;height:7px;border-radius:50%}
.placeholder-view .ph-timeline li>span{display:block;color:#a9c9ef;font-size:16px;margin-bottom:24px}
.placeholder-view .ph-timeline h3{font-size:22px;margin-bottom:12px}
.placeholder-view .ph-timeline p{font-size:15px}
.placeholder-view .ph-people{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:60px}
.placeholder-view .ph-people h2{margin-bottom:24px}
.placeholder-view .ph-people .ph-lead{margin-bottom:24px}
.placeholder-view .ph-partner-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.placeholder-view .ph-partner-slots>div{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;min-height:116px;border:1px solid #a9c8ee38;background:#163b6226;font-size:18px;color:#c3d7ee}
.placeholder-view .ph-partner-slots span{font-size:14px;color:#abc0db}

/* 正式公司页使用原色标志和真实制造照片，局部浅底只承托标志，整页仍延续深蓝视觉。 */
.placeholder-view .ab-photo{margin:0;min-width:0}
.placeholder-view .ab-photo img{display:block;width:100%;height:auto;border:1px solid #aac6e43d;box-sizing:border-box}
.placeholder-view .ab-photo figcaption{padding-top:12px;font-size:14px;line-height:1.6;color:#abc0db}
.placeholder-view .ab-profile{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px}
.placeholder-view .ab-identity{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:28px}
.placeholder-view .ab-logo{background:#f3f7fc;padding:24px 18px;border:1px solid #c8d8ec;border-radius:6px}
.placeholder-view .ab-logo img{display:block;width:100%;height:auto}
.placeholder-view .ab-identity dl{margin:0}
.placeholder-view .ab-identity dl>div{padding:14px 0;border-bottom:1px solid #abc8ed35}
.placeholder-view .ab-identity dt{font-size:14px;color:#abc0db}
.placeholder-view .ab-identity dd{font-size:20px;margin:5px 0 0;color:#eff5fd}
.placeholder-view .ab-profile-copy h2{font-size:clamp(28px,2.6cqw,38px);margin-bottom:24px}
.placeholder-view .ab-profile-copy>p:not(.ph-section-label){font-size:17px;line-height:1.85;margin-bottom:20px}
.placeholder-view .ab-businesses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 48px}
.placeholder-view .ab-businesses article{border-top:1px solid #abc8ed45;padding-top:24px}
.placeholder-view .ab-businesses h3{font-size:25px;margin-bottom:16px}
.placeholder-view .ab-businesses p{font-size:16px;line-height:1.85;margin-bottom:14px}

/* 横图与竖图按原比例完整展示，设备和检验现场不被强制裁成同样的卡片，不增加图片动效。 */
.placeholder-view .ab-workspace-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:32px 28px}
.placeholder-view .ab-timeline{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1040px;gap:64px}
.placeholder-view .ph-about .ph-story p+p{margin-top:20px}
.placeholder-view .ab-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px}
.placeholder-view .ab-values h2{font-size:34px;margin-bottom:22px}
.placeholder-view .ab-values article>p:not(.ph-section-label){font-size:18px;line-height:1.85;max-width:48ch}
@container website (max-width:1100px){.placeholder-view .ab-profile{gap:36px}.placeholder-view .ab-identity{grid-template-columns:1fr;gap:22px}.placeholder-view .ab-logo{max-width:240px}.placeholder-view .ab-identity dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.placeholder-view .ab-identity dd{font-size:17px}.placeholder-view .ab-businesses{gap:28px}}
@container website (max-width:800px){.placeholder-view .ab-profile,.placeholder-view .ab-values{grid-template-columns:1fr;gap:34px}.placeholder-view .ab-identity{grid-template-columns:240px 1fr}.placeholder-view .ab-identity dl{display:block}.placeholder-view .ab-timeline{gap:32px}}
@container website (max-width:560px){.placeholder-view .ab-identity,.placeholder-view .ab-businesses,.placeholder-view .ab-workspace-grid,.placeholder-view .ab-timeline{grid-template-columns:1fr}.placeholder-view .ab-logo{max-width:236px}.placeholder-view .ab-identity dl{display:grid;grid-template-columns:1fr;gap:0}.placeholder-view .ab-values h2{font-size:29px}.placeholder-view .ab-businesses h3{font-size:24px}}

/* 页面末端共用明确的浏览与咨询入口，按钮仍使用当前网站样式，占位关联不链接到尚未制作的资料页。 */
.placeholder-view .ph-callout{display:grid;grid-template-columns:1.3fr .7fr;gap:56px;align-items:end;padding:60px 0 70px;border-top:1px solid #adcff32c}
.placeholder-view .ph-callout h2{margin-bottom:22px}
.placeholder-view .ph-callout p:not(.ph-section-label){font-size:17px;max-width:52ch}
.placeholder-view .ph-callout-actions{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding-bottom:5px}
.placeholder-view .ph-button{display:inline-flex;align-items:center;gap:20px;min-height:50px;padding:13px 22px;background:#a9c9ff;color:#041329;font-size:16px;border:1px solid #c1d8ff80;border-radius:6px;font-weight:500}
.placeholder-view .ph-button:hover{background:#c3dbff}
.placeholder-view .ph-empty{min-height:480px;padding:68px 0}
.placeholder-view .ph-empty p{margin:24px 0;font-size:18px}

/* 中等尺寸让正文先保持清楚，两栏信息适当收紧；页面保持自然阅读，不在窄窗口压进整屏舞台。 */
@container website (max-width:1100px){
  .placeholder-view .ph-hero{gap:36px}
  .placeholder-view .ph-detail-hero{gap:44px}
  .placeholder-view .ph-section-heading{gap:32px}
  .placeholder-view .ph-workflow,.placeholder-view .ph-timeline{grid-template-columns:repeat(2,1fr);gap:34px}
  .placeholder-view .ph-story,.placeholder-view .ph-requirements,.placeholder-view .ph-people{gap:36px}
}
@container website (max-width:800px){
  .placeholder-view .ph-top{align-items:flex-start;flex-wrap:wrap;gap:12px;padding-top:20px}
  .placeholder-view .ph-hero,.placeholder-view .ph-detail-hero,.placeholder-view .ph-story,.placeholder-view .ph-requirements,.placeholder-view .ph-people,.placeholder-view .ph-callout{grid-template-columns:1fr;gap:30px}
  .placeholder-view .ph-hero{padding:24px 0 46px}
  .placeholder-view .ph-directory-visual{aspect-ratio:1.65}
  .placeholder-view .ph-detail-intro{border-left:0;border-top:1px solid #adcff32c;padding:24px 0 0}
  .placeholder-view .ph-section{padding-block:46px}
  .placeholder-view .ph-section-heading{align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:28px}
  .placeholder-view .ph-application-grid{gap:36px 24px;grid-template-columns:1fr 1fr}
  .placeholder-view .ph-application-copy h3 .ph-link{font-size:24px}
  .placeholder-view .ph-capability-list,.placeholder-view .ph-format-slots{grid-template-columns:1fr;gap:24px}
  .placeholder-view .ph-format-slots article{display:grid;grid-template-columns:120px 1fr;column-gap:24px}
  .placeholder-view .ph-format-outline{grid-row:1/3;align-self:center}
  .placeholder-view .ph-format-slots h3{margin-top:0}
  .placeholder-view .ph-company-image{min-height:360px}
  .placeholder-view .ph-workspace-grid{grid-template-columns:1fr 1fr;gap:20px}
  .placeholder-view .ph-workspace-grid .ph-media-slot{min-height:240px;padding:20px}
  .placeholder-view .ph-callout{padding-block:46px 56px}
}
/* 手机按单列阅读，保留真实字号、焦点和至少四十四像素的主要链接区域。 */
@container website (max-width:560px){
  .placeholder-view .ph-page{padding-inline:22px}
  .placeholder-view h1{font-size:42px}
  .placeholder-view h2{font-size:30px}
  .placeholder-view .ph-lead{font-size:17px}
  .placeholder-view .ph-application-grid,.placeholder-view .ph-workflow,.placeholder-view .ph-timeline,.placeholder-view .ph-workspace-grid{grid-template-columns:1fr}
  .placeholder-view .ph-detail-scene img{aspect-ratio:1.6}
  .placeholder-view .ph-chapters{gap:20px;overflow:auto;white-space:nowrap}
  .placeholder-view .ph-format-slots article{grid-template-columns:1fr}
  .placeholder-view .ph-format-outline{grid-row:auto;height:90px}
  .placeholder-view .ph-format-slots h3{margin-top:20px}
  .placeholder-view .ph-resource-slot{align-items:flex-start;flex-direction:column;gap:20px}
  .placeholder-view .ph-partner-slots{grid-template-columns:1fr 1fr;gap:12px}
  .placeholder-view .ph-partner-slots>div{font-size:16px;min-height:106px}
  .placeholder-view .ph-company-image{min-height:320px}
  .placeholder-view .ph-notice{max-width:100%}
}
/* 减少动态偏好下关闭图片推近和箭头位移，保留清晰边缘与颜色反馈。 */
@media(prefers-reduced-motion:reduce){.placeholder-view .ph-arrow,.placeholder-view .ph-application-image img{transition:none}.placeholder-view a:hover .ph-arrow,.placeholder-view .ph-application-image:hover img{transform:none}}