:root{--bg:#f4f6f8;--panel:#ffffff;--ink:#111827;--muted:#647083;--line:#d9e1eb;--dark:#10151d;--dark2:#151c26;--metal:#273241;--blue:#2f80ed;--cyan:#38bdf8;--silver:#eef3f8;--accent:#ffb84d;--radius:22px;--max:1180px;--shadow:0 22px 60px rgba(15,23,42,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.72;font-size:15.5px}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.topline{background:#0b1018;color:#cbd5e1;font-size:13px}.topline .container{display:flex;justify-content:space-between;gap:16px;padding:8px 0}.topline a{color:#e6f2ff;font-weight:700}.header{position:sticky;top:0;z-index:50;background:rgba(244,246,248,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:22px}.logo{display:flex;align-items:center;gap:12px;min-width:250px}.logo img{width:56px;height:56px;border-radius:14px;object-fit:cover;background:#fff;box-shadow:0 10px 30px rgba(15,23,42,.14)}.logo strong{display:block;font-size:23px;line-height:1.05;font-weight:900;color:#111827}.logo small{display:block;color:#657386;font-weight:800;font-size:11px;letter-spacing:.08em}.nav-links{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.nav-links a{font-size:14px;font-weight:800;color:#202936;padding:9px 12px;border-radius:999px}.nav-links a:hover,.nav-links a.active{background:#111827;color:#fff}.nav .call{background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff!important;padding:10px 16px!important}.menu-btn{display:none;background:#111827;color:#fff;border:0;border-radius:12px;padding:10px 12px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:11px 18px;border:1px solid var(--line);font-weight:900;transition:.18s}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.btn.primary{background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;border:0}.btn.dark{background:#111827;color:#fff;border:0}.btn.ghost{background:#fff;color:#111827}.section{padding:70px 0}.section.alt{background:#eaf0f7}.hero{background:linear-gradient(120deg,#0b1018 0%,#111827 48%,#203142 100%);color:#fff;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:44px;align-items:center;padding:70px 0}.eyebrow{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;background:#e8f3ff;color:#116ac4;font-weight:900;letter-spacing:.08em;font-size:12px}.hero .eyebrow{background:rgba(56,189,248,.14);color:#bfeeff}.hero h1{font-size:clamp(38px,5vw,64px);line-height:1.04;margin:18px 0 18px;letter-spacing:-.04em}.hero p{max-width:640px;color:#d8e2ee;font-size:17px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:28px}.hero-stats div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:16px}.hero-stats strong{display:block;font-size:22px;color:#fff}.hero-stats span{font-size:12px;color:#cdd8e4}.hero-visual{position:relative}.hero-visual img{width:100%;height:480px;object-fit:cover;border-radius:30px;box-shadow:0 36px 100px rgba(0,0,0,.46)}.hero-badge{position:absolute;left:20px;bottom:20px;right:20px;background:rgba(12,18,27,.82);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:16px;color:#fff;backdrop-filter:blur(12px)}.lead-panel{background:#fff;border-radius:28px;padding:24px;border:1px solid var(--line);box-shadow:var(--shadow)}.lead-panel h2{font-size:26px;margin:0 0 8px}.lead-panel p{color:var(--muted);margin:0 0 18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lead-panel label{display:block;font-weight:900;margin-bottom:12px}.lead-panel input,.lead-panel select,.lead-panel textarea{width:100%;border:1px solid var(--line);border-radius:14px;padding:12px 13px;margin-top:7px;font:inherit;color:#111827;background:#f8fafc}.lead-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.count{color:#697689;font-size:13px}.lead-result{min-height:22px;margin-top:12px;font-weight:800}.lead-result.success{color:#087f5b}.lead-result.error{color:#c92a2a}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.section-head h2,.section-title h2{font-size:clamp(28px,3vw,40px);line-height:1.15;margin:10px 0}.section-head p,.section-title p{color:var(--muted);max-width:720px}.section-title{text-align:center;max-width:760px;margin:0 auto 32px}.grid{display:grid;gap:20px}.cols-2{grid-template-columns:repeat(2,1fr)}.cols-3{grid-template-columns:repeat(3,1fr)}.cols-4{grid-template-columns:repeat(4,1fr)}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:0 12px 36px rgba(15,23,42,.06)}.service-card{display:flex;flex-direction:column;gap:12px}.service-card img,.case-card img{width:100%;height:220px;object-fit:cover;border-radius:18px}.num{display:inline-grid;place-items:center;width:42px;height:42px;background:#111827;color:#fff;border-radius:14px;font-weight:900}.service-card h3,.case-card h3,.news-card h3{font-size:22px;line-height:1.25;margin:4px 0 8px}.service-card p,.case-card p,.news-card p,.faq-item p{color:var(--muted)}.feature-wrap{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,420px);gap:26px;align-items:stretch}.feature-list{display:grid;gap:16px}.feature-card{display:grid;grid-template-columns:56px minmax(0,1fr);gap:16px;align-items:center;background:#121821;border:1px solid #273446;border-radius:24px;padding:22px;color:#fff;min-height:140px}.feature-card b{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--blue),var(--cyan));font-weight:900}.feature-card h3{margin:2px 0 8px;font-size:20px}.feature-card p{margin:0;color:#d5deea}.fit-card{background:#17202c;border:1px solid #2c3a4d;border-radius:26px;padding:28px;color:#fff;height:100%;display:flex;flex-direction:column;justify-content:center}.fit-card h3{font-size:22px;margin:0 0 14px}.fit-card li{margin:10px 0;color:#d9e2ed}.case-card,.news-card{overflow:hidden;padding:0}.case-body,.news-body{padding:22px;display:flex;flex-direction:column;flex:1}.tag,.date{display:inline-flex;border-radius:999px;background:#e8f3ff;color:#116ac4;padding:5px 10px;font-size:12px;font-weight:900}.news-card h3{font-size:24px}.news-card .btn{margin-top:8px}.entity-grid .card b{color:#116ac4}.page-hero{background:linear-gradient(135deg,#121821,#26374a);color:#fff;padding:52px 0}.page-hero h1{font-size:clamp(34px,4vw,52px);line-height:1.08;margin:12px 0}.page-hero p{color:#dbe4ee;max-width:780px}.breadcrumb{font-size:13px;margin-bottom:18px;color:#cfe0f5}.breadcrumb a{color:#fff;font-weight:800}.service-row{display:grid;grid-template-columns:minmax(300px,360px) minmax(0,1fr);gap:26px;background:#fff;border:1px solid var(--line);border-radius:26px;padding:24px;margin-bottom:22px;align-items:center}.service-row img{height:240px;width:100%;object-fit:cover;object-position:center;border-radius:18px}.service-row h2{font-size:28px;margin:4px 0}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.gallery img{height:230px;width:100%;object-fit:cover;border-radius:18px}.article{background:#fff;border:1px solid var(--line);border-radius:26px;padding:34px;max-width:900px;margin:auto}.article h1{font-size:40px;line-height:1.15}.article h2{font-size:25px;margin-top:32px}.article p{color:#344052}.faq-list{display:grid;gap:16px}.faq-item{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px}.faq-item h2{font-size:21px;margin:0 0 10px}.contact-layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:26px;align-items:start}.contact-card{background:#fff;border:1px solid var(--line);border-radius:26px;padding:28px}.contact-method{background:#f8fbff;border:1px solid var(--line);border-radius:18px;padding:18px;margin-bottom:14px}.contact-method b{display:block;color:#116ac4;margin-bottom:6px}.contact-method a{font-size:24px;font-weight:900;color:#111827}.process-list{display:grid;gap:14px}.process-item{display:grid;grid-template-columns:46px 1fr;gap:14px;align-items:start;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px}.process-item b{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#111827;color:#fff}.footer{background:#0b1018;color:#fff;padding:48px 0 24px}.footer-grid{display:grid;grid-template-columns:1.2fr .7fr 1fr;gap:28px}.footer p,.footer a{color:#cbd5e1}.footer h3{color:#fff;margin:0 0 10px}.footer-brand{display:flex;gap:14px;align-items:center;margin-bottom:14px}.footer-brand img{width:56px;height:56px;border-radius:14px;object-fit:cover}.copyright{text-align:center;border-top:1px solid rgba(255,255,255,.12);margin-top:28px;padding-top:18px;color:#cbd5e1}.sticky-call{position:fixed;right:18px;bottom:18px;z-index:80;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;padding:12px 18px;border-radius:999px;font-weight:900;box-shadow:0 18px 44px rgba(47,128,237,.34)}
@media(max-width:980px){.nav-links{display:none;position:absolute;left:20px;right:20px;top:76px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;box-shadow:var(--shadow)}.nav-links.open{display:flex;flex-direction:column;align-items:stretch}.nav-links.open a{color:#111827}.nav-links.open a.active{color:#fff}.menu-btn{display:block}.hero-grid,.feature-wrap,.contact-layout,.service-row,.about-intro{grid-template-columns:1fr}.cols-3,.cols-4{grid-template-columns:repeat(2,1fr)}.hero-stats{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr}.hero-visual img{height:360px}.section{padding:52px 0}.contact-method a{font-size:20px}.about-intro-media img{height:320px}}
@media(max-width:620px){body{font-size:15px}.container{width:min(100% - 28px,var(--max))}.logo{min-width:auto}.logo strong{font-size:19px}.logo small{display:none}.logo img{width:48px;height:48px}.hero h1{font-size:34px}.cols-2,.cols-3,.cols-4,.form-grid,.gallery{grid-template-columns:1fr}.section-head{display:block}.service-card img,.case-card img,.gallery img{height:210px}.article{padding:22px}.article h1{font-size:30px}.sticky-call{left:18px;right:18px;text-align:center}.contact-method a{font-size:18px}.about-intro-media img{height:240px}.service-row img{height:220px}.service-row h2{font-size:24px}}


/* Bohao logo and card action alignment patch */
.logo img{
  object-fit:contain !important;
  padding:5px !important;
  background:#f8fafc !important;
  border:1px solid #d7e0ea !important;
}
.footer-brand img{
  object-fit:contain !important;
  padding:5px !important;
  background:#f8fafc !important;
  border:1px solid rgba(255,255,255,.16) !important;
}
.grid.cols-3,.grid.cols-4{align-items:stretch}
.service-card,.case-card,.news-card{height:100%;display:flex !important;flex-direction:column !important}
.service-card > p:last-child{margin-top:auto !important;padding-top:14px}
.case-body,.news-body{height:100%;display:flex !important;flex-direction:column !important;flex:1}
.case-body .btn,.news-body .btn,.service-card .btn{align-self:flex-start}
.case-body > .btn,.news-body > .btn{margin-top:auto !important}
.case-body p,.news-body p,.service-card p{margin-bottom:12px}
.service-card img,.case-card img{flex:0 0 auto}
.news-card{min-height:260px}.news-body{min-height:260px}
.cases-page .case-card,.news-page .news-card,.services-page .service-card{min-height:100%}

/* 页脚备案号：与上方版权信息居中对齐 */
.footer-icp {
  width: min(var(--max), calc(100% - 40px));
  margin: 8px auto 0;
  text-align: center;
  line-height: 1.8;
  color: #cbd5e1;
}
.footer-icp a {
  display: inline;
  white-space: nowrap;
  color: inherit;
  text-decoration: none;
}
.footer-icp a:hover {
  text-decoration: underline;
}