
/* Explicit horizontal scenario variant from the CMDB design. */
.product-base-page .detail-scene-horizontal .detail-compact-tabs{justify-content:center;border:0;gap:12px;margin:32px 0 20px;padding:4px}
.product-base-page .detail-scene-horizontal .detail-compact-tabs button{flex:0 0 auto;border:0;border-radius:999px;padding:12px 20px;transition:background .2s,color .2s}
.product-base-page .detail-scene-horizontal .detail-compact-tabs button:hover{background:#ffffff80}
.product-base-page .detail-scene-horizontal .detail-compact-tabs button.active{background:#fff;color:var(--type-heading)}
.product-base-page .detail-scene-panel{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:0;padding:0;overflow:hidden;align-items:stretch}
.product-base-page .detail-scene-panel>div{padding:32px}
.product-base-page .detail-scene-panel h3{line-height:1.6;margin-bottom:28px}
.product-base-page .detail-scene-panel>.detail-media-link{display:flex;align-items:center;padding:32px;background:linear-gradient(120deg,#f5f9ff,#e4edff);min-width:0}
.product-base-page .detail-scene-panel .detail-art-missing{display:grid;place-items:center;min-height:300px}
@media(max-width:1100px){.product-base-page .detail-scene-horizontal .detail-compact-tabs{justify-content:flex-start}.product-base-page .detail-scene-horizontal .detail-compact-tabs button{padding:10px 16px}}
@media(max-width:768px){.product-base-page .detail-scene-panel{grid-template-columns:1fr}.product-base-page .detail-scene-panel>div,.product-base-page .detail-scene-panel>.detail-media-link{padding:20px}}
/* Shared linkage cards: supplied decorative assets, independent product content. */
.product-base-page .detail-link-cards .product-case-card{position:relative;isolation:isolate;overflow:hidden;background:#f4f9ff;display:flex;flex-direction:column;padding:28px 24px 0}
.product-base-page .linkage-card-background{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;z-index:-1;pointer-events:none}
.product-base-page .detail-link-cards .product-case-card h3{margin:0 0 20px}
.product-base-page .detail-link-cards .detail-point-list{margin:0 0 16px}
.product-base-page .detail-link-cards .detail-point-list li:has(.linkage-point-icon):before{content:none}
.product-base-page .linkage-point-icon{position:absolute;left:0;top:5px;width:15px;height:15px}
.product-base-page .detail-link-cards .detail-point-list b{color:#3483ff}
.product-base-page .detail-link-cards .detail-media-link{margin-top:auto}
.product-base-page .detail-link-cards .detail-link-card-image{aspect-ratio:1.7;object-fit:contain}
.product-base-page .detail-link-banner{position:relative;isolation:isolate;overflow:hidden;background:#edf4ff}
.product-base-page .linkage-button{position:relative;isolation:isolate;background:none;border:0;box-shadow:none;width:240px;height:auto;min-height:0;aspect-ratio:774/336;padding:0;margin:-12px -12px -12px 0;flex:0 0 240px}
.product-base-page .detail-link-cards .product-case-grid,.product-base-page .detail-link-cards .detail-link-banner{max-width:100%;margin-left:0;margin-right:0}
.product-base-page .linkage-button span{position:absolute;top:43.2%;left:50%;transform:translate(-50%,-50%);width:76%;text-align:center;white-space:nowrap;font-size:14px;font-weight:500}
.product-base-page .linkage-button img{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.product-base-page .linkage-button:hover{background:none;filter:brightness(1.05)}
@media(max-width:768px){.product-base-page .detail-link-banner{flex-direction:column;align-items:flex-start;gap:16px}.product-base-page .linkage-button{margin:-12px 0 -12px -20px;flex:none}}
/* Sketch frame 9 linkage: 1600-wide grid, 516 x 699 cards. */
@font-face{font-family:LinkageJinBu;src:url('/themes/theme-smarteagle/assets/fonts/detail/DingTalkJinBuTi.ttf') format('truetype');font-display:swap}
.product-base-page .detail-link-cards .product-case-card{padding:clamp(24px,1.98vw,38px);aspect-ratio:516/699;box-shadow:0 2px 8px #1f4d7a05}
#top.product-base-page .detail-link-cards .product-case-card h3{font-family:LinkageJinBu,var(--type-font);font-size:clamp(20px,1.45vw,26px);font-weight:400;margin-bottom:26px;line-height:1.4}
.product-base-page .detail-link-cards .product-case-card h3:after{content:'';display:block;width:28px;height:2px;background:#3483ff;margin-top:10px}
.product-base-page .detail-link-cards .detail-point-list li{padding-left:22px;margin-bottom:14px}
.product-base-page .detail-link-cards .detail-point-list p{margin-left:-22px;line-height:1.5;margin-top:5px}
.product-base-page .detail-link-cards .detail-media-link{position:absolute;left:0;right:0;bottom:0;height:46%;padding:0 12px}
.product-base-page .detail-link-cards .detail-link-card-image{width:100%;height:100%;aspect-ratio:auto;object-fit:contain;object-position:center bottom}
.product-base-page .detail-link-banner{min-height:160px;padding:28px 36px;gap:24px;margin-top:24px}
#top.product-base-page .detail-link-banner h3{font-family:LinkageJinBu,var(--type-font);font-size:22px;font-weight:400}
.product-base-page .linkage-banner-points{display:flex;gap:36px;flex-wrap:wrap;color:#3483ff;font-size:14px;margin-top:20px}
.product-base-page .linkage-banner-points span:before{content:'· ';font-weight:700}
@media(max-width:1500px){.product-base-page .detail-link-cards .product-case-card{aspect-ratio:auto;padding:24px 20px 0}.product-base-page .detail-link-cards .detail-media-link{position:static;height:auto;margin-top:auto;padding:12px 0 0}.product-base-page .detail-link-cards .detail-link-card-image{height:auto;aspect-ratio:1.55}}
@media(max-width:768px){.product-base-page .detail-link-banner{padding:24px}.product-base-page .linkage-banner-points{gap:12px 24px}.product-base-page .detail-link-cards .product-case-card{padding-top:24px}}
