.site-header{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c0e11f5;border-bottom:1px solid #242931;position:sticky;top:0}.site-header-inner{grid-template-columns:220px minmax(280px,620px) 1fr;align-items:center;gap:26px;min-height:72px;display:grid}.logo{letter-spacing:-1.4px;color:#f7f7f8;align-items:center;gap:9px;width:fit-content;font-size:1.65rem;font-style:italic;font-weight:900;line-height:1;display:inline-flex}.logo svg{color:var(--brand);fill:#e81f501f}.logo span{color:var(--brand)}.search{width:100%;position:relative}.search .input{background:#171a20;border-color:#303640;border-radius:7px;height:42px;padding:9px 48px 9px 16px}.search .input:focus{background:#191d23}.search button{color:#9ba3ae;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:4px;right:4px}.search button:hover{color:#fff;background:#242931}.header-right{white-space:nowrap;justify-content:flex-end;align-items:center;gap:5px;display:flex}.header-right .btn{border-color:#303640}.main-nav{z-index:20;color:#a4abb5;background:#111318;border-bottom:1px solid #242831;position:relative}.main-nav-inner{scrollbar-width:none;align-items:center;gap:0;display:flex;overflow-x:auto}.main-nav-inner::-webkit-scrollbar{display:none}.main-nav a{flex:none;padding:12px 16px;font-size:.78rem;font-weight:750;position:relative}.main-nav a:after{content:"";background:0 0;height:2px;position:absolute;bottom:-1px;left:16px;right:16px}.main-nav a:hover{color:#fff}.main-nav a:hover:after,.main-nav a:first-child:after{background:var(--brand)}.catalog-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-end;gap:20px;margin:32px 0 20px;padding-bottom:14px;display:flex}.catalog-title{color:#f6f7f8;letter-spacing:-.025em;margin:0;font-size:1.25rem;font-weight:780;line-height:1.3}.catalog-sub{color:#727a86;vertical-align:2px;margin-left:9px;font-size:.73rem;font-weight:650;display:inline-block}.sort-tabs{border:1px solid var(--border);background:#12151a;border-radius:7px;align-items:center;padding:3px;display:flex}.sort-tab{color:var(--text-dim);white-space:nowrap;border-radius:5px;padding:7px 11px;font-size:.74rem;font-weight:750}.sort-tab:hover{color:#fff}.sort-tab.active{color:#fff;background:#252a32}.video-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:26px 14px;margin-bottom:38px;display:grid}.vcard{min-width:0;display:block}.vcard .thumb{aspect-ratio:16/9;background:#171a1f;border:1px solid #252a31;border-radius:6px;position:relative;overflow:hidden;box-shadow:0 5px 18px #0000002e}.vcard .thumb:after{content:"";opacity:0;background:linear-gradient(#0000 50%,#0000002e);transition:opacity .2s;position:absolute;inset:0}.vcard .thumb img{object-fit:cover;width:100%;height:100%;transition:transform .25s,filter .2s}.vcard:hover .thumb img{filter:brightness(.9);transform:scale(1.025)}.vcard:hover .thumb:after{opacity:1}.thumb-placeholder{color:#69717d;background:radial-gradient(circle at 50% 40%,#242933,#15181d 70%);place-items:center;width:100%;height:100%;display:grid}.thumb-placeholder span{letter-spacing:-.2px;align-items:center;gap:7px;font-size:.78rem;font-weight:850;display:inline-flex}.vcard .dur{z-index:2;color:#fff;background:#060709e0;border-radius:3px;padding:3px 6px;font:750 .67rem/1.35 ui-monospace,SFMono-Regular,monospace;position:absolute;bottom:6px;right:6px}.vcard .title{color:#eceef1;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:9px;font-size:.84rem;font-weight:720;line-height:1.48;display:-webkit-box;overflow:hidden}.vcard:hover .title{color:#fff}.vcard .meta{color:#7f8792;flex-wrap:wrap;gap:6px;margin-top:5px;font-size:.68rem;display:flex}.vcard .meta span+span:before{content:"•";color:#4d535c;margin-right:6px}.player-wrap{aspect-ratio:16/9;background:#000;border:1px solid #262b33;border-radius:7px;overflow:hidden;box-shadow:0 16px 42px #00000047}.player-wrap video{background:#000;width:100%;height:100%;display:block}.detail-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:28px;display:grid}.detail-main{min-width:0}.detail-title{margin:16px 0 8px;font-size:1.35rem;line-height:1.45}.related-list{gap:16px;display:grid}.related-heading{border-bottom:1px solid var(--border);margin:0 0 12px;padding-bottom:10px;font-size:.9rem}.footer{border-top:1px solid var(--border);color:#777f8a;background:#0a0c0f;margin-top:48px;padding:28px 0;font-size:.74rem}.footer a:hover{color:#fff}.upload-layout{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:start;gap:18px;display:grid}.upload-drop{text-align:center;background:#111419;border:1px dashed #414852;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:270px;padding:32px;display:flex}.upload-drop:hover{background:#13171c;border-color:#69727f}.upload-drop svg{color:var(--brand)}.upload-drop strong{font-size:1rem}.upload-drop span,.upload-progress small{color:var(--text-dim);font-size:.76rem}.upload-drop .input{max-width:390px;margin-top:8px}.upload-progress{margin-top:16px}.upload-progress-row{justify-content:space-between;margin-bottom:8px;font-size:.78rem;display:flex}.progress-track{background:#252a31;border-radius:5px;height:7px;overflow:hidden}.progress-fill{background:var(--brand);height:100%;transition:width .15s}.notice-success,.notice-error{border-radius:6px;align-items:flex-start;gap:9px;margin-top:16px;padding:12px;font-size:.78rem;display:flex}.notice-success{color:#63dda0;background:#2ebd7417;border:1px solid #2ebd7440}.notice-error{color:#ff7b84;background:#ef5a6417;border:1px solid #ef5a6440}.notice-success div{flex-direction:column;gap:2px;display:flex}.notice-success span{color:#8f98a4}.section-kicker{color:var(--brand);text-transform:uppercase;letter-spacing:.12em;font-size:.65rem;font-weight:850}.upload-details h2{margin:5px 0 20px;font-size:1.18rem}.consent-row{color:var(--text-dim);align-items:flex-start;gap:9px;font-size:.76rem;line-height:1.6;display:flex}.consent-row input{margin-top:4px}.submit-video{width:100%;margin-top:14px}.pagination{justify-content:center;align-items:center;gap:9px;margin:22px 0 34px;display:flex}@media (max-width:1200px){.video-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.site-header-inner{grid-template-columns:180px minmax(230px,1fr) auto}}@media (max-width:900px){.video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-grid,.upload-layout{grid-template-columns:1fr}.site-header-inner{grid-template-columns:1fr auto;padding:12px 0}.search{grid-area:2/1/auto/-1}}@media (max-width:620px){.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 9px}.logo{font-size:1.5rem}.logo svg{width:28px;height:28px}.header-right .btn-ghost,.header-right .btn:not(.btn-brand){display:none}.catalog-head{flex-direction:column;align-items:flex-start;margin-top:24px}.main-nav a{padding:11px 13px}.main-nav a:after{left:13px;right:13px}.vcard .title{font-size:.79rem}}