.short-section{padding:28px 24px 30px;border:1px solid #28475b;border-radius:22px;background:radial-gradient(ellipse at 0 0,#13364c80,transparent 65%),#09151e}
.short-section .group-heading{padding-bottom:22px}.short-title-dot{color:#55beff}
.short-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:5px;font-size:10px;letter-spacing:.13em;color:#83aac2}
.short-toolbar>span b{border:1px solid #36637c;border-radius:5px;padding:3px 6px;margin-left:8px;color:#c7eaff;font-size:10px;font-weight:500}
.short-controls{display:flex;align-items:center;gap:8px;letter-spacing:0}.short-controls>span{margin-right:10px;font-variant-numeric:tabular-nums}
.short-controls button{width:42px;height:42px;display:grid;place-items:center;border:1px solid #36576d;background:#112939;border-radius:50%;transition:background .25s,transform .25s;flex-shrink:0}.short-controls button svg{width:20px;height:20px}.short-controls button:disabled{opacity:.28;cursor:default}.short-controls button:not(:disabled):hover{background:#23648e;transform:translateY(-2px)}
.short-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 60px)/4);gap:20px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#3c779b #102331;padding:20px 2px 25px;scroll-padding-inline:2px;outline-offset:4px}
.short-card{scroll-snap-align:start;align-self:start;min-width:0}.short-card .short-preview{aspect-ratio:9/16;border-radius:16px;display:block;width:100%;padding:0;isolation:isolate}.short-preview img{width:100%;height:100%;object-fit:cover}.short-preview:after{opacity:1;background:linear-gradient(0deg,#020a16ba,transparent 28%,transparent 70%,#020a1666)}
.short-tag{position:absolute;left:12px;top:14px;z-index:2;font-size:8px;letter-spacing:.11em;background:#051320a8;border:1px solid #ffffff40;backdrop-filter:blur(8px);border-radius:4px;padding:5px 7px;color:#fff}
.short-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;border:1px solid #ffffff90;background:#091b2b66;backdrop-filter:blur(8px);border-radius:50%;width:48px;height:48px;display:grid;place-items:center;transition:background .3s,scale .3s}.short-play svg{width:23px;height:23px;color:white}.short-preview:hover .short-play,.short-preview:focus-visible .short-play{background:#138deed9;scale:1.12}
.short-watch{display:flex;justify-content:space-between;position:absolute;left:15px;right:15px;bottom:14px;z-index:2;font-size:11px;color:white}.short-watch span{font-size:16px}
.short-card .card-caption{padding:13px 3px 0}.short-number{font-size:8px;letter-spacing:.12em;color:#6c98b3}.short-card .card-caption h3{font-size:16px;margin-top:4px}.short-card .card-caption p{font-size:12px;line-height:1.6;min-height:2em}
.short-section .collection-more{margin-top:24px}
dialog.portrait-media{width:min(480px,calc(100% - 24px))}.portrait-media #media-body{min-height:0}.portrait-media #media-body iframe{width:100%;height:min(68dvh,720px);aspect-ratio:auto;max-height:none}.portrait-media .dialog-bottom{align-items:center}.portrait-media .dialog-bottom p{font-size:11px}
@media(max-width:1000px){.short-track{grid-auto-columns:calc((100% - 40px)/3)}}
@media(max-width:600px){.short-section{padding:20px 13px;border-radius:16px}.short-section .group-heading{gap:12px}.short-section .group-heading>p{text-align:left;margin-top:15px}.short-section .group-heading h3{font-size:27px}.short-toolbar{font-size:8px;letter-spacing:.05em;gap:8px}.short-controls{gap:5px}.short-controls>span{margin-right:2px;font-size:10px}.short-controls button{width:36px;height:36px}.short-track{grid-auto-columns:78%;gap:16px;padding-bottom:20px}.short-card .card-caption h3{font-size:17px}.short-toolbar>span b{margin-left:4px;font-size:9px}.work-section>.filters{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;scrollbar-width:thin;scrollbar-color:#3c779b transparent}.work-section>.filters .filter{flex:0 0 auto;padding:6px 12px;white-space:nowrap}.short-section .view-more{padding:10px 13px;font-size:12px}.portrait-media .dialog-bottom{gap:8px}}
@media(prefers-reduced-motion:reduce){.short-track{scroll-behavior:auto}.short-controls button,.short-play{transition:none}.short-preview:hover .short-play{scale:1}}