:root{--ink:#eef0f7;--muted:#9ba5b7;--accent:#f4bb63;--line:#30384c;--panel:#1a2030;--bg:#0b0e16;--mwidth:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg)!important;color:var(--ink)!important;font-family:"Microsoft Yahei",system-ui,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}img{display:block;max-width:100%}
.cine-shell{max-width:var(--mwidth);margin:0 auto;padding:0 26px}.cine-header{position:sticky;top:0;z-index:30;background:rgba(10,13,22,.96);border-bottom:1px solid #31394a;backdrop-filter:blur(16px)}.cine-header .cine-shell{display:flex;align-items:center;min-height:76px;gap:32px}.cine-brand{color:#fff;font-size:26px;font-weight:900;white-space:nowrap}.cine-brand em{font-style:normal;color:var(--accent)}.cine-nav{display:flex;flex-wrap:wrap;gap:23px;font-weight:650;font-size:14px;color:#c8cede}.cine-label{color:var(--accent);text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:800}.cine-heading{font-size:29px;margin:0;color:#fff;letter-spacing:-.4px}.cine-desc{color:var(--muted);line-height:1.9;margin:8px 0 0}.cine-section{padding:40px 0}.cine-section.alt{background:#101522}.cine-headline{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.cine-hero{min-height:520px;background:linear-gradient(90deg,#0a101d 8%,rgba(10,16,29,.9) 48%,rgba(10,16,29,.2)),radial-gradient(ellipse at 83% 27%,#7b3f31,transparent 38%),#171526;position:relative;overflow:hidden}.cine-hero .cine-shell{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:40px;min-height:520px}.cine-hero h1{font-size:clamp(37px,4vw,62px);line-height:1.22;letter-spacing:-1px;margin:20px 0 22px;color:#fff}.cine-hero p{font-size:16px;color:#cbd0dc;max-width:620px;line-height:1.95}.cine-hero-art{display:flex;align-items:center;justify-content:center;gap:12px;transform:rotate(-4deg)}.cine-hero-art img{width:31%;aspect-ratio:4/5;object-fit:cover;border-radius:15px;border:3px solid rgba(255,255,255,.18);box-shadow:0 16px 30px #0009}.cine-hero-art img:nth-child(2){width:37%;transform:translateY(-16px)}.cine-btn{display:inline-flex;padding:12px 22px;background:var(--accent);border-radius:7px;color:#1d1820;font-weight:900;margin:12px 12px 0 0}.cine-btn.secondary{background:transparent;border:1px solid #738098;color:#fff}.cine-feature{display:grid;grid-template-columns:1.5fr 1fr;gap:18px}.cine-feature-main{position:relative;min-height:360px;border-radius:15px;overflow:hidden;background:#242331}.cine-feature-main>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 24%;filter:brightness(.56)}.cine-feature-copy{position:relative;z-index:1;padding:32px;max-width:70%;margin-top:90px}.cine-feature-copy h3{font-size:27px;line-height:1.3;margin:10px 0}.cine-feature-copy p{font-size:14px;color:#ddd}.cine-feature-list{display:grid;gap:14px}.cine-feature-row{display:flex;gap:16px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:10px;background:var(--panel)}.cine-feature-row img{width:76px;height:96px;object-fit:cover;border-radius:7px}.cine-feature-row b{font-size:15px}.cine-feature-row span{display:block;color:var(--muted);font-size:12px;margin-top:6px}.cine-posters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:17px}.cine-poster{background:#171c2a;border-radius:12px;overflow:hidden;border:1px solid #2c3344;transition:transform .2s}.cine-poster:hover{transform:translateY(-4px)}.cine-poster img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 27%}.cine-poster-info{padding:13px}.cine-poster strong{font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:42px;line-height:1.5}.cine-poster small{color:var(--muted);font-size:12px}.cine-genres{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cine-genre{padding:23px;border:1px solid #344057;background:linear-gradient(145deg,#222b3d,#111725);border-radius:11px}.cine-genre h3{font-size:21px;margin:0 0 9px}.cine-genre p{color:var(--muted);font-size:13px;margin:0}.cine-stories{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cine-story{padding:25px;border:1px solid #2c364b;background:#171e2c;border-radius:12px}.cine-story h3{font-size:20px;margin:9px 0}.cine-story p{color:#acb5c7;font-size:14px}.cine-story a{color:#f5c980}.cine-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px}.cine-article{background:#141a27;border:1px solid #313a4b;border-radius:14px;padding:34px}.cine-article h1{font-size:clamp(26px,3.2vw,42px);line-height:1.34;margin:6px 0 22px;color:white}.cine-article h2{color:white;font-size:23px;margin:32px 0 14px;padding-bottom:12px;border-bottom:1px solid #303b51}.cine-article h3{color:#ffd59b;font-size:18px}.cine-article p{line-height:2.08;font-size:16px;color:#c8d0df}.cine-side{position:sticky;top:100px;align-self:start}.cine-side-panel{background:#1a2231;border:1px solid #313b50;border-radius:12px;padding:18px;margin-bottom:16px}.cine-side-panel img{width:100%;max-height:340px;object-fit:cover;object-position:center 22%;border-radius:8px;aspect-ratio:4/5}.cine-side-panel h3{margin:12px 0}.cine-side-panel p{color:var(--muted);font-size:13px}.cine-small-links{display:grid;gap:12px}.cine-small-links a{display:flex;gap:10px;align-items:center;font-size:13px}.cine-small-links img{width:52px;height:68px;object-fit:cover;border-radius:6px}.cine-chipline{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0}.cine-chipline a{display:inline-block;border:1px solid #48536c;background:#222a3b;border-radius:99px;padding:7px 13px;font-size:13px;color:#d4d9e5}.cine-intro{padding:34px;background:#151d2a;border-radius:14px;border:1px solid #2d394e;margin-bottom:22px}.cine-intro h1{font-size:36px;margin:8px 0}.cine-intro p{line-height:1.95;color:#b9c5d6}.cine-lead{font-size:17px;color:#d3d9e6;line-height:2}.cine-foot-holder{background:#0a0d13;border-top:1px solid #313c50;margin-top:48px;min-height:180px}.cine-foot-holder footer{max-width:var(--mwidth);margin:auto;padding:30px 26px;color:#a9b5c8}.cine-foot-holder h2{color:#fff;font-size:20px}.cine-foot-holder a{margin-right:15px}.cine-foot-holder a:hover{color:#f5c580}
@media(max-width:960px){.cine-posters{grid-template-columns:repeat(4,1fr)}.cine-genres{grid-template-columns:repeat(2,1fr)}.cine-feature,.cine-layout{grid-template-columns:1fr}.cine-side{position:static}.cine-stories{grid-template-columns:repeat(2,1fr)}.cine-header .cine-shell{flex-wrap:wrap;padding:12px 20px}.cine-nav{gap:13px}.cine-hero .cine-shell{grid-template-columns:1fr}.cine-hero-art{display:none}.cine-hero{min-height:360px}.cine-hero .cine-shell{min-height:360px}}
@media(max-width:600px){.cine-shell{padding:0 16px}.cine-posters{grid-template-columns:repeat(2,1fr);gap:12px}.cine-genres,.cine-stories{grid-template-columns:1fr}.cine-hero h1{font-size:34px}.cine-feature-copy{max-width:90%;padding:20px}.cine-feature-main{min-height:300px}.cine-section{padding:30px 0}.cine-article{padding:22px}.cine-nav{font-size:12px}.cine-heading{font-size:23px}}