:root{--cx-bg:#111821;--cx-ink:#05090d;--cx-card:#121c25;--cx-card2:#17232d;--cx-line:#263542;--cx-muted:#8d9ba7;--cx-text:#eef5f8;--cx-yellow:#ffc400;--cx-red:#ef4444;--cx-green:#22c55e}
*{letter-spacing:0}
body.cinex-front{background:radial-gradient(circle at 20% 0,#1b2632 0,#101820 34%,#0b1117 100%);color:var(--cx-text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px}
.cx-page{max-width:1460px;margin:0 auto;padding:54px 14px 22px}
.cx-panel{background:linear-gradient(180deg,rgba(18,28,37,.98),rgba(9,15,20,.98));border:1px solid #22313d;border-radius:7px;box-shadow:0 18px 46px rgba(0,0,0,.32);overflow:hidden}
.cx-nav{background:rgba(9,15,20,.96);border-bottom:1px solid rgba(255,255,255,.06);height:54px;backdrop-filter:blur(14px)}
.cx-nav .container{max-width:1460px}.cx-logo{font-weight:900;color:#fff;text-decoration:none;font-size:1.42rem;line-height:1}.cx-logo span{color:var(--cx-yellow)}
.cx-nav .nav-link{position:relative;color:#d8e1e8;font-weight:700;font-size:.78rem;padding:.8rem .7rem}.cx-nav .nav-link:hover,.cx-nav .nav-link.active{color:#fff}.cx-nav .nav-link.active:after{content:"";position:absolute;left:.7rem;right:.7rem;bottom:.28rem;height:2px;background:var(--cx-yellow)}
.cx-search-wrap{min-width:310px}.cx-search{height:30px;background:#0c141b;border:1px solid #3a4b58;color:#f8fbff;border-radius:4px;font-size:.78rem}.cx-search:focus{background:#0c141b;color:#fff;border-color:#ffc400;box-shadow:0 0 0 2px rgba(255,196,0,.14)}.cx-search::placeholder,.cx-control::placeholder{color:#b8c5cf;opacity:1}
.cx-icon-btn{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;border:1px solid #2a3946;background:#0d151c;color:#dce6eb}
.cx-hero{min-height:350px;background-size:cover;background-position:center;position:relative;display:flex;align-items:center}.cx-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#081016 0,rgba(8,16,22,.86) 36%,rgba(8,16,22,.26) 78%),linear-gradient(0deg,#081016 0,rgba(8,16,22,0) 42%)}
.cx-hero-inner{position:relative;z-index:1;width:min(620px,92%);padding:34px 24px}.cx-kicker{display:flex;gap:.35rem;align-items:center;color:var(--cx-yellow);font-weight:900;text-transform:uppercase;font-size:.72rem}.cx-title{font-size:clamp(1.8rem,4vw,3.4rem);font-weight:900;line-height:1;margin:.42rem 0}.cx-copy{color:#d4dee6;line-height:1.55;font-size:.88rem;max-width:580px}
.cx-meta-line{display:flex;flex-wrap:wrap;gap:.8rem;color:#b9c6cf;font-size:.78rem}.cx-meta-line i,.cx-score{color:var(--cx-yellow)}.cx-btn{height:34px;border-radius:4px;padding:0 .9rem;font-weight:900;font-size:.78rem;border:0;display:inline-flex;gap:.4rem;align-items:center}.cx-btn-red,.cx-btn-yellow{background:var(--cx-yellow);color:#111}.cx-btn-ghost{background:#111b24;color:#eaf2f5;border:1px solid #324554}
.cx-feature-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:12px 14px;background:rgba(12,20,27,.92);border-top:1px solid #22313d}.cx-feature{display:flex;gap:.65rem;align-items:center;background:#111a22;border:1px solid #22313d;border-radius:5px;padding:.7rem}.cx-feature i{font-size:1.3rem;color:var(--cx-yellow)}.cx-feature strong{display:block;font-size:.82rem}.cx-feature span{display:block;color:var(--cx-muted);font-size:.7rem}
.cx-section{padding:18px 0}.cx-section-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px}.cx-section h2{font-size:1.02rem;font-weight:900;margin:0;border-left:3px solid var(--cx-yellow);padding-left:.5rem}.cx-view{font-size:.76rem;color:var(--cx-yellow);font-weight:800;text-decoration:none}
.cx-row{display:grid;grid-auto-flow:column;grid-auto-columns:148px;gap:12px;overflow-x:auto;overflow-y:hidden;padding:2px 0 8px;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.cx-row::-webkit-scrollbar{display:none}.cx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:15px}
.cx-card{scroll-snap-align:start;color:#fff;text-decoration:none;background:#0f171f;border:1px solid #22313d;border-radius:6px;overflow:hidden;transition:transform .15s ease,border-color .15s ease}.cx-card:hover{transform:translateY(-2px);border-color:#405362;color:#fff}.cx-poster-wrap{position:relative}.cx-poster{aspect-ratio:16/22;border-radius:0;object-fit:cover;width:100%;background:#17232d}.cx-rating{position:absolute;top:7px;left:7px;background:rgba(5,9,13,.82);color:var(--cx-yellow);font-weight:900;border-radius:3px;padding:.12rem .36rem;font-size:.68rem}.cx-card-body{padding:.55rem}.cx-card-title{font-size:.8rem;font-weight:900;margin:0 0 .12rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cx-meta{color:var(--cx-muted);font-size:.7rem}.cx-empty{background:#101923;border:1px dashed #344553;border-radius:7px;padding:40px;text-align:center;color:#8ea0ad}
.cx-toolbar{display:grid;grid-template-columns:repeat(4,minmax(120px,180px)) 1fr auto;gap:10px;align-items:center;margin:12px 0 18px}.cx-control{height:34px;background:#101922;border:1px solid #3a4b58;color:#f8fbff;border-radius:4px;font-size:.78rem}.cx-control:focus{background:#101922;color:#fff;border-color:#ffc400;box-shadow:0 0 0 2px rgba(255,196,0,.14)}.cx-control option{background:#101922;color:#fff}.cx-filter{background:var(--cx-yellow);color:#111;border:0;border-radius:4px;height:34px;padding:0 .75rem;font-weight:900;font-size:.78rem}
.cx-detail{min-height:420px;background-size:cover;background-position:center;position:relative}.cx-detail:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#071017 0,rgba(7,16,23,.94) 40%,rgba(7,16,23,.56) 75%),linear-gradient(0deg,#081016 0,rgba(8,16,22,0) 42%)}.cx-detail-inner{position:relative;z-index:1;padding:30px 20px}.cx-detail-grid{display:grid;grid-template-columns:250px minmax(0,1fr) 180px;gap:22px;align-items:start}.cx-detail-poster{width:100%;border-radius:5px;border:1px solid #31414e}.cx-fact-table{font-size:.78rem;color:#ccd6dd}.cx-fact-table div{display:grid;grid-template-columns:92px 1fr;border-bottom:1px solid rgba(255,255,255,.06);padding:.34rem 0}.cx-side-rating{background:rgba(11,18,24,.82);border:1px solid #263642;border-radius:7px;padding:12px}.cx-bars span{display:block;height:4px;background:#263642;border-radius:99px;margin:8px 0;overflow:hidden}.cx-bars span:before{content:"";display:block;height:100%;width:var(--w);background:var(--cx-yellow)}
.cx-cast{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:12px}.cx-cast-card{background:#101923;border:1px solid #22313d;border-radius:6px;padding:10px;text-align:center}.cx-face{width:76px;height:76px;border-radius:50%;object-fit:cover;background:#222}
.cx-genre{display:block;min-height:112px;padding:1rem;border-radius:6px;background:linear-gradient(160deg,rgba(255,196,0,.14),rgba(17,26,34,.96)),#121c25;background-size:cover;background-position:center;border:1px solid #2e4352;color:#fff;text-decoration:none;font-weight:900;position:relative;overflow:hidden}.cx-genre:before{content:"";position:absolute;inset:0;background:linear-gradient(140deg,rgba(255,196,0,.16),rgba(6,13,18,.82) 58%,rgba(6,13,18,.96));z-index:0}.cx-genre>*{position:relative;z-index:1}.cx-genre strong{display:block;font-size:1.06rem;line-height:1.2;text-shadow:0 2px 7px rgba(0,0,0,.7)}.cx-genre small{display:block;color:#d6e0e7;margin-top:.7rem;font-weight:800;text-shadow:0 2px 7px rgba(0,0,0,.7)}.cx-genre:hover{color:#fff;border-color:#ffc400;transform:translateY(-2px)}
.cx-list-result{display:grid;grid-template-columns:86px 1fr 45px;gap:12px;align-items:center;background:#101923;border:1px solid #20313e;border-radius:5px;padding:8px;text-decoration:none;color:#fff}.cx-list-result img{width:86px;height:54px;object-fit:cover;border-radius:4px}.cx-list-result:hover{color:#fff;border-color:#3b4c59}.cx-watch-row{display:grid;grid-template-columns:90px 1fr auto;gap:14px;align-items:center;background:#101923;border:1px solid #22313d;border-radius:5px;padding:10px}.cx-watch-row img{width:90px;height:58px;object-fit:cover;border-radius:4px}
.cx-auth{display:grid;grid-template-columns:1fr 1fr;gap:0;max-width:780px;margin:0 auto}.cx-auth-panel{padding:28px;background:#101923;border-right:1px solid #273846}.cx-auth-art{background:linear-gradient(90deg,rgba(8,16,22,.82),rgba(8,16,22,.35)),url('../images/placeholder-backdrop.svg') center/cover;min-height:430px}.cx-auth .form-control{background:#0b131a;border-color:#2b3a46;color:#fff;height:38px;font-size:.8rem}
.pagination{justify-content:flex-end;gap:0;margin:0;--bs-pagination-bg:#101923;--bs-pagination-border-color:#263642;--bs-pagination-color:#f6fbff;--bs-pagination-hover-bg:#17242e;--bs-pagination-hover-border-color:#405666;--bs-pagination-hover-color:#fff;--bs-pagination-active-bg:#ffc400;--bs-pagination-active-border-color:#ffc400;--bs-pagination-active-color:#111;--bs-pagination-disabled-bg:#e9eef4;--bs-pagination-disabled-border-color:#e9eef4;--bs-pagination-disabled-color:#1a2a35}.page-link{min-width:42px;height:42px;display:grid;place-items:center;font-weight:800}.page-item:first-child .page-link{border-top-left-radius:7px;border-bottom-left-radius:7px}.page-item:last-child .page-link{border-top-right-radius:7px;border-bottom-right-radius:7px}.flex.justify-between,.sm\:flex-1,.text-sm.text-gray-700,.text-muted,.small.text-muted{color:#d7e2ea!important}.cx-pagination-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:28px;color:#d7e2ea;font-size:.86rem}
.cx-footer{display:block;background:#070d12;border-top:1px solid #22313d;margin-top:42px;padding:32px 0 18px;color:#b9c6cf}.cx-footer-inner{max-width:1460px;margin:0 auto;padding:0 14px;display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:24px}.cx-footer h3,.cx-footer h4{color:#fff;font-weight:900;margin-bottom:.7rem}.cx-footer h3 span{color:var(--cx-yellow)}.cx-footer a{display:block;color:#b9c6cf;text-decoration:none;margin:.35rem 0}.cx-footer a:hover{color:#ffc400}.cx-footer-bottom{max-width:1460px;margin:20px auto 0;padding:16px 14px 0;border-top:1px solid #17242e;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.82rem}
.cx-ad{max-width:970px;margin:16px auto;text-align:center;overflow:hidden;border-radius:6px}.cx-ad img{max-width:100%;height:auto;border-radius:6px;display:inline-block}.cx-ad iframe,.cx-ad ins{max-width:100%}.cx-ad-movie_detail_sidebar,.cx-ad-tv_detail_sidebar{margin:14px 0 0}.cx-ad-footer_sticky_mobile_banner{display:none}
.admin-shell{min-height:100vh;background:#eef2f7;color:#172033}.admin-sidebar{position:fixed;inset:0 auto 0 0;width:260px;background:#111827;color:#d7dee9;padding:1rem;overflow:auto}.admin-main{margin-left:260px;min-height:100vh}.admin-top{background:#fff;border-bottom:1px solid #e5e7eb;padding:1rem 1.5rem}.admin-content{padding:1.5rem}.admin-brand{font-size:1.3rem;color:#fff;text-decoration:none;font-weight:900;display:block;margin:.4rem 0 1.25rem}.admin-brand span{color:var(--cx-red)}.admin-menu a{display:flex;gap:.75rem;align-items:center;color:#b9c2d0;text-decoration:none;padding:.72rem .8rem;border-radius:8px;font-weight:700}.admin-menu a:hover,.admin-menu a.active{background:#1f2937;color:#fff}.stat-card,.dash-card{background:#fff;border:1px solid #e7eaf0;border-radius:8px;padding:1rem;box-shadow:0 8px 24px rgba(15,23,42,.05)}.stat-card strong{font-size:1.8rem}.required{color:var(--cx-red);font-weight:900}.table img{width:42px;height:62px;object-fit:cover;border-radius:6px}
@media(max-width:1100px){.cx-toolbar{grid-template-columns:repeat(2,1fr)}.cx-detail-grid{grid-template-columns:190px 1fr}.cx-side-rating{grid-column:1/-1}.cx-feature-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){body.cinex-front{font-size:13px}.cx-page{padding:58px 10px 16px}.cx-nav{height:auto}.cx-search-wrap{min-width:100%;margin-top:8px}.cx-hero{min-height:430px;align-items:end}.cx-hero-inner{padding:24px 14px}.cx-feature-strip{grid-template-columns:1fr}.cx-row{grid-auto-columns:44vw}.cx-grid{grid-template-columns:repeat(2,1fr);gap:10px}.cx-detail-grid{grid-template-columns:1fr}.cx-detail-poster{max-width:210px}.cx-toolbar{grid-template-columns:1fr}.cx-auth{grid-template-columns:1fr}.cx-auth-art{display:none}.cx-watch-row{grid-template-columns:72px 1fr auto}.cx-watch-row img{width:72px;height:48px}.cx-pagination-row{align-items:flex-start;flex-direction:column}.cx-pagination-row>div:empty{display:none}.pagination{justify-content:flex-start}.cx-footer-inner{grid-template-columns:1fr}.cx-ad-footer_sticky_mobile_banner{display:block;position:fixed;left:0;right:0;bottom:0;z-index:40;margin:0;padding:6px;background:rgba(7,13,18,.96);border-top:1px solid #22313d;border-radius:0}.admin-sidebar{position:static;width:auto}.admin-main{margin-left:0}}