/* 中文正文限定在技术支持和关于页，继续采用现有深蓝、银白和系统字体，不覆盖文章与其他已完成页面。 */
html[data-language="zh-CN"] #page-content .ph-page[data-support-about-language="zh-CN"]{font-family:"Microsoft YaHei","PingFang SC","Carbon Sora",sans-serif;line-height:1.85}
html[data-language="zh-CN"] #page-content .ph-page[data-support-about-language="zh-CN"] h1,
html[data-language="zh-CN"] #page-content .ph-page[data-support-about-language="zh-CN"] h2,
html[data-language="zh-CN"] #page-content .ph-page[data-support-about-language="zh-CN"] h3{font-family:inherit;letter-spacing:0;line-height:1.4}
.ph-page[data-support-about-language="zh-CN"] h1{font-size:clamp(42px,4.3cqw,64px);white-space:pre-line;text-wrap:balance}
.ph-page[data-support-about-language="zh-CN"] h2{font-size:clamp(28px,2.65cqw,39px);white-space:pre-line;text-wrap:balance}
.ph-page[data-support-about-language="zh-CN"] .ph-lead{font-size:18px;line-height:1.9;max-width:33em}
.ph-page[data-support-about-language="zh-CN"] .ph-section-label,.ph-page[data-support-about-language="zh-CN"] .ph-link{font-size:16px;letter-spacing:0}
.res-support[data-support-about-language="zh-CN"] .res-support-topics button>span:first-child{letter-spacing:0;line-height:1.5}
.res-support[data-support-about-language="zh-CN"] .res-support-topics small{font-size:16px;line-height:1.85}
.res-support[data-support-about-language="zh-CN"] .res-faq summary{line-height:1.8}
.res-support[data-support-about-language="zh-CN"] .res-faq>div p{font-size:17px;line-height:1.9}
.res-support[data-support-about-language="zh-CN"] .res-support-body>aside>p:not(.ph-section-label){max-width:24em}
.ph-about[data-support-about-language="zh-CN"] .ab-profile-copy>p:not(.ph-section-label){line-height:1.9}
.ph-about[data-support-about-language="zh-CN"] .ab-businesses p,.ph-about[data-support-about-language="zh-CN"] .ph-capability-list p{font-size:17px;line-height:1.9}
.ph-about[data-support-about-language="zh-CN"] .ph-story>div:last-child p,.ph-about[data-support-about-language="zh-CN"] .ab-values p:not(.ph-section-label){line-height:1.9;max-width:32em}
/* 手机以自然纵向阅读为主，标题保持完整，问答与图注使用清楚的字级，原照片不改变比例。 */
@container website (max-width:560px){
  .ph-page[data-support-about-language="zh-CN"] h1{font-size:clamp(30px,9.4cqw,38px);line-height:1.45}
  .ph-page[data-support-about-language="zh-CN"] h2{font-size:28px;line-height:1.5}
  .ph-page[data-support-about-language="zh-CN"] .ph-lead{font-size:17px}
  .res-support[data-support-about-language="zh-CN"] .res-faq summary{font-size:17px;gap:16px}
}

/* ===== 关于我们高级感层 =====
   只作用于 .ph-about 关于页，沿用首页深蓝受光、银白标题、冰蓝边缘与玻璃材质。
   步骤：1 页面背景光场  2 公司信息玻璃卡  3 业务卡受光边  4 图片工作区玻璃框  5 手机与减少动态。
   背景全部使用渐层与半透明几何面，不使用纯黑、纯蓝实色。 */

/* 背景放在关于页的全宽宿主上，避免宽屏两侧退回通用暗底；光区随内容高度分布，手机长页也保留蓝色层次。 */
#page-content.placeholder-view[data-placeholder-page="about"]{background:radial-gradient(ellipse 78% 24% at 82% 8%,#1a469866,transparent 78%),radial-gradient(ellipse 74% 27% at 12% 48%,#1a46984d,transparent 80%),radial-gradient(ellipse 80% 22% at 78% 92%,#2e579d38,transparent 80%),linear-gradient(155deg,#0b254f,#092452 55%,#081c3c)}
.ph-about{position:relative;isolation:isolate}
/* 通用页也占用前置伪元素；这里显式关闭它，仅保留后置几何面，防止旧规则覆盖整页受光。 */
.placeholder-view .ph-about::before{display:none}
.ph-about::after{content:"";position:absolute;z-index:-1;pointer-events:none;right:-8%;top:18%;width:58%;height:520px;background:linear-gradient(145deg,#87b8ec1f,#4e7db70d 62%,transparent);clip-path:polygon(34% 0,100% 6%,88% 100%,0 78%)}

/* 2 公司信息玻璃卡：身份区与成立信息用玻璃卡承载，窄边高光与内冷光让公司标志在深蓝中更清楚。 */
.ph-about .ab-identity{padding:28px;border:1px solid #a5c5ed47;border-radius:8px;background:linear-gradient(150deg,#1a469866,#0b2a5e99);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 1px #d8e9ff24,0 24px 50px #00061830}
.ph-about .ab-logo{border-radius:6px;overflow:hidden;box-shadow:0 10px 30px #00061866}
.ph-about .ab-identity dl>div{transition:padding-left .3s ease}
@media(hover:hover){.ph-about .ab-identity dl>div:hover{padding-left:6px}}

/* 3 业务卡受光边：四个业务区域各加顶部冰蓝受光线与渐层底面，悬浮时整体微上移并提亮，表达可点击的入口。 */
.ph-about .ab-businesses article{position:relative;padding:26px 24px 28px;border-radius:8px;background:linear-gradient(150deg,#1a469866,#10336580 60%,#0b254f99);border:1px solid #a5c5ed40;box-shadow:inset 0 1px #d8e9ff24;transition:transform .35s ease,border-color .35s ease,background .35s ease,box-shadow .35s ease}
.ph-about .ab-businesses article::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#d8e9ffb3,transparent);opacity:.7;pointer-events:none}
.ph-about .ab-businesses article>*{position:relative;z-index:1}
@media(hover:hover){
  .ph-about .ab-businesses article:hover{transform:translateY(-5px);border-color:#b7d3fa80;background:linear-gradient(150deg,#245a9a80,#164078a6 60%,#0b2a5ea6);box-shadow:inset 0 1px #d8e9ff33,0 26px 52px #00061840}
}

/* 4 图片工作区玻璃框：每张工厂照片加细边框、柔光阴影与底部渐暗，照片本身保持原色；悬浮时轻微放大并提亮边缘。 */
.ph-about .ab-photo{position:relative;overflow:hidden;border-radius:8px;background:linear-gradient(150deg,#1a46984d,#06245b8c);padding:0;box-shadow:0 18px 40px #00061859;transition:transform .35s ease,box-shadow .35s ease}
.ph-about .ab-photo img{border:0;border-radius:8px 8px 0 0;transition:transform .45s ease}
.ph-about .ab-photo::after{content:"";position:absolute;left:0;right:0;bottom:44px;height:38%;background:linear-gradient(to top,#00061866,transparent);pointer-events:none}
.ph-about .ab-photo figcaption{padding:12px 18px 14px;color:#d0dded;background:linear-gradient(90deg,#1a469866,#0b254f99)}
@media(hover:hover){
  .ph-about .ab-photo:hover{transform:translateY(-4px);box-shadow:0 26px 52px #00061880}
  .ph-about .ab-photo:hover img{transform:scale(1.03)}
}

/* 5 手机与减少动态：手机降低模糊强度保证性能；减少动态偏好下关闭所有位移、缩放与过渡，保留颜色状态。 */
@container website (max-width:560px){
  .ph-about .ab-identity{padding:20px}
  .ph-about .ab-businesses article{padding:22px 18px 24px}
  .ph-about .ab-identity{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
}
@media(prefers-reduced-motion:reduce){
  .ph-about .ab-businesses article,.ph-about .ab-photo,.ph-about .ab-photo img,.ph-about .ab-identity dl>div{transition:none}
  .ph-about .ab-businesses article:hover,.ph-about .ab-photo:hover{transform:none}
  .ph-about .ab-photo:hover img{transform:none}
}