*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0b0d13;color:#f2f2f6;font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}img{display:block;width:100%}.wrap{width:min(1250px,calc(100% - 40px));margin:auto}.top{background:rgba(12,14,20,.93);position:sticky;top:0;z-index:10;border-bottom:1px solid #222632;backdrop-filter:blur(15px)}.topin{display:flex;align-items:center;gap:29px;min-height:74px}.brand{font-weight:900;font-size:24px;white-space:nowrap}.brand b{color:#ff8c22}.nav{display:flex;gap:20px;align-items:center;overflow:auto;white-space:nowrap}.nav a{font-size:14px;color:#bcc0cc}.nav a:hover{color:#ff9c3f}.hero{padding:46px 0;background:radial-gradient(circle at 78% 8%,#392011 0,transparent 45%)}.heroin{display:grid;grid-template-columns:1fr 390px;gap:45px;align-items:center}.eyebrow{color:#ff9d44;font-weight:700;letter-spacing:2px;font-size:13px}.hero h1{font-size:48px;letter-spacing:-1px;line-height:1.22;margin:14px 0}.lead{color:#b9bfcb;font-size:17px;line-height:1.85;max-width:680px}.cta{display:inline-block;background:#ff8c22;color:#160d05;font-weight:850;padding:13px 23px;border-radius:11px;margin-top:10px}.heroimg{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;transform:rotate(1deg)}.heroimg img{border-radius:12px;height:230px;object-fit:cover}.heroimg img:nth-child(2){transform:translateY(-20px)}.strip{background:#151821;border-top:1px solid #242733;border-bottom:1px solid #242733;padding:14px 0;color:#a5a9b6;font-size:13px}.sections{padding:30px 0 15px}.heading{display:flex;align-items:end;justify-content:space-between;margin:0 0 20px;gap:12px}.heading h2{font-size:27px;margin:0}.heading p{color:#a6adba;font-size:14px;margin:8px 0 0;line-height:1.7}.muted{color:#a7adba}.grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px 15px}.poster{position:relative;overflow:hidden;border-radius:13px;background:#222735}.poster img{aspect-ratio:640/914;object-fit:cover;transition:transform .25s}.poster:hover img{transform:scale(1.045)}.card h3{font-size:15px;font-weight:750;margin:10px 0 6px;line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.tag{font-size:12px;background:#252932;color:#afb4c1;padding:5px 9px;border-radius:7px;display:inline-block}.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.category{background:linear-gradient(130deg,#1d222c,#12151c);padding:23px;border:1px solid #2b2f3a;border-radius:16px}.category strong{font-size:20px;display:block}.category span{font-size:13px;color:#9da5b0;display:block;margin-top:10px}.long{color:#b7bdc8;line-height:2;font-size:16px;max-width:890px}.footer{border-top:1px solid #252833;padding:32px 0;margin-top:50px;color:#9199aa;font-size:13px}.crumb{color:#9ca5b4;padding:24px 0;font-size:14px}.detail{display:grid;grid-template-columns:285px 1fr;gap:40px}.detail .mainposter{border-radius:16px;overflow:hidden}.detail h1{font-size:38px;line-height:1.3;margin:5px 0 18px}.meta{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:22px}.meta .tag{padding:8px 12px}.panel{background:#151923;border:1px solid #272d3a;border-radius:16px;padding:23px;margin-top:22px}.panel h2{font-size:23px;margin:0 0 12px}.panel p{color:#bbc1cb;line-height:1.95;margin:0 0 12px}.panel p:last-child{margin-bottom:0}.filters{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}.filter{display:inline-block;background:#242834;color:#d2d5de;padding:9px 14px;border-radius:10px;font-size:14px}.search{width:100%;max-width:420px;background:#1e222c;border:1px solid #373d48;color:white;padding:12px 16px;border-radius:10px;font-size:15px}.hide{display:none!important}.notfound{display:none;color:#aaa;padding:50px}.ranking{counter-reset:rk}.rank{display:grid;grid-template-columns:45px 65px 1fr;gap:15px;align-items:center;border-bottom:1px solid #282c37;padding:10px 0}.rank img{border-radius:7px;max-height:100px;object-fit:cover}.rank strong{font-size:18px}.rank em{color:#ff9c3d;font-weight:900;font-size:26px;font-style:normal}@media(max-width:900px){.grid{grid-template-columns:repeat(4,1fr)}.heroin{grid-template-columns:1fr 270px}.hero h1{font-size:38px}.heroimg img{height:170px}.categories{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.wrap{width:calc(100% - 26px)}.topin{gap:16px;min-height:64px}.brand{font-size:21px}.nav{gap:15px}.heroin{grid-template-columns:1fr}.hero{padding:32px 0}.hero h1{font-size:30px}.heroimg{display:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.heading h2{font-size:22px}.detail{grid-template-columns:120px 1fr;gap:15px}.detail h1{font-size:23px}.meta{margin-bottom:8px}.detail .long{font-size:14px}.categories{grid-template-columns:1fr 1fr}.category{padding:15px}.category strong{font-size:17px}}
/* 2026-10-31: poster grid redesign: compact, balanced cards */
.grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px 19px;align-items:start}
.card{min-width:0}
.card .poster{display:block;aspect-ratio:4/5;overflow:hidden;border-radius:14px;background:#1b1f28;box-shadow:0 7px 20px rgba(0,0,0,.2)}
.card .poster img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center 26%;transition:transform .25s ease}
.card .poster:hover img{transform:scale(1.035)}
.card h3{font-size:15px;line-height:1.45;margin:11px 0 7px;min-height:2.9em}
.heroimg{transform:none;gap:12px}
.heroimg img{height:195px;aspect-ratio:3/4;object-fit:cover;object-position:center 24%;border-radius:12px}
.heroimg img:nth-child(2){transform:translateY(-12px)}
.detail{grid-template-columns:minmax(190px,245px) minmax(0,1fr);gap:32px}
.detail .mainposter{width:100%;max-width:245px;aspect-ratio:3/4;background:#151923}
.detail .mainposter img{height:100%;width:100%;object-fit:cover;object-position:center 22%}
.rank img{width:65px;height:76px;max-height:none;aspect-ratio:4/5;object-fit:cover;object-position:center 25%}
@media(max-width:1000px){.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:21px 15px}}
@media(max-width:760px){.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px}.detail{grid-template-columns:180px minmax(0,1fr);gap:20px}}
@media(max-width:620px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 12px}.card .poster{aspect-ratio:4/5;border-radius:11px}.card h3{font-size:14px}.detail{grid-template-columns:115px minmax(0,1fr);gap:14px}.detail .mainposter{max-width:115px;aspect-ratio:3/4}}

/* Editorial pages */
.reading-panel{background:#141922;border:1px solid #283140;border-radius:16px;padding:24px;margin:22px 0}.reading-panel h2{font-size:24px;margin:0 0 12px}.reading-panel p{color:#cfd6df;font-size:15px;line-height:1.95;margin:12px 0}.reading-panel h3{color:#f2f3f5;font-size:19px;margin:24px 0 10px}.editorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0}.editorial-item{display:block;background:#171d28;border:1px solid #2b3342;border-radius:14px;padding:22px;transition:border-color .2s}.editorial-item:hover{border-color:#f19a3e}.editorial-item h3{font-size:20px;color:#fff;margin:0 0 12px}.editorial-item p{font-size:14px;line-height:1.8;color:#aeb9cb;margin:0}.editorial-tag{font-size:12px;letter-spacing:.06em;color:#ffb365;margin:0 0 10px}.editorial-container{max-width:900px;margin:28px auto;padding:0 18px}.editorial-container h1{font-size:34px;line-height:1.4}.editorial-lead{font-size:17px;color:#bec8d7;line-height:1.9}.editorial-links{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.editorial-links a{display:inline-block;background:#252a35;border-radius:8px;padding:10px 16px;color:#f4bd83}.faq-item{border-top:1px solid #323b4a;padding:14px 0}.faq-item h3{font-size:17px!important;margin:4px 0!important}@media(max-width:850px){.editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.editorial-grid{grid-template-columns:1fr}.reading-panel{padding:18px}.editorial-container h1{font-size:27px}}

/* Homepage FAQ: aligned with all other page sections */
.home-faq{padding-top:32px;padding-bottom:34px;margin-left:auto;margin-right:auto;}
.home-faq-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:19px;}
.home-faq-head h2{margin:0 0 7px;font-size:26px;line-height:1.3;color:#f3f5f8;}
.home-faq-head p{margin:0;color:#aeb9cb;font-size:14px;line-height:1.65;}
.home-faq-head>a{white-space:nowrap;color:#ffb365;font-size:14px;padding-bottom:3px;}
.home-faq-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch;}
.home-faq-card{min-width:0;background:#171d28;border:1px solid #2b3342;border-radius:14px;padding:22px 22px 24px;}
.home-faq-card h3{font-size:18px;line-height:1.5;color:#f2f3f5;margin:0 0 12px;}
.home-faq-card p{font-size:14px;color:#b7c1d0;line-height:1.85;margin:0;}
@media(max-width:850px){.home-faq-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:560px){.home-faq{padding-top:24px;padding-bottom:28px}.home-faq-head{align-items:start;flex-direction:column;gap:8px}.home-faq-grid{grid-template-columns:1fr;gap:12px}.home-faq-card{padding:18px}.home-faq-head h2{font-size:23px}}

/* Shared footer and inner-page vertical rhythm */
html{min-height:100%}body{min-height:100vh;display:flex;flex-direction:column}body>#site-footer{margin-top:auto;width:100%;flex-shrink:0}body>main,body>.wrap,body>.sections{flex-shrink:0}.site-footer{background:#111722;border-top:1px solid #2c3442;margin-top:40px}.site-footer-inner{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:36px 0 20px;display:grid;grid-template-columns:minmax(0,1.3fr) repeat(2,minmax(0,1fr));gap:26px}.site-footer h2{font-size:22px;color:#ffae55;margin:0 0 12px}.site-footer h3{font-size:16px;margin:0 0 12px;color:#f1f4f8}.site-footer p{margin:0;color:#a9b3c3;line-height:1.9;font-size:14px}.site-footer-links{display:flex;flex-wrap:wrap;gap:12px 18px}.site-footer a{color:#cbd3de;font-size:14px}.site-footer a:hover{color:#ffb665}.site-footer-bottom{width:min(1180px,calc(100% - 32px));margin:0 auto;border-top:1px solid #28303d;padding:16px 0 24px;color:#9ca9ba;font-size:13px}.editorial-container{padding-bottom:38px}.detail{margin-bottom:36px}@media(max-width:700px){.site-footer-inner{grid-template-columns:1fr 1fr;gap:22px;padding:26px 0 20px}.site-footer-brand{grid-column:1/-1}.site-footer h2{font-size:20px}.site-footer-links{display:grid;gap:10px}}

/* 独立剧情导读：正文宽度与海报布局协调 */
.longform-review{margin:28px 0 36px;padding:32px;border:1px solid #33343a;border-radius:20px;background:#16171b;color:#eceef2;line-height:1.95}
.longform-review>h2{font-size:clamp(22px,2.6vw,29px);line-height:1.4;margin:0 0 22px;color:#fff}
.review-part{padding:16px 0;border-top:1px solid rgba(255,255,255,.08)}
.review-part h3{font-size:19px;margin:0 0 9px;color:#ffa84d}.review-part p{font-size:16px;line-height:2.05;letter-spacing:.15px;margin:0;color:#ddd}
@media(max-width:700px){.longform-review{padding:19px;margin:22px 0}.review-part p{font-size:15px}.review-part h3{font-size:18px}}


/* 62部统一海报排版：详情页采用横向紧凑图片区域，保留原始图片文件 */
.detail{grid-template-columns:minmax(0,220px) minmax(0,1fr)!important;align-items:start;gap:26px!important}
.detail .mainposter{width:100%!important;max-width:220px!important;aspect-ratio:4/5!important;height:auto!important;overflow:hidden!important;border-radius:15px!important;background:#161b24}
.detail .mainposter img{display:block!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center 35%!important}
.card .poster{aspect-ratio:4/5!important}
.card .poster img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 32%!important}
@media(max-width:760px){.detail{grid-template-columns:145px minmax(0,1fr)!important;gap:16px!important}.detail .mainposter{max-width:145px!important}}
@media(max-width:460px){.detail{grid-template-columns:112px minmax(0,1fr)!important;gap:13px!important}.detail .mainposter{max-width:112px!important}}


/* 新增12部详情页：detail-cover 与既有 mainposter 使用同样的紧凑显示 */
.detail .detail-cover{width:100%!important;max-width:220px!important;aspect-ratio:4/5!important;height:auto!important;overflow:hidden!important;border-radius:15px!important;background:#161b24}
.detail .detail-cover img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:none!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center 35%!important}
@media(max-width:760px){.detail .detail-cover{max-width:145px!important}}
@media(max-width:460px){.detail .detail-cover{max-width:112px!important}}