/*
设计哲学：赛博民俗影像档案美学。CSS必须坚持炭黑、胶片红、暖金、雾米色；用胶片齿孔、场记板标签、红金直播状态点强化窝窝影院在线观看的原创影视档案与视频社区气质，避免通用紫色渐变、泛化圆角和模板化居中布局。
*/
:root {
  --ink:#16110f; --charcoal:#211816; --red:#9b1e19; --red-soft:#c84035; --gold:#caa15b; --paper:#f4e6cd; --mist:#fff8ec; --muted:#b9a68b; --line:rgba(202,161,91,.32); --shadow:0 28px 80px rgba(0,0,0,.32);
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:radial-gradient(circle at 10% 0%,rgba(155,30,25,.24),transparent 30%),linear-gradient(135deg,#17100e,#261714 48%,#100d0b);color:var(--paper);font-family:"Noto Serif SC","Songti SC",serif;line-height:1.72} a{color:inherit;text-decoration:none} img{max-width:100%;height:auto;display:block} button,input{font:inherit}
.site-header{position:sticky;top:0;z-index:20;background:rgba(22,17,15,.9);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;gap:28px;max-width:1280px;margin:auto;padding:14px 24px}.brand-lockup{display:flex;align-items:center;gap:14px;min-width:270px}.brand-lockup img{border:1px solid var(--line);background:#050403}.brand-lockup strong{display:block;font-size:22px;letter-spacing:.04em;color:var(--gold)}.brand-lockup small{display:block;color:var(--muted);font-size:12px}.main-nav{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto}.nav-link{padding:9px 12px;border:1px solid transparent;color:#eadabf;font-size:14px}.nav-link:hover,.nav-link.is-active{border-color:var(--gold);background:rgba(155,30,25,.22);color:#fff}
.search-strip{max-width:1280px;margin:auto;padding:0 24px 16px;display:grid;grid-template-columns:180px 1fr;gap:10px 18px;align-items:center}.search-strip label{color:var(--gold);font-weight:700}.fake-search{display:flex;border:1px solid var(--line);background:rgba(255,248,236,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}.fake-search input{flex:1;border:0;background:transparent;color:var(--mist);padding:13px 16px;outline:0}.fake-search button{border:0;background:var(--red);color:white;padding:0 18px;cursor:pointer}.search-hint{grid-column:2;color:var(--muted);font-size:13px;margin:0}
main{overflow:hidden}.breadcrumb{max-width:1280px;margin:0 auto;padding:18px 24px;color:var(--muted);font-size:14px}.hero-section{max-width:1280px;margin:0 auto 50px;padding:34px 24px 64px;display:grid;grid-template-columns:.82fr 1.18fr;gap:34px;align-items:center}.hero-copy{position:relative;padding:32px 0 32px 22px;border-left:5px solid var(--red)}.kicker{color:var(--gold);letter-spacing:.2em;text-transform:uppercase;font-weight:700}h1,h2,h3,h4,h5,h6{font-family:"Microsoft YaHei","Noto Sans SC",sans-serif;line-height:1.16;margin:0 0 16px}h1{font-size:clamp(38px,6.2vw,82px);letter-spacing:-.05em}h2{font-size:clamp(28px,3.6vw,48px);color:#ffe0a6}h3{font-size:24px;color:#f5cf8b}h4{font-size:20px;color:#ecc47c}h5{font-size:18px;color:#d8b06a}h6{font-size:16px;color:#c69b55}.hero-lead{font-size:18px;color:#f1dfc3;max-width:680px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.hero-actions a,.card-actions a,.share-buttons button{background:linear-gradient(135deg,var(--red),#68120f);color:white;border:1px solid rgba(255,255,255,.18);padding:12px 18px;box-shadow:0 12px 32px rgba(155,30,25,.25);transition:.25s transform,.25s filter}.hero-actions a:nth-child(2),.card-actions a:nth-child(2){background:transparent;color:var(--gold);border-color:var(--gold)}.hero-actions a:hover,.card-actions a:hover,.share-buttons button:hover{transform:translateY(-3px);filter:brightness(1.1)}.hero-figure{margin:0;position:relative;box-shadow:var(--shadow);border:1px solid var(--line)}.hero-figure:before,.wide-img:before{content:"";position:absolute;inset:10px;border:1px dashed rgba(202,161,91,.35);pointer-events:none}.hero-figure img{width:100%;aspect-ratio:16/9;object-fit:cover}figcaption{font-size:13px;color:var(--muted);padding:10px 12px;background:rgba(0,0,0,.35)}
.section-block{max-width:1280px;margin:0 auto 42px;padding:44px 24px;border-top:1px solid var(--line);position:relative}.section-block:after{content:"";position:absolute;left:24px;top:-3px;width:88px;height:5px;background:var(--red)}.intro-band{display:grid;grid-template-columns:.7fr 1fr;gap:30px;align-items:start}.section-note{color:var(--muted)}.json-panel{white-space:pre-wrap;overflow:auto;background:rgba(8,6,5,.74);border:1px solid var(--line);color:#f5ddad;padding:18px;max-height:430px;font:13px/1.62 ui-monospace,Consolas,monospace}.json-panel.small{max-height:260px}
.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.video-card{background:linear-gradient(180deg,rgba(255,248,236,.08),rgba(0,0,0,.24));border:1px solid var(--line);padding:12px;transition:.28s transform,.28s border-color,.28s box-shadow;outline:0}.video-card:hover,.video-card:focus{transform:translateY(-7px);border-color:var(--gold);box-shadow:0 24px 60px rgba(0,0,0,.32)}.video-thumb{position:relative;overflow:hidden;background:#0b0706}.video-thumb img{width:100%;aspect-ratio:16/10;object-fit:cover;filter:saturate(.9) contrast(1.05);transition:.3s transform}.video-card:hover .video-thumb img,.video-card:focus .video-thumb img{transform:scale(1.04)}.video-thumb video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0}.play-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.82);width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:rgba(155,30,25,.88);border:1px solid var(--gold);color:white;opacity:0;transition:.25s}.video-card:hover .play-button,.video-card:focus .play-button{opacity:1;transform:translate(-50%,-50%) scale(1)}.video-card h3{font-size:19px;margin-top:14px}.video-card p{color:#dcc8aa;min-height:48px}.metrics{display:flex;gap:10px;flex-wrap:wrap;color:var(--gold);font-size:13px;border-top:1px solid var(--line);padding-top:10px}
.gallery-feature,.contact-section,.two-column{display:grid;grid-template-columns:.92fr 1.08fr;gap:28px;align-items:center}.gallery-feature img,.contact-section img,.two-column img,.wide-img{border:1px solid var(--line);box-shadow:var(--shadow);width:100%;object-fit:cover}.tag-list{display:flex;gap:10px;flex-wrap:wrap;padding:0;margin:20px 0;list-style:none}.tag-list li{border:1px solid var(--gold);color:#ffdf9f;padding:6px 12px;background:rgba(155,30,25,.18)}.expert-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:22px 0}.expert-card,.review-grid blockquote{background:rgba(255,248,236,.07);border:1px solid var(--line);padding:18px;margin:0}.card-actions{display:flex;gap:12px;margin-top:14px}.partner-howto{display:grid;grid-template-columns:1fr 1fr;gap:28px}.logo-wall{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.logo-wall span{min-height:82px;display:grid;place-items:center;border:1px solid var(--line);background:linear-gradient(135deg,rgba(202,161,91,.12),rgba(155,30,25,.18));color:#ffe0a6;font-weight:700}.howto{counter-reset:item;list-style:none;padding:0}.howto li{margin:10px 0;padding:12px 12px 12px 46px;border-left:3px solid var(--red);background:rgba(0,0,0,.18);position:relative}.howto li:before{counter-increment:item;content:counter(item);position:absolute;left:12px;color:var(--gold);font-family:Georgia,serif;font-weight:700}
.faq-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}details{border:1px solid var(--line);background:rgba(255,248,236,.06);padding:14px}summary{cursor:pointer;color:#ffe0a6;font-weight:700}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}blockquote p{margin-top:0}cite{color:var(--gold);font-style:normal}.share-buttons{display:flex;gap:12px;flex-wrap:wrap}.share-buttons button{cursor:pointer}.sub-hero{max-width:1280px;margin:0 auto 20px;padding:54px 24px;background:linear-gradient(110deg,rgba(155,30,25,.22),rgba(202,161,91,.08));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.sub-hero h1{font-size:clamp(34px,5vw,64px)}.compact .video-grid{grid-template-columns:repeat(2,1fr)}
.site-footer{background:#0e0a09;border-top:1px solid var(--line);padding:46px 24px 24px}.footer-grid{max-width:1280px;margin:auto;display:grid;grid-template-columns:1.1fr .8fr 1fr;gap:28px}.footer-logo{border:1px solid var(--line);margin-bottom:12px}.update-time{color:#ffe0a6;font-weight:700}.qr-pair{display:flex;gap:18px;flex-wrap:wrap}.qr-pair figure{margin:0;text-align:center;color:var(--muted)}.qr-pair img{border:1px solid var(--gold);background:var(--paper)}.mcp-front{max-width:1280px;margin:24px auto 0;padding:14px;border:1px dashed var(--gold);color:#e4c68e;background:rgba(155,30,25,.12)}.copyright{max-width:1280px;margin:18px auto 0;color:var(--muted)}
@media (max-width:960px){.header-inner{align-items:flex-start;flex-direction:column}.main-nav{margin-left:0}.search-strip,.hero-section,.intro-band,.gallery-feature,.contact-section,.partner-howto,.two-column,.footer-grid{grid-template-columns:1fr}.search-hint{grid-column:1}.video-grid,.expert-grid,.faq-list,.review-grid,.compact .video-grid{grid-template-columns:1fr}h1{font-size:40px}.brand-lockup{min-width:auto}}
@media (max-width:560px){.header-inner,.search-strip,.hero-section,.section-block,.sub-hero,.breadcrumb{padding-left:16px;padding-right:16px}.fake-search{flex-direction:column}.fake-search button{padding:12px}.logo-wall{grid-template-columns:1fr 1fr}}