:root{--bg:#090d16;--panel:#111827;--panel2:#182235;--line:rgba(255,255,255,.09);--text:#f5f7fb;--muted:#98a4b8;--brand:#ff3d62;--brand2:#7c4dff;--shell:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;line-height:1.75}a{color:inherit;text-decoration:none}.shell{width:min(calc(100% - 40px),var(--shell));margin:0 auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(9,13,22,.9);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.header-main{height:72px;display:flex;align-items:center;gap:44px}.brand{display:flex;align-items:center;gap:12px;min-width:220px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--brand),#ff754c);box-shadow:0 10px 30px rgba(255,61,98,.28)}.brand-copy{display:flex;flex-direction:column;line-height:1.35}.brand-copy strong{font-size:20px}.brand-copy small{color:var(--muted);font-size:11px;letter-spacing:1.5px}.main-nav{display:flex;align-items:center;gap:30px;flex:1}.main-nav a{color:#c4cada;font-size:15px;transition:.2s}.main-nav a:hover,.main-nav .active{color:#fff}.main-nav .active{font-weight:700}.header-search{padding:9px 18px;border:1px solid var(--line);border-radius:999px;color:#dfe5ef}.hero{position:relative;min-height:500px;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 75% 30%,#402057 0,transparent 35%),linear-gradient(110deg,#121a2c,#080b12)}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.38;filter:saturate(.85)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#090d16 8%,rgba(9,13,22,.88) 38%,rgba(9,13,22,.2) 78%,#090d16),linear-gradient(0deg,#090d16 0,transparent 45%)}.hero-content{position:relative;padding:70px 0 94px}.hero-badge{display:inline-flex;padding:6px 12px;border-radius:999px;background:rgba(255,61,98,.16);color:#ff8198;font-size:13px;font-weight:700}.hero h1{max-width:760px;margin:18px 0 12px;font-size:clamp(34px,5vw,62px);line-height:1.15;letter-spacing:-1px}.hero p{max-width:680px;margin:0;color:#c0c8d6;font-size:17px}.hero-meta,.article-meta{display:flex;flex-wrap:wrap;gap:20px;margin-top:18px;color:var(--muted);font-size:13px}.hero-actions{display:flex;gap:12px;margin-top:28px}.primary-button,.ghost-button{display:inline-flex;align-items:center;justify-content:center;min-width:128px;padding:11px 22px;border-radius:10px;font-weight:700}.primary-button{background:linear-gradient(135deg,var(--brand),#ff6a4c);box-shadow:0 12px 30px rgba(255,61,98,.25)}.ghost-button{border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.06)}.category-strip{position:relative;margin-top:-28px;padding:17px 22px;display:flex;align-items:center;gap:20px;overflow:auto;border:1px solid var(--line);border-radius:16px;background:rgba(17,24,39,.94);box-shadow:0 22px 55px rgba(0,0,0,.28)}.category-strip strong{white-space:nowrap;color:#fff}.category-strip a{white-space:nowrap;color:var(--muted);font-size:14px}.category-strip a:hover{color:var(--brand)}.section-block{padding:66px 0 10px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.section-head span,.aside-title>span{font-size:11px;color:var(--brand);font-weight:800;letter-spacing:2px}.section-head h2,.aside-title h2{margin:1px 0 0;font-size:28px;line-height:1.25}.section-head>a{color:var(--muted);font-size:14px}.movie-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px 18px}.movie-card{min-width:0}.poster{position:relative;display:block;aspect-ratio:16/10;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,#222e46,#4c2657)}.poster img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.movie-card:hover .poster img{transform:scale(1.05)}.poster i{height:100%;display:grid;place-items:center;font-size:54px;font-style:normal;color:rgba(255,255,255,.22)}.poster em{position:absolute;top:10px;right:10px;padding:3px 8px;border-radius:6px;background:rgba(9,13,22,.78);color:#fff;font-size:11px;font-style:normal}.poster b{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:rgba(255,61,98,.9);transform:translate(-50%,-50%) scale(.8);opacity:0;transition:.2s}.movie-card:hover .poster b{opacity:1;transform:translate(-50%,-50%) scale(1)}.movie-card>strong{display:block;margin-top:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px}.movie-card>small{color:var(--muted)}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;padding-top:66px}.content-card,.ranking-card,.recommend-grid>a{border:1px solid var(--line);background:var(--panel);border-radius:18px}.content-card{padding:clamp(24px,4vw,48px)}.article-path{display:flex;gap:9px;color:var(--muted);font-size:13px}.content-card>h2{margin:18px 0 0;font-size:32px;line-height:1.35}.lead{margin:24px 0;padding:18px 20px;border-left:4px solid var(--brand);background:rgba(255,255,255,.035);color:#c7cfdb}.article-body{font-size:17px;color:#d7dce6}.article-body h2,.article-body h3{margin-top:36px;color:#fff}.article-body img{max-width:100%;height:auto;border-radius:12px}.article-body a{color:#ff7890}.ranking-card{align-self:start;padding:26px}.ranking-card>a{display:flex;gap:14px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.ranking-card>a:last-child{border:0}.ranking-card i{display:grid;place-items:center;width:30px;height:30px;flex:0 0 auto;border-radius:9px;background:var(--panel2);color:var(--brand);font-style:normal;font-weight:800}.ranking-card a:nth-of-type(-n+3) i{background:var(--brand);color:#fff}.ranking-card a span{min-width:0;display:flex;flex-direction:column}.ranking-card a strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.ranking-card a small{color:var(--muted)}.compact-section{padding-bottom:64px}.recommend-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.recommend-grid>a{padding:21px;transition:.2s}.recommend-grid>a:hover{border-color:rgba(255,61,98,.55);transform:translateY(-2px)}.recommend-grid strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recommend-grid p{height:48px;margin:7px 0;color:var(--muted);font-size:13px;line-height:1.8;overflow:hidden}.recommend-grid span{font-size:12px;color:var(--brand)}.library-wrap{padding-bottom:64px}.article-library-links{padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.article-library-links .related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.article-library-links .related-item{padding:8px 0;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.article-section-title{margin:0 0 12px}.site-footer{padding:42px 0 20px;border-top:1px solid var(--line);background:#070a11;color:var(--muted)}.footer-grid{display:flex;align-items:start;justify-content:space-between;gap:30px}.footer-grid strong{font-size:20px;color:#fff}.footer-grid p{margin:4px 0}.footer-grid nav{display:flex;flex-wrap:wrap;gap:22px}.footer-grid a:hover{color:#fff}.copyright{margin-top:25px;padding-top:18px;border-top:1px solid var(--line);font-size:12px}@media(max-width:900px){.header-main{gap:18px}.main-nav{display:none}.header-search{margin-left:auto}.movie-grid{grid-template-columns:repeat(2,1fr)}.content-layout{grid-template-columns:1fr}.recommend-grid{grid-template-columns:repeat(2,1fr)}.article-library-links .related-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.shell{width:min(calc(100% - 24px),var(--shell))}.header-main{height:62px}.brand{min-width:0}.brand-copy small,.header-search{display:none}.hero{min-height:440px}.hero-content{padding:54px 0 76px}.hero h1{font-size:34px}.hero p{font-size:15px}.hero-actions a{flex:1}.category-strip{gap:16px}.section-block{padding-top:46px}.movie-grid{gap:18px 10px}.poster{aspect-ratio:3/4}.content-card{padding:22px}.content-card>h2{font-size:25px}.recommend-grid,.article-library-links .related-grid{grid-template-columns:1fr}.footer-grid{display:block}.footer-grid nav{margin-top:20px}}

@media(max-width:900px){.main-nav.article-with-movie{display:flex;flex:0 0 auto;gap:8px;margin-left:auto}.main-nav.article-with-movie>a:not(.article-nav-entry){display:none}.main-nav.article-with-movie .article-nav-entry{display:inline-flex;align-items:center;padding:6px 14px;border:1px solid currentColor;border-radius:6px;white-space:nowrap}}