:root{
  --paper:#f4f0e6;      /* 图纸米黄底 */
  --ink:#1d3348;        /* 制图墨蓝 */
  --blue:#2f5d8a;       /* 蓝图蓝，来自声学图纸晒图色 */
  --amber:#b5762a;      /* 木饰面暖褐，来自厅堂吸声板材料色 */
  --line:#c9c2ae;
  --fs-xs:12px;--fs-s:14px;--fs-m:17px;--fs-l:24px;--fs-xl:40px;--fs-xxl:60px;
  --gap:24px;
}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--paper);color:var(--ink);font-family:"Noto Serif SC","Songti SC","SimSun",serif;font-size:var(--fs-m);line-height:1.85}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
a:hover{color:var(--amber)}
a:focus-visible,button:focus-visible{outline:2px solid var(--amber);outline-offset:2px}
/* 页头：图纸边框风格 */
.site-head{border-bottom:3px solid var(--ink)}
.head-in{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;padding-top:16px;padding-bottom:16px}
.brand img{display:block}
nav[aria-label="主导航"]{display:flex;flex-wrap:wrap;gap:20px;font-size:var(--fs-s);font-family:"Noto Sans SC",sans-serif}
nav[aria-label="主导航"] a{text-decoration:none;color:var(--ink);letter-spacing:.06em}
nav[aria-label="主导航"] a[aria-current="page"]{border-bottom:3px solid var(--amber)}
nav[aria-label="主导航"] a:hover{color:var(--blue)}
/* 面包屑 */
.breadcrumb{font-size:var(--fs-xs);font-family:"Noto Sans SC",sans-serif;letter-spacing:.08em;color:#6d6753;padding-top:16px;display:flex;gap:8px}
.breadcrumb a{color:#8b866f}
/* 首屏变体 */
.hero{padding:64px 0}
.kicker{font-size:var(--fs-xs);font-family:"Noto Sans SC",sans-serif;letter-spacing:.35em;color:var(--blue);text-transform:uppercase;margin-bottom:16px}
h1{font-size:var(--fs-xl);line-height:1.3;font-weight:900;letter-spacing:.02em}
.lead{max-width:62ch;margin-top:24px}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.hero-fig img{width:100%;height:auto;border:1px solid var(--ink);background:#fff}
.hero-cta{margin-top:32px;display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.btn{display:inline-block;background:var(--ink);color:var(--paper);padding:12px 32px;font-family:"Noto Sans SC",sans-serif;font-size:var(--fs-s);letter-spacing:.1em;text-decoration:none;border:2px solid var(--ink)}
.btn:hover{background:var(--blue);border-color:var(--blue);color:#fff}
.link-more{font-family:"Noto Sans SC",sans-serif;font-size:var(--fs-s)}
.hero-band .band-fig{width:100%;height:auto;margin-top:32px;border-bottom:3px solid var(--amber)}
.hero-card{border-left:8px solid var(--amber)}
.hero-card .wrap{padding-left:32px}
.contact-line{margin-top:16px;font-size:var(--fs-l)}
.contact-hint{max-width:62ch;margin-top:16px;color:#4a4459;color:#4b4cambah;}
.contact-hint{color:#5c5password;}
.hero-top .lead{margin-top:24px}
/* 区块 */
.block{padding:64px 0}
.block-tint{background:#ece6d5;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sec-title{font-size:var(--fs-l);font-weight:900;border-left:6px solid var(--blue);padding-left:16px;margin-bottom:24px}
.sec-sub{margin-bottom:32px;font-size:var(--fs-s);color:#5c5747}
/* 能力 */
.cap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.cap{border:1px solid var(--ink);padding:24px;background:#fff}
.cap-no{display:inline-block;font-family:"Noto Sans SC",sans-serif;font-weight:700;font-size:var(--fs-l);color:var(--amber)}
.cap h3{font-size:var(--fs-l);margin:8px 0 12px}
.cap p{font-size:var(--fs-s);line-height:1.9}
/* 九宫格 */
.items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.item img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block;border:1px solid var(--ink);filter:saturate(.85)}
.item h2,.item h3{font-size:var(--fs-l);margin-top:12px}
.item p{font-size:var(--fs-s);margin-top:8px}
.item ul{margin-top:8px;padding-left:20px;font-size:var(--fs-xs);color:#5c5747;list-style:square}
@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:24px;counter-reset:none}
.steps span{font-family:"Noto Sans SC",sans-serif;font-weight:700;font-size:var(--fs-xl);color:var(--blue);display:block}
.steps h3{font-size:var(--fs-l);margin:8px 0}
.steps p{font-size:var(--fs-s)}
.steps-v{grid-template-columns:minmax(0,1fr);max-width:760px}
.steps-v li{border-bottom:1px dashed var(--line);padding-bottom:24px;margin-bottom:24px}
/* FAQ */
.faq-list details,.faq-home details{border-top:1px solid var(--line);padding:16px 0;max-width:820px}
.faq-list summary,.faq-home summary{cursor:pointer;font-weight:700;font-family:"Noto Sans SC",sans-serif;font-size:var(--fs-m)}
.faq-list details[open],.faq-home details[open]{background:#fff;padding:16px}
.faq-list p,.faq-home p{margin-top:8px;font-size:var(--fs-s);max-width:66ch}
.more-link{margin-top:24px;font-family:"Noto Sans SC",sans-serif;font-size:var(--fs-s)}
/* 场景列表 */
.scene-list{list-style:none;display:flex;flex-wrap:wrap;gap:12px}
.scene-list li{border:1px solid var(--ink);padding:8px 24px;font-size:var(--fs-s);font-family:"Noto Sans SC",sans-serif;letter-spacing:.05em;background:#fff}
/* 正文 */
.prose{max-width:68ch}
.prose h2{font-size:var(--fs-l);margin:48px 0 16px;font-weight:900;border-bottom:2px solid var(--amber);padding-bottom:8px}
.prose p{margin-bottom:16px}
.meta{font-size:var(--fs-s);color:#5c5747;font-family:"Noto Sans SC",sans-serif}
.wrap-article{margin:0 auto;padding:48px 24px}
table{width:100%;border-collapse:collapse;margin:24px 0;font-size:var(--fs-s);background:#fff}
caption{caption-side:top;text-align:left;font-family:"Noto Sans SC",sans-serif;font-weight:700;padding-bottom:8px}
th,td{border:1px solid var(--line);padding:12px;text-align:left;vertical-align:top}
th{background:var(--ink);color:var(--paper);font-family:"Noto Sans SC",sans-serif}
/* CTA */
.cta{text-align:center;border-top:3px solid var(--ink)}
.cta h2{font-size:var(--fs-xl);margin-bottom:16px}
.cta p{margin-bottom:24px}
/* 页脚 */
.site-foot{border-top:3px solid var(--ink);padding:32px 0;background:#ece6d5}
.foot-in{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center;font-size:var(--fs-s)}
.site-foot nav{display:flex;flex-wrap:wrap;gap:16px;font-family:"Noto Sans SC",sans-serif}
.site-foot nav a{color:var(--ink)}
@media(max-width:900px){
  .hero-grid,.cap-grid,.steps{grid-template-columns:minmax(0,1fr)}
  h1{font-size:var(--fs-l)}
  .hero{padding:32px 0}
  .block{padding:32px 0}
}