.volu-scenarios-section{position:relative;min-height:560px;overflow:hidden;display:flex;flex-direction:column;gap:22px;padding:80px 20px;color:#fff}.volu-scenarios-section-bg{position:absolute;inset:0;z-index:-1;background-color:#0b1020;background-size:cover;background-position:50%;background-repeat:no-repeat;transition:background-image .4s var(--volu-ease)}.volu-scenarios-section-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(8,10,22,.82),rgba(8,10,22,.64) 42%,rgba(8,10,22,.92))}.volu-scenarios-section-body,.volu-scenarios-section-head{position:relative;z-index:2}.volu-scenarios-section-head{margin-bottom:40px}.volu-scenarios-section-body{display:flex;flex-direction:column;gap:24px;flex:1 1;min-height:0}.volu-scenarios-section-detail{max-width:520px}.volu-scenarios-section-title{font-size:clamp(2rem,8vw,3.1rem);font-weight:700;line-height:1.12;margin:14px 0 16px;text-shadow:0 3px 18px rgba(0,0,0,.6)}.volu-scenarios-section-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.volu-scenarios-section-desc{font-size:clamp(.92rem,3vw,1.05rem);line-height:1.85;color:var(--volu-muted);max-width:30em;margin-bottom:24px;text-shadow:0 2px 10px rgba(0,0,0,.6)}.volu-scenarios-section-actions{display:flex;flex-wrap:wrap;gap:12px}.volu-scenarios-section-strip-wrap{margin-top:auto}.volu-scenarios-section-strip{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;padding:6px 2px 12px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.volu-scenarios-section-strip::-webkit-scrollbar{height:6px}.volu-scenarios-section-strip::-webkit-scrollbar-thumb{background:rgba(255,255,255,.25);border-radius:3px}.volu-scenarios-section-card{position:relative;flex:0 0 auto;width:184px;height:102px;border-radius:10px;border:2px solid transparent;overflow:hidden;cursor:pointer;scroll-snap-align:center;color:#fff;background-color:#0b1020;background-size:cover;background-position:50%;transition:transform .25s var(--volu-ease),border-color .25s var(--volu-ease),box-shadow .25s var(--volu-ease)}.volu-scenarios-section-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),transparent 38%,rgba(0,0,0,.5))}.volu-scenarios-section-card:hover{transform:translateY(-4px)}.volu-scenarios-section-card--active{border-color:var(--volu-gold);box-shadow:0 12px 28px -8px rgba(0,0,0,.7);transform:translateY(-4px)}.volu-scenarios-section-card-rank{position:absolute;z-index:1;top:6px;right:6px;display:flex;flex-direction:column;align-items:center;line-height:1;font-size:.75rem;font-weight:700;letter-spacing:.06em;color:#fff;background:#d4342a;border-radius:4px;padding:2px 5px}.volu-scenarios-section-card-rank b{font-size:.82rem}.volu-scenarios-section-card-tag{position:absolute;z-index:1;left:7px;bottom:7px;font-size:.75rem;font-weight:700;color:#fff;background:rgba(212,52,42,.92);padding:3px 7px;border-radius:4px}@media (min-width:1024px){.volu-scenarios-section{min-height:700px;padding:120px 56px}.volu-scenarios-section-overlay{background:linear-gradient(90deg,rgba(8,10,22,.94),rgba(8,10,22,.68) 38%,rgba(8,10,22,.12) 70%),linear-gradient(0deg,rgba(8,10,22,.78),transparent 42%)}.volu-scenarios-section-body{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:40px}.volu-scenarios-section-detail{flex:0 0 auto;max-width:440px}.volu-scenarios-section-strip-wrap{flex:1 1;min-width:0;margin-top:0}.volu-scenarios-section-card{width:232px;height:126px}}