/* 主样式 - 随机指纹 */
*{margin:0;padding:0;box-sizing:border-box}
:root{
  --vq-navy:#16294a;
  --vq-navy2:#0f1f3a;
  --vq-gold:#c9a961;
  --vq-gold2:#b08d4a;
  --vq-bg:#f7f4ee;
  --vq-text:#2a2a2a;
  --vq-mut:#6b6b6b;
  --vq-line:#e5ddcc;
}
body{font-family:"Microsoft YaHei","PingFang SC","Helvetica Neue",Arial,sans-serif;color:var(--vq-text);background:#fff;line-height:1.7;font-size:15px}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
ul{list-style:none}
.vq-wrap{max-width:1200px;margin:0 auto;padding:0 20px}

/* 顶部条 */
.vq-topbar{background:var(--vq-navy2);color:#d8d0c0;font-size:13px;padding:7px 0}
.vq-topbar .vq-wrap{display:flex;justify-content:space-between;align-items:center}
.vq-topbar b{color:var(--vq-gold);font-size:15px;letter-spacing:.5px}
.vq-topbar span{opacity:.85}

/* 导航 */
.vq-nav{background:#fff;border-bottom:1px solid var(--vq-line);position:sticky;top:0;z-index:1000}
.vq-nav .vq-wrap{display:flex;align-items:center;justify-content:space-between;height:78px}
.vq-logo img{height:48px;width:auto}
.vq-menu{display:flex;gap:8px}
.vq-menu a{padding:10px 16px;font-size:15px;color:var(--vq-text);position:relative;font-weight:500}
.vq-menu a:hover,.vq-menu a.vq-on{color:var(--vq-gold2)}
.vq-menu a.vq-on:after{content:"";position:absolute;left:16px;right:16px;bottom:2px;height:2px;background:var(--vq-gold)}
.vq-burger{display:none;font-size:26px;cursor:pointer;background:none;border:none;color:var(--vq-navy)}

/* Banner */
.vq-banner{position:relative;height:520px;overflow:hidden}
.vq-banner img{width:100%;height:100%;object-fit:cover}
.vq-banner-mask{position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,31,58,.88) 0%,rgba(15,31,58,.55) 60%,rgba(15,31,58,.2) 100%)}
.vq-banner-inner{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%)}
.vq-banner h1{color:#fff;font-size:42px;line-height:1.3;font-weight:600;letter-spacing:2px;margin-bottom:18px}
.vq-banner p{color:#e8e2d2;font-size:17px;margin-bottom:30px;max-width:560px}
.vq-btn{display:inline-block;padding:13px 38px;background:var(--vq-gold);color:#fff;border-radius:2px;font-size:15px;letter-spacing:2px;transition:.3s}
.vq-btn:hover{background:var(--vq-gold2)}
.vq-btn-v2{background:transparent;border:1px solid var(--vq-gold);margin-left:12px}

/* 承诺条 */
.vq-promise{background:var(--vq-navy);color:#fff;padding:38px 0}
.vq-promise .vq-wrap{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}
.vq-promise-item{text-align:center;padding:10px}
.vq-promise-item .vq-ico{width:46px;height:46px;border:1px solid var(--vq-gold);border-radius:50%;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;color:var(--vq-gold);font-size:18px;font-weight:bold}
.vq-promise-item h4{font-size:15px;margin-bottom:6px;color:#fff}
.vq-promise-item p{font-size:12px;color:#b8c0d0}

/* 通用section */
.vq-sec{padding:70px 0}
.vq-sec-t{text-align:center;margin-bottom:46px}
.vq-sec-t small{color:var(--vq-gold2);letter-spacing:4px;font-size:13px}
.vq-sec-t h2{font-size:30px;color:var(--vq-navy);margin-top:8px;font-weight:600}
.vq-sec-t .vq-line{width:50px;height:2px;background:var(--vq-gold);margin:14px auto 0}

/* 服务项目4列 */
.vq-svc{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.vq-svc-card{background:#fff;border:1px solid var(--vq-line);padding:32px 24px;text-align:center;transition:.3s}
.vq-svc-card:hover{border-color:var(--vq-gold);box-shadow:0 8px 24px rgba(22,41,74,.08)}
.vq-svc-card .vq-ic{width:54px;height:54px;margin:0 auto 16px;background:var(--vq-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--vq-gold2);font-size:22px;font-weight:bold}
.vq-svc-card h3{font-size:17px;color:var(--vq-navy);margin-bottom:10px}
.vq-svc-card p{font-size:13px;color:var(--vq-mut);line-height:1.8}

/* 关于我们 */
.vq-about{background:var(--vq-bg)}
.vq-about-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.vq-about-img{border-radius:4px;overflow:hidden}
.vq-about-img img{width:100%;height:380px;object-fit:cover}
.vq-about-t h2{font-size:28px;color:var(--vq-navy);margin-bottom:18px}
.vq-about-t p{color:var(--vq-mut);margin-bottom:14px;font-size:14.5px}
.vq-about-t ul{margin-top:14px}
.vq-about-t li{padding-left:22px;position:relative;margin-bottom:8px;font-size:14px;color:var(--vq-text)}
.vq-about-t li:before{content:"";position:absolute;left:0;top:9px;width:8px;height:8px;background:var(--vq-gold);border-radius:50%}

/* 流程 */
.vq-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;counter-reset:step}
.vq-flow-item{text-align:center;position:relative;padding:20px}
.vq-flow-item .vq-num{width:52px;height:52px;border-radius:50%;background:var(--vq-navy);color:var(--vq-gold);font-size:22px;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;font-weight:bold}
.vq-flow-item h4{font-size:16px;color:var(--vq-navy);margin-bottom:6px}
.vq-flow-item p{font-size:13px;color:var(--vq-mut)}

/* 门店 */
.vq-stores{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.vq-store{background:#fff;border:1px solid var(--vq-line);padding:28px}
.vq-store h4{color:var(--vq-navy);font-size:17px;margin-bottom:14px;padding-bottom:10px;border-bottom:2px solid var(--vq-gold);display:inline-block}
.vq-store p{font-size:13.5px;color:var(--vq-mut);margin-bottom:8px;line-height:1.7}
.vq-store p b{color:var(--vq-text)}

/* 新闻 */
.vq-news{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.vq-news-card{background:#fff;border:1px solid var(--vq-line);overflow:hidden;transition:.3s}
.vq-news-card:hover{box-shadow:0 8px 24px rgba(22,41,74,.1)}
.vq-news-card img{width:100%;height:200px;object-fit:cover}
.vq-news-body{padding:20px}
.vq-news-body .vq-date{font-size:12px;color:var(--vq-gold2);margin-bottom:8px}
.vq-news-body h3{font-size:16px;color:var(--vq-navy);line-height:1.5;margin-bottom:10px;font-weight:600}
.vq-news-body p{font-size:13px;color:var(--vq-mut);line-height:1.7}

/* 底部 */
.vq-foot{background:var(--vq-navy2);color:#a8b0c0;padding:50px 0 20px;font-size:13px}
.vq-foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:40px;margin-bottom:30px}
.vq-foot h4{color:#fff;font-size:15px;margin-bottom:16px}
.vq-foot p,.vq-foot li{margin-bottom:8px;line-height:1.8}
.vq-foot a:hover{color:var(--vq-gold)}
.vq-foot-b{border-top:1px solid rgba(255,255,255,.1);padding-top:18px;text-align:center;font-size:12px;color:#7a8499}

/* 内页通用 */
.vq-page-banner{height:260px;background:linear-gradient(135deg,var(--vq-navy),var(--vq-navy2));display:flex;align-items:center;position:relative;overflow:hidden}
.vq-page-banner:before{content:"";position:absolute;right:-50px;top:-50px;width:300px;height:300px;border:1px solid rgba(201,169,97,.2);border-radius:50%}
.vq-page-banner h1{color:#fff;font-size:34px;letter-spacing:2px}
.vq-bread{font-size:13px;color:var(--vq-mut);padding:18px 0}
.vq-bread a:hover{color:var(--vq-gold2)}

.vq-article{padding:40px 0 70px}
.vq-article-img{margin:20px 0 28px;border-radius:4px;overflow:hidden}
.vq-article-img img{width:100%;max-height:420px;object-fit:cover}
.vq-article h2{font-size:22px;color:var(--vq-navy);margin:28px 0 14px;padding-left:12px;border-left:4px solid var(--vq-gold)}
.vq-article p{margin-bottom:14px;color:#3a3a3a;font-size:15px;line-height:1.9}
.vq-meta{font-size:13px;color:var(--vq-mut);margin-bottom:10px}

.vq-pager{display:flex;justify-content:space-between;margin-top:40px;padding-top:24px;border-top:1px solid var(--vq-line)}
.vq-pager a{font-size:14px;color:var(--vq-navy);padding:8px 16px;background:var(--vq-bg);border-radius:2px}
.vq-pager a:hover{background:var(--vq-gold);color:#fff}

/* 服务详情参数表 */
.vq-spec{width:100%;border-collapse:collapse;margin:20px 0;font-size:14px}
.vq-spec th,.vq-spec td{border:1px solid var(--vq-line);padding:12px 16px;text-align:left}
.vq-spec th{background:var(--vq-bg);color:var(--vq-navy);width:160px}

/* 新闻列表 */
.vq-list-item{display:grid;grid-template-columns:220px 1fr;gap:24px;padding:24px 0;border-bottom:1px solid var(--vq-line)}
.vq-list-item img{width:100%;height:150px;object-fit:cover;border-radius:3px}
.vq-list-item h3{font-size:18px;color:var(--vq-navy);margin-bottom:8px}
.vq-list-item p{font-size:13.5px;color:var(--vq-mut)}
.vq-list-item .vq-date{font-size:12px;color:var(--vq-gold2);margin:8px 0}

/* 404 */
.vq-404{text-align:center;padding:90px 20px}
.vq-404 .vq-code{font-size:100px;color:var(--vq-gold);font-weight:700;line-height:1}
.vq-404 h1{font-size:24px;color:var(--vq-navy);margin:16px 0}
.vq-404 p{color:var(--vq-mut);margin-bottom:26px}

/* 响应式 */
@media(max-width:900px){
  .vq-menu{display:none;position:absolute;top:78px;left:0;right:0;background:#fff;flex-direction:column;padding:10px 20px;border-bottom:1px solid var(--vq-line);box-shadow:0 8px 20px rgba(0,0,0,.08)}
  .vq-menu.vq-open{display:flex}
  .vq-burger{display:block}
  .vq-banner{height:440px}
  .vq-banner h1{font-size:28px}
  .vq-promise .vq-wrap{grid-template-columns:repeat(2,1fr)}
  .vq-svc{grid-template-columns:repeat(2,1fr)}
  .vq-about-grid{grid-template-columns:1fr}
  .vq-flow{grid-template-columns:repeat(2,1fr)}
  .vq-stores{grid-template-columns:1fr}
  .vq-news{grid-template-columns:1fr}
  .vq-foot-grid{grid-template-columns:1fr 1fr}
  .vq-list-item{grid-template-columns:1fr}
  .vq-list-item img{height:180px}
  .vq-topbar .vq-wrap{flex-direction:column;gap:4px;text-align:center}
}