/* Huangguo Cinema Editorial v2 — newly designed visual system */
:root{--paper:#f6f4ef;--paper2:#fffdf9;--ink:#15252c;--muted:#5a6c70;--accent:#d55540;--accent2:#177f82;--stroke:#e2e2dc;--night:#101f28}
html{scroll-behavior:smooth}body{background:var(--paper)!important;color:var(--ink)!important;font-family:system-ui,-apple-system,'Microsoft YaHei',sans-serif!important;line-height:1.7}
body .wrap{width:min(1280px,calc(100% - 48px));max-width:1280px;margin-left:auto;margin-right:auto}
.top{background:var(--paper2)!important;border-bottom:1px solid var(--stroke)!important;box-shadow:none!important;position:sticky;top:0;z-index:100}
.top .topin{min-height:76px;display:flex;align-items:center;gap:26px;justify-content:space-between}
.top .brand{font-weight:950;font-size:26px;letter-spacing:-1px;color:var(--ink)!important;white-space:nowrap}.top .brand b{color:var(--accent)!important}
.top .nav{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.top .nav a{font-size:14px!important;color:var(--ink)!important;border-radius:8px;padding:9px 12px;transition:.18s}.top .nav a:hover{background:#e6edea;color:var(--accent2)!important}
.hero{background:var(--night)!important;color:white!important;padding:58px 0 65px!important;overflow:hidden}.hero .heroin{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(300px,.88fr)!important;align-items:center;gap:46px!important;max-width:1280px!important}
.hero h1{color:white!important;font-size:clamp(38px,4.5vw,66px)!important;line-height:1.15!important;letter-spacing:-1.5px;max-width:820px;margin:20px 0!important;font-weight:900!important}
.hero .eyebrow{color:#78dbca!important;letter-spacing:3px;font-weight:750;font-size:13px}.hero .lead{color:#c5d3d4!important;font-size:17px;line-height:2;max-width:710px}.hero .cta,.hero .btn{display:inline-block;background:var(--accent)!important;color:#fff!important;padding:14px 26px!important;border-radius:8px!important;font-weight:800;box-shadow:none!important;margin-top:16px}
.heroimg{display:flex!important;justify-content:center;align-items:center;gap:0!important;min-height:370px}.heroimg a{display:block;width:35%;max-width:200px;box-shadow:0 20px 40px #0005;transform:rotate(-7deg);border:5px solid #ffffff20;border-radius:15px;overflow:hidden}.heroimg a:nth-child(2){transform:translateY(-20px) scale(1.13);z-index:2}.heroimg a:nth-child(3){transform:rotate(8deg)}.heroimg img{width:100%;height:285px!important;object-fit:cover!important}
.home-kicker{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--accent);font-weight:900;letter-spacing:2px;text-transform:uppercase;margin-bottom:10px}
.gaosan-editorial{background:#e7eee9!important;color:var(--ink)!important;padding:42px 0!important;border-bottom:1px solid var(--stroke)}.gaosan-editorial-inner{width:min(1280px,calc(100% - 48px))!important;max-width:1280px!important;margin:auto!important;display:grid;grid-template-columns: minmax(0,1fr) minmax(0,.75fr);column-gap:65px;align-items:start}
.gaosan-eyebrow{grid-column:1/-1;color:var(--accent2)!important;font-size:12px;letter-spacing:2px;font-weight:900}.gaosan-editorial h2{grid-column:1;grid-row:2/5;color:var(--ink)!important;font-size:clamp(25px,3vw,41px)!important;line-height:1.35;margin:12px 0!important}.gaosan-editorial p{color:#43575a!important;line-height:1.9!important;margin:8px 0!important}.gaosan-topics{grid-column:1/-1;display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.gaosan-topics a{background:white!important;border:1px solid #c7d3ce;color:var(--ink)!important;padding:8px 15px!important;border-radius:8px!important;font-size:13px}
.strip{background:#182d35!important;color:#d5ede8!important;font-size:13px;letter-spacing:1px;text-align:center;padding:13px 10px!important}
.sections{padding-top:48px!important;padding-bottom:32px!important}.sections .heading{display:flex!important;align-items:end;justify-content:space-between;gap:20px;border-bottom:2px solid var(--ink);padding-bottom:15px;margin-bottom:24px}.sections .heading h2{font-size:clamp(24px,2.5vw,34px)!important;color:var(--ink)!important;font-weight:900!important;letter-spacing:-.5px}.sections .heading p{color:var(--muted)!important;font-size:14px}.sections .heading a{color:var(--accent2)!important}
h1,h2,h3{color:var(--ink)}main{color:var(--ink)}main.wrap.sections{padding-top:45px!important}
.grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:18px!important;align-items:stretch}
.card{border:1px solid var(--stroke)!important;background:var(--paper2)!important;border-radius:13px!important;box-shadow:0 5px 15px #182f2910!important;overflow:hidden;min-width:0;padding:0 0 13px!important;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.card:hover{transform:translateY(-5px);box-shadow:0 14px 30px #182f2920!important}.card .poster{display:block;position:relative;width:100%;overflow:hidden;background:#d4ddd8!important;border-radius:0!important;aspect-ratio:4/5!important;height:auto!important;max-height:none!important;margin:0!important}.card .poster img{width:100%!important;height:100%!important;aspect-ratio:4/5!important;object-fit:cover!important;object-position:center 20%!important;max-height:none!important;border-radius:0!important;transition:transform .3s}.card:hover .poster img{transform:scale(1.035)}.card h3{font-size:15px!important;line-height:1.5!important;margin:12px 12px 5px!important;color:var(--ink)!important;min-height:44px}.card h3 a{color:var(--ink)!important}.card .tag{margin:0 12px!important;align-self:flex-start;color:var(--accent2)!important;background:#e7f1ee!important;border:0!important;border-radius:5px!important;font-size:12px!important;padding:4px 8px!important}
.seo-entry,.reading-panel,.longform-review,.review-part,.home-faq,.gaosan-editorial-inner{box-shadow:none!important}.seo-entry,.reading-panel{background:#e9f0ed!important;border:1px solid #d3dfda!important;border-radius:14px!important;padding:28px!important}.seo-entry h2,.reading-panel h2{color:var(--ink)!important}.seo-entry p,.reading-panel p{color:#45595c!important}
.home-faq{background:transparent!important;border:0!important}.home-faq-head h2{color:var(--ink)!important}.home-faq-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}.home-faq-card{background:var(--paper2)!important;border:1px solid var(--stroke)!important;border-radius:14px!important;padding:22px!important}.home-faq-card h3{color:var(--ink)!important}.home-faq-card p{color:var(--muted)!important}
.article,.guide-card,.topic-card{background:var(--paper2)!important;color:var(--ink)!important;border:1px solid var(--stroke)!important;border-radius:14px!important}.article h3,.guide-card h3,.topic-card h3{color:var(--ink)!important}
/* Detail pages: offset poster, readable article flow */
main .detail{display:grid!important;grid-template-columns:minmax(220px,300px) minmax(0,1fr)!important;gap:36px!important;align-items:start;padding:28px!important;background:var(--paper2)!important;border:1px solid var(--stroke)!important;border-radius:18px!important}
main .detail-cover, main .mainposter{width:100%!important;max-width:300px!important;min-width:0!important;position:relative}
main .detail-cover img,main .mainposter img,main .detail img{max-height:385px!important;max-width:300px!important;object-fit:cover!important;object-position:center 18%!important;border-radius:12px!important}
main .detail h1{font-size:clamp(28px,3vw,42px)!important;line-height:1.25!important;font-weight:900;color:var(--ink)!important}
main .detail p{font-size:16px!important;color:#45595c!important;line-height:1.95!important}
.longform-review{margin-top:32px!important;padding:30px!important;background:var(--paper2)!important;border-radius:18px!important;border:1px solid var(--stroke)!important}
.longform-review .review-part{padding:22px 0!important;border-bottom:1px solid var(--stroke)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.review-part:last-child{border:0!important}
.longform-review h2,.review-part h3{color:var(--ink)!important}.longform-review p,.review-part p{color:#45595c!important;font-size:16px!important;line-height:2!important}
main .crumb, main .breadcrumbs{color:var(--muted)!important}main a{color:var(--accent2)}
footer,.footer-shell{background:#14252d!important;color:#d2e1df!important}footer a,.footer-shell a{color:#d2e1df!important}
@media(max-width:1000px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.hero .heroin{grid-template-columns:1fr 340px!important;gap:20px!important}.gaosan-editorial-inner{grid-template-columns:1fr!important}.gaosan-editorial h2{grid-column:1!important;grid-row:auto!important}.gaosan-topics{grid-column:1!important}}
@media(max-width:720px){body .wrap{width:calc(100% - 28px)}.top .topin{min-height:58px;display:block;padding:11px 0}.top .nav{overflow:auto;flex-wrap:nowrap;white-space:nowrap;gap:2px}.top .nav a{font-size:12px!important;padding:7px 9px}.hero{padding:34px 0!important}.hero .heroin{grid-template-columns:1fr!important}.hero h1{font-size:35px!important}.heroimg{min-height:200px!important}.heroimg img{height:210px!important}.grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.sections{padding:27px 0!important}.sections .heading{display:block!important}.card h3{font-size:14px!important}.home-faq-grid{grid-template-columns:1fr!important}.gaosan-editorial-inner{width:calc(100% - 28px)!important}main .detail{grid-template-columns:1fr!important;padding:18px!important}.longform-review{padding:19px!important}}