/* 首页影像风格的内容页：沿用 landing.css 的色彩、字体、留白与品牌符号。 */
.film-page{--hf-bg:#101a17;--hf-deep:#080e0c;--hf-paper:#f3ecd9;--hf-muted:#c1c8bc;--hf-accent:#d7e8b7;--hf-seal:#e0553c;--hf-line:rgba(243,236,217,.2);--hf-gutter:clamp(24px,5vw,88px);--fp-section:clamp(64px,9vw,128px);margin:0;background:var(--hf-bg);color:var(--hf-paper);font:16px/1.8 var(--vg-sans);color-scheme:dark}
.film-page *,.film-page *::before,.film-page *::after{box-sizing:border-box}
.film-page :where(h1,h2,h3,p,figure,blockquote,dl,dd){margin:0}
.film-page :where(a){color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}
.film-page :where(a,summary):focus-visible{outline:3px solid var(--hf-accent);outline-offset:6px}
.film-page a:active{opacity:.8}
.film-page :where(h1,h2,h3){font-family:var(--vg-serif);font-weight:600;text-wrap:balance}
.film-page h1{font-size:clamp(42px,5.5vw,80px);line-height:1.4;letter-spacing:-.035em}
.film-page h2{font-size:clamp(30px,3.5vw,50px);line-height:1.5;letter-spacing:-.025em}
.film-page h3{font-size:22px;line-height:1.6}
.film-page img{display:block;max-width:100%;height:auto;object-fit:cover}
.film-page .fp-sprite{position:absolute;width:0;height:0;overflow:hidden}
.hf-lg-ink,.hf-lg-seal{fill:none;stroke-width:12;stroke-linecap:round;stroke-linejoin:round}.hf-lg-ink{stroke:currentColor}.hf-lg-seal{stroke:var(--hf-seal,#e0553c)}.hf-lg-book{fill:var(--hf-seal,#e0553c)}
.film-page :is(.fp-skip,.wm-skip){position:absolute;top:8px;left:24px;z-index:30;padding:12px 20px;transform:translateY(-160%);background:var(--hf-paper);color:var(--hf-deep)}
.film-page :is(.fp-skip,.wm-skip):focus{transform:none}
.fp-nav{position:relative;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:32px;padding:24px var(--hf-gutter);border-bottom:1px solid var(--hf-line)}
.fp-brand{display:inline-flex;align-items:center;gap:24px;min-height:44px}.fp-brand svg{flex-shrink:0;width:71px;height:40px;color:var(--hf-paper)}.fp-brand span{font-size:13px;letter-spacing:.12em;color:var(--hf-muted)}
.fp-nav nav,.fp-footer nav{display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;font-size:14px}.fp-nav nav a,.fp-footer nav a{display:inline-flex;align-items:center;min-height:44px;gap:16px}.fp-nav a[aria-current]{color:var(--hf-accent)}.fp-nav a:hover,.fp-footer a:hover{color:var(--hf-accent)}
.fp-eyebrow{color:var(--hf-accent);font-size:13px;letter-spacing:.16em}
.fp-content{max-width:1440px;margin:auto;padding-inline:var(--hf-gutter)}
.fp-hero{position:relative;min-height:660px;display:flex;align-items:center;padding:100px var(--hf-gutter) 120px;isolation:isolate;overflow:hidden}
.fp-hero-media{position:absolute;inset:0;z-index:-2}.fp-hero-media img{width:100%;height:100%;object-position:65% center}
.fp-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,14,12,.92),rgba(8,14,12,.55) 55%,rgba(8,14,12,.15)),linear-gradient(0deg,var(--hf-bg),transparent 45%)}
.fp-hero-copy{max-width:800px}.fp-hero-copy h1{margin-top:24px}.fp-hero-copy>p:not(.fp-eyebrow){margin-top:28px;line-height:1.95;color:var(--hf-muted)}.fp-hero-copy .fp-textlink{margin-top:32px}
.fp-hero-foot{position:absolute;bottom:28px;left:var(--hf-gutter);right:var(--hf-gutter);display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:.08em;color:var(--hf-muted)}
.fp-textlink{display:inline-flex;align-items:center;gap:24px;min-height:44px;border-bottom:1px solid var(--hf-line);font-size:14px}.fp-textlink:hover{color:var(--hf-accent);border-color:var(--hf-accent)}
.fp-button{display:inline-flex;justify-content:space-between;align-items:center;gap:48px;min-height:56px;background:var(--hf-accent);color:var(--hf-deep);padding:14px 28px;font-size:16px;transition:background .2s,transform .2s}.fp-button:hover{background:var(--hf-paper);transform:translateY(-2px)}
.fp-opening{padding-block:var(--fp-section);display:grid;grid-template-columns:1fr 1fr;gap:24px 64px;scroll-margin-top:24px}.fp-opening .fp-eyebrow{grid-column:1/-1}.fp-opening>p:last-child{align-self:center;max-width:460px;color:var(--hf-muted);font-size:18px;line-height:2}
.fp-service{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding-block:64px;border-top:1px solid var(--hf-line)}.fp-service-copy>h2{margin-top:24px;max-width:540px;font-size:clamp(28px,3vw,42px)}.fp-service-copy>p:not(.fp-eyebrow):not(.fp-caption){margin-top:24px;max-width:480px;color:var(--hf-muted);line-height:2}.fp-service figure img{aspect-ratio:3/2;width:100%;filter:saturate(.65)}.fp-service figcaption,.fp-caption{font-size:12px;color:var(--hf-muted);line-height:1.8;margin-top:12px}.fp-service:nth-of-type(3) figure{grid-column:1;grid-row:1}.fp-service:nth-of-type(3) .fp-service-copy{grid-column:2}.fp-service--text{display:block}.fp-service--text .fp-service-copy{display:grid;grid-template-columns:1fr 1fr;gap:20px 64px}.fp-service--text .fp-eyebrow{grid-column:1/-1}.fp-service--text .fp-service-copy>h2{margin:0;grid-column:1;grid-row:2/5}.fp-service--text .fp-service-copy>p:not(.fp-eyebrow){margin:0;grid-column:2}.fp-service--text blockquote{font:500 26px/1.8 var(--vg-serif);color:var(--hf-accent);grid-column:2}.fp-service--text :is(.fp-caption,.fp-textlink){grid-column:2;justify-self:start}
.fp-boundaries{padding-block:var(--fp-section);border-top:1px solid var(--hf-line)}.fp-boundaries>h2{margin-top:24px}.fp-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:56px}.fp-principles>div{padding-top:24px;border-top:1px solid var(--hf-line)}.fp-principles p{margin-top:16px;color:var(--hf-muted);font-size:15px;line-height:1.95}
.fp-cta{text-align:center;padding:var(--fp-section) 0;background:radial-gradient(ellipse at center,rgba(215,232,183,.045),transparent 65%);border-top:1px solid var(--hf-line)}.fp-cta h2{margin-top:24px}.fp-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:24px 32px;margin:40px 0 24px}
.fp-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px 40px;padding:40px var(--hf-gutter);border-top:1px solid var(--hf-line);background:var(--hf-deep)}.fp-footer p{width:100%;font-size:12px;color:var(--hf-muted)}
@media(max-width:900px){.fp-brand span{display:none}.fp-service{gap:32px}.fp-service--text .fp-service-copy{gap:20px 32px}.fp-nav nav{gap:12px 20px}.fp-principles{gap:24px}}
@media(max-width:600px){.fp-nav{gap:16px;padding-block:16px;align-items:flex-start}.fp-brand svg{width:57px;height:32px}.fp-nav nav{justify-content:flex-end;gap:0 16px;font-size:12px;max-width:250px}.fp-nav .fp-home{flex-basis:100%;justify-content:flex-end}.fp-hero{min-height:680px;padding-top:72px;align-items:flex-start}.fp-hero-copy h1{font-size:40px}.fp-hero-media img{object-position:60% center}.fp-hero::before{background:linear-gradient(90deg,rgba(8,14,12,.83),rgba(8,14,12,.45)),linear-gradient(0deg,var(--hf-bg),transparent 55%)}.fp-hero-foot{flex-direction:column;gap:6px}.fp-opening,.fp-service,.fp-service--text .fp-service-copy{display:flex;flex-direction:column;align-items:stretch;gap:24px}.fp-opening>p:last-child{align-self:start;font-size:16px}.fp-service{padding-block:40px}.fp-service-copy>h2{margin-top:16px}.fp-service-copy>p:not(.fp-eyebrow):not(.fp-caption){margin-top:16px}.fp-service--text .fp-service-copy>h2{margin:0}.fp-service--text blockquote{font-size:22px}.fp-principles{grid-template-columns:1fr;gap:32px;margin-top:32px}.fp-actions{align-items:stretch;flex-direction:column}.fp-actions .fp-textlink{align-self:center}.fp-footer{gap:24px}.fp-footer nav{gap:0 20px}.fp-button{gap:24px}}
@media(prefers-reduced-motion:reduce){.film-page *{transition:none;scroll-behavior:auto}}
@media print{.film-page{background:white;color:#111;color-scheme:light}.fp-nav,.fp-footer,.fp-actions,.fp-cta,.fp-hero-foot,.fp-skip{display:none}.fp-hero{min-height:0;padding:24px;isolation:auto}.fp-hero-media,.fp-hero::before{display:none}.film-page :is(p,.fp-eyebrow,.fp-caption,blockquote){color:#333}.fp-service,.fp-opening,.fp-boundaries{padding-block:24px}.fp-service{break-inside:avoid}}