/* 珠海驰耀录音制作有限公司 —— 电影感方向：宽银幕、暗调、字幕感 */
:root{
  --bg:#141210;            /* 暗调底，来自录音棚关灯后的环境 */
  --bg-raise:#1d1a16;
  --amber:#d8a24a;         /* 主色：调音台指示灯与磁带机的暖琥珀 */
  --amber-dim:#8a6a35;
  --ink:#e8e2d6;           /* 字幕米白 */
  --ink-dim:#a39c8d;
  --line:#3a342a;
  --fs-xs:12px;--fs-s:15px;--fs-m:18px;--fs-l:28px;--fs-xl:44px;--fs-hero:64px;
  --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-6:24px;--sp-8:32px;--sp-12:48px;--sp-16:64px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:Georgia,"Songti SC","SimSun",serif;font-size:var(--fs-m);line-height:1.8}
.container{max-width:1280px;margin:0 auto;padding:0 var(--sp-6)}
a{color:var(--amber);text-decoration:none}
a:hover{text-decoration:underline}
a:focus,button:focus{outline:2px solid var(--amber);outline-offset:3px}
img{max-width:100%}

/* 页头 */
.site-header{border-bottom:1px solid var(--line);padding:var(--sp-4) 0}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-6);flex-wrap:wrap}
.brand img{display:block}
.nav{list-style:none;display:flex;gap:var(--sp-6);flex-wrap:wrap;font-family:"Helvetica Neue",Arial,"PingFang SC",sans-serif;font-size:var(--fs-s);letter-spacing:.12em;text-transform:uppercase}
.nav a{color:var(--ink-dim)}
.nav a:hover{color:var(--amber)}
.nav a[aria-current="page"]{color:var(--amber);border-bottom:1px solid var(--amber);padding-bottom:2px}

/* 通用标题：字幕感 */
.kicker,.strip-label{font-family:"Helvetica Neue",Arial,"PingFang SC",sans-serif;font-size:var(--fs-xs);letter-spacing:.28em;text-transform:uppercase;color:var(--amber)}
h1,h2,h3{font-family:"Songti SC","SimSun",Georgia,serif;font-weight:600;line-height:1.3}
.section-title{font-size:var(--fs-xl);margin:var(--sp-16) 0 var(--sp-4)}
.section-intro{max-width:62ch;color:var(--ink-dim);margin-bottom:var(--sp-8)}
section{margin-bottom:var(--sp-16)}

/* 面包屑：弱化、字距松、斜杠分隔 */
.breadcrumb{font-family:"Helvetica Neue",Arial,sans-serif;font-size:var(--fs-xs);letter-spacing:.14em;color:var(--ink-dim);margin:var(--sp-6) 0 var(--sp-8);display:flex;gap:var(--sp-2)}
.breadcrumb a{color:var(--ink-dim)}
.breadcrumb a:hover{color:var(--amber)}

/* 按钮 */
.btn{display:inline-block;background:var(--amber);color:var(--bg);font-family:"Helvetica Neue",Arial,sans-serif;font-size:var(--fs-s);letter-spacing:.14em;padding:var(--sp-3) var(--sp-8);border:1px solid var(--amber)}
.btn:hover{background:var(--ink);border-color:var(--ink);text-decoration:none}
.btn.ghost{background:transparent;color:var(--amber)}
.btn.ghost:hover{background:var(--amber);color:var(--bg)}
.btn.invert{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.btn.invert:hover{background:var(--amber);border-color:var(--amber)}

/* 首页首屏：左右分栏宽银幕 */
.hero{padding:var(--sp-16) 0 var(--sp-8)}
.hero-split{display:grid;grid-template-columns:5fr 7fr;gap:var(--sp-12);align-items:center}
.hero-split h1{font-size:var(--fs-hero);letter-spacing:.04em}
.lead{color:var(--ink-dim);max-width:56ch;margin:var(--sp-6) 0}
.hero-actions{margin-top:var(--sp-6);display:flex;gap:var(--sp-4);flex-wrap:wrap}
.hero-visual figcaption{font-size:var(--fs-s);color:var(--ink-dim);margin-top:var(--sp-3)}
.hero-visual{border:1px solid var(--line);padding:var(--sp-2);background:var(--bg-raise)}

/* 九宫格服务 */
.items-wrap{margin-top:var(--sp-8)}
.items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.item{border-top:2px solid var(--amber);background:var(--bg-raise);padding:0 0 var(--sp-6)}
.item img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block}
.item h2,.item h3{font-size:var(--fs-l);margin:var(--sp-4) var(--sp-4) var(--sp-2)}
.item p{font-size:var(--fs-s);color:var(--ink-dim);margin:0 var(--sp-4) var(--sp-3)}
.item ul{list-style:none;margin:0 var(--sp-4)}
.item li{font-size:var(--fs-s);color:var(--ink-dim);padding-left:var(--sp-4);position:relative;margin-bottom:var(--sp-1)}
.item li::before{content:"—";position:absolute;left:0;color:var(--amber)}
@media(max-width:760px){.items{grid-template-columns:minmax(0,1fr)}}

/* 流程：胶片帧 */
.steps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-6);counter-reset:none}
.steps li{border:1px solid var(--line);padding:var(--sp-6);background:var(--bg-raise)}
.frame-no{font-family:"Helvetica Neue",Arial,sans-serif;font-size:var(--fs-xs);letter-spacing:.3em;color:var(--amber);display:block;margin-bottom:var(--sp-3)}
.steps h3{font-size:var(--fs-m);margin-bottom:var(--sp-2)}
.steps p{font-size:var(--fs-s);color:var(--ink-dim)}

/* FAQ */
.faq dl dt{font-size:var(--fs-l);font-family:"Songti SC",serif;margin:var(--sp-8) 0 var(--sp-2)}
.faq dl dd{color:var(--ink-dim);max-width:66ch;border-left:2px solid var(--amber);padding-left:var(--sp-4)}
.more-link{margin-top:var(--sp-8);color:var(--ink-dim);font-size:var(--fs-s)}

/* CTA 满屏色块 */
.cta-block{background:var(--amber);color:var(--bg);padding:var(--sp-16) var(--sp-8);text-align:left}
.cta-block h2{font-size:var(--fs-xl);color:var(--bg)}
.cta-block p{max-width:60ch;margin:var(--sp-4) 0 var(--sp-6)}

/* 内页首屏变体：about 图文错位 */
.hero-offset{display:grid;grid-template-columns:7fr 5fr;gap:var(--sp-12);align-items:end;padding-top:var(--sp-12)}
.hero-offset h1{font-size:var(--fs-xl);letter-spacing:.08em}
.hero-offset .offset-fig{border-left:4px solid var(--amber);padding-left:var(--sp-4)}
.hero-offset .offset-text p{color:var(--ink-dim);margin-top:var(--sp-4)}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-8) var(--sp-12)}
.about-block h2{font-size:var(--fs-l);border-bottom:1px solid var(--line);padding-bottom:var(--sp-2);margin-bottom:var(--sp-4)}
.about-block p{color:var(--ink-dim);font-size:var(--fs-s);max-width:60ch}

/* services 首屏：满屏色块字幕式 */
.hero-band{background:var(--bg-raise);border-top:3px solid var(--amber);padding:var(--sp-16) var(--sp-8)}
.hero-band h1{font-size:var(--fs-hero);letter-spacing:.24em;margin-bottom:var(--sp-6)}
.band-lead{color:var(--ink-dim);max-width:64ch}
.svc-cta{border:1px solid var(--line);padding:var(--sp-8);background:var(--bg-raise)}
.svc-cta h2{font-size:var(--fs-l);margin-bottom:var(--sp-3)}
.svc-cta p{color:var(--ink-dim)}

/* contact 首屏：字幕条 */
.hero-strip{border-left:6px solid var(--amber);padding:var(--sp-8) var(--sp-8);background:var(--bg-raise)}
.hero-strip h1{font-size:var(--fs-xl);margin:var(--sp-3) 0 var(--sp-4)}
.hero-strip p{color:var(--ink-dim);max-width:62ch}
.steps-plain{list-style:none;counter-reset:s}
.steps-plain li{margin-bottom:var(--sp-8);max-width:66ch}
.steps-plain h3{font-size:var(--fs-l);color:var(--amber)}
.steps-plain p{color:var(--ink-dim);font-size:var(--fs-s)}
.contact-faq dl dt{font-size:var(--fs-l);font-family:"Songti SC",serif;margin:var(--sp-6) 0 var(--sp-2)}
.contact-faq dl dd{color:var(--ink-dim);max-width:66ch;border-left:2px solid var(--amber);padding-left:var(--sp-4)}

/* 指南文章 */
.article-body{max-width:1280px}
.article-head{border-bottom:1px solid var(--line);padding-bottom:var(--sp-8)}
.article-head h1{font-size:var(--fs-xl);margin:var(--sp-3) 0}
.article-meta{font-family:"Helvetica Neue",Arial,sans-serif;font-size:var(--fs-xs);letter-spacing:.14em;color:var(--ink-dim);text-transform:uppercase}
.article-lead{margin-top:var(--sp-4);color:var(--ink-dim);max-width:64ch}
.article-body section{margin-bottom:var(--sp-12)}
.article-body h2{font-size:var(--fs-l);margin-bottom:var(--sp-4)}
.article-body section p{max-width:66ch;color:var(--ink-dim);margin-bottom:var(--sp-4)}
.cmp-table{width:100%;border-collapse:collapse;font-size:var(--fs-s);margin:var(--sp-6) 0}
.cmp-table th,.cmp-table td{border:1px solid var(--line);padding:var(--sp-3) var(--sp-4);text-align:left;color:var(--ink-dim)}
.cmp-table th{color:var(--amber);font-family:"Helvetica Neue",Arial,sans-serif;letter-spacing:.1em;background:var(--bg-raise)}

/* faq 页 */
.hero-plain{border-bottom:1px solid var(--line)}
.hero-plain h1{font-size:var(--fs-hero);letter-spacing:.12em;margin-bottom:var(--sp-6)}
.faq-list h2{font-size:var(--fs-l);margin:var(--sp-8) 0 var(--sp-2);color:var(--ink)}
.faq-list p{color:var(--ink-dim);max-width:66ch}

/* 页脚 */
.site-footer{border-top:1px solid var(--line);padding:var(--sp-8) 0;margin-top:var(--sp-16)}
.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-6);flex-wrap:wrap}
.footer-brand{font-family:"Songti SC",serif;letter-spacing:.1em}
.footer-nav{font-size:var(--fs-xs)}
.footer-mail{font-size:var(--fs-s)}

/* 响应式 */
@media(max-width:900px){
  .hero-split,.hero-offset,.about-grid,.steps{grid-template-columns:minmax(0,1fr)}
  .hero-split h1,.hero-band h1,.hero-plain h1{font-size:var(--fs-xl)}
  .footer-inner{flex-direction:column;align-items:flex-start}
}