:root{--bg:#070707;--bg-soft:#111215;--surface:#141414;--surface-2:#1f2228;--text:#f4f5f7;--muted:#a4a9b2;--primary:#ff3f63;--border:#2b2f36}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.45}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none;transition:color .15s,background-color .15s,border-color .15s,opacity .15s}a:hover{text-decoration:none}ol,ul{list-style:none}.skip-link{position:absolute;left:-9999px;top:0;background:#fff;color:#000;padding:.5rem .75rem;z-index:999}.skip-link:focus{left:.5rem;top:.5rem}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{max-width:1280px;margin:0 auto;padding:0 12px}.site-header{position:sticky;top:0;z-index:100;background:#000;border-bottom:1px solid #191919}.header-top{display:flex;align-items:center;gap:16px;min-height:56px}.site-logo{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:2rem;position:relative}.logo-mark{width:28px;height:28px;border-radius:999px;background:radial-gradient(circle at 30% 25%,#ff8ca4 0,#ff5f81 38%,#ff3f63 68%,#df2247 100%);color:#fff;display:grid;place-items:center;box-shadow:0 0 0 1px rgba(255,120,150,.26),0 6px 14px rgba(255,63,99,.2)}.logo-mark svg{width:14px;height:14px;fill:currentColor;margin-left:1px}.logo-text{font-size:1.56rem;letter-spacing:-.01em;color:#fff;background:linear-gradient(96deg,#fff 0,#ffe082 14%,#ff9ad5 30%,#8ec5ff 46%,#9bffcf 62%,#ffb38a 78%,#f3a6ff 90%,#fff 100%);background-size:240% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:5.6s linear infinite logoTextShine;text-shadow:0 0 16px rgba(170,198,255,.22)}.site-logo:focus-visible{outline:rgba(255,110,145,.65) solid 2px;outline-offset:3px;border-radius:10px}@keyframes logoTextShine{0%{background-position:0 50%}100%{background-position:200% 50%}}.header-search{margin-left:auto;display:flex;width:min(640px,100%)}.header-search input{width:100%;height:40px;border:1px solid #2a2d32;border-right:0;border-radius:8px 0 0 8px;background:#16181c;color:#e7eaf0;padding:0 12px;font-size:.92rem}.header-search input::placeholder{color:#838995}.header-search button{width:44px;height:40px;border:1px solid var(--primary);border-radius:0 8px 8px 0;background:var(--primary);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.header-search button:hover{filter:brightness(1.08)}.header-search button svg{width:16px;height:16px;fill:currentColor}.mobile-search-wrap{display:none}.nav-toggle{display:none;width:38px;height:38px;margin-left:auto;border:1px solid #2c3038;border-radius:8px;background:#13151a;cursor:pointer}.nav-toggle span{display:block;width:18px;height:2px;margin:4px auto;background:#fff}.header-nav-row{background:#141414;border-top:1px solid #1d2026;border-bottom:1px solid #1d2026}.nav-search-wrap{display:flex;align-items:center;min-height:42px}.main-nav>ul{display:flex;flex-wrap:wrap;gap:2px}.main-nav li{position:relative}.main-nav a,.main-nav span{display:block;padding:10px 14px;font-size:.88rem;color:#d8dde6;border-bottom:2px solid transparent}.main-nav a:hover{color:#fff;background:#1b1e24}.main-nav a[aria-current=page]{color:#fff;border-bottom-color:var(--primary);background:#1b1e24}.nav-sub-toggle{display:none}.nav-sub{position:absolute;top:calc(100% + 4px);left:0;min-width:190px;background:#171a20;border:1px solid #2a2f39;border-radius:8px;padding:6px;display:none;z-index:30}.has-dropdown:hover>.nav-sub{display:block}.nav-sub a{border-bottom:0;border-radius:6px;padding:8px 10px}.site-main{padding:22px 0 34px;min-height:calc(100vh - 250px)}.home-hero{margin-bottom:16px;padding:2px 0 6px;border:0;background:0 0;text-align:center}.home-hero-title{margin-top:0;padding-left:0;border-left:0;color:#f7f9fd;font-size:1.28rem;line-height:1.32;letter-spacing:0;background:linear-gradient(96deg,#fff 0,#ffe082 14%,#ff9ad5 30%,#8ec5ff 46%,#9bffcf 62%,#ffb38a 78%,#f3a6ff 90%,#fff 100%);background-size:260% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:5.6s linear infinite homeTitleShine;text-shadow:0 0 22px rgba(170,198,255,.22)}.home-hero-subtitle{margin-top:4px;padding-left:0;color:#aab2be;font-size:.88rem}@keyframes homeTitleShine{0%{background-position:0 50%}100%{background-position:200% 50%}}@media (prefers-reduced-motion:reduce){.home-hero-title{animation:none}.logo-text{animation:none!important}.site-logo *,.site-logo ::after,.site-logo ::before{transition:none!important}}.section-title{display:inline-flex;align-items:center;gap:8px;font-size:1.28rem;font-weight:600;margin-bottom:4px;letter-spacing:0;color:#f4f6fb}.section-title::before{content:"";width:3px;height:14px;border-radius:3px;background:var(--primary)}.title-count{display:inline-flex;align-items:center;margin-left:10px;padding:0;border:0;background:0 0;font-size:.72em;font-weight:500;color:#aab2be;line-height:1.2;letter-spacing:.02em}.title-count-value{display:inline-flex;align-items:center;color:#ff8fa3;font-weight:700;min-width:0;text-align:left}.title-count-value::before{content:"|";color:#5f6875;font-weight:400;margin-right:8px}.section-subtitle{font-size:.88rem;color:var(--muted);margin-bottom:10px}.listing-section{margin-top:22px}.site-main .container>.listing-section:first-of-type{margin-top:0}.recommended-section{margin-bottom:24px}.recommended-content{position:relative}.recommended-slider{display:flex;gap:4px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth}.recommended-slider::-webkit-scrollbar{height:8px}.recommended-slider::-webkit-scrollbar-thumb{background:#3a3f48;border-radius:6px}.recommended-item{flex:0 0 calc((100% - 16px)/ 5);scroll-snap-align:start}.slider-btn{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:0;border-radius:999px;background:rgba(0,0,0,.68);color:#fff;font-size:1rem;line-height:0;cursor:pointer;z-index:2}.slider-btn svg{display:block;width:22px;height:22px;fill:currentColor}.slider-btn--prev{left:8px}.slider-btn--next{right:8px}.slider-btn:hover{background:rgba(0,0,0,.9)}.slider-btn[hidden]{display:none}.video-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.video-card{background:var(--surface);border:1px solid #242831;border-radius:10px;overflow:hidden;min-width:0}.card-thumb{display:block;aspect-ratio:4/3;overflow:hidden;background:#0b0d11;position:relative}.card-thumb img{width:100%;height:100%;object-fit:cover;transition:opacity .3s}.card-thumb img.lazyload{opacity:0}.card-body{padding:8px}.card-title{font-size:.86rem;font-weight:600;color:#eef2f8;line-height:1.35;height:2.7em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis}.card-title a{color:inherit;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}.card-title a:hover{color:var(--primary)}.card-meta{margin-top:7px;padding-top:7px;border-top:1px solid #2a2e36;display:flex;justify-content:space-between;align-items:center;color:#9ea5af;font-size:.72rem}.meta-item{display:inline-flex;align-items:center;gap:4px}.icon{width:12px;height:12px;fill:currentColor}.card-rating-badge{position:absolute;right:6px;bottom:6px;display:inline-flex;align-items:center;gap:3px;background:#f6b41f;color:#111;border-radius:5px;font-weight:700;font-size:.7rem;padding:2px 6px}.icon-star{color:#111}.pagination{margin:18px 0 6px}.pagination ul{display:flex;justify-content:center;align-items:center;gap:6px;flex-wrap:wrap}.pagination a,.pagination span{min-width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;font-size:.9rem}.pagination a{background:#15181d;border:1px solid #2c313a;color:#d5dae3}.pagination a:hover{background:#1f2430;border-color:var(--primary);color:#fff}.pagination .active{background:var(--primary);border:1px solid var(--primary);color:#fff}.pagination .dots{color:#707781}.breadcrumb{margin-bottom:12px;color:#8f97a3;font-size:.84rem}.breadcrumb ol{display:flex;flex-wrap:wrap;gap:6px}.breadcrumb li:not(:last-child)::after{content:'/';margin-left:6px;color:#59606a}.page-intro{background:#111317;border:1px solid #242830;border-radius:10px;padding:14px;margin-bottom:12px}.eyebrow{color:#8f97a3;text-transform:uppercase;letter-spacing:.08em;font-size:.7rem}.page-intro h1,.page-intro h2{font-size:1.12rem;margin:2px 0 4px}.page-intro p{color:#a8afbb}.empty-state{border:1px dashed #313741;color:#9ca4b0;border-radius:8px;padding:20px 12px;text-align:center;background:#101216}.search-form--page{display:flex;gap:8px;margin-bottom:12px}.search-form--page input{flex:1;height:40px;border-radius:8px;border:1px solid #2b313b;background:#12151b;color:#edf0f5;padding:0 12px;font-size:.95rem}.search-form--page button{height:40px;border-radius:8px;border:1px solid var(--primary);background:var(--primary);color:#fff;padding:0 16px;font-weight:600;cursor:pointer}.search-form--page button:hover{filter:brightness(1.08)}.video-detail{background:0 0;border:0;border-radius:0;padding:0}.video-header h1{font-size:1.28rem;margin-bottom:6px;line-height:1.35}.video-content,.video-meta,.video-player,.video-thumbnail-full{margin-top:12px}.video-meta{color:#9ea5b2;font-size:.84rem;display:flex;flex-wrap:wrap;gap:8px;padding-top:10px;border-top:1px solid #2a2f38}.meta-badge{display:inline-flex;align-items:center;gap:5px;background:#141414;border:1px solid #2b313b;border-radius:999px;padding:4px 10px}.video-meta .icon{width:13px;height:13px;color:#8d95a1}.iframe-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:6px;background:#000}.iframe-wrapper iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-thumbnail-full{border-radius:6px;overflow:hidden}.video-content{color:#d3d9e3;background:0 0;border:0;border-left:2px solid #2b313c;border-radius:0;padding:2px 0 2px 10px;line-height:1.72;font-size:.92rem}.video-panels{margin-top:10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.video-detail+section{margin-top:18px}.detail-label{font-size:.82rem;font-weight:600;color:#b2bac6;margin-bottom:6px;letter-spacing:.02em}.tag-list{display:flex;flex-wrap:wrap;gap:6px}.tag-list a{background:#1d2128;color:#d4d9e1;border:1px solid #2a3039;padding:3px 8px;border-radius:999px;font-size:.78rem}.tag-list a:hover{background:#252b34;border-color:var(--primary);color:#fff}.detail-panel{background:#141414;border:1px solid #20252e;border-radius:6px;padding:7px 9px}.video-rating .star{border:0;background:0 0;color:#5b6270;cursor:pointer;font-size:1.3rem}.video-rating .star.active,.video-rating .star.hovered,.video-rating .star:hover{color:#f4b224}.rating-text{color:#a2aab5;font-size:.8rem;margin-left:4px}.rating-msg{margin-top:6px;font-size:.86rem}.error-page{background:#111317;border:1px solid #252a32;border-radius:10px;padding:28px 14px;text-align:center}.error-code{font-size:3rem;font-weight:700;color:#b1bcc9}.error-500{color:#ff5f74}.error-page p{color:#aab2be}.error-trace{margin:10px auto;text-align:left;max-width:900px;font-size:.78rem;border-radius:8px;border:1px solid #2a313b;background:#171a20;color:#c9d1dc;padding:8px;overflow:auto}.btn-home{display:inline-flex;margin-top:10px;background:var(--primary);color:#fff;border-radius:8px;padding:8px 14px}.site-footer{margin-top:34px;border-top:1px solid #181818;background:#000;padding:24px 0}.footer-center{text-align:center;max-width:980px}.footer-desc,.footer-note{color:#9ca4af;font-size:.98rem;line-height:1.65;margin:0 auto .3rem}.footer-note strong{color:var(--primary)}.footer-desc strong{color:#fff}.footer-links{margin-top:.9rem;display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.55rem}.footer-links a{color:#c7d0dd}.footer-links a:hover{color:var(--primary)}.footer-links .sep{color:#5d6671}.footer-categories{margin-top:.8rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.footer-categories a{font-size:.86rem;font-weight:600;border:1px solid #2a2f38;border-radius:999px;padding:4px 12px;background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transition:border-color .15s}.footer-categories a:nth-child(4n+1){background-image:linear-gradient(90deg,#ff9ec0,#ff6b9d,#ffcba4,#ff9ec0);border-color:rgba(255,158,192,.35);animation:3s linear infinite tagShine}.footer-categories a:nth-child(4n+2){background-image:linear-gradient(90deg,#90eaff,#60c8ff,#c4b5fd,#90eaff);border-color:rgba(144,234,255,.35);animation:3.5s linear infinite tagShine}.footer-categories a:nth-child(4n+3){background-image:linear-gradient(90deg,#c4b5fd,#d8b4fe,#f5d0fe,#c4b5fd);border-color:rgba(196,181,253,.35);animation:4s linear infinite tagShine}.footer-categories a:nth-child(4n+4){background-image:linear-gradient(90deg,#6ee7b7,#34d399,#a7f3d0,#6ee7b7);border-color:rgba(110,231,183,.35);animation:3.2s linear infinite tagShine}.footer-categories a:hover{filter:brightness(1.3)}@keyframes tagShine{0%{background-position:0 50%}100%{background-position:200% 50%}}.footer-copy{margin-top:.4rem;color:#7c8590;font-size:.84rem}@media (max-width:980px){.header-top{min-height:54px;justify-content:space-between}.logo-text{font-size:1.2rem}.nav-toggle{display:inline-block;margin-left:10px}.header-search{width:auto;flex:1}.header-search input{font-size:.92rem}.header-top>.header-search{display:none}.mobile-search-wrap{display:block;background:#0e1014;border-top:1px solid #1d2026;border-bottom:1px solid #1d2026;padding:8px 0}.header-search--mobile{width:100%;margin:0}.header-search--mobile button,.header-search--mobile input{height:38px}.header-nav-row{display:none}.site-header.is-nav-open .header-nav-row{display:block}.nav-search-wrap{min-height:auto;padding:8px 0}.main-nav{width:100%}.main-nav>ul{display:block;width:100%}.main-nav li{border-bottom:1px solid #21252d}.main-nav a,.main-nav span{padding:10px 8px;border-bottom:0}.has-dropdown{display:grid;grid-template-columns:1fr auto;align-items:center}.has-dropdown>a,.has-dropdown>span{grid-column:1}.nav-sub-toggle{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;background:0 0;border:0;color:#fff;cursor:pointer}.nav-sub{position:static;min-width:0;margin:0 0 8px}.has-dropdown.is-open>.nav-sub{display:block}.video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.recommended-item{flex:0 0 calc((100% - 8px)/ 3)}.video-panels{grid-template-columns:1fr}.video-detail+section{margin-top:14px}}@media (max-width:640px){.container{padding:0 8px}.header-top{gap:8px}.site-logo{gap:6px}.logo-mark{width:28px;height:28px}.logo-text{font-size:1.05rem}.header-search input{font-size:.86rem}.home-hero{padding:0 0 6px;margin-bottom:14px}.home-hero-title{font-size:1.1rem;line-height:1.34}.home-hero-subtitle{font-size:.84rem}.section-title{font-size:1.14rem;gap:6px}.section-title::before{height:12px}.title-count{margin-left:8px;font-size:.7em}.title-count-value::before{margin-right:6px}.section-subtitle{font-size:.84rem}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.recommended-item{flex:0 0 calc((100% - 4px)/ 2)}.slider-btn{width:32px;height:32px}.slider-btn svg{width:18px;height:18px}.card-title{font-size:.8rem;height:2.7em}.card-meta{font-size:.72rem}.search-form--page{flex-direction:column}#search-page-input{min-height:46px;font-size:1rem;padding:0 14px}.search-form--page button{min-height:44px;font-size:.95rem}}