/* 核心技术 · 世界动作模型页（.tp）。基础样式复用 platform-page.css 与 detail-page.css。 */
.tp-en{margin-top:10px!important;color:#a9d6ff!important;font:400 clamp(16px,1.2vw,20px)/1.4 Arial,'PingFang SC',sans-serif!important;letter-spacing:.04em}
.tp-hero .pf-lead{max-width:24em}
.tp-icon{display:block;width:44px;height:44px;fill:none;stroke:var(--pf-blue);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* 总览流程 */
.tp-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:clamp(48px,4vw,72px)}
.tp-step{position:relative;display:flex;flex-direction:column;gap:14px;padding:28px 26px 30px;border:1px solid var(--pf-line);border-radius:18px;background:#fff;transition:box-shadow .25s,border-color .25s}
.tp-step:hover{border-color:#bcd0ea;box-shadow:0 20px 50px #0d244014}
.tp-step:not(:last-child)::after{content:'';position:absolute;top:50%;right:-22px;width:16px;height:16px;border-top:2px solid #9fb6d6;border-right:2px solid #9fb6d6;transform:translateY(-50%) rotate(45deg)}
.tp-step .pf-num{margin:0}
.tp-step strong{color:var(--pf-ink);font-size:22px;line-height:1.4}
.tp-step em{color:var(--pf-muted);font-size:15px;font-style:normal;line-height:1.7}
.tp-constraint-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:20px;padding:18px 26px;border-radius:14px;background:var(--pf-paper)}
.tp-constraint-bar strong{margin-right:12px;color:var(--pf-ink);font-size:17px}
.tp-constraint-bar span{padding:5px 14px;border-radius:999px;background:#fff;color:var(--pf-muted);font-size:14px}
.tp-constraint-bar:hover strong{color:var(--pf-blue)}

/* 左文右卡片 */
.tp-split{display:grid;grid-template-columns:.85fr 1.6fr;gap:clamp(40px,6vw,110px);align-items:center}
.tp-split>div>p:not(.pf-kicker){margin-top:20px;max-width:22em}
.tp-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.tp-cards--4{grid-template-columns:repeat(2,1fr)}
.tp-cards--row{margin-top:clamp(40px,4vw,64px)}
.tp-card{padding:28px 26px;border-radius:18px;background:var(--pf-paper)}
.tp-card h3{margin-top:18px;color:var(--pf-ink);font-size:21px}
.tp-card p{margin-top:8px;color:var(--pf-muted);font-size:16px}
.tp-cards--4 .tp-card{display:flex;align-items:center;gap:18px;padding:22px 24px}
.tp-cards--4 .tp-card h3{margin:0}

/* 联合时序建模：深色 */
.tp-joint{background:var(--pf-navy);color:#fff}
.tp-joint h2{color:#fff}
.tp-joint .pf-kicker{color:var(--pf-cyan)}
.tp-joint-head{display:grid;grid-template-columns:1fr 1fr;gap:16px clamp(40px,6vw,110px);align-items:end}
.tp-joint-head h2{grid-row:2}
.tp-joint-head .pf-kicker{grid-column:1/-1}
.tp-joint-head>p:not(.pf-kicker){grid-row:2;color:#ffffffb3}
.tp-learn{grid-column:2;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.tp-learn small{margin-right:6px;color:#ffffff80;font-size:14px}
.tp-learn span{padding:4px 12px;border:1px solid #ffffff33;border-radius:999px;color:#ffffffcc;font-size:14px}
.tp-diagram{margin:clamp(40px,4vw,64px) 0 0;padding:clamp(20px,2.4vw,40px);border:1px solid #ffffff1f;border-radius:20px;background:#ffffff08}
.tp-diagram svg{display:block;width:100%;height:auto}
.tp-diagram text{fill:#dfe9f5;font:400 15px 'PingFang SC','Microsoft YaHei',sans-serif}
.tp-diagram .tp-head{fill:#a9d6ff;font-size:14px;letter-spacing:.06em}
.tp-diagram .tp-tok-label{fill:#ffffffcc;font:italic 16px Georgia,'Times New Roman',serif}
.tp-diagram .tp-dots{fill:#ffffff99;font-size:22px}
.tp-diagram .tp-mid{fill:#ffffffcc;font-size:13px}
.tp-mid-bg{fill:var(--pf-navy);stroke:#62cdf459}
.tp-enc{fill:#ffffff0f;stroke:#ffffff40}
.tp-block{fill:#3d8fe0;opacity:.9}
.tp-tok-s{fill:#3d8fe0}
.tp-tok-a{fill:#3cb8c9}
.tp-flow-line{fill:none;stroke:#9fc3ea;stroke-width:1.6;marker-end:none}
.tp-align{fill:none;stroke:#62cdf499;stroke-width:1.4;stroke-dasharray:4 5}

/* 装备适配 */
.tp-adapt-lead{margin-top:16px!important}
.tp-adapt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:clamp(40px,4vw,64px)}
.tp-adapt-card{display:block;overflow:hidden;border:1px solid var(--pf-line);border-radius:18px;background:#fff;transition:box-shadow .25s}
.tp-adapt-card:hover{box-shadow:0 20px 50px #0d244014}
.tp-adapt-img img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.tp-adapt-card strong{display:block;padding:22px 24px 0;color:var(--pf-ink);font-size:22px}
.tp-adapt-card small{display:block;padding:4px 24px 0;color:var(--pf-muted);font-size:15px}
.tp-adapt-card em{display:inline-flex;gap:6px;padding:8px 24px 24px;color:var(--pf-blue);font-size:15px;font-style:normal}

@media (max-width:1100px){
 .tp-flow{grid-template-columns:repeat(2,1fr)}
 .tp-step::after{display:none}
 .tp-split,.tp-joint-head{grid-template-columns:1fr}
 .tp-joint-head h2,.tp-joint-head>p:not(.pf-kicker),.tp-learn{grid-row:auto;grid-column:auto}
 .tp-adapt-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
 .tp-flow,.tp-cards,.tp-cards--4,.tp-adapt-grid{grid-template-columns:1fr}
 /* 结构图在手机上保持可读宽度，左右滑动查看 */
 .tp-diagram{overflow-x:auto;-webkit-overflow-scrolling:touch}
 .tp-diagram svg{width:640px;max-width:none}
}

/* 装备大类：几个型号的渲染图整图并排，不裁切放大 */
.tp-adapt-img--renders{display:flex;align-items:center;justify-content:center;gap:2%;aspect-ratio:3/2;padding:8% 6%;background:#f6fbfe}
.tp-adapt-img--renders img{flex:1 1 0;min-width:0;width:auto!important;height:auto!important;max-height:100%;aspect-ratio:auto!important;object-fit:contain!important;
 -webkit-mask-image:radial-gradient(ellipse 72% 70% at 50% 50%,#000 62%,transparent 100%);mask-image:radial-gradient(ellipse 72% 70% at 50% 50%,#000 62%,transparent 100%)}

/* 2026-10-11 技术体系总览：三项能力图文交替 */
.tp-cap-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(40px,6vw,104px);align-items:center}
.tp-cap--flip .tp-cap-copy{order:2}
.tp-cap-desc{margin-top:18px!important;color:var(--pf-ink)!important;font-size:var(--lead-size)!important}
.tp-gain{display:flex;align-items:center;gap:12px;margin-top:22px!important;color:var(--pf-blue)!important;font-size:clamp(19px,1.4vw,22px)!important;font-weight:600}
.tp-gain span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e6effb;font-size:18px}
.tp-points{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 0;padding:0}
.tp-points li{padding:6px 14px;border-radius:999px;background:var(--pf-paper);color:var(--pf-muted);font-size:14px}
.tp-cap-fig{margin:0!important;overflow:hidden;border-radius:18px;background:#f6fbfe;box-shadow:0 24px 60px #0d24400f}
.tp-cap-fig img{display:block;width:100%;height:auto}
.tp-arch .pf-layer strong{font-size:20px}
@media (max-width:1023px){.tp-cap-grid{grid-template-columns:1fr}.tp-cap--flip .tp-cap-copy{order:0}}
.tp-points--models{display:block}
.tp-points--models li.tp-model-row{display:flex;gap:14px;align-items:baseline;padding:12px 0;border-radius:0;background:none;border-top:1px solid var(--pf-line);font-size:16px;color:var(--pf-ink)}
.tp-points--models li.tp-model-row:last-child{color:var(--pf-muted);font-size:15px}
.tp-points--models b{min-width:48px;color:var(--pf-blue);font:600 16px/1.4 Arial,sans-serif}
.tp-guard{margin-top:18px!important;padding:14px 18px;border-left:2px solid #62cdf4;background:#ffffff0d;color:#ffffffd9!important}
.tp-cap-fig img{aspect-ratio:8/5}
.tp-arch .pf-how-copy h2+p{margin-top:24px!important;max-width:26em}
/* 方案一：特点 + 场景示例 + 依托的模型（小字） */
.tp-example{margin-top:24px;padding:18px 22px;border-radius:14px;background:var(--pf-paper)}
.tp-example small{display:block;color:var(--pf-blue);font-size:14px;letter-spacing:.04em}
.tp-example small a{color:inherit;border-bottom:1px solid #1f62c94d}
.tp-example small a:hover{border-color:currentColor}
.tp-example p{margin-top:6px!important;color:var(--pf-ink)!important;font-size:16px!important}
.tp-model{margin-top:18px!important;color:#8a9ab0!important;font-size:14px!important;letter-spacing:.04em}
/* 第二版 BP：副标题、子模型、数据闭环 */
.tp-sub{margin-top:8px!important;color:var(--pf-blue)!important;font-size:clamp(20px,1.5vw,24px)!important;font-weight:600}
.tp-models{list-style:none;margin:22px 0 0;padding:0}
.tp-models li{display:flex;gap:14px;align-items:baseline;padding:10px 0;border-top:1px solid var(--pf-line);color:var(--pf-ink);font-size:16px}
.tp-models li:last-child{color:var(--pf-muted);font-size:15px}
.tp-models b{min-width:86px;color:var(--pf-blue);font:600 15px/1.4 Arial,sans-serif}
.tp-loop{padding-block:clamp(40px,4vw,64px);background:var(--pf-paper)}
.tp-loop-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px 32px}
.tp-loop-title{color:var(--pf-ink)!important;font-size:20px!important;font-weight:600}
.tp-loop-steps{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
.tp-loop-step{padding:8px 18px;border-radius:999px;background:#fff;color:var(--pf-ink);font-size:16px;box-shadow:0 6px 18px #0d24400d}
.tp-loop-arrow{color:var(--pf-blue);font-size:18px}
.tp-loop-note{margin-left:auto!important;color:var(--pf-muted)!important;font-size:15px!important}
@media (max-width:760px){.tp-loop-row{flex-direction:column;align-items:flex-start}.tp-loop-note{margin-left:0!important}.tp-loop-steps{flex-direction:column;align-items:flex-start;gap:6px}.tp-loop-arrow{transform:rotate(90deg);margin-left:22px}}