:root { --accent:#dc2626; --accent2:#1e293b; --bg:#0f0f0f; --card:#1a1a1a; --ink:#f5f5f5; --muted:#a3a3a3; --film:#dc2626; --max:100%; --header-h:64px; }
*,*::before,*::after{box-sizing:border-box} body{margin:0;font-family:"Noto Sans SC",sans-serif;line-height:1.82;color:var(--ink);background:var(--bg);min-height:100vh} img{max-width:100%;height:auto;display:block} a{color:#fca5a5;font-weight:500;text-decoration:none} a:hover{color:#fff;text-decoration:underline} .container{width:min(100% - 2rem,1140px);margin-inline:auto}
.site-header{position:sticky;top:0;z-index:500;background:#000;border-bottom:4px solid var(--film)} .header-row{display:flex;align-items:center;justify-content:space-between;min-height:var(--header-h)} .brand{display:flex;align-items:center;gap:.65rem;color:var(--ink);font-weight:700;text-decoration:none} .brand b{color:var(--film)} .site-nav ul{display:flex;gap:.25rem;list-style:none;margin:0;padding:0;flex-wrap:wrap} .site-nav a{padding:.45rem .85rem;color:var(--muted);font-size:.92rem} .site-nav a.active,.site-nav a:hover{color:var(--film);text-decoration:none} .nav-toggle{display:none;background:none;border:none;cursor:pointer} .nav-toggle span{display:block;width:22px;height:2px;background:var(--ink);margin:5px 0}
.ads-top-bar{background:#111;border-bottom:1px solid #333;padding:.75rem 0} #ads{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center} .applist-title{text-align:center;color:var(--film);font-weight:700;margin-bottom:.5rem}
.link-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;padding:1rem 0;background:#111} .link-strip a{padding:.5rem 1rem;border:2px solid var(--film);color:var(--film);border-radius:4px;font-size:.88rem} .link-strip a:hover{background:var(--film);color:#fff;text-decoration:none}
.hero-film{padding:2.5rem 0;text-align:center;background:repeating-linear-gradient(90deg,#111 0,#111 8px,#0a0a0a 8px,#0a0a0a 16px)} .hero-badge{color:var(--film);font-size:.85rem;font-weight:600} h1{font-size:clamp(1.4rem,3vw,1.9rem);margin:1rem 0} .lead{color:var(--muted);max-width:720px;margin:0 auto 1.5rem} .hero-visual img{margin:0 auto;border:8px solid #333;border-radius:4px;max-width:520px}
.film-controls{padding:.75rem 0} .film-dots{display:flex;justify-content:center;gap:.5rem} .film-dot{width:12px;height:12px;border-radius:50%;border:2px solid var(--film);background:transparent;cursor:pointer;padding:0} .film-dot:hover{background:var(--film)}
.film-scroll{display:flex;gap:1.5rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:2rem 1.5rem 3rem;background:#0a0a0a;border-top:4px solid var(--film);border-bottom:4px solid var(--film)} .film-frame{flex:0 0 min(85vw,680px);scroll-snap-align:center;display:flex;background:#1a1a1a;border:6px solid #333;border-radius:8px;position:relative} .sprocket{width:20px;background:repeating-linear-gradient(180deg,#222 0,#222 6px,#111 6px,#111 12px);flex-shrink:0} .frame-inner{flex:1;padding:1.5rem} .frame-num{font-family:monospace;color:var(--film);font-size:.85rem;margin-bottom:.5rem} .frame-inner h2{font-size:1.15rem;color:#fff;margin:0 0 1rem;border-bottom:2px solid var(--film);padding-bottom:.5rem} .prose p{color:var(--muted);margin:0 0 1rem} .frame-img img{border-radius:4px;margin-top:1rem}
.related-read{padding:2rem 1.5rem 3rem;background:#111;border-top:2px solid #333} .related-read h2{color:var(--film)} .related-read ul{color:var(--muted)}
.page-hero{padding:2rem 0;background:#111} .breadcrumb{color:var(--muted);font-size:.88rem} .prose-card{background:var(--card);padding:1.75rem;border-radius:8px;border:2px solid #333;margin-bottom:1.5rem} .prose-card h2{color:var(--film);font-size:1.1rem} .page-body{padding-bottom:3rem}
.error-wrap{text-align:center;padding:4rem;color:var(--muted)} .error-wrap .code{font-size:4rem;color:var(--film);font-weight:700} .site-footer{background:#000;padding:2rem 0;border-top:4px solid var(--film);color:var(--muted)} .footer-links{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.75rem} .footer-links a{color:var(--film)}
@media(max-width:768px){.nav-toggle{display:flex;flex-direction:column} .site-nav{display:none;position:absolute;top:var(--header-h);left:0;right:0;background:#000;padding:1rem} .site-nav.is-open{display:block} .site-nav ul{flex-direction:column}}