/* 17c影院｜纸上新片场：编辑设计+新粗野主义；米白纸张、墨黑、片场橙；避免模板化居中布局。 */
:root{--paper:#f4f0e8;--paper2:#ebe4d7;--ink:#171717;--muted:#6e6a62;--orange:#f05b35;--line:#cfc6b7;--white:#fffdf8;--serif:"Noto Serif SC","Songti SC",serif;--sans:"Noto Sans SC","PingFang SC",sans-serif;--mono:"IBM Plex Mono","SFMono-Regular",monospace;--ease:cubic-bezier(.23,1,.32,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.7;background-image:radial-gradient(rgba(23,23,23,.035) .6px,transparent .6px);background-size:6px 6px}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input{font:inherit}.shell{max-width:1440px;margin:auto;padding:0 5vw}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 5vw;border-bottom:1px solid var(--line);background:rgba(244,240,232,.94);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:12px;font-family:var(--serif);font-weight:800;font-size:22px;letter-spacing:-.05em}.brand img{width:38px;height:38px;object-fit:contain}.brand small{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:var(--muted);font-weight:400}.nav{display:flex;gap:22px;font-size:14px;flex-wrap:wrap}.nav a{position:relative;padding:4px 0}.nav a:after{content:"";height:2px;background:var(--orange);position:absolute;left:0;right:100%;bottom:0;transition:right .22s var(--ease)}.nav a:hover:after{right:0}.search{display:flex;border:1px solid var(--ink);background:var(--white);min-width:230px}.search input{border:0;outline:0;background:transparent;padding:9px 12px;width:100%;font-size:13px}.search button{border:0;background:var(--ink);color:var(--paper);padding:0 13px;cursor:pointer}.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--orange);text-transform:uppercase}.hero{display:grid;grid-template-columns:1fr 1.28fr;gap:5vw;align-items:end;padding:7vw 0 6vw;border-bottom:1px solid var(--line)}h1,h2,h3,h4{font-family:var(--serif);line-height:1.12;margin:0 0 18px;letter-spacing:-.05em}h1{font-size:clamp(44px,7vw,98px);max-width:650px}h2{font-size:clamp(30px,4vw,56px)}h3{font-size:25px}.hero-copy p{font-size:18px;max-width:520px;color:#464139}.cta-row{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--ink);padding:11px 17px;background:var(--ink);color:var(--paper);font-size:14px;transition:transform .16s var(--ease),background .16s}.btn:hover{transform:translateY(-3px);background:var(--orange);border-color:var(--orange)}.btn.ghost{background:transparent;color:var(--ink)}.hero-media{position:relative;min-height:490px;overflow:hidden;border:1px solid var(--ink);background:#cfc6b7}.hero-media img{width:100%;height:100%;min-height:490px;object-fit:cover;filter:saturate(.86)}.hero-media:after{content:"17c影院 / FEATURED VIDEO";position:absolute;left:18px;top:18px;padding:6px 9px;background:var(--orange);font-family:var(--mono);font-size:11px;color:var(--ink)}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:var(--orange);color:var(--ink);font-size:25px;opacity:0;transition:opacity .2s var(--ease),transform .2s var(--ease)}.video-card:hover .play,.hero-media:hover .play{opacity:1;transform:translate(-50%,-50%) scale(1.05)}.section{padding:85px 0;border-bottom:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}.section-head p{max-width:480px;color:var(--muted);margin:0}.index{font-family:var(--mono);font-size:12px;color:var(--orange);margin-bottom:12px}.video-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:18px}.video-card{position:relative;background:var(--white);border:1px solid var(--line);overflow:hidden;transition:transform .22s var(--ease),box-shadow .22s}.video-card:hover{transform:translateY(-7px);box-shadow:8px 8px 0 var(--orange)}.video-card .cover{position:relative;aspect-ratio:3/2;overflow:hidden}.video-card .cover img{width:100%;height:100%;object-fit:cover;transition:transform .35s var(--ease)}.video-card:hover .cover img{transform:scale(1.04)}.video-body{padding:19px}.meta{display:flex;justify-content:space-between;gap:10px;font-family:var(--mono);font-size:11px;color:var(--muted);margin-bottom:10px}.tag{display:inline-block;color:var(--orange);font-size:12px;margin-right:10px}.video-body p{color:var(--muted);font-size:13px;margin:8px 0 0}.video-card.feature{grid-row:span 2}.video-card.feature .cover{aspect-ratio:4/5}.editorial{display:grid;grid-template-columns: .72fr 1.28fr;gap:7vw;align-items:start}.number-list{border-top:1px solid var(--ink)}.number-item{display:grid;grid-template-columns:60px 1fr auto;gap:16px;align-items:center;padding:20px 0;border-bottom:1px solid var(--line)}.number-item strong{font-family:var(--mono);color:var(--orange)}.number-item p{margin:0;color:var(--muted);font-size:13px}.split{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{padding:28px;background:var(--paper2);border:1px solid var(--line);min-height:170px}.panel.orange{background:var(--orange);border-color:var(--orange)}.panel h3{margin-bottom:10px}.panel p{margin:0;color:#514a41;font-size:14px}.panel.orange p{color:var(--ink)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--ink);border:1px solid var(--ink);margin-top:22px}.metric{padding:20px;background:var(--paper)}.metric b{font-family:var(--mono);font-size:24px}.metric span{display:block;color:var(--muted);font-size:12px}.faq-list{border-top:1px solid var(--ink)}details{border-bottom:1px solid var(--line);padding:18px 0}summary{cursor:pointer;font-family:var(--serif);font-size:18px;font-weight:700}details p{color:var(--muted);max-width:800px}.notice{padding:17px;border-left:4px solid var(--orange);background:var(--paper2);font-size:13px;color:#575047}.contact{display:grid;grid-template-columns:1fr 1fr;gap:30px}.contact-card{border:1px solid var(--line);background:var(--white);padding:28px}.qr{width:120px;height:120px;image-rendering:pixelated;border:8px solid white}.footer{padding:40px 0 60px;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:30px}.footer p,.footer a{font-size:13px;color:var(--muted)}.footer h4{font-size:18px}.breadcrumbs{padding:22px 0;font-family:var(--mono);font-size:11px;color:var(--muted)}.page-hero{padding:50px 0 60px;border-bottom:1px solid var(--line)}.page-hero p{max-width:700px;color:var(--muted);font-size:17px}.guide{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.guide .panel{min-height:230px}.share{display:flex;gap:8px;flex-wrap:wrap}.share button{border:1px solid var(--line);background:var(--white);padding:8px 13px;font-size:12px;cursor:pointer}.share button:hover{border-color:var(--orange);color:var(--orange)}
@media(max-width:900px){.topbar{align-items:flex-start;flex-wrap:wrap}.nav{order:3;width:100%;gap:14px}.search{margin-left:auto}.hero,.editorial,.contact{grid-template-columns:1fr}.hero{padding-top:50px}.hero-media,.hero-media img{min-height:360px}.video-grid{grid-template-columns:1fr 1fr}.video-card.feature{grid-row:auto}.video-card.feature .cover{aspect-ratio:3/2}.footer{grid-template-columns:1fr 1fr}.guide{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.shell{padding:0 20px}.topbar{padding:16px 20px}.search{order:2;width:100%;min-width:0}.hero{padding:42px 0}.hero-copy p{font-size:16px}.section{padding:58px 0}.section-head{display:block}.section-head p{margin-top:12px}.video-grid,.split,.guide{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.footer{grid-template-columns:1fr}.number-item{grid-template-columns:40px 1fr}.number-item .btn{display:none}h1{font-size:52px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}