:root{--c-black: #000;--c-950: #0a0a0f;--c-900: #111118;--c-850: #181822;--c-800: #1e1e2a;--c-750: #252535;--c-700: #2d2d40;--c-600: #3d3d52;--c-500: #555570;--c-400: #78788e;--c-300: #a0a0b0;--c-200: #c8c8d4;--c-100: #eeeef2;--c-white: #fff;--pri: #6366f1;--pri-hover: #818cf8;--pri-light: rgba(99, 102, 241, .18);--pri-dark: #4f46e5;--sec: #22d3ee;--sec-hover: #38bdf8;--sec-light: rgba(34, 211, 238, .15);--success: #10b981;--warn: #f59e0b;--danger: #ef4444;--bg: var(--c-950);--bg-2: var(--c-900);--bg-3: var(--c-850);--bg-card: var(--c-800);--bg-hover: var(--c-750);--bg-active: var(--c-700);--overlay: rgba(0, 0, 0, .75);--border: var(--c-700);--border-light: var(--c-600);--t1: var(--c-100);--t2: var(--c-300);--t3: var(--c-400);--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 20px;--s-xs: 4px;--s-sm: 8px;--s-md: 12px;--s-lg: 16px;--s-xl: 24px;--s-2xl: 32px;--s-3xl: 48px;--z-drop: 100;--z-sticky: 200;--z-drawer: 300;--z-modal: 400;--z-toast: 500;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--ease: cubic-bezier(.4, 0, .2, 1);--fast: .15s var(--ease);--normal: .25s var(--ease);--slow: .35s var(--ease);--header-h: 56px;--bottom-nav-h: 56px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}body{font-family:var(--font);font-size:.875rem;line-height:1.5;color:var(--t1);background:var(--bg);min-height:100vh}::selection{background:var(--pri-light);color:var(--t1)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--c-850)}::-webkit-scrollbar-thumb{background:var(--c-500);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--c-400)}img{max-width:100%;height:auto;display:block}a{color:var(--pri);text-decoration:none;transition:color var(--fast)}a:hover{color:var(--pri-hover)}input,select,button{font-family:inherit}button{cursor:pointer}.hidden{display:none!important}.skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,var(--bg-hover) 37%,var(--bg-card) 63%);background-size:400%100%;animation:shimmer 1.4s ease infinite;border-radius:var(--r-sm)}@keyframes shimmer{0%{background-position:100%0}to{background-position:0 0}}.skeleton-card{background:var(--bg-card);border-radius:var(--r-lg);overflow:hidden}.skeleton-card .thumb{aspect-ratio:16/10;width:100%}.skeleton-card .body{padding:var(--s-md);display:flex;flex-direction:column;gap:var(--s-sm)}.skeleton-card .body .line{height:14px}.skeleton-card .body .line.short{width:60%}.skeleton-card .body .row{display:flex;gap:var(--s-sm)}.skeleton-card .body .row .tag{height:22px;width:50px;border-radius:var(--r-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-xs);height:38px;padding:0 var(--s-lg);border-radius:var(--r-md);font-size:.8125rem;font-weight:600;border:1.5px solid transparent;background:var(--bg-card);color:var(--t2);white-space:nowrap;transition:all var(--fast);user-select:none}.btn:hover:not(:disabled){background:var(--bg-hover);color:var(--t1);transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--pri);color:var(--c-white);border-color:var(--pri)}.btn-primary:hover:not(:disabled){background:var(--pri-hover);border-color:var(--pri-hover)}.btn-outline{background:transparent;border-color:var(--border-light)}.btn-outline:hover:not(:disabled){border-color:var(--pri);color:var(--pri)}.btn-ghost{background:transparent;border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--t1)}.btn-sm{height:32px;padding:0 var(--s-md);font-size:.75rem}.btn-lg{height:46px;padding:0 var(--s-xl);font-size:.9375rem}.btn-icon{width:38px;padding:0}.btn-icon.btn-sm{width:32px}.select-wrap{position:relative;min-width:100px}.select-wrap select{width:100%;height:38px;padding:0 28px 0 var(--s-md);background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--r-md);color:var(--t2);font-size:.8125rem;appearance:none;outline:none;transition:border-color var(--fast)}.select-wrap select:focus{border-color:var(--pri)}.select-wrap:after{content:"";position:absolute;right:10px;top:50%;transform:translateY(-50%);border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--t3);pointer-events:none}.toast{position:fixed;bottom:calc(var(--bottom-nav-h) + var(--s-lg));left:50%;transform:translate(-50%) translateY(20px);display:flex;align-items:center;gap:var(--s-sm);padding:var(--s-sm) var(--s-lg);border-radius:var(--r-xl);font-size:.8125rem;font-weight:500;color:var(--c-white);background:var(--c-750);border:1px solid var(--border-light);box-shadow:0 8px 32px #00000080;opacity:0;pointer-events:none;transition:all var(--normal);z-index:var(--z-toast);backdrop-filter:blur(12px);white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.toast.success{border-color:var(--success);background:#10b98133}.toast.error{border-color:var(--danger);background:#ef444433}.toast-icon{font-size:1rem;font-weight:700}.toast.success .toast-icon{color:var(--success)}.toast.error .toast-icon{color:var(--danger)}.loading-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);opacity:0;pointer-events:none;transition:opacity var(--fast);backdrop-filter:blur(4px)}.loading-overlay.show{opacity:1;pointer-events:auto}.spin{width:40px;height:40px;border:3px solid var(--border-light);border-top-color:var(--pri);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.header{position:sticky;top:0;z-index:var(--z-sticky);background:#111118d9;backdrop-filter:blur(16px);border-bottom:1px solid var(--border);height:var(--header-h);display:flex;align-items:center;padding:0 var(--s-lg)}.header-inner{display:flex;align-items:center;gap:var(--s-md);width:100%;max-width:1400px;margin:0 auto}.logo{display:flex;align-items:center;gap:var(--s-sm);color:var(--t1);font-weight:700;font-size:1rem;flex-shrink:0}.logo-icon{width:32px;height:32px;border-radius:var(--r-md);background:linear-gradient(135deg,var(--pri),var(--sec));display:flex;align-items:center;justify-content:center;color:var(--c-white);font-size:14px}.search-wrap{flex:1;max-width:480px;position:relative;min-width:0}.search-wrap input{width:100%;height:38px;padding:0 var(--s-lg) 0 34px;background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--r-xl);color:var(--t1);font-size:.8125rem;outline:none;transition:border-color var(--fast)}.search-wrap input:focus{border-color:var(--pri)}.search-wrap input::placeholder{color:var(--t3)}.search-wrap .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--t3);pointer-events:none;font-size:13px}.header-actions{display:flex;align-items:center;gap:var(--s-xs);flex-shrink:0}.filter-bar{display:none;align-items:center;gap:var(--s-lg);padding:var(--s-md) var(--s-lg);background:var(--bg-2);border-bottom:1px solid var(--border);flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:var(--s-sm)}.filter-label{font-size:.6875rem;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:.06em}.filter-group .select-wrap select{height:32px;font-size:.75rem}.main-content{padding:var(--s-md);max-width:1400px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:var(--s-md)}.panel-header{display:none;align-items:center;justify-content:space-between;padding:var(--s-md) var(--s-lg);background:var(--bg-card);border-radius:var(--r-lg);border:1px solid var(--border);gap:var(--s-md);flex-wrap:wrap}.panel-title{font-weight:700;font-size:1rem;display:flex;align-items:center;gap:var(--s-sm)}.panel-stats{font-size:.8125rem;color:var(--t2)}.panel-stats .num{color:var(--sec);font-weight:700}.card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-sm)}.card-grid.list-mode{grid-template-columns:1fr}.card{background:var(--bg-card);border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--border);cursor:pointer;transition:border-color var(--fast),transform var(--fast),box-shadow var(--fast)}.card:active{transform:scale(.98)}.card.active{border-color:var(--pri);box-shadow:0 0 0 2px var(--pri-light)}.card .thumb-wrap{position:relative;aspect-ratio:16/10;background:var(--bg);overflow:hidden}.card .thumb-wrap img{width:100%;height:100%;object-fit:cover;transition:transform var(--slow)}.card:hover .thumb-wrap img{transform:scale(1.04)}.card .thumb-badges{position:absolute;inset:0;pointer-events:none}.card .duration{position:absolute;right:var(--s-xs);bottom:var(--s-xs);background:#000c;color:var(--c-white);font-size:.6875rem;font-weight:600;padding:2px 6px;border-radius:var(--r-sm);backdrop-filter:blur(4px)}.card .quality{position:absolute;left:var(--s-xs);top:var(--s-xs);background:var(--pri);color:var(--c-white);font-size:.625rem;font-weight:700;padding:2px 5px;border-radius:var(--r-sm);text-transform:uppercase}.card .portrait{position:absolute;left:var(--s-xs);bottom:var(--s-xs);background:var(--sec);color:var(--c-black);font-size:.625rem;font-weight:700;padding:2px 5px;border-radius:var(--r-sm)}.card .body{padding:var(--s-sm) var(--s-md) var(--s-md)}.card .title{font-size:.8125rem;font-weight:600;color:var(--t1);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card .meta{display:flex;align-items:center;gap:var(--s-sm);margin-top:var(--s-xs);font-size:.6875rem;color:var(--t3);flex-wrap:wrap}.card .meta .area{color:var(--sec);font-weight:500}.card .meta .sep{opacity:.3}.card .stats-row{display:flex;align-items:center;gap:var(--s-md);margin-top:var(--s-sm);font-size:.6875rem;color:var(--t3)}.card .stats-row .stat{display:flex;align-items:center;gap:3px}.card .stats-row .stat i{font-size:9px}.card .stats-row .plays{color:var(--t2)}.card .stats-row .likes{color:var(--danger)}.card .tags-row{display:flex;gap:var(--s-xs);margin-top:var(--s-sm);flex-wrap:wrap}.card .tag-chip{font-size:.625rem;padding:2px 6px;border-radius:var(--r-sm);font-weight:500;background:var(--bg-hover);color:var(--t3)}.card .mosaic-badge{font-size:.625rem;padding:2px 6px;border-radius:var(--r-sm);font-weight:500}.card .mosaic-badge.coded{background:#f59e0b26;color:var(--warn)}.card .mosaic-badge.nocode{background:#10b98126;color:var(--success)}.skeleton-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-sm)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--s-3xl) var(--s-lg);color:var(--t3);text-align:center}.empty-state i{font-size:2.5rem;margin-bottom:var(--s-md);opacity:.4}.empty-state .main{font-size:1rem;font-weight:600;margin-bottom:var(--s-xs)}.empty-state .sub{font-size:.8125rem;opacity:.6}.pager{display:flex;align-items:center;justify-content:center;gap:var(--s-xs);padding:var(--s-lg) 0}.pager-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--r-md);color:var(--t2);font-size:.8125rem;font-weight:600;transition:all var(--fast)}.pager-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--t1);border-color:var(--border-light)}.pager-btn.active{background:var(--pri);border-color:var(--pri);color:var(--c-white)}.pager-btn:disabled{opacity:.25;cursor:not-allowed}.pager-btn.ellipsis{border:none;background:transparent;cursor:default}.pager-pages{display:flex;align-items:center;gap:var(--s-xs)}.load-more-area{text-align:center;padding:var(--s-md)}.load-more-area .btn{min-width:140px}.drawer-overlay{position:fixed;inset:0;background:#0009;z-index:var(--z-drawer);opacity:0;pointer-events:none;transition:opacity var(--normal)}.drawer-overlay.show{opacity:1;pointer-events:auto}.detail-drawer{position:fixed;z-index:calc(var(--z-drawer) + 1);background:var(--bg-2);border-radius:var(--r-xl) var(--r-xl) 0 0;display:flex;flex-direction:column;max-height:85vh;overflow:hidden;box-shadow:0 -8px 40px #00000080;transition:transform var(--normal)}.detail-drawer-inner{overflow-y:auto;flex:1;min-height:0}.drawer-handle{width:36px;height:4px;background:var(--c-500);border-radius:2px;margin:var(--s-sm) auto var(--s-md)}.detail-cover{position:relative;aspect-ratio:16/9;background:var(--bg);margin:0 var(--s-lg)}.detail-cover img{width:100%;height:100%;object-fit:cover;border-radius:var(--r-lg)}.detail-cover .play-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0006;border-radius:var(--r-lg);opacity:0;transition:opacity var(--fast)}.detail-cover .play-center.show{opacity:1}.detail-cover .play-center .play-icon{width:56px;height:56px;background:var(--pri);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--c-white);box-shadow:0 8px 24px #6366f166}.detail-content{padding:var(--s-lg)}.detail-content .title{font-size:1.125rem;font-weight:700;line-height:1.4;margin-bottom:var(--s-sm)}.detail-content .meta-row{display:flex;flex-wrap:wrap;gap:var(--s-sm);margin-bottom:var(--s-lg)}.detail-content .meta-tag{font-size:.75rem;padding:3px 8px;border-radius:var(--r-sm);background:var(--bg-3);color:var(--t2);font-weight:500;display:flex;align-items:center;gap:3px}.detail-content .section{margin-bottom:var(--s-lg)}.detail-content .section-label{font-size:.6875rem;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--s-sm)}.detail-content .chip-row{display:flex;flex-wrap:wrap;gap:var(--s-xs)}.detail-content .chip{font-size:.75rem;padding:4px 10px;border-radius:var(--r-md);background:var(--bg-3);color:var(--t2)}.detail-content .chip.genre{background:var(--pri-light);color:var(--pri-hover)}.detail-content .chip.actor{background:var(--sec-light);color:var(--sec)}.detail-content .stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-sm)}.detail-content .stat-card{background:var(--bg-3);border-radius:var(--r-lg);padding:var(--s-md);display:flex;flex-direction:column;gap:2px}.detail-content .stat-card .label{font-size:.6875rem;color:var(--t3);text-transform:uppercase;letter-spacing:.03em}.detail-content .stat-card .value{font-size:1.25rem;font-weight:700}.detail-content .stat-card .value.plays{color:var(--sec)}.detail-content .stat-card .value.likes{color:var(--danger)}.detail-content .stat-card .value.comments{color:var(--warn)}.detail-content .info-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-sm)}.detail-actions{display:flex;gap:var(--s-sm);padding:var(--s-lg);border-top:1px solid var(--border);background:var(--bg-3)}.detail-actions .btn{flex:1}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-sticky);height:var(--bottom-nav-h);background:#111118e6;backdrop-filter:blur(16px);border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-around}.bottom-nav .nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--t3);font-size:.625rem;border:none;background:none;padding:var(--s-xs) var(--s-md);transition:color var(--fast)}.bottom-nav .nav-item i{font-size:1.125rem}.bottom-nav .nav-item.active{color:var(--pri)}.mobile-filter-panel{position:fixed;inset:0;z-index:calc(var(--z-drawer) + 2);background:var(--bg-2);display:flex;flex-direction:column;transform:translateY(100%);transition:transform var(--normal)}.mobile-filter-panel.show{transform:translateY(0)}.mobile-filter-panel .panel-head{display:flex;align-items:center;justify-content:space-between;padding:var(--s-lg);border-bottom:1px solid var(--border)}.mobile-filter-panel .panel-head h3{font-size:1rem;font-weight:700}.mobile-filter-panel .panel-body{flex:1;overflow-y:auto;padding:var(--s-lg);display:flex;flex-direction:column;gap:var(--s-lg)}.mobile-filter-panel .filter-group-m{display:flex;flex-direction:column;gap:var(--s-sm)}.mobile-filter-panel .filter-group-m .label{font-size:.75rem;font-weight:600;color:var(--t3)}.mobile-filter-panel .panel-foot{display:flex;gap:var(--s-sm);padding:var(--s-lg);border-top:1px solid var(--border)}.mobile-filter-panel .panel-foot .btn{flex:1}.player-page{min-height:100vh;padding:var(--s-lg);max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:var(--s-lg)}.player-page .back-row{margin-bottom:var(--s-xs)}.player-main{display:flex;flex-direction:column;gap:var(--s-lg)}.player-main .video-box{position:relative;aspect-ratio:16/9;border-radius:var(--r-lg);overflow:hidden;background:var(--c-black);box-shadow:0 8px 32px #00000080}.player-main .video-box video{width:100%;height:100%;display:block}.player-main .video-box .controls-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000d9);padding:var(--s-lg) var(--s-md) var(--s-md);display:flex;align-items:center;gap:var(--s-sm);opacity:0;transition:opacity .3s}.player-main .video-box:hover .controls-overlay{opacity:1}.player-main .video-box .controls-overlay .vol-range{width:80px;accent-color:var(--pri)}.player-info{display:flex;flex-direction:column;gap:var(--s-md)}.player-info h1{font-size:1.25rem;font-weight:700;line-height:1.4}.player-info .info-meta{display:flex;flex-wrap:wrap;gap:var(--s-md);font-size:.8125rem;color:var(--t2);padding-bottom:var(--s-md);border-bottom:1px solid var(--border)}.player-info .info-meta span{display:flex;align-items:center;gap:var(--s-xs)}.player-info .info-meta i{color:var(--pri);font-size:11px}.player-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-sm)}.player-stats .pstat{display:flex;align-items:center;gap:var(--s-sm);background:var(--bg-2);border-radius:var(--r-lg);padding:var(--s-md);border:1px solid var(--border)}.player-stats .pstat .icon{width:36px;height:36px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;background:var(--bg-3);color:var(--pri);font-size:14px}.player-stats .pstat .text .val{font-weight:700;font-size:.9375rem}.player-stats .pstat .text .lbl{font-size:.6875rem;color:var(--t3)}.player-tags,.player-actors{background:var(--bg-2);border-radius:var(--r-lg);padding:var(--s-lg);border:1px solid var(--border)}.player-tags h3,.player-actors h3{font-size:.8125rem;font-weight:700;color:var(--t3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--s-sm)}.player-tags .tags-wrap,.player-actors .tags-wrap{display:flex;flex-wrap:wrap;gap:var(--s-xs)}.player-tags .ptag,.player-actors .ptag{font-size:.75rem;padding:4px 10px;border-radius:var(--r-md);background:var(--bg-3);color:var(--t2);border:1px solid var(--border)}.player-bottom-actions{display:flex;gap:var(--s-sm);padding-top:var(--s-lg);border-top:1px solid var(--border)}.player-bottom-actions .btn{flex:1}.player-toast{position:fixed;top:20px;right:20px;z-index:9999;padding:10px 18px;border-radius:var(--r-md);font-size:.8125rem;font-weight:500;color:var(--c-white);box-shadow:0 4px 16px #0006;animation:toast-in .3s,toast-out .3s 2.5s forwards}.player-toast.error{background:var(--danger)}.player-toast.success{background:var(--success)}@keyframes toast-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{0%{opacity:1}to{opacity:0;transform:translateY(-10px)}}.player-overlay{position:fixed;inset:0;z-index:calc(var(--z-modal) + 1);display:flex;align-items:center;justify-content:center}.player-overlay-bg{position:absolute;inset:0;background:#000000e6;backdrop-filter:blur(8px)}.player-overlay-content{position:relative;z-index:1;width:100%;max-width:1100px;max-height:90vh;overflow-y:auto;border-radius:var(--r-xl);background:var(--bg);border:1px solid var(--border);box-shadow:0 20px 60px #000c;animation:player-in .3s var(--ease)}@keyframes player-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.player-close-btn{position:fixed;top:var(--s-lg);right:var(--s-lg);z-index:calc(var(--z-modal) + 2);width:40px;height:40px;border-radius:50%;border:1.5px solid var(--border-light);background:var(--bg-card);color:var(--t2);font-size:1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--fast);backdrop-filter:blur(8px)}.player-close-btn:hover{background:var(--danger);color:var(--c-white);border-color:var(--danger);transform:scale(1.1)}.player-overlay .player-page{padding:var(--s-xl);max-width:none}.player-overlay .video-box{aspect-ratio:auto;min-height:400px}.player-overlay .player-main{align-items:stretch}@media(max-width:768px){.player-overlay-content{max-height:100vh;border-radius:0}.player-overlay .player-page{padding:var(--s-md)}.player-overlay .player-bottom-actions{flex-direction:column}.player-close-btn{top:var(--s-sm);right:var(--s-sm)}}@media(min-width:768px){.card-grid{grid-template-columns:repeat(3,1fr);gap:var(--s-lg)}.mobile-filter-bar{display:none}.filter-bar{display:flex}.bottom-nav,.detail-drawer,.drawer-overlay{display:none}.panel-header{display:flex}.main-content{padding:var(--s-lg)}.card-grid,.skeleton-card-grid{grid-template-columns:repeat(3,1fr);gap:var(--s-lg)}.main-content{flex-direction:row}.content-with-sidebar{display:flex;gap:var(--s-lg)}.content-with-sidebar .main-col{flex:1;min-width:0}.content-with-sidebar .side-col{width:360px;flex-shrink:0;position:sticky;top:calc(var(--header-h) + var(--s-lg));align-self:flex-start;max-height:calc(100vh - var(--header-h) - var(--s-lg) * 2)}.side-panel{background:var(--bg-2);border-radius:var(--r-xl);border:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;max-height:inherit}.side-panel-body{overflow-y:auto;flex:1}.detail-cover{margin:0}.detail-cover img,.detail-cover .play-center{border-radius:var(--r-xl) var(--r-xl) 0 0}.side-panel .detail-actions{border-radius:0 0 var(--r-xl) var(--r-xl)}.player-main{flex-direction:row}.player-main .video-box{flex:1;min-width:0}.player-info{width:380px;flex-shrink:0}}@media(min-width:1024px){.card-grid,.skeleton-card-grid{grid-template-columns:repeat(4,1fr)}.content-with-sidebar .side-col{width:380px}}@media(min-width:1400px){.card-grid,.skeleton-card-grid{grid-template-columns:repeat(5,1fr)}}