/*
Design Philosophy: 国产自拍 uses “胶片新浪潮 × 赛博剧场主义”. This stylesheet reinforces director monitors, editing timelines, clapperboard labels, film sprocket details, tungsten gold, livestream red, and teal data light. Every choice should strengthen the brand as a domestic film-media company plus video community.
*/
:root{--bg:#100b0a;--panel:#1b1210;--panel2:#241916;--ink:#f7e5c7;--muted:#bfa88e;--gold:#f0bd6a;--red:#e85d4a;--teal:#2bb8a8;--line:rgba(240,189,106,.26);--soft:rgba(247,229,199,.08);--shadow:0 24px 70px rgba(0,0,0,.38);--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 15% 8%,rgba(232,93,74,.18),transparent 28%),radial-gradient(circle at 90% 20%,rgba(43,184,168,.16),transparent 30%),linear-gradient(180deg,#100b0a,#170f0d 34%,#0c0909);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;line-height:1.72}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 70%);z-index:-1}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:1rem;top:1rem;background:var(--gold);color:#160d0b;padding:.6rem 1rem;z-index:20}.site-header{position:sticky;top:0;z-index:12;background:rgba(16,11,10,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.topbar{max-width:var(--max);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 1rem}.brand-lockup{display:flex;align-items:center;gap:.8rem}.brand-lockup img.logo{width:156px;height:auto}.site-icon{width:34px;height:34px}.nav{display:flex;gap:.45rem;align-items:center;flex-wrap:wrap}.nav a{font-size:.92rem;color:#ead7bb;border:1px solid transparent;padding:.48rem .75rem;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);transition:.25s ease}.nav a:hover,.nav a[aria-current="page"]{border-color:var(--line);background:rgba(240,189,106,.11);color:#fff}.search-stage{border-top:1px solid rgba(247,229,199,.06);background:linear-gradient(90deg,rgba(232,93,74,.10),rgba(43,184,168,.08));}.search-inner{max-width:var(--max);margin:auto;padding:.75rem 1rem;display:grid;grid-template-columns:1fr auto;gap:.8rem;align-items:center}.search-form{display:flex;background:#0d0908;border:1px solid var(--line);box-shadow:inset 0 0 0 1px rgba(0,0,0,.4)}.search-form input{flex:1;min-width:0;background:transparent;border:0;color:#fff;padding:.8rem 1rem;font-size:1rem;outline:0}.search-form button,.btn{border:0;background:linear-gradient(135deg,var(--gold),#e87755);color:#190d0b;font-weight:800;padding:.8rem 1.05rem;letter-spacing:.03em;transition:.25s ease;box-shadow:0 10px 24px rgba(232,93,74,.2)}.search-form button:hover,.btn:hover{transform:translateY(-2px);filter:saturate(1.08)}.search-note{color:var(--muted);font-size:.9rem}.container{max-width:var(--max);margin:auto;padding:0 1rem}.hero{position:relative;overflow:hidden}.hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:2rem;align-items:center;min-height:680px;padding:4.2rem 1rem 3rem}.hero-copy{position:relative;z-index:2}.jsc79,.fs38m{display:inline-flex;gap:.4rem;align-items:center;color:var(--gold);font-weight:800;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase}.jsc79:before{content:"";width:44px;height:2px;background:var(--red)}h1,h2,h3,h4,h5,h6{font-family:Georgia,"Noto Serif SC","Songti SC",serif;line-height:1.18;margin:0 0 1rem}h1{font-size:clamp(2.55rem,6vw,5.2rem);letter-spacing:-.05em}h2{font-size:clamp(2rem,3.6vw,3.35rem)}h3{font-size:1.45rem}.lead{font-size:1.1rem;color:#ead7bb;max-width:700px}.hero-media{position:relative}.hero-media:before{content:"";position:absolute;inset:7% -5% -7% 8%;border:1px solid var(--line);transform:skewX(-5deg);z-index:0}.hero-media img{position:relative;z-index:1;width:100%;border:1px solid var(--line);box-shadow:var(--shadow);clip-path:polygon(0 0,100% 0,94% 100%,0 94%)}.h0zahx3{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;margin-top:1.2rem}.e0x268o9{background:rgba(247,229,199,.075);border:1px solid rgba(240,189,106,.22);padding:.9rem}.e0x268o9 strong{display:block;font-size:1.42rem;color:#fff;font-variant-numeric:tabular-nums}.section{padding:4.6rem 0;border-top:1px solid rgba(247,229,199,.06)}.jznvbvj{display:grid;grid-template-columns:.65fr 1fr;gap:1.5rem;align-items:end;margin-bottom:2rem}.jznvbvj p{margin:0;color:var(--muted)}.gl7ke{background:linear-gradient(135deg,rgba(247,229,199,.08),rgba(43,184,168,.055));border:1px solid var(--line);box-shadow:var(--shadow)}.module-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:1rem}.w54dau{position:relative;min-height:280px;padding:1.35rem;background:rgba(27,18,16,.78);border:1px solid rgba(240,189,106,.22);overflow:hidden}.w54dau.large{grid-row:span 2}.w54dau img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.34;filter:saturate(.92)}.w54dau .qmvvl69{position:relative;z-index:1}.cee5ivg{display:flex;flex-wrap:wrap;gap:.42rem;margin-top:1rem}.cee5ivg span,.s81jtkxm{font-size:.78rem;color:#160d0b;background:var(--gold);padding:.23rem .55rem;font-weight:800}.video-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.video-card{background:#160e0c;border:1px solid rgba(240,189,106,.24);position:relative;overflow:hidden;box-shadow:0 14px 38px rgba(0,0,0,.24)}.video-thumb{aspect-ratio:16/10;position:relative;background:linear-gradient(135deg,#231613,#0d0908);overflow:hidden}.video-thumb img{width:100%;height:100%;object-fit:cover;opacity:.8;transition:transform .5s ease,opacity .35s ease}.video-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.72),transparent 55%)}.play{position:absolute;left:50%;top:50%;width:58px;height:58px;transform:translate(-50%,-50%) scale(.82);border-radius:50%;background:rgba(232,93,74,.88);box-shadow:0 0 0 9px rgba(232,93,74,.16);display:grid;place-items:center;opacity:0;transition:.25s ease;z-index:2}.play:before{content:"";border-left:17px solid #fff;border-top:11px solid transparent;border-bottom:11px solid transparent;margin-left:4px}.video-card:hover .play{opacity:1;transform:translate(-50%,-50%) scale(1)}.video-card:hover .video-thumb img{transform:scale(1.07);opacity:.96}.a7mvsrt{padding:1rem}.glpgqsr4{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.8rem;color:var(--muted);font-size:.82rem}.u5idsel{height:3px;background:rgba(247,229,199,.12);overflow:hidden}.u5idsel i{display:block;height:100%;width:42%;background:linear-gradient(90deg,var(--red),var(--gold),var(--teal));transform:translateX(-100%);transition:transform .55s ease}.video-card:hover .u5idsel i{transform:translateX(0)}.w3wxcr3{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.s83ymyx{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.t3370{padding:1.25rem;background:rgba(247,229,199,.06);border:1px solid rgba(240,189,106,.20)}.w17ahq2{padding:1.2rem;background:linear-gradient(180deg,rgba(247,229,199,.08),rgba(43,184,168,.06));border:1px solid rgba(240,189,106,.22)}.w17ahq2 .zx9q2{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--red));display:grid;place-items:center;color:#170d0b;font-weight:900;margin-bottom:.8rem}.w3jsc{display:flex;gap:.6rem;margin-top:.9rem}.tb251hqq{background:transparent;color:var(--ink);border:1px solid var(--line);padding:.68rem .85rem}.eyhqf{display:grid;grid-template-columns:repeat(6,1fr);gap:.65rem}.di4m1ms{min-height:74px;display:grid;place-items:center;border:1px dashed rgba(240,189,106,.3);background:rgba(247,229,199,.055);font-weight:800;color:#ead7bb;text-align:center}.md1ke3{counter-reset:step;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.pru4rp{counter-increment:step;position:relative;padding:1.2rem;background:#1a110f;border:1px solid rgba(240,189,106,.22)}.pru4rp:before{content:"0" counter(step);display:block;color:var(--red);font-family:monospace;font-size:1.8rem;font-weight:900}.faq-item{border:1px solid rgba(240,189,106,.22);margin:.65rem 0;background:rgba(247,229,199,.05)}.faq-q{width:100%;text-align:left;background:transparent;color:var(--ink);border:0;padding:1rem;font-size:1rem;font-weight:800}.faq-a{display:none;padding:0 1rem 1rem;color:var(--muted)}.faq-item.open .faq-a{display:block}.dqjyl0{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.bz8om{min-height:360px;object-fit:cover;width:100%;height:100%;border:1px solid var(--line)}.waytbwn{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.xlc1ul{padding:1.1rem;background:rgba(247,229,199,.06);border-left:3px solid var(--gold)}.l0yo15w{display:flex;flex-wrap:wrap;gap:.7rem}.m3dkh{background:#1b1210;border:1px solid var(--line);color:#fff;padding:.72rem 1rem}.p35jv6t{margin-top:1rem;background:#0d0908;border:1px solid rgba(43,184,168,.24);color:#c7f4ee;padding:1rem;overflow:auto;max-height:240px;font-size:.82rem}.obpnmt1g{padding:1rem 0;color:var(--muted);font-size:.9rem}.qneub7{padding:3.5rem 0 2.2rem}.li0xgleo{display:grid;grid-template-columns:260px 1fr;gap:1.4rem}.egoczg{position:sticky;top:130px;align-self:start;padding:1rem;background:rgba(247,229,199,.055);border:1px solid var(--line)}.footer{background:#0b0707;border-top:1px solid var(--line);padding:3rem 0 1.4rem}.wrj0ms{display:grid;grid-template-columns:1.15fr 1fr .85fr;gap:1.5rem}.biidc3u{display:flex;gap:1rem}.biidc3u img{width:104px;background:#fff;padding:.35rem}.rzaa9{font-family:monospace;background:#120c0b;border:1px solid rgba(43,184,168,.32);color:#adefe7;padding:.9rem;white-space:pre-wrap}.nfx3gh{margin-top:1.5rem;color:var(--muted);font-size:.92rem}.mobile-menu{display:none}@media (max-width:920px){.topbar{align-items:flex-start}.nav{display:none}.nav.open{display:flex;width:100%;padding:0 1rem 1rem}.mobile-menu{display:block;background:transparent;border:1px solid var(--line);color:var(--ink);padding:.5rem .7rem}.hero-grid,.jznvbvj,.module-grid,.dqjyl0,.li0xgleo{grid-template-columns:1fr}.hero-grid{min-height:auto;padding-top:2.2rem}.video-rail,.w3wxcr3,.waytbwn{grid-template-columns:repeat(2,1fr)}.md1ke3,.eyhqf,.wrj0ms{grid-template-columns:1fr 1fr}.search-inner{grid-template-columns:1fr}.egoczg{position:static}.brand-lockup img.logo{width:132px}}@media (max-width:620px){h1{font-size:2.55rem}.video-rail,.w3wxcr3,.s83ymyx,.waytbwn,.md1ke3,.eyhqf,.wrj0ms,.h0zahx3{grid-template-columns:1fr}.hero-media img{clip-path:none}.search-form{display:grid}.hero-copy{padding-top:1rem}}

.wymxn{width:172px}.cmd4msr{margin-top:1rem}.q8y17y{padding:1.4rem}.fmk1e{margin-top:2rem}

/* SEO/EEAT enhancement: H5 video placeholders and trust ladder keep Baidu-facing video semantics clear while preserving the original cyber-theatre film style. */
.y4yver{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none}.d8oqm{background:linear-gradient(180deg,rgba(43,184,168,.035),rgba(240,189,106,.035))}.vrclvy7b{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.vrclvy7b.compact{grid-template-columns:repeat(3,1fr)}.vrclvy7b h4,.vrclvy7b h5,.vrclvy7b h6{font-size:1.08rem;color:#fff;margin-bottom:.7rem}.oc3olfp,.c3ev1cm{color:var(--muted);font-size:.92rem}.oc3olfp{margin-top:1rem;padding:1rem;border:1px solid rgba(240,189,106,.22);background:rgba(247,229,199,.05)}.c3ev1cm{margin-top:.7rem}@media (max-width:920px){.vrclvy7b,.vrclvy7b.compact{grid-template-columns:1fr 1fr}}@media (max-width:620px){.vrclvy7b,.vrclvy7b.compact{grid-template-columns:1fr}}