.dx-container{padding:0}.animation-detail-container{display:flex;flex-direction:column}@media (min-width:768px){.animation-detail-container{flex-direction:row;gap:24px;align-items:flex-start}}.animation-player-section{width:100%}.animation-detail-container .animation-episode-list .comic-item-tag{font-size:8px;padding:2px 8px;color:var(--color-light)}.animation-player-wrapper{position:relative;width:100%;aspect-ratio:16/9;background:var(--color-image-placeholder);border-radius:0;overflow:hidden}.animation-player-wrapper .xgplayer{border-radius:0}@media (min-width:768px){.animation-player-wrapper,.animation-player-wrapper .xgplayer{border-radius:12px}}.animation-sidebar{width:170px;flex-shrink:0}@media (min-width:768px){.animation-sidebar{height:min(calc((100vw - 250px)*.5625),611px);display:flex;flex-direction:column;overflow:hidden}}.animation-tab-header,.animation-tab-wrap{position:relative}.animation-tab-header .nvaList{gap:8px}.animation-tab-header .nvaList_tag{font-size:14px;font-weight:500;padding-bottom:8px}@media (min-width:768px){.animation-tab-wrap{flex:1;min-height:0;overflow-y:auto;position:relative;scrollbar-width:none;-ms-overflow-style:none}.animation-tab-wrap::-webkit-scrollbar{display:none}}.animation-tab-wrap .tab-panel{display:none;opacity:1;transform:none}.animation-tab-wrap .tab-panel-active{display:block}.animation-tab-content{max-height:480px;overflow-y:auto}@media (min-width:768px){.animation-tab-content{max-height:none}}.animation-episode-list{display:flex;flex-direction:column;gap:12px}.animation-episode-list .dx-video-card__title{font-size:14px}.animation-episode-swiper{width:100%;overflow:hidden}@media (min-width:768px){.animation-episode-swiper{display:none}}.animation-episode-swiper .swiper-slide{width:auto}.animation-episode-swiper .dx-video-card{flex-direction:column}.animation-episode-swiper .dx-video-card__cover{width:100%}.animation-episode-swiper .dx-video-card__poster{aspect-ratio:16/9}.animation-episode-swiper .dx-video-card__title{font-size:12px;margin-top:8px;-webkit-line-clamp:2}.animation-info-section{padding:16px}@media (min-width:768px){.animation-info-section{padding:24px 0 0}}.animation-title{font-size:14px;font-weight:500;color:var(--color-light);line-height:1.2;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (min-width:768px){.animation-title{font-size:18px;font-weight:700;color:var(--color-light);line-height:1.4;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}.animation-action-row{display:flex;flex-direction:column;gap:16px;overflow:hidden}@media (min-width:768px){.animation-action-row{display:flex;flex-wrap:wrap;align-items:center;flex-direction:row;justify-content:space-between;padding-bottom:16px}}.animation-author{display:flex;align-items:center;gap:8px}.animation-author-avatar{width:36px;height:36px;border-radius:50%;background:var(--color-image-placeholder);overflow:hidden}.animation-author-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.animation-author-name{font-size:14px;font-weight:500;color:var(--color-light)}@media (min-width:768px){.animation-author-avatar{width:48px;height:48px}.animation-author-name{font-size:18px}}.animation-action-btns{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.animation-action-btn{display:flex;align-items:center;gap:4px;padding:8px 16px;font-size:16px;font-weight:500;color:#e0e0e0;background:#2d344abd;border:0;border-radius:100px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.animation-action-btn:hover{opacity:.8}.animation-action-btn.is-active{color:var(--color-primary)}.animation-action-btn svg{width:24px;height:24px;flex-shrink:0}.animation-action-btn-more{padding:8px 12px}.animation-action-btns-swiper{width:100%;overflow:visible}.animation-action-btns-swiper .swiper-wrapper{display:flex;align-items:center}.animation-action-btns-swiper .swiper-slide{width:auto!important;flex-shrink:0}.animation-action-btns-swiper .animation-action-btn{padding:6px 10px;font-size:14px}@media (min-width:768px){.animation-action-btns-swiper .animation-action-btn{padding:6px 12px;font-size:14px}}.animation-action-btns-swiper .animation-action-btn svg{width:20px;height:20px}.animation-meta{background:var(--color-gray);border-radius:12px;padding:8px 16px}.animation-meta-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:14px;font-weight:500;color:#fff}.animation-meta-row-item{display:flex;align-items:center;gap:4px}.animation-meta-row:last-child{margin-bottom:0}.animation-meta-label,.animation-type-tag{color:var(--color-light)}.animation-type-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;font-size:13px;border-radius:4px}.animation-description{font-size:14px;font-weight:400;line-height:1.2;color:#fff}@media (min-width:768px){.animation-meta-row{font-size:16px;margin-bottom:16px}.animation-meta{padding:16px}.animation-description{font-size:16px}}@media (max-width:767px){.animation-episode-list{display:none}.animation-episode-list .dx-video-card__cover{width:120px}.animation-action-btn{padding:6px 12px;font-size:13px}.animation-action-btn svg{width:18px;height:18px}.animation-sidebar{width:100%;padding:0 16px}}