/* 0.24.38 首页「经典系列」 */
.nex38s{margin:0;color:#e8eaee}
.nex38s-head{margin:0 0 16px}
.nex38s-title{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 14px;margin-right:auto;min-width:0}
.nex38s-title h2{margin:0;padding:0;border:0;color:#fff;font-size:24px;font-weight:700;line-height:1.3}
.nex38s-title h2::before,.nex38s-title h2::after{content:none}
.nex38s-title span{color:#8b93a1;font-size:13px}
.nex38s-nav{display:flex;gap:8px}
.nex38s-rail{display:grid;grid-auto-flow:column;grid-auto-columns:212px;gap:18px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px 2px 8px;margin:-6px -2px 0}
.nex38s-rail::-webkit-scrollbar{display:none}
.nex38s-card{display:flex;flex-direction:column;gap:12px;scroll-snap-align:start;color:inherit;text-decoration:none;outline-offset:4px}
.nex38s-stack{position:relative;display:block;height:220px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:radial-gradient(120% 90% at 50% 100%,rgba(10,108,255,.22),transparent 60%),#121722;overflow:hidden;transition:border-color .2s}
.nex38s-c{position:absolute;left:50%;bottom:16px;width:116px;aspect-ratio:2/3;margin-left:-58px;border-radius:6px;overflow:hidden;background:#0d1724;box-shadow:0 10px 24px rgba(0,0,0,.55);transform-origin:50% 100%;transition:transform .32s cubic-bezier(.2,.8,.2,1)}
.nex38s-img{display:block;width:100%;height:100%;object-fit:cover}
.nex38s-img.nex41-placeholder{display:grid;place-items:center;color:#c8fbff;font-size:32px;font-weight:700}
/* 三张：左后、右后、正前（DOM 顺序：最老→最新） */
.n3 .nex38s-c:nth-child(1){transform:translateX(-40px) rotate(-7deg) scale(.86);filter:brightness(.6)}
.n3 .nex38s-c:nth-child(2){transform:translateX(40px) rotate(7deg) scale(.86);filter:brightness(.6)}
.n2 .nex38s-c:nth-child(1){transform:translateX(-34px) rotate(-7deg) scale(.88);filter:brightness(.6)}
.n2 .nex38s-c:nth-child(2){transform:translateX(14px)}
.nex38s-c:last-child{z-index:2}
.nex38s-card:hover .nex38s-stack,.nex38s-card:focus-visible .nex38s-stack{border-color:rgba(10,108,255,.55)}
.nex38s-card:hover .n3 .nex38s-c:nth-child(1){transform:translateX(-54px) rotate(-11deg) scale(.86)}
.nex38s-card:hover .n3 .nex38s-c:nth-child(2){transform:translateX(54px) rotate(11deg) scale(.86)}
.nex38s-card:hover .n2 .nex38s-c:nth-child(1){transform:translateX(-50px) rotate(-11deg) scale(.88)}
.nex38s-card:hover .nex38s-c:last-child{transform:translateY(-8px)}
.nex38s-card:hover .n2 .nex38s-c:last-child{transform:translate(20px,-8px)}
.nex38s-info{display:flex;flex-direction:column;gap:3px;padding:0 4px}
.nex38s-info b{color:#fff;font-size:16px;font-weight:600;line-height:1.35;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.nex38s-info small{color:#8b93a1;font-size:13px}
.nex38s-card:hover b{color:#c8fbff}
@media (max-width:700px){.nex38s-title h2{font-size:20px}.nex38s-title span{display:none}.nex38s-nav{display:none}.nex38s-rail{grid-auto-columns:46%;gap:12px}.nex38s-stack{height:180px}.nex38s-c{width:96px;margin-left:-48px;bottom:12px}.n3 .nex38s-c:nth-child(1){transform:translateX(-36px) rotate(-9deg) scale(.86)}.n3 .nex38s-c:nth-child(2){transform:translateX(36px) rotate(9deg) scale(.86)}}
@media (prefers-reduced-motion:reduce){.nex38s-c{transition:none}}
html.nex98 .nex38s-stack{border-radius:0;background:#c0c0c0;border:2px outset #fff}
html.nex98 .nex38s-title h2,html.nex98 .nex38s-info b{color:#000}
html.nex98 .nex38s-c{border-radius:0}