*{margin:0;padding:0;box-sizing:border-box;}
:root{
  --deep:#0A3235;      /* 深墨绿：页头/深色区块/footer */
  --primary:#0E4F52;   /* 墨绿主色 */
  --teal:#1c6b6e;
  --accent:#E0A03C;    /* 橙金：按钮/链接强调 */
  --amber:#f5b04b;
  --text:#0A0A0A;      /* 主文字 */
  --muted:#6a7a7b;     /* 次级文字 */
  --bg:#ffffff;
  --bg-muted:#F7F5F0;  /* 米白 */
  --line:#e9e7e2;
}
html{scroll-behavior:smooth;}
body{font-family:ui-sans-serif,system-ui,-apple-system,"Microsoft YaHei","PingFang SC","Segoe UI",sans-serif;background:var(--bg);color:var(--text);line-height:1.6;}
img{max-width:100%;display:block;}
a{text-decoration:none;color:inherit;}
.container{width:92%;max-width:1200px;margin:0 auto;}

/* ===== 顶部导航 ===== */
.header{position:fixed;top:0;left:0;right:0;z-index:100;background:transparent;transition:.3s;}
.header.scrolled{background:rgba(247,245,240,.95);backdrop-filter:blur(8px);border-bottom:1px solid rgba(10,50,53,.12);box-shadow:0 4px 20px rgba(0,0,0,.08);}
.header.scrolled .logo-txt{color:#0A3235;}
.header.scrolled .nav a{color:#0A3235;}
.header.scrolled .nav a:hover,.header.scrolled .nav a.active{background:rgba(10,50,53,.08);color:#0A3235;}
.header.scrolled .hotline{color:#6A7A7B;}
.header.scrolled .chat-open-btn{color:#0A3235;border-color:rgba(10,50,53,.4);}
.header.scrolled .menu-btn{color:#0A3235;}
.header .container{display:flex;align-items:center;justify-content:space-between;height:81px;}
.logo{display:flex;align-items:center;gap:10px;}
.logo-ic{color:var(--accent);width:30px;height:30px;flex-shrink:0;}
.logo-txt{display:flex;flex-direction:column;line-height:1.25;color:#fff;}
.logo-txt .brand{font-size:18px;font-weight:700;letter-spacing:.5px;}
.logo-group{display:flex;align-items:center;gap:16px;min-width:0;}
.nav{display:flex;align-items:center;gap:4px;}
.nav a{color:#e6f2f0;padding:8px 14px;border-radius:6px;font-size:15px;transition:.2s;position:relative;}
.nav a:hover,.nav a.active{color:#fff;background:rgba(255,255,255,.14);}
.logo-txt .hotline{color:#dbe7e5;font-size:12px;white-space:nowrap;display:flex;align-items:center;gap:5px;}
.logo-txt .hotline b{color:var(--amber);font-size:13px;font-weight:700;}
.header-actions{display:flex;align-items:center;gap:12px;}
.chat-open-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid rgba(255,255,255,.5);color:#fff;padding:8px 16px;border-radius:6px;font-size:14px;cursor:pointer;transition:.2s;}
.chat-open-btn:hover{background:rgba(255,255,255,.16);}
.header-quote{background:var(--accent);color:#fff;padding:9px 18px;border-radius:6px;font-size:14px;font-weight:bold;transition:.2s;}
.header-quote:hover{background:var(--amber);}
.menu-btn{display:none;background:none;border:none;color:#fff;font-size:24px;cursor:pointer;}

/* ===== Hero ===== */
.hero{position:relative;height:94vh;min-height:600px;display:flex;align-items:center;overflow:hidden;color:#fff;}
.hero-bg{position:absolute;inset:0;background:url(../images/hero.jpg) center/cover no-repeat;}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,50,53,.78),rgba(10,50,53,.35) 55%,rgba(10,50,53,.15));}
.hero-inner{position:relative;z-index:2;width:92%;max-width:1200px;margin:0 auto;}
.hero-tags{display:inline-flex;align-items:center;color:#fff;font-size:13.5px;letter-spacing:1px;font-weight:400;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.32);border-radius:30px;padding:8px 24px;margin-bottom:26px;opacity:.95;}
.hero h1{font-size:54px;line-height:1.12;margin-bottom:8px;font-weight:800;letter-spacing:1px;}
.hero-line2{font-size:54px;line-height:1.12;margin-bottom:26px;font-weight:800;letter-spacing:1px;}
.hero p{font-size:18px;line-height:1.8;color:rgba(255,255,255,.76);max-width:680px;margin-bottom:38px;}
.hero-btns{display:flex;gap:16px;flex-wrap:wrap;}
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 30px;border-radius:8px;font-size:15px;font-weight:bold;transition:.25s ease;cursor:pointer;}
.btn .arr{font-size:16px;line-height:1;transition:transform .25s;}
.btn:hover .arr{transform:translateX(4px);}
.btn-amber{background:var(--accent);color:#0A3235;box-shadow:0 6px 20px rgba(224,160,60,.4);}
.btn-amber:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(224,160,60,.5);}
.btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.6);color:#fff;}
.btn-ghost:hover{transform:translateY(-3px);background:rgba(255,255,255,.14);}
.hero-scroll{position:absolute;right:44px;bottom:34px;z-index:3;color:#fff;opacity:.85;display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.45);text-decoration:none;animation:scrollbob 2s ease-in-out infinite;background:rgba(10,50,53,.25);}
.hero-scroll:hover{background:rgba(224,160,60,.35);border-color:rgba(255,255,255,.7);}
@keyframes scrollbob{0%,100%{transform:translateY(0)}50%{transform:translateY(8px)}}

/* ===== 区块通用 ===== */
.section{padding:84px 0;}
.section-light{background:var(--bg);}
.section-grey{background:var(--bg-muted);}
.section-teal{background:var(--deep);color:#fff;}
.title{text-align:center;margin-bottom:50px;}
.title .tag{color:var(--accent);font-weight:700;letter-spacing:3px;font-size:13px;}
.title h2{font-size:34px;margin:12px 0 16px;font-weight:800;color:var(--deep);}
.title p{color:var(--muted);font-size:16px;max-width:680px;margin:0 auto;line-height:1.7;}
.section-teal .title h2{color:#fff;}
.section-teal .title p{color:#b9cdcb;}
.section-teal .stat .lab{color:#c3d4d2;}
.partner.hot{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:700;}

/* ===== 服务卡片 ===== */
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.svc-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 2px 12px rgba(10,50,53,.05);transition:.35s ease;border-bottom:3px solid transparent;}
.svc-card:hover{transform:translateY(-8px);box-shadow:0 18px 40px rgba(10,50,53,.14);border-bottom-color:var(--accent);}
.svc-card img{width:100%;height:190px;object-fit:cover;transition:transform .5s ease;}
.svc-card:hover img{transform:scale(1.06);}
.svc-body{padding:22px 22px 24px;}
.svc-body h3{font-size:19px;color:var(--deep);margin-bottom:8px;transition:color .3s;}
.svc-card:hover .svc-body h3{color:var(--primary);}
.svc-body p{font-size:14px;color:var(--muted);line-height:1.6;margin-bottom:14px;}
.svc-link{color:var(--accent);font-weight:700;font-size:14px;display:inline-flex;align-items:center;gap:4px;transition:.3s ease;}
.svc-link:hover{gap:8px;color:var(--primary);}

/* ===== 数据条 ===== */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center;}
.stat{padding:18px 12px;transition:.3s ease;}
.stat .num{font-size:46px;font-weight:800;color:var(--accent);font-family:Georgia,"Times New Roman",serif;letter-spacing:1px;}
.stat .lab{color:var(--muted);font-size:15px;margin-top:10px;}
.partners{margin-top:52px;text-align:center;}
.partners h4{color:#eef5f3;font-size:16px;margin-bottom:24px;}
.partners-grid{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;}
.partner{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#eef5f3;padding:13px 24px;border-radius:10px;font-size:14px;font-weight:600;transition:.3s ease;}
.partner:hover{transform:translateY(-3px) scale(1.04);border-color:var(--accent);color:#fff;}

/* ===== 案例 ===== */
.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.case-card{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 2px 12px rgba(10,50,53,.05);transition:.35s ease;}
.case-card:hover{transform:translateY(-6px);box-shadow:0 16px 36px rgba(10,50,53,.13);}
.case-card img{width:100%;height:200px;object-fit:cover;transition:transform .5s ease;}
.case-card:hover img{transform:scale(1.06);}
.case-body{padding:22px 24px 26px;}
.case-tag{display:inline-block;background:#F3F0E8;color:var(--primary);font-size:12px;padding:4px 12px;border-radius:6px;margin-bottom:12px;font-weight:600;}
.case-body h3{font-size:18px;color:var(--deep);margin-bottom:4px;}
.case-body .route{color:var(--accent);font-weight:700;font-size:15px;margin-bottom:8px;}
.case-body p{font-size:14px;color:var(--muted);line-height:1.6;}

/* ===== 流程 ===== */
.flow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.flow-item{background:#fff;border:1px solid var(--line);border-radius:14px;padding:30px 24px;position:relative;transition:.3s ease;}
.flow-item:hover{transform:translateY(-5px);box-shadow:0 14px 30px rgba(10,50,53,.12);}
.flow-item .no{position:absolute;top:-14px;left:22px;width:44px;height:44px;border-radius:10px;background:var(--deep);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;box-shadow:0 6px 16px rgba(10,50,53,.3);transition:.4s ease;}
.flow-item:hover .no{transform:rotate(8deg) scale(1.1);background:var(--accent);}
.flow-item h3{font-size:17px;color:var(--deep);margin:18px 0 8px;}
.flow-item p{font-size:14px;color:var(--muted);line-height:1.6;}

/* ===== 表单/联系 ===== */
.quote{background:var(--bg-muted);}
.quote-wrap{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:start;}
.quote-left{color:var(--text);}
.quote-left .tag{color:var(--accent);font-weight:700;letter-spacing:3px;font-size:13px;margin-bottom:14px;}
.quote-left h2{font-size:32px;line-height:1.3;margin-bottom:20px;color:var(--deep);}
.quote-left p{color:var(--muted);line-height:1.8;margin-bottom:28px;}
.quote-contact{list-style:none;}
.quote-contact li{display:flex;gap:10px;color:var(--text);padding:8px 0;font-size:15px;}
.quote-contact b{color:var(--accent);}
.more-contact{display:inline-block;color:var(--accent);font-weight:600;margin-top:18px;font-size:14px;text-decoration:none;border-bottom:1px solid transparent;transition:.2s;}
.more-contact:hover{color:var(--amber);border-bottom-color:var(--amber);}
.form-card{background:#fff;border-radius:16px;padding:36px;box-shadow:0 12px 32px rgba(10,50,53,.1);border:1px solid rgba(10,50,53,.06);}
.form-card h3{color:var(--deep);font-size:20px;margin-bottom:6px;}
.form-card .sub{color:var(--muted);font-size:13px;margin-bottom:24px;}
.f-row{margin-bottom:16px;}
.f-row input,.f-row select,.f-row textarea{width:100%;padding:13px 15px;border:1px solid #dfdcd4;border-radius:8px;font-size:14px;color:var(--text);background:#fff;transition:.2s;}
.f-row input:focus,.f-row select:focus,.f-row textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(224,160,60,.14);}
.f-row textarea{height:96px;resize:vertical;}
.f-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.f-submit{width:100%;padding:14px;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:bold;cursor:pointer;transition:.25s ease;}
.f-submit:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(224,160,60,.45);background:var(--amber);}
.f-note{font-size:12px;color:#9aa8a6;margin-top:12px;text-align:center;}

/* ===== 增值服务 ===== */
.vlist{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.vitem{background:#fff;border:1px solid var(--line);border-radius:14px;padding:30px 26px;transition:.3s ease;}
.vitem:hover{transform:translateY(-5px);box-shadow:0 14px 30px rgba(10,50,53,.12);}
.vitem .ic{width:52px;height:52px;border-radius:12px;background:var(--deep);color:var(--amber);display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:16px;}
.vitem h3{font-size:17px;color:var(--deep);margin-bottom:10px;}
.vitem p{font-size:14px;color:var(--muted);line-height:1.7;}

/* ===== 关于页 ===== */
.panel{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 4px 18px rgba(10,50,53,.05);padding:40px;}
.panel .tag{color:var(--accent);font-weight:700;letter-spacing:3px;font-size:13px;}
.panel h3{font-size:22px;color:var(--deep);margin:12px 0 14px;}
.panel p{color:var(--muted);line-height:1.9;}
.about-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}
.strength{background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px 26px;transition:.3s ease;}
.strength:hover{transform:translateY(-5px);box-shadow:0 14px 30px rgba(10,50,53,.12);}
.strength .ic{width:48px;height:48px;border-radius:10px;background:#F3F0E8;color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:14px;}
.strength h4{color:var(--deep);font-size:16px;margin-bottom:8px;}
.strength p{color:var(--muted);font-size:14px;line-height:1.7;}
.route-item{background:#fff;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:10px;padding:18px 22px;margin-bottom:14px;transition:.3s ease;}
.route-item:hover{transform:translateX(6px);border-left-color:var(--primary);}
.route-item h4{color:var(--deep);font-size:16px;margin-bottom:6px;}
.route-item p{color:var(--muted);font-size:14px;}
.mission{background:var(--deep);color:#fff;border-radius:16px;padding:60px 40px;text-align:center;}
.mission h3{font-size:26px;margin-bottom:16px;color:#fff;}
.mission p{color:#b9cdcb;font-size:16px;}

/* ===== 评价 ===== */
.fb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.fb-item{background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px 26px;transition:.3s ease;}
.fb-item:hover{transform:translateY(-5px);box-shadow:0 14px 30px rgba(10,50,53,.12);}
.fb-item .quote-mark{color:var(--accent);font-size:34px;line-height:1;margin-bottom:10px;}
.fb-item p{color:#435a58;font-size:14px;line-height:1.8;margin-bottom:16px;}
.fb-item .who{font-size:13px;color:#8aa29f;}
.fb-item .who b{color:var(--deep);display:block;font-size:14px;}

/* ===== CTA 条 ===== */
.cta-band{background:linear-gradient(135deg,var(--deep),var(--primary));color:#fff;text-align:center;padding:58px 20px;}
.cta-band h3{font-size:28px;margin-bottom:12px;}
.cta-band p{color:#c3d4d2;margin-bottom:26px;}
.cta-band .btn-white{background:var(--accent);color:#fff;box-shadow:0 6px 20px rgba(0,0,0,.25);}

/* ===== 页头横幅 ===== */
.page-hero{background:var(--deep);color:#fff;padding:150px 0 64px;text-align:left;position:relative;background-image:url(../images/page_head.jpg);background-size:cover;background-position:center;}
.page-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,50,53,.72),rgba(10,50,53,.3) 55%,rgba(10,50,53,.12));}
.page-hero .inner{position:relative;z-index:2;max-width:672px;margin:0;background:rgba(6,34,36,.9);border-radius:16px;padding:30px 32px;text-align:left;box-shadow:0 22px 50px rgba(0,0,0,.38);}
.page-hero h1{font-size:40px;font-weight:800;margin-bottom:14px;}
.page-hero p{color:#dfeae8;font-size:16px;line-height:1.8;}
.page-hero .crumb{color:#cfdedb;font-size:14px;margin-bottom:10px;letter-spacing:2px;}
.page-hero .crumb a{color:var(--amber);}
.page-hero.svc{background-image:url(../images/services_head.jpg);}
.page-hero.cases{background-image:url(../images/cases_head.jpg);}
.page-hero.about{background-image:url(../images/about_head.jpg);}
.page-hero.contact{background-image:url(../images/contact_head.jpg);}

/* ===== 联系我们页 ===== */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:start;}
.contact-block{background:#fff;border-radius:16px;padding:34px;box-shadow:0 12px 32px rgba(10,50,53,.1);border:1px solid rgba(10,50,53,.06);}
.contact-block h3{color:var(--deep);font-size:20px;margin-bottom:18px;}
.f-row2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;}
.contact-block h3.side-title{margin-top:26px;margin-bottom:8px;}
.con-tag{color:var(--accent);font-weight:700;letter-spacing:3px;font-size:13px;display:block;margin-bottom:6px;}
.f-note{color:var(--muted);font-size:13px;margin-top:14px;line-height:1.7;}
.con-record{margin-top:26px;border-top:1px dashed rgba(10,50,53,.15);padding-top:18px;}
.con-record h4{color:var(--deep);font-size:15px;margin-bottom:6px;}
.con-record p{color:var(--muted);font-size:13px;line-height:1.7;}
.con-empty{color:#9aa8a8;font-size:13px;margin-top:12px;background:#F7F5F0;padding:14px;border-radius:8px;text-align:center;}
/* ===== 咨询记录卡片（美化版） ===== */
.con-record{margin-top:26px;border-top:1px dashed rgba(10,50,53,.15);padding-top:18px;}
.con-ans{margin-top:10px;padding-top:10px;border-top:1px dashed #e6ecea;color:#2c6e6e;font-size:13px;line-height:1.6;}
.con-ans-tag{display:inline-block;background:#d9ecea;color:#0a3235;font-size:11px;padding:1px 6px;border-radius:4px;margin-right:6px;}
.con-more-wrap{text-align:center;margin-top:6px;}
.con-more-wrap button{background:#fff;border:1px solid #c9d4d2;color:#2c6e6e;font-size:13px;padding:8px 22px;border-radius:20px;cursor:pointer;transition:.2s;}
.con-more-wrap button:hover{background:#0a3235;color:#fff;border-color:#0a3235;}

/* ===== 咨询记录 · 竖向自动滚动 ===== */
.con-msg-scroll{height:520px;overflow:hidden;position:relative;margin-top:14px;
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 6%,#000 94%,transparent);
          mask-image:linear-gradient(180deg,transparent,#000 6%,#000 94%,transparent);}
.con-msg-track{display:flex;flex-direction:column;animation:hyzScrollUp linear infinite;will-change:transform;}
.con-msg-col{display:flex;flex-direction:column;}
.con-msg-col2{margin-top:18px;}
@keyframes hyzScrollUp{
  0%{transform:translateY(0);}
  100%{transform:translateY(-50%);}
}
.con-msg{background:#fff;border:1px solid #eef1f0;border-radius:10px;padding:14px 16px;margin-bottom:12px;box-shadow:0 1px 4px rgba(0,0,0,.03);}
.con-msg-head{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap;}
.con-msg-name{font-weight:700;color:#0a3235;font-size:14px;}
.con-msg-type{background:#eef4f3;color:#2c6e6e;font-size:12px;padding:2px 8px;border-radius:20px;}
.con-msg-time{color:#9aa8a8;font-size:12px;margin-left:auto;}
.con-msg-body{color:#3c4746;font-size:14px;line-height:1.7;}
.con-msg-foot{color:#a9b5b4;font-size:12px;margin-top:8px;}
.con-ans{margin-top:10px;padding-top:10px;border-top:1px dashed #e6ecea;color:#2c6e6e;font-size:13px;line-height:1.6;}
.con-ans-tag{display:inline-block;background:#d9ecea;color:#0a3235;font-size:11px;padding:1px 6px;border-radius:4px;margin-right:6px;}
.qr-row{display:flex;gap:16px;margin-bottom:18px;}
.qr-card{flex:1 1 0;min-width:0;background:#F7F5F0;border-radius:12px;padding:16px;text-align:center;}
.qr-card img{width:192px;height:192px;object-fit:cover;border-radius:8px;display:block;margin:0 auto;}
.qr-name{color:var(--deep);font-weight:700;font-size:15px;margin-top:10px;}
.qr-name span{display:block;color:var(--muted);font-weight:400;font-size:12px;}
.wx-line{color:var(--muted);font-size:13px;line-height:1.7;background:#F7F5F0;padding:12px;border-radius:8px;}
.wx-line b{color:var(--accent);}
.side-desc{color:var(--muted);font-size:14px;margin-bottom:16px;}
.con-chat{width:100%;padding:14px;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer;transition:.25s;}
.con-chat:hover{background:var(--amber);}
.f-field{margin-bottom:16px;}
.f-field label{display:block;color:var(--deep);font-size:14px;font-weight:600;margin-bottom:8px;}
.f-field label em{color:var(--accent);font-style:normal;}
.f-field input,.f-field select,.f-field textarea{width:100%;padding:12px 14px;border:1px solid #DCD8CD;border-radius:8px;font-size:14px;background:#fff;color:var(--text);outline:none;transition:.2s;}
.f-field input:focus,.f-field select:focus,.f-field textarea:focus{border-color:var(--accent);}
.f-field textarea{min-height:130px;resize:vertical;}
.con-admin-note{color:var(--muted);font-size:13px;margin-top:22px;line-height:1.7;background:#F7F5F0;padding:12px;border-radius:8px;}
.c-item{display:flex;gap:12px;align-items:flex-start;padding:11px 0;border-bottom:1px dashed rgba(10,50,53,.12);}
.c-item:last-child{border-bottom:none;}
.c-item .ic{width:40px;height:40px;border-radius:10px;background:var(--deep);color:var(--amber);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;}
.c-item .lab{color:var(--muted);font-size:13px;}
.c-item .val{color:var(--deep);font-size:15px;font-weight:600;}

/* ===== FAQ 常见问题 ===== */
.section-faq{background:#F7F5F0;}
.faq-head{text-align:center;margin-bottom:44px;}
.faq-tag{color:var(--accent);font-weight:700;letter-spacing:3px;font-size:13px;display:block;margin-bottom:8px;}
.faq-head h2{color:var(--deep);font-size:30px;}
.faq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.faq-card{background:#fff;border:1px solid rgba(10,50,53,.08);border-radius:14px;padding:28px;box-shadow:0 6px 20px rgba(10,50,53,.06);}
.faq-card h3{color:var(--deep);font-size:17px;margin-bottom:12px;}
.faq-card p{color:var(--muted);font-size:14px;line-height:1.8;}

/* ===== Footer ===== */
.footer{background:var(--deep);color:#b9cdcb;padding:64px 0 0;font-size:14px;}
.footer-top{display:grid;grid-template-columns:1.2fr 1fr 1.2fr 1fr;gap:32px;padding-bottom:38px;}
.footer h4{color:#fff;font-size:16px;margin-bottom:18px;}
.footer p{line-height:1.9;}
.footer ul{list-style:none;}
.footer li{margin-bottom:10px;}
.footer a:hover{color:var(--amber);}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding:18px 0;text-align:center;color:#7f9c99;font-size:13px;}

/* ===== 悬浮按钮 ===== */
.float-bar{position:fixed;right:18px;bottom:100px;z-index:99;display:flex;flex-direction:column;gap:14px;align-items:flex-end;}
.float-pill{display:inline-flex;align-items:center;gap:7px;color:#fff;padding:11px 20px;border-radius:999px;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;transition:.25s ease;box-shadow:0 8px 24px rgba(0,0,0,.25);}
.float-pill:hover{transform:translateY(-3px);}
.float-pill svg{flex:none;display:block;}
.float-wx{background:var(--accent);color:#0A3235;}
.wx-circle{width:22px;height:22px;border-radius:50%;border:1px solid rgba(10,50,53,.6);display:inline-flex;align-items:center;justify-content:center;flex:none;box-sizing:border-box;}
.wx-circle svg{fill:#0A3235;display:block;}
.chat-circle{width:22px;height:22px;border-radius:50%;border:1px solid rgba(7,193,96,.7);display:inline-flex;align-items:center;justify-content:center;flex:none;box-sizing:border-box;}
.float-chat{background:var(--deep);}

/* ===== 服务详情锚点区 ===== */
.svc-detail{padding:72px 0;scroll-margin-top:80px;}
.svc-detail:nth-child(odd){background:#fff;}
.svc-detail:nth-child(even){background:var(--bg-muted);}
.svc-detail-wrap{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;}
.svc-detail img{width:100%;height:360px;object-fit:cover;border-radius:14px;box-shadow:0 10px 30px rgba(10,50,53,.15);transition:transform .5s ease,box-shadow .5s ease;}
.svc-detail-wrap:hover img{transform:scale(1.02);}
.svc-detail .no{display:inline-block;background:var(--deep);color:var(--amber);font-size:13px;font-weight:800;padding:4px 14px;border-radius:6px;margin-bottom:14px;}
.svc-detail h2{font-size:26px;color:var(--deep);margin-bottom:12px;}
.svc-detail .desc{color:var(--muted);line-height:1.9;margin-bottom:16px;}
.svc-detail .who{background:#F3F0E8;color:var(--primary);font-size:13px;padding:8px 14px;border-radius:8px;margin-bottom:16px;display:inline-block;}
.svc-points{list-style:none;margin-bottom:24px;}
.svc-points li{display:flex;gap:8px;color:#435a58;font-size:14px;padding:6px 0;}
.svc-points li::before{content:"✓";color:var(--accent);font-weight:bold;}

/* ===== 滚动进入动画 ===== */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease;will-change:opacity,transform;}
.reveal.in{opacity:1;transform:none;}

/* 导航hover下划线 */
.nav a:not(.cta)::after{content:"";position:absolute;left:14px;right:14px;bottom:4px;height:2px;background:var(--amber);transform:scaleX(0);transform-origin:left;transition:transform .3s ease;}
.nav a:not(.cta):hover::after{transform:scaleX(1);}

/* ===== 响应式 ===== */
@media(max-width:1024px){
  .svc-grid{grid-template-columns:repeat(2,1fr);}
  .footer-top{grid-template-columns:1fr 1fr;}
}
@media(max-width:768px){
  .menu-btn{display:block;}
  .nav{position:fixed;top:70px;left:0;right:0;background:var(--deep);flex-direction:column;align-items:flex-start;padding:16px 5%;transform:translateY(-150%);transition:.3s;border-bottom:1px solid rgba(255,255,255,.12);}
  .nav.open{transform:translateY(0);}
  .nav a{width:100%;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08);}
  .header-actions{display:none;}
  .hotline{display:none;}
  .hero h1{font-size:36px;}
  .hero p{font-size:16px;}
  .svc-grid{grid-template-columns:1fr;}
  .stats{grid-template-columns:repeat(2,1fr);}
  .case-grid{grid-template-columns:1fr;}
  .flow-grid{grid-template-columns:1fr;}
  .quote-wrap{grid-template-columns:1fr;}
  .about-grid{grid-template-columns:1fr;}
  .f-grid{grid-template-columns:1fr;}
  .vlist{grid-template-columns:1fr;}
  .fb-grid{grid-template-columns:1fr;}
  .svc-detail-wrap{grid-template-columns:1fr;}
  .svc-detail img{height:240px;}
  .footer-top{grid-template-columns:1fr;}
}

/* ===== 在线客服面板 ===== */
.chat-mask{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:200;opacity:0;pointer-events:none;transition:.3s;}
.chat-mask.show{opacity:1;pointer-events:auto;}
.chat-panel{position:fixed;top:0;right:0;bottom:0;width:420px;max-width:94vw;background:#fff;z-index:201;box-shadow:-8px 0 40px rgba(0,0,0,.2);transform:translateX(105%);transition:transform .35s ease;display:flex;flex-direction:column;}
.chat-panel.show{transform:translateX(0);}
.chat-head{background:var(--deep);color:#fff;padding:22px 24px;display:flex;justify-content:space-between;align-items:flex-start;}
.chat-title{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700;color:#fff;}
.chat-title svg{color:var(--amber);}
.chat-sub{color:#b9cdcb;font-size:13px;margin-top:6px;}
.chat-close{background:none;border:none;color:#fff;font-size:26px;cursor:pointer;line-height:1;}
.chat-body{padding:22px 24px;overflow-y:auto;flex:1;}
.chat-greet{color:var(--muted);font-size:14px;line-height:1.7;margin-bottom:18px;background:var(--bg-muted);padding:14px;border-radius:8px;}
.chat-tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;}
.chat-tags button{border:1px solid #dfdcd4;background:#fff;color:var(--deep);padding:8px 14px;border-radius:20px;font-size:13px;cursor:pointer;transition:.2s;}
.chat-tags button.active,.chat-tags button:hover{background:var(--deep);color:#fff;border-color:var(--deep);}
.chat-form input,.chat-form textarea{width:100%;padding:12px 14px;border:1px solid #dfdcd4;border-radius:8px;font-size:14px;margin-bottom:12px;color:var(--text);}
.chat-form textarea{height:88px;resize:vertical;}
.chat-send{width:100%;padding:13px;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:bold;cursor:pointer;transition:.2s;}
.chat-send:hover{background:var(--amber);}
.chat-hours{text-align:center;color:#9aa8a6;font-size:13px;margin-top:16px;}

/* ===== 微信服务面板 ===== */
.wx-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px;}
.wx-card{border:1px solid var(--line);border-radius:10px;padding:14px;text-align:center;}
.wx-card img{width:100%;border-radius:6px;}
.wx-meta b{display:block;color:var(--deep);font-size:14px;margin-top:8px;}
.wx-meta span{color:var(--muted);font-size:12px;}
.wx-tip{color:var(--muted);font-size:13px;line-height:1.7;margin-bottom:16px;background:var(--bg-muted);padding:12px;border-radius:8px;}
.wx-ph{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:8px;padding:12px 14px;margin-bottom:10px;}
.wx-ph-l span{display:block;color:var(--muted);font-size:12px;}
.wx-ph-l b{color:var(--deep);font-size:16px;}
.wx-act{background:var(--accent);color:#fff;border:none;border-radius:6px;padding:8px 18px;font-size:13px;cursor:pointer;transition:.2s;}
.wx-act:hover{background:var(--amber);}
.wx-call-big{width:100%;padding:12px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:15px;cursor:pointer;margin-top:6px;transition:.2s;}
.wx-call-big:hover{background:var(--deep);}
.wx-submit{width:100%;padding:12px;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:bold;cursor:pointer;margin-top:10px;transition:.2s;}
.wx-submit:hover{background:var(--amber);}

/* ===== 一体客服浮窗（悬浮空中） ===== */
.wx-float{position:fixed;right:70px;bottom:120px;z-index:202;width:330px;background:#fff;border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.28);padding:18px 18px 14px;transform:translateY(14px);opacity:0;pointer-events:none;transition:.3s ease;}
.wx-float.show{transform:translateY(0);opacity:1;pointer-events:auto;}
.wx-float-close{position:absolute;top:10px;right:12px;background:none;border:none;font-size:20px;color:#9aa8a6;cursor:pointer;line-height:1;z-index:2;}
.wx-float-title{font-size:15px;font-weight:700;color:var(--deep);margin:2px 0 14px;padding-right:20px;}
.wx-float-foot{text-align:center;color:#9aa8a6;font-size:12px;margin-top:12px;}
.wx-float .wx-card img{height:120px;object-fit:cover;}
@media (max-width:768px){
  .wx-float{right:16px;left:16px;bottom:120px;width:auto;}
}

/* ===== 在线沟通浮窗（悬浮空中） ===== */
.chat-float{position:fixed;right:70px;bottom:120px;z-index:202;width:340px;background:#fff;border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.28);padding:18px;transform:translateY(14px);opacity:0;pointer-events:none;transition:.3s ease;max-height:84vh;overflow-y:auto;}
.chat-float.show{transform:translateY(0);opacity:1;pointer-events:auto;}
.chat-float .wx-float-title{font-size:16px;font-weight:700;color:var(--deep);margin:2px 0 12px;padding-right:20px;}
.chat-float .chat-tags{margin-bottom:16px;}
@media (max-width:768px){ .chat-float{right:16px;left:16px;bottom:120px;width:auto;} }