/* 采用已有深蓝和银白体系；本区内容宽度有上限，使大屏留白随画布增加，文字不再横跨整个屏幕。 */
html[data-density="compact"] .application-index{position:relative;padding:52px var(--space) 60px;background:radial-gradient(ellipse at 76% 47%,#09244b4d,transparent 60%),#030c1d;scroll-margin-top:88px;isolation:isolate}
.application-index-header,.application-index-list,.application-index-footer{max-width:1240px;margin-left:auto;margin-right:auto}
.application-index-header{display:flex;justify-content:space-between;align-items:baseline;gap:48px;margin-bottom:28px}
.application-index .application-index-label{font-size:16px;font-weight:400;color:#aac2e2;line-height:1.5;margin:0}
.application-index .application-index-header h2{font-size:clamp(18px,1.65cqw,23px);line-height:1.5;font-weight:400;letter-spacing:-.015em;max-width:455px;margin:0;color:#bac9dd;text-wrap:balance}

/* 四项仍然是一份连续目录；主行与补充行明确分层，宽松字距优先保证长英文的可读性。标题区预留图像避让空间，但不建立固定图片窗口。 */
.application-index-list{position:relative;border-top:1px solid #8aaad829;border-bottom:1px solid #8aaad829;padding:8px 0}
.application-index-row{position:relative}
.application-index .application-index-heading{position:relative;width:calc(100% - 300px);z-index:2;margin:0;font-weight:400}
.application-index-toggle{display:inline-flex;align-items:center;gap:24px;max-width:100%;min-height:144px;padding:22px 0;border:0;border-radius:0;background:transparent;text-align:left;color:#c4d2e6;font:inherit;cursor:pointer;transition:color .2s}
.application-index-name{display:block;min-width:0}
.application-index-primary{display:block;font-size:clamp(37px,3.65cqw,52px);line-height:1.16;font-weight:400;letter-spacing:-.028em;text-wrap:balance}
.application-index-secondary{display:block;font-size:clamp(17px,1.5cqw,20px);line-height:1.5;font-weight:400;letter-spacing:0;margin-top:7px;color:#91a7c6;text-wrap:pretty}
.application-index-symbol{flex:0 0 24px;font-size:20px;font-weight:300;line-height:1;color:#8ca8cd;text-align:center;opacity:.68;transition:color .2s,opacity .2s}
.application-index-toggle:hover .application-index-symbol,.application-index-row.is-current .application-index-symbol{color:#d9ebff;opacity:1}
.application-index-toggle:focus-visible{outline:2px solid #a9d5ff;outline-offset:7px}
.application-index-row.is-current .application-index-toggle{color:#f2f7ff}
.application-index-row.is-current .application-index-secondary{color:#bad0ed}

/* 原图作为当前条目的小幅预览，不再叠在标题上；短接触阴影和局部冷光提供落点，保留设备自身颜色。 */
.application-index-preview{position:absolute;left:0;top:0;z-index:1;width:240px;height:120px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility 0s .2s;will-change:transform}
.application-index-preview.is-visible{opacity:1;visibility:visible;transition:opacity .24s,visibility 0s}
.application-index-preview::before{content:"";position:absolute;inset:-18% -8%;background:radial-gradient(ellipse at 50% 76%,#28549336,transparent 68%);pointer-events:none}
.application-index-preview::after{content:"";position:absolute;left:23%;right:23%;bottom:0;height:14px;z-index:-1;background:radial-gradient(ellipse,#01061788,transparent 72%);filter:blur(3px)}
.application-index-visual{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .18s}
.application-index-visual.is-visible{opacity:1;visibility:visible;transition:opacity .24s}
.application-index-image{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 12px #01061570);user-select:none}

/* 展开说明沿当前标题往下阅读，行宽与主文字区域一致；图片留在标题附近，正文与咨询入口不会被装饰遮挡。 */
.application-index-detail{position:relative;z-index:3;width:calc(100% - 300px);padding:0 0 30px;animation:application-copy-in .2s ease-out}
.application-index-detail[hidden]{display:none}
.application-index-copy{max-width:585px}
.application-index-focus{font-size:12px;line-height:1.6;color:#90aed5;margin:0 0 12px}
.application-index-body{font-size:16px;line-height:1.8;color:#c9d8ec;margin:0 0 14px;text-wrap:pretty}
.application-index-link{display:inline-flex;align-items:center;gap:25px;min-height:44px;font-size:13px;color:#e1efff;text-decoration:none;border-bottom:1px solid #98bce44d}
.application-index-link:hover{color:white;border-color:#d9efff}
.application-index-link:focus-visible{outline:2px solid #a9d5ff;outline-offset:5px}
.application-index-mobile-image{display:none}
.application-index-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:48px;padding-top:25px}
.application-index-footer>p{max-width:580px;margin:0;font-size:13px;line-height:1.8;color:#9db1cd}
.application-index-footer .text-link{display:inline-flex;align-items:center;gap:25px;flex-shrink:0;font-size:13px;min-height:44px;margin:0;color:#dcecff}

/* 只为新展开正文提供很短的透明度变化，避免整份目录随每次点击上下摆动。 */
@keyframes application-copy-in{from{opacity:0}to{opacity:1}}

/* 较窄电脑缩小预览并保持文字安全区；字号由真实画布限制，标题宁可自然换行，也不截断原文。 */
@container website (max-width:1200px){
  html[data-density="compact"] .application-index{padding-top:44px;padding-bottom:48px}
  .application-index-header{gap:30px;margin-bottom:24px}
  .application-index .application-index-header h2{max-width:360px}
  .application-index .application-index-heading,.application-index-detail{width:calc(100% - 250px)}
  .application-index-toggle{gap:18px;min-height:136px}
  .application-index-primary{font-size:clamp(33px,3.5cqw,43px)}
  .application-index-preview{width:200px;height:110px}
}

/* 手机和窄平板保留主副行排版，图片只在点击后的正文出现；没有悬浮安全区，全部可用宽度交给文字。 */
@container website (max-width:900px){
  html[data-density="compact"] .application-index{padding:38px 24px 44px;scroll-margin-top:76px}
  .application-index-header{display:block;margin-bottom:24px}
  .application-index .application-index-label{font-size:14px;margin-bottom:14px}
  .application-index .application-index-header h2{max-width:560px;font-size:18px;line-height:1.5}
  .application-index .application-index-heading,.application-index-detail{width:100%}
  .application-index-toggle{min-height:122px;gap:16px;padding:22px 0}
  .application-index-primary{font-size:clamp(25px,6.4cqw,37px);line-height:1.2;letter-spacing:-.02em;overflow-wrap:anywhere}
  .application-index-secondary{font-size:15px;line-height:1.55;margin-top:5px;overflow-wrap:anywhere}
  .application-index-symbol{flex-basis:20px;font-size:18px}
  .application-index-preview{display:none}
  .application-index-detail{padding-bottom:25px}
  .application-index-mobile-image{display:block;height:156px;margin:0 0 22px;background:radial-gradient(ellipse,#1540782b,transparent 70%)}
  .application-index-mobile-image img{max-width:255px;margin:auto}
  .application-index-body{font-size:15px;line-height:1.8}
  .application-index-footer{display:block;padding-top:22px}
  .application-index-footer>p{font-size:12px}
  .application-index-footer .text-link{margin-top:12px}
}

/* 减少动态时直接显示目标状态，脚本同时关闭轻微跟随；文字、图片和咨询入口保持完整可用。 */
@media(prefers-reduced-motion:reduce){
  .application-index *,.application-index *::before,.application-index *::after{transition:none!important;animation:none!important}
}