/*
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}.uylpwzh,.wqqfemt{display:inline-flex;gap:.4rem;align-items:center;color:var(--gold);font-weight:800;font-size:.85rem;letter-spacing:.12em;text-transform:uppercase}.uylpwzh: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%)}.ibenm3{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem;margin-top:1.2rem}.sphet5n{background:rgba(247,229,199,.075);border:1px solid rgba(240,189,106,.22);padding:.9rem}.sphet5n 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)}.hjuwu{display:grid;grid-template-columns:.65fr 1fr;gap:1.5rem;align-items:end;margin-bottom:2rem}.hjuwu p{margin:0;color:var(--muted)}.pf47o8e6{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}.jk4s6{position:relative;min-height:280px;padding:1.35rem;background:rgba(27,18,16,.78);border:1px solid rgba(240,189,106,.22);overflow:hidden}.jk4s6.large{grid-row:span 2}.jk4s6 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.34;filter:saturate(.92)}.jk4s6 .ifwfv{position:relative;z-index:1}.ndnyzecq{display:flex;flex-wrap:wrap;gap:.42rem;margin-top:1rem}.ndnyzecq span,.loqni{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}.axept{padding:1rem}.flsir6y{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.8rem;color:var(--muted);font-size:.82rem}.r1otfjv{height:3px;background:rgba(247,229,199,.12);overflow:hidden}.r1otfjv 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 .r1otfjv i{transform:translateX(0)}.uigxu{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.njbtzjwp{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.dtfz88{padding:1.25rem;background:rgba(247,229,199,.06);border:1px solid rgba(240,189,106,.20)}.y1ujgp6{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)}.y1ujgp6 .f4rgbf{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}.gocfb{display:flex;gap:.6rem;margin-top:.9rem}.gkr2ue{background:transparent;color:var(--ink);border:1px solid var(--line);padding:.68rem .85rem}.jvy4is8n{display:grid;grid-template-columns:repeat(6,1fr);gap:.65rem}.we3md6ja{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}.x3h6b{counter-reset:step;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.ss1yj8di{counter-increment:step;position:relative;padding:1.2rem;background:#1a110f;border:1px solid rgba(240,189,106,.22)}.ss1yj8di: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}.qlgmya{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.rg5g4{min-height:360px;object-fit:cover;width:100%;height:100%;border:1px solid var(--line)}.ga4m8cp{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.r4xbhl{padding:1.1rem;background:rgba(247,229,199,.06);border-left:3px solid var(--gold)}.loc50v{display:flex;flex-wrap:wrap;gap:.7rem}.p6ovlb{background:#1b1210;border:1px solid var(--line);color:#fff;padding:.72rem 1rem}.vielnhw{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}.zf0nt{padding:1rem 0;color:var(--muted);font-size:.9rem}.hu68b5{padding:3.5rem 0 2.2rem}.h473lu{display:grid;grid-template-columns:260px 1fr;gap:1.4rem}.o60tihu{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}.xu71v{display:grid;grid-template-columns:1.15fr 1fr .85fr;gap:1.5rem}.yr2snpld{display:flex;gap:1rem}.yr2snpld img{width:104px;background:#fff;padding:.35rem}.j4gvtp{font-family:monospace;background:#120c0b;border:1px solid rgba(43,184,168,.32);color:#adefe7;padding:.9rem;white-space:pre-wrap}.cfqsv38g{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,.hjuwu,.module-grid,.qlgmya,.h473lu{grid-template-columns:1fr}.hero-grid{min-height:auto;padding-top:2.2rem}.video-rail,.uigxu,.ga4m8cp{grid-template-columns:repeat(2,1fr)}.x3h6b,.jvy4is8n,.xu71v{grid-template-columns:1fr 1fr}.search-inner{grid-template-columns:1fr}.o60tihu{position:static}.brand-lockup img.logo{width:132px}}@media (max-width:620px){h1{font-size:2.55rem}.video-rail,.uigxu,.njbtzjwp,.ga4m8cp,.x3h6b,.jvy4is8n,.xu71v,.ibenm3{grid-template-columns:1fr}.hero-media img{clip-path:none}.search-form{display:grid}.hero-copy{padding-top:1rem}}

.xoznp2b{width:172px}.f9c3june{margin-top:1rem}.ykc5vw{padding:1.4rem}.ta8rakl{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. */
.uf7sosgn{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none}.pttbi{background:linear-gradient(180deg,rgba(43,184,168,.035),rgba(240,189,106,.035))}.y90zl{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.y90zl.compact{grid-template-columns:repeat(3,1fr)}.y90zl h4,.y90zl h5,.y90zl h6{font-size:1.08rem;color:#fff;margin-bottom:.7rem}.hbk57y,.ai4sy{color:var(--muted);font-size:.92rem}.hbk57y{margin-top:1rem;padding:1rem;border:1px solid rgba(240,189,106,.22);background:rgba(247,229,199,.05)}.ai4sy{margin-top:.7rem}@media (max-width:920px){.y90zl,.y90zl.compact{grid-template-columns:1fr 1fr}}@media (max-width:620px){.y90zl,.y90zl.compact{grid-template-columns:1fr}}