/*
Theme Name: 51 宣传片
Theme URI: https://51xuanchuanpian.com/
Author: 51xuanchuanpian.com
Description: Lightweight editorial theme for Chinese corporate video production.
Version: 1.0.0
Text Domain: 51-xuanchuanpian
*/
:root{--ink:#171717;--muted:#66615d;--paper:#f7f7f5;--white:#fff;--red:#c92c2c;--red-dark:#9f1f1f;--line:#d8d5d1;--wide:1240px;--content:760px;--sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;--serif:"Songti SC","STSong","SimSun",Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.75;-webkit-font-smoothing:antialiased}img{display:block;width:100%;height:auto}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.2em}.wrap{width:min(calc(100% - 48px),var(--wide));margin:auto}.site-header{background:rgba(247,247,245,.96);border-bottom:1px solid var(--line);position:relative;z-index:20}.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{font-weight:800;text-decoration:none;letter-spacing:.01em}.site-nav{display:flex;align-items:center;gap:30px}.site-nav a{text-decoration:none;font-size:15px}.site-nav a:hover,.site-nav .current-menu-item>a{color:var(--red)}.nav-cta{border:1px solid var(--ink);padding:9px 16px}.menu-toggle{display:none;border:0;background:none;font:inherit;padding:10px}.hero{padding:88px 0 72px;text-align:center}.eyebrow{margin:0 0 15px;color:var(--red);font-size:13px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.hero h1,.page-hero h1{font:clamp(46px,6.5vw,82px)/1.08 var(--serif);letter-spacing:-.025em;margin:0 auto 24px;max-width:980px}.hero-copy{max-width:820px;margin:0 auto 30px;color:var(--muted);font-size:clamp(18px,2vw,22px)}.actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.button{display:inline-block;background:var(--red);color:#fff;padding:12px 22px;border:1px solid var(--red);text-decoration:none;font-weight:700}.button:hover{background:var(--red-dark);border-color:var(--red-dark)}.button.secondary{background:transparent;color:var(--ink);border-color:var(--ink)}.hero-media{margin:56px auto 0;max-width:1080px}.hero-media img,.page-hero-media img{aspect-ratio:16/9;object-fit:cover}.section{padding:96px 0}.section.white{background:var(--white)}.section.dark{background:#151515;color:#fff}.section-head{max-width:800px;margin:0 auto 56px;text-align:center}.section-head h2,.split h2,.cta h2,.content-area h1,.page-hero h1{font-family:var(--serif);font-weight:500}.section-head h2,.split h2,.cta h2{font-size:clamp(34px,4.5vw,54px);line-height:1.2;margin:0 0 18px}.section-head p{color:var(--muted)}.split{display:grid;grid-template-columns:1fr 1.08fr;gap:clamp(44px,8vw,110px);align-items:center}.split.reverse>div:first-child{order:2}.split.reverse>div:last-child{order:1}.split img{aspect-ratio:4/3;object-fit:cover}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.service-card{background:var(--white);text-decoration:none}.service-card img{aspect-ratio:4/3;object-fit:cover}.service-card .body{padding:28px}.service-card .num{color:var(--red);font-size:12px;font-weight:800}.service-card h3{font:28px/1.25 var(--serif);margin:10px 0}.service-card p{margin:0;color:var(--muted)}.service-card:hover h3{color:var(--red)}.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:48px 28px}.work-card{text-decoration:none}.work-card img{aspect-ratio:4/3;object-fit:cover}.work-card h3{font:30px/1.25 var(--serif);margin:15px 0 4px}.work-card span{color:var(--red);font-size:13px}.reasons{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid #444}.reason{padding:32px 30px;border-bottom:1px solid #444}.reason:nth-child(odd){border-right:1px solid #444}.reason h3{font:26px/1.3 var(--serif);margin:0 0 10px}.process{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.step{padding:30px 24px;border-bottom:1px solid var(--line)}.step span{color:var(--red);font-size:12px;font-weight:800}.step h3{font:25px/1.3 var(--serif);margin:10px 0}.cta{padding:80px 0}.cta-box{background:var(--white);border:1px solid var(--line);padding:60px 30px;text-align:center}.cta-box p{max-width:720px;margin:0 auto 28px}.page-hero{padding:90px 0 54px;text-align:center}.page-hero-media{width:min(calc(100% - 48px),1080px);margin:0 auto 40px}.service-list{display:grid;grid-template-columns:repeat(3,1fr);gap:54px 40px}.service-entry{border-top:2px solid var(--red);padding-top:20px}.service-entry h2{font:30px/1.25 var(--serif);margin:0 0 12px}.service-entry p{color:var(--muted)}.about-values{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.value{border-top:1px solid var(--red);padding-top:20px}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.contact-form{background:#fff;border:1px solid var(--line);padding:36px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field.full{grid-column:1/-1}.field label{display:block;font-weight:700;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;border:1px solid #aaa;background:#fff;font:inherit;padding:11px 12px}.field textarea{min-height:160px}.notice{padding:14px;margin-bottom:20px;background:#eaf5ec}.notice.error{background:#fae9e9}.form-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.site-footer{border-top:1px solid var(--line);padding:70px 0 30px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:50px}.footer-col h3{font-size:14px;margin:0 0 14px}.footer-col a{display:block;margin:8px 0}.footer-bottom{border-top:1px solid var(--line);margin-top:50px;padding-top:20px;color:var(--muted);font-size:13px}.content-area{width:min(calc(100% - 48px),860px);margin:80px auto}.content-area h1{font-size:52px}.content-area img{max-width:100%}.pagination{margin:40px 0}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:10px;top:10px;background:#fff;padding:10px;z-index:99}@media(max-width:900px){.service-grid,.service-list{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.contact-layout{grid-template-columns:1fr}.site-nav{display:none;position:absolute;top:82px;left:0;right:0;background:var(--paper);padding:22px 24px;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}.site-nav.open{display:flex}.menu-toggle{display:block}}@media(max-width:680px){body{font-size:16px}.wrap{width:min(calc(100% - 32px),var(--wide))}.hero,.page-hero{padding:60px 0 44px}.hero-media{margin-top:38px}.section{padding:68px 0}.split,.work-grid{grid-template-columns:1fr}.split.reverse>div:first-child,.split.reverse>div:last-child{order:initial}.service-grid,.service-list,.process,.about-values{grid-template-columns:1fr}.reasons{grid-template-columns:1fr}.reason:nth-child(odd){border-right:0}.field-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.contact-form{padding:24px}.page-hero-media{width:calc(100% - 32px)}}