/* 龙岩祥谐机房建设有限公司 — 蓝图 / 技术文档风 */
:root{
  --ink:#12233b;        /* 蓝图墨蓝 */
  --ink-2:#3c5570;
  --paper:#f4f1ea;      /* 低饱和纸色打底 */
  --paper-2:#eae5da;
  --accent:#1d5c8f;     /* 制图蓝，主色 */
  --accent-2:#b3542e;   /* 制图朱笔，仅作标记 */
  --line:#8fa6bd;
  --fs-1:13px; --fs-2:15px; --fs-3:18px; --fs-4:24px; --fs-5:34px; --fs-6:52px;
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px; --sp-6:32px; --sp-7:48px; --sp-8:64px;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:"Source Han Sans SC","Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;background:var(--paper);color:var(--ink);font-size:var(--fs-2);line-height:1.75}
.wrap{max-width:1280px;margin:0 auto;padding:0 var(--sp-5)}
h1,h2,h3{line-height:1.3;letter-spacing:.02em}
h1{font-size:var(--fs-6);font-weight:800}
h2{font-size:var(--fs-4);font-weight:700;border-left:4px solid var(--accent);padding-left:var(--sp-3)}
h3{font-size:var(--fs-3);font-weight:700}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
a:focus,button:focus{outline:2px solid var(--accent-2);outline-offset:2px}
img{max-width:100%}

/* 页头 */
.site-header{border-bottom:2px solid var(--ink);background:var(--paper)}
.header-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-4);padding-top:var(--sp-4);padding-bottom:var(--sp-4)}
.site-header nav{display:flex;flex-wrap:wrap;gap:var(--sp-5)}
.site-header nav a{color:var(--ink);font-weight:600;font-size:var(--fs-1);letter-spacing:.12em;text-transform:uppercase;border-bottom:2px solid transparent;padding-bottom:var(--sp-1)}
.site-header nav a:hover{border-bottom-color:var(--accent);text-decoration:none}

/* 面包屑 */
.breadcrumb{max-width:1280px;margin:0 auto;padding:var(--sp-3) var(--sp-5) 0;font-size:12px;letter-spacing:.08em;color:var(--ink-2)}
.breadcrumb a{color:var(--ink-2)}
.breadcrumb span{margin:0 var(--sp-2)}

/* 首页首屏：左右分栏 */
.hero-split{border-bottom:1px solid var(--line);background:
  repeating-linear-gradient(0deg,transparent 0 39px,rgba(29,92,143,.06) 39px 40px),
  repeating-linear-gradient(90deg,transparent 0 39px,rgba(29,92,143,.06) 39px 40px)}
.hero-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--sp-7);align-items:center;padding-top:var(--sp-8);padding-bottom:var(--sp-8)}
.kicker{font-size:var(--fs-1);letter-spacing:.3em;color:var(--accent-2);font-weight:700;margin-bottom:var(--sp-4)}
.lede{max-width:62ch}
.hero-cta{margin-top:var(--sp-5)}
.btn{display:inline-block;background:var(--ink);color:var(--paper);padding:var(--sp-3) var(--sp-5);font-weight:700;letter-spacing:.1em;border:2px solid var(--ink)}
.btn:hover{background:var(--accent);border-color:var(--accent);text-decoration:none;color:#fff}
.hero-fig{border:1px solid var(--line);padding:var(--sp-3);background:#fff}
.hero-fig figcaption,.about-fig figcaption{font-size:var(--fs-1);color:var(--ink-2);letter-spacing:.1em;margin-top:var(--sp-2)}

/* 能力区 */
.caps{padding:var(--sp-8) 0;border-bottom:1px solid var(--line)}
.cap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-6);margin-top:var(--sp-6)}
.cap{border-top:2px solid var(--ink);padding-top:var(--sp-4)}
.cap-no{font-family:Georgia,serif;font-size:var(--fs-5);color:var(--accent-2);font-weight:700}
.cap h3{margin:var(--sp-2) 0 var(--sp-3)}
.cap p{font-size:var(--fs-2)}

/* 九宫格 */
.services-brief{padding:var(--sp-8) 0;border-bottom:1px solid var(--line)}
.sec-note{color:var(--ink-2);margin-top:var(--sp-2)}
.items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:var(--sp-6)}
.item{border:1px solid var(--line);padding:var(--sp-3);background:#fff}
.item img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block}
.item h2,.item h3{font-size:var(--fs-3);margin:var(--sp-3) 0 var(--sp-2)}
.item p{font-size:var(--fs-2)}
.item ul{margin-top:var(--sp-2);padding-left:1.2em;font-size:var(--fs-1);color:var(--ink-2)}
@media(max-width:760px){.items{grid-template-columns:minmax(0,1fr)}}

/* 流程 */
.process{padding:var(--sp-8) 0;border-bottom:1px solid var(--line)}
.steps{list-style:none;counter-reset:st;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-5);margin-top:var(--sp-6)}
.steps li{counter-increment:st;border-left:2px solid var(--accent);padding-left:var(--sp-4)}
.steps li::before{content:"0" counter(st);font-family:Georgia,serif;color:var(--accent-2);font-weight:700;font-size:var(--fs-4);display:block}

/* FAQ */
.faq-home{padding:var(--sp-8) 0;border-bottom:1px solid var(--line)}
.faq-home dl{margin-top:var(--sp-5);max-width:70ch}
.faq-home dt{font-weight:700;margin-top:var(--sp-4)}
.faq-home dd{color:var(--ink-2);margin-top:var(--sp-1)}
.faq-list h2{margin-top:var(--sp-7)}
.faq-list dl{margin-top:var(--sp-4);max-width:74ch}
.faq-list dt{font-weight:700;margin-top:var(--sp-4)}
.faq-list dd{color:var(--ink-2);margin-top:var(--sp-1)}
.faq-more{margin-top:var(--sp-6)}

/* CTA */
.cta{padding:var(--sp-8) 0;text-align:left}
.cta .wrap{max-width:1280px}
.cta h2{border-left-color:var(--accent-2)}
.cta p{margin-top:var(--sp-3)}

/* 内页通用 */
.page-head{padding:var(--sp-7) 0 var(--sp-6);border-bottom:1px solid var(--line)}
.page-head .lede{margin-top:var(--sp-4)}

/* 关于页：图文错位首屏 */
.about-hero{border-bottom:1px solid var(--line);background:var(--paper-2)}
.about-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--sp-7);align-items:center;padding:var(--sp-8) var(--sp-5)}
.about-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-7);padding:var(--sp-8) var(--sp-5)}
.about-cols article{border-top:2px solid var(--ink);padding-top:var(--sp-4)}
.about-cols p{margin-top:var(--sp-3)}

/* 联系页：满屏色块邮箱 */
.contact-mail{padding:var(--sp-7) 0}
.contact-mail .wrap{background:var(--ink);color:var(--paper);padding:var(--sp-7) var(--sp-6)}
.mail-label{font-size:var(--fs-1);letter-spacing:.3em;color:var(--line)}
.mail-addr{font-family:Georgia,serif;font-size:var(--fs-5);margin:var(--sp-3) 0;word-break:break-all}
.mail-note{color:#c8d4e0;max-width:60ch}
.contact-process{border-top:1px solid var(--line)}

/* 指南 */
.guide{padding:var(--sp-7) 0}
.guide-wrap{max-width:880px}
.guide h2{margin-top:var(--sp-7)}
.guide p{margin-top:var(--sp-4);max-width:66ch}
.cmp{width:100%;border-collapse:collapse;margin-top:var(--sp-5);font-size:var(--fs-2)}
.cmp caption{caption-side:top;text-align:left;font-weight:700;padding-bottom:var(--sp-2);letter-spacing:.05em}
.cmp th,.cmp td{border:1px solid var(--line);padding:var(--sp-2) var(--sp-3);text-align:left}
.cmp th{background:var(--paper-2)}

/* 页脚 */
.site-footer{border-top:2px solid var(--ink);background:var(--paper-2);padding:var(--sp-6) 0;margin-top:var(--sp-8)}
.foot-in{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--sp-5)}
.site-footer nav{display:flex;flex-wrap:wrap;gap:var(--sp-4)}
.site-footer a{color:var(--ink-2);font-size:var(--fs-1)}

/* 响应式 */
@media(max-width:900px){
  :root{--fs-6:38px;--fs-5:28px}
  .hero-grid,.about-grid,.about-cols,.cap-grid{grid-template-columns:minmax(0,1fr)}
  .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .steps{grid-template-columns:minmax(0,1fr)}
}