/* 高端大气的暗色风格与金色点缀 */
:root{
  --bg:#0b0d13;
  --panel:#12151c;
  --text:#e8ecf3;
  --muted:#9aa3b2;
  --brand:#d6b25b;
  --brand2:#7a5a1a;
  --stroke:#1f2530;
  --shadow:0 12px 40px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family: "Microsoft YaHei","PingFang SC","Segoe UI",system-ui,-apple-system,sans-serif;
  color:var(--text);
  background:
    radial-gradient(1200px 600px at 20% -10%, #1b1f2b 0%, transparent 60%),
    radial-gradient(900px 500px at 80% 20%, #151924 0%, transparent 55%),
    linear-gradient(180deg, #0b0d13 0%, #0e1118 100%);
  background-color:var(--bg);
}
a{color:var(--text);text-decoration:none}
.container{max-width:1100px;margin:0 auto;padding:0 20px}

.nav{position:sticky;top:0;backdrop-filter:saturate(150%) blur(8px);background:rgba(12,14,20,.6);border-bottom:1px solid var(--stroke);z-index:100}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{font-weight:700;letter-spacing:.2px}
.links a{margin:0 10px;color:var(--muted)}
.links a:hover{color:var(--text)}
.cta{padding:10px 14px;border:1px solid var(--brand);border-radius:10px;color:var(--brand)}
.cta:hover{background:rgba(214,178,91,.08)}

.hero{padding:72px 0 48px;background:
  radial-gradient(800px 400px at 10% 0%, rgba(214,178,91,.12) 0%, transparent 65%),
  linear-gradient(180deg, rgba(214,178,91,.06), rgba(214,178,91,0) 50%)}
.hero h1{font-size:34px;line-height:1.25;margin:0}
.subtitle{margin:12px 0 16px;color:var(--muted)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 20px}
.chip{padding:6px 10px;border:1px dashed var(--stroke);border-radius:999px;color:var(--muted)}
.actions{display:flex;gap:12px;margin-top:6px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:12px;border:1px solid var(--stroke)}
.btn.primary{background:linear-gradient(180deg, var(--brand) , #caa24d);color:#121212;border:none;box-shadow:var(--shadow)}
.btn.ghost{color:var(--brand);border-color:var(--brand)}
.btn.ghost:hover{background:rgba(214,178,91,.08)}

.section-head{margin:32px 0 18px}
.section-head h2{margin:0 0 8px;font-size:24px}
.muted{color:var(--muted)}
.grid-4,.grid-3{display:grid;gap:16px}
.grid-4{grid-template-columns:repeat(4,1fr)}
.grid-3{grid-template-columns:repeat(3,1fr)}
.card{background:var(--panel);border:1px solid var(--stroke);border-radius:14px;padding:18px;box-shadow:var(--shadow)}
.card h3{margin:4px 0 8px;font-size:18px}
.card p{margin:0;color:var(--muted)}
.product ul{margin:8px 0 0 16px;padding:0}
.product li{margin:6px 0;color:var(--text)}

.adv{padding:24px 0 8px}
.products{padding:24px 0}
.solutions{padding:24px 0}
.flow{display:flex;flex-wrap:wrap;gap:10px}
.step{display:flex;flex-direction:column;align-items:flex-start;background:var(--panel);border:1px solid var(--stroke);border-radius:12px;padding:12px 14px;min-width:140px}
.step span{display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;border-radius:6px;background:rgba(214,178,91,.18);color:var(--brand);font-weight:700;margin-bottom:6px}
.step b{margin-bottom:4px}
.step i{color:var(--muted);font-style:normal}

.service{padding:24px 0}
.timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.tl-item{background:var(--panel);border:1px solid var(--stroke);border-radius:12px;padding:14px}
.tl-item b{display:block;margin-bottom:6px}

.industries{padding:24px 0}
.tags{display:flex;gap:10px;flex-wrap:wrap}
.tags span{padding:8px 12px;border:1px solid var(--stroke);border-radius:999px;color:var(--muted)}

.contact{padding:24px 0 42px}
.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}
.contact-card{background:var(--panel);border:1px solid var(--stroke);border-radius:14px;padding:18px}
.contact-card ul{list-style:none;margin:10px 0 14px;padding:0}
.contact-card li{margin:8px 0}
.lead-form input,.lead-form textarea{width:100%;margin:8px 0;padding:10px 12px;border-radius:10px;border:1px solid var(--stroke);background:#0f1217;color:var(--text)}
.lead-form textarea{resize:vertical}

.footer{border-top:1px solid var(--stroke);padding:16px 0 28px;background:rgba(12,14,20,.6)}
.footer .container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
.foot-right a{color:var(--brand)}
.foot-right a:hover{text-decoration:underline}

.foot-icp{flex-basis:100%;margin-top:8px;color:var(--muted);font-size:12px}
.foot-icp a{color:var(--muted)}
.foot-icp a:hover{color:var(--brand);text-decoration:underline}

/* 响应式 */
@media (max-width:960px){
  .grid-4{grid-template-columns:1fr 1fr}
  .grid-3{grid-template-columns:1fr 1fr}
  .timeline{grid-template-columns:1fr 1fr}
  .contact-grid{grid-template-columns:1fr}
  .hero h1{font-size:28px}
}
@media (max-width:560px){
  .grid-4,.grid-3{grid-template-columns:1fr}
  .timeline{grid-template-columns:1fr}
  .nav-inner{height:56px}
  .links{display:none}
}