/* Intentional visual variation for tj-hy.cn; document head metadata remains unchanged. */
:root{--ink:#1c2030;--muted:#6d7182;--paper:#f7f5fb;--card:#fff;--accent:#dc5b82;--accent2:#7461cf;--line:#ebe8f1}
*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font-family:Inter,'PingFang SC','Microsoft YaHei',sans-serif}
.wrap{max-width:1320px;padding:0 26px}.header{padding:20px 0;border-bottom:1px solid var(--line)}.logo .icon{background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text}.logo .icon::before{color:var(--accent)}.nav{gap:16px}.nav a.active,.nav a:hover{color:var(--accent)}.nav a.active::after{background:linear-gradient(90deg,var(--accent),transparent)}
.search{border:1px solid var(--line);box-shadow:0 8px 24px #3b315b0b}.search button{background:var(--accent)}
.hero-cosmic{height:430px;margin:22px 0 40px;border-radius:18px;background:#24203c;box-shadow:0 18px 50px #31244d25}.hero-cosmic .left{padding:42px 48px}.hero-cosmic .left .bg{filter:brightness(.32) saturate(.8)}.hero-cosmic .left .overlay{background:linear-gradient(90deg,#24203cf2 8%,#24203c99 65%,#24203c22)}.hero-cosmic .left .tag{background:#dc5b8230;color:#ffb5c9;border-color:#dc5b8250}.hero-cosmic .left h1{font-size:52px;background:linear-gradient(90deg,#fff4f7,#ef9db6);-webkit-background-clip:text}.hero-cosmic .left p{color:#d2ccdc}.hero-cosmic .left .btn{background:var(--accent);box-shadow:0 8px 26px #dc5b8240}.hero-cosmic .right{width:300px;background:#17142a99;border-left:1px solid #ffffff18}.hero-cosmic .right .label{color:#ffb5c9}.hero-cosmic .right .label::before{background:var(--accent)}.hero-cosmic .right .list .item:hover{background:#dc5b8214;border-left-color:var(--accent)}.hero-cosmic .right .list .item .n{color:#f18aa6}
.section{margin:36px 0 30px}.section .hd{margin-bottom:18px}.section .hd h2{font-size:24px;color:var(--ink)}.section .hd h2::after{background:linear-gradient(90deg,var(--accent),transparent)}.section .hd .more{color:var(--muted)}.grid-feature{grid-template-columns:repeat(4,1fr);gap:16px}.grid-feature .big{border-radius:14px;box-shadow:0 8px 24px #39275b0c;border:1px solid var(--line)}.grid-feature .big:first-child{grid-column:span 2}.grid-feature .big .img{height:210px;background:#e8e4f0}.grid-feature .big .flag{background:#dc5b82}.grid-feature .big .info{padding:15px 17px 18px}.grid-feature .big .info h3{color:var(--ink);font-size:17px}.grid-feature .big .info p{color:var(--muted)}
.poster-grid{gap:15px}.poster{border-radius:12px;background:var(--card);box-shadow:0 7px 20px #39275b0b;border:1px solid var(--line)}.poster .pic{height:210px}.poster .info{padding:13px 15px}.poster .info h3{color:var(--ink)}.poster .info p{color:var(--muted)}
.hero-cosmic .right{order:1}.hero-cosmic .left{order:2;width:calc(100% - 300px)}
.grid-feature{grid-template-columns:1.25fr .75fr .75fr;align-items:stretch}.grid-feature .big{grid-row:span 2}.grid-feature .big .img{height:320px}.grid-feature .side{gap:10px}.grid-feature .side .item{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px;display:grid;grid-template-columns:88px 1fr;min-height:150px}.grid-feature .side .item .thumb{height:130px;border-radius:9px;overflow:hidden}.grid-feature .side .item .thumb img{height:100%;object-fit:cover}.grid-feature .side .item .si{padding:8px 4px}
.scroll-cards{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;overflow:visible!important}.scroll-cards .item{min-width:0!important;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden}.scroll-cards .item .img{height:235px!important}.scroll-cards .item:nth-child(2n) .img{height:175px!important}.scroll-cards .item .img img{height:100%;width:100%;object-fit:cover}.scroll-cards .item .info{padding:12px 14px}.grid-movie{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:16px!important}.grid-movie .card{border-radius:14px!important;overflow:hidden}.grid-movie .card .img{height:250px!important}.grid-movie .card:nth-child(3n) .img{height:190px!important}.grid-movie .card .img img{height:100%;object-fit:cover}
.hero-cosmic .right .list{display:flex}.hero-cosmic .right .list .item:nth-last-child(1){order:1}.hero-cosmic .right .list .item:nth-last-child(2){order:2}.hero-cosmic .right .list .item:nth-last-child(3){order:3}.hero-cosmic .right .list .item:nth-last-child(4){order:4}.hero-cosmic .right .list .item:nth-last-child(5){order:5}
.grid-feature .side .item:nth-last-child(1){order:1}.grid-feature .side .item:nth-last-child(2){order:2}
.scroll-cards .item:nth-last-child(1){order:1}.scroll-cards .item:nth-last-child(2){order:2}.scroll-cards .item:nth-last-child(3){order:3}.scroll-cards .item:nth-last-child(4){order:4}.scroll-cards .item:nth-last-child(5){order:5}.scroll-cards .item:nth-last-child(6){order:6}.scroll-cards .item:nth-last-child(7){order:7}.scroll-cards .item:nth-last-child(8){order:8}
.grid-movie .card:nth-last-child(1){order:1}.grid-movie .card:nth-last-child(2){order:2}.grid-movie .card:nth-last-child(3){order:3}.grid-movie .card:nth-last-child(4){order:4}.grid-movie .card:nth-last-child(5){order:5}.grid-movie .card:nth-last-child(6){order:6}.grid-movie .card:nth-last-child(7){order:7}.grid-movie .card:nth-last-child(8){order:8}
footer{background:#24203c!important;color:#c8c3d4!important;border-top:0}.footer-inner{max-width:1320px}
@media(max-width:900px){.hero-cosmic{height:460px}.hero-cosmic .right{width:250px}.hero-cosmic .left{width:calc(100% - 250px)}.grid-feature{grid-template-columns:repeat(2,1fr)}.grid-feature .big:first-child{grid-column:span 2}.scroll-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-movie{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:640px){.wrap{padding:0 16px}.header{gap:14px}.nav{order:3;width:100%;justify-content:space-between;gap:8px;font-size:12px}.search{margin-left:auto}.hero-cosmic{height:auto;min-height:520px;display:flex;flex-direction:column}.hero-cosmic .left{width:100%;min-height:340px;padding:34px 26px;order:2}.hero-cosmic .left h1{font-size:40px}.hero-cosmic .right{width:100%;padding:18px 20px;order:1}.grid-feature{grid-template-columns:1fr}.grid-feature .big:first-child{grid-column:auto}.grid-feature .big .img{height:260px}.scroll-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.scroll-cards .item .img,.scroll-cards .item:nth-child(2n) .img{height:190px!important}.grid-movie{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid-movie .card .img,.grid-movie .card:nth-child(3n) .img{height:220px!important}.poster .pic{height:190px}}