/* 中文排版只作用于应用内页；沿用静态深蓝环境、原图与系统字体，不影响首页拼贴及英文页面。 */
.placeholder-view .ph-page[data-application-language="zh-CN"]{font-family:"Microsoft YaHei","PingFang SC","Carbon Sora",sans-serif;line-height:1.8}
.placeholder-view .ph-page[data-application-language="zh-CN"] h1,.placeholder-view .ph-page[data-application-language="zh-CN"] h2,.placeholder-view .ph-page[data-application-language="zh-CN"] h3{letter-spacing:0;line-height:1.35;font-family:inherit;overflow-wrap:break-word}
.placeholder-view .ph-page[data-application-language="zh-CN"] h1{font-size:clamp(42px,4.2cqw,62px);max-width:12em;text-wrap:balance}
.placeholder-view .ph-page[data-application-language="zh-CN"] h2{font-size:clamp(30px,2.6cqw,38px);max-width:14em;text-wrap:balance}
.placeholder-view .ph-page[data-application-language="zh-CN"] .ph-directory-hero h1{max-width:9em}
.placeholder-view .ph-page[data-application-language="zh-CN"] .ph-detail-hero{grid-template-columns:1.15fr 1fr;gap:clamp(32px,4.5cqw,68px)}
/* 建库详情按业务短语分行，避免手机将杂交捕获拆成不易阅读的两段；其他标题继续自然换行。 */
.placeholder-view .ph-page[data-application-language="zh-CN"] .ph-detail-hero h1{max-width:11em;white-space:pre-line}
.placeholder-view .ph-page[data-application-language="zh-CN"] .ph-lead{max-width:32em;font-size:18px;line-height:1.85}
.placeholder-view .ph-page[data-application-language="zh-CN"] .ph-section-heading{align-items:start}
.placeholder-view .ph-page[data-application-language="zh-CN"] .ph-section-heading>h2{flex:1;min-width:0}
.placeholder-view .ph-page[data-application-language="zh-CN"] .ph-section-heading>p{flex:1;max-width:31em}
.placeholder-view .ph-page[data-application-language="zh-CN"] .ph-application-copy h3 .ph-link{font-size:clamp(24px,2.05cqw,30px);letter-spacing:0;line-height:1.5}
.placeholder-view .ph-page[data-application-language="zh-CN"] .ph-application-copy>p:not(.ph-section-label){font-size:17px;line-height:1.85;max-width:34em}
.placeholder-view .ph-page[data-application-language="zh-CN"] .ph-section-label,.placeholder-view .ph-page[data-application-language="zh-CN"] .ph-link,.placeholder-view .ph-page[data-application-language="zh-CN"] .ph-chapters a{font-size:16px;letter-spacing:0}
.placeholder-view .ph-page[data-application-language="zh-CN"] .ph-workflow h3{font-size:22px;line-height:1.5}
.placeholder-view .ph-page[data-application-language="zh-CN"] .ph-workflow p,.placeholder-view .ph-page[data-application-language="zh-CN"] .ph-format-slots p{font-size:16px;line-height:1.85}
.placeholder-view .ph-page[data-application-language="zh-CN"] .ph-requirements li>span{font-size:16px;line-height:1.8}
.placeholder-view .ph-page[data-application-language="zh-CN"] .ph-scope{gap:18px}
.placeholder-view .ph-page[data-application-language="zh-CN"] .ph-scope dd{line-height:1.7}
.placeholder-view .ct-source[lang="zh-CN"],.placeholder-view label[for="ct-subject"][lang="zh-CN"]{font-family:"Microsoft YaHei","PingFang SC",sans-serif;letter-spacing:0}
/* 窄窗口优先自然阅读；章节入口允许换行，保持可见内容与触控区域，不把长中文标题压成小字。 */
@container website (max-width:800px){
  .placeholder-view .ph-page[data-application-language="zh-CN"] .ph-detail-hero{grid-template-columns:1fr;gap:30px}
  .placeholder-view .ph-page[data-application-language="zh-CN"] h1{font-size:42px}
  .placeholder-view .ph-page[data-application-language="zh-CN"] .ph-section-heading>h2,.placeholder-view .ph-page[data-application-language="zh-CN"] .ph-section-heading>p{flex:auto}
}
@container website (max-width:560px){
  .placeholder-view .ph-page[data-application-language="zh-CN"] h1{font-size:clamp(30px,9cqw,38px);max-width:100%;line-height:1.4}
  .placeholder-view .ph-page[data-application-language="zh-CN"] h2{font-size:28px;line-height:1.45}
  .placeholder-view .ph-page[data-application-language="zh-CN"] .ph-lead{font-size:17px}
  .placeholder-view .ph-page[data-application-language="zh-CN"] .ph-chapters{flex-wrap:wrap;gap:4px 22px;white-space:normal;overflow:visible}
  .placeholder-view .ph-page[data-application-language="zh-CN"] .ph-chapters a{min-height:44px}
  .placeholder-view .ph-page[data-application-language="zh-CN"] .ph-application-copy h3 .ph-link{font-size:25px}
  .placeholder-view .ph-page[data-application-language="zh-CN"] .ph-notice{font-size:14px}
}

/* ===== 应用领域高级感层 =====
   只作用于 data-application-language="zh-CN" 的应用中文页面，沿用首页深蓝受光、银白标题、冰蓝边缘与玻璃材质。
   步骤：1 页面背景光场  2 首屏图片玻璃框  3 应用卡片受光与悬浮  4 分隔与需求区层次  5 手机与减少动态。
   背景使用多层渐层与半透明几何面，避免纯黑、纯蓝实色。 */

/* 1 页面背景：顶部宝蓝光场、中部斜向几何面与底部冷蓝渐层叠加，让整页呈现层次而不是单色。 */
.placeholder-view .ph-page[data-application-language="zh-CN"]{position:relative;isolation:isolate}
.placeholder-view .ph-page[data-application-language="zh-CN"]::before{content:"";position:absolute;z-index:-2;pointer-events:none;inset:0;background:radial-gradient(ellipse 60% 34% at 84% 4%,#2f63b43d,transparent 70%),radial-gradient(ellipse 52% 30% at 12% 46%,#1a46983d,transparent 72%),linear-gradient(176deg,#0a2a5c 0%,#06245b 40%,#081c3c 74%,#0b254f 100%)}
.placeholder-view .ph-page[data-application-language="zh-CN"]::after{content:"";position:absolute;z-index:-1;pointer-events:none;right:-6%;top:22%;width:54%;height:500px;background:linear-gradient(145deg,#87b8ec1f,#4e7db70d 62%,transparent);clip-path:polygon(30% 0,100% 8%,86% 100%,0 80%)}

/* 2 首屏图片玻璃框：应用首屏照片加入细边框与底部渐暗，照片保持原色，窄边高光让画面与背景衔接。 */
.placeholder-view .ph-page[data-application-language="zh-CN"] .ph-detail-hero figure,.placeholder-view .ph-page[data-application-language="zh-CN"] .ph-directory-hero figure{position:relative;overflow:hidden;border-radius:8px;border:1px solid #a5c5ed30;box-shadow:0 26px 56px #00061859,inset 0 1px #d8e9ff1f}
.placeholder-view .ph-page[data-application-language="zh-CN"] .ph-detail-hero figure::after,.placeholder-view .ph-page[data-application-language="zh-CN"] .ph-directory-hero figure::after{content:"";position:absolute;left:0;right:0;bottom:0;height:34%;background:linear-gradient(to top,#00061866,transparent);pointer-events:none}

/* 3 应用卡片受光与悬浮：每个应用加入玻璃底面与顶部冰蓝受光线；悬浮时整体上移约 5 像素并提亮边缘，离开时平滑回落。 */
.placeholder-view .ph-page[data-application-language="zh-CN"] .ph-application-copy{position:relative;padding:22px 24px 26px;border-radius:8px;background:linear-gradient(150deg,#16397059,#0a23434d 60%,#06152e66);border:1px solid #a5c5ed26;box-shadow:inset 0 1px #d8e9ff1a;transition:transform .35s ease,border-color .35s ease,background .35s ease,box-shadow .35s ease}
.placeholder-view .ph-page[data-application-language="zh-CN"] .ph-application-copy::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#d8e9ffb3,transparent);opacity:.7;pointer-events:none}
.placeholder-view .ph-page[data-application-language="zh-CN"] .ph-application-copy>*{position:relative;z-index:1}
@media(hover:hover){
  .placeholder-view .ph-page[data-application-language="zh-CN"] .ph-application-copy:hover{transform:translateY(-5px);border-color:#b7d3fa80;background:linear-gradient(150deg,#245a9a73,#0c2a52a6 60%,#06152ea6);box-shadow:inset 0 1px #d8e9ff33,0 26px 52px #00061859}
  .placeholder-view .ph-page[data-application-language="zh-CN"] .ph-application-copy:hover h3 .ph-link{color:#fff}
}
.placeholder-view .ph-page[data-application-language="zh-CN"] .ph-application-copy h3 .ph-link{transition:color .25s ease}

/* 4 分隔与需求区层次：分节标题下方的线条改为两端渐隐的冰蓝线；需求清单左侧加入细竖线，建立清楚的阅读节奏。 */
.placeholder-view .ph-page[data-application-language="zh-CN"] .ph-section-heading{border-bottom:0;background-image:linear-gradient(90deg,transparent,#b7d3fa40 30%,#b7d3fa40 70%,transparent);background-size:100% 1px;background-repeat:no-repeat;background-position:bottom}
.placeholder-view .ph-page[data-application-language="zh-CN"] .ph-requirements{position:relative;padding-left:24px;border-radius:0}
.placeholder-view .ph-page[data-application-language="zh-CN"] .ph-requirements::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:1px;background:linear-gradient(to bottom,transparent,#b7d3fa80 20%,#b7d3fa80 80%,transparent)}

/* 5 手机与减少动态：手机降低卡片模糊强度保证性能；减少动态偏好下关闭位移与过渡，保留颜色和边缘状态。 */
@container website (max-width:560px){
  .placeholder-view .ph-page[data-application-language="zh-CN"] .ph-application-copy{padding:20px 18px 22px}
  .placeholder-view .ph-page[data-application-language="zh-CN"] .ph-requirements{padding-left:18px}
}
@media(prefers-reduced-motion:reduce){
  .placeholder-view .ph-page[data-application-language="zh-CN"] .ph-application-copy,.placeholder-view .ph-page[data-application-language="zh-CN"] .ph-application-copy h3 .ph-link{transition:none}
  .placeholder-view .ph-page[data-application-language="zh-CN"] .ph-application-copy:hover{transform:none}
}