/* 广西轻奢简悦 - 心理咨询室建设 | 品牌主题覆盖
 * 源文件：brand/custom.css   构建产物：dist/css/custom.css（由 build.js 复制）
 * 主色：海军蓝 #404898（继承自画册实际应用）
 * 辅色：中国红 #E03840（继承自画册实际应用 + 标志图形）
 * 中性：纯白 + 极浅蓝灰背景
 * 图形：双菱形互锁 + 中心心形（"立心"立起内心，图形继承自立心心理品牌）
 * 原则：只覆盖品牌层，不重写 Bootstrap 内部结构
 */

/* ========== 1. 设计变量 ========== */
:root{
  --bs-primary:#404898;
  --bs-primary-rgb:64,72,152;
  --qs-primary:#404898;            /* 品牌海军蓝 - 主色 */
  --qs-primary-dark:#2f3d80;       /* 深一档 - hover/边框 */
  --qs-primary-deep:#26316b;       /* 最深 - 顶栏/渐变末端 */
  --qs-accent:#E03840;             /* 品牌中国红 - 点睛 */
  --qs-accent-dark:#c02a32;        /* 深一档 - hover */
  --qs-accent-soft:rgba(224,56,64,.10);
  --qs-bg:#ffffff;                 /* 主背景：纯白（画册规范） */
  --qs-bg-soft:#f5f6fa;            /* 浅蓝灰：板块交替底色 */
  --qs-warm:#ffffff;
  --qs-ink:#1f2540;                /* 正文：深蓝黑 */
  --qs-ink-soft:#3a4170;           /* 副标题 */
  --qs-muted:#6a7290;              /* 弱化文字：蓝灰 */
  --qs-line:rgba(64,72,152,.14);   /* 描边：淡蓝 */
  --qs-line-strong:rgba(64,72,152,.28);
  --qs-shadow:0 10px 30px rgba(38,49,107,.10);
  --qs-shadow-strong:0 16px 40px rgba(38,49,107,.18);
  /* 中文字体栈：全部走系统字体，不依赖 Google Fonts */
  --qs-font:"PingFang SC","HarmonyOS Sans SC","Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei","Source Han Sans SC","Noto Sans CJK SC",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}

html,body{
  font-family:var(--qs-font);
  color:var(--qs-ink);
  background:var(--qs-bg);
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,h5,h6,.fw-bolder,.navbar-brand{font-family:var(--qs-font);color:var(--qs-ink);letter-spacing:.01em;}
p{line-height:1.85;color:#3d4848;}
.text-muted{color:var(--qs-muted)!important;}
section{scroll-margin-top:88px;}

/* ========== 2. 品牌色覆盖（Bootstrap） ========== */
.bg-primary,.btn-primary{background-color:var(--qs-primary)!important;border-color:var(--qs-primary)!important;}
.text-primary{color:var(--qs-primary)!important;}
.btn-primary:hover,.btn-primary:focus{background-color:var(--qs-primary-dark)!important;border-color:var(--qs-primary-dark)!important;}
.btn-outline-light{border-color:rgba(255,255,255,.75);color:#fff;}
.btn-outline-light:hover{background:#fff;color:var(--qs-primary);}
a{color:var(--qs-primary);}
a:hover{color:var(--qs-primary-dark);}
.bi{color:var(--qs-primary);}
.text-primary .bi,.bg-primary .bi,.feature .bi,.btn .bi{color:inherit;}
.bg-light{background-color:var(--qs-bg-soft)!important;}
.border-primary{border-color:var(--qs-primary)!important;}

/* ========== 3. 顶部联系条 ========== */
.qs-topbar{
  background:var(--qs-primary-deep);
  color:rgba(255,255,255,.85);
  font-size:.86rem;
  border-bottom:1px solid rgba(224,56,64,.35);   /* 红线收尾，画册式细节 */
}
.qs-topbar .container{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:.45rem;padding-bottom:.45rem;flex-wrap:wrap;}
.qs-topbar a{color:#fff;text-decoration:none;font-weight:600;}
.qs-topbar a:hover{color:var(--qs-accent);}
.qs-topbar .bi{color:var(--qs-accent);}

/* ========== 4. 导航（白底 + 红线 = 画册页头规范） ========== */
.navbar.bg-dark{
  background:#fff!important;
  box-shadow:0 2px 14px rgba(38,49,107,.08);
  border-bottom:3px solid var(--qs-accent);    /* 标志性红线 */
}
/* 品牌徽标：菱形 + 文字 */
.navbar-brand{
  display:inline-flex;align-items:center;gap:.6rem;
  font-weight:800;letter-spacing:.5px;
  color:var(--qs-ink)!important;
}
.navbar-brand .qs-logo{
  width:38px;height:38px;flex:0 0 auto;
  filter:drop-shadow(0 2px 4px rgba(38,49,107,.18));
}
.navbar-brand .qs-brand-text{display:inline-flex;flex-direction:column;line-height:1.05;}
.navbar-brand .qs-brand-cn{font-size:1.15rem;font-weight:800;color:var(--qs-ink);letter-spacing:.06em;}
.navbar-brand .qs-brand-en{font-size:.62rem;font-weight:600;color:var(--qs-accent);letter-spacing:.26em;margin-top:1px;}

.navbar-dark .navbar-nav .nav-link{
  color:var(--qs-ink-soft)!important;
  font-weight:600;font-size:.95rem;
  padding-left:1rem;padding-right:1rem;
}
.navbar-dark .navbar-nav .nav-link:hover,.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link.active{color:var(--qs-primary)!important;}

.qs-nav-tel{
  display:inline-flex;align-items:center;gap:.4rem;
  background:var(--qs-accent);color:#fff!important;
  border:0;border-radius:2rem;padding:.5rem 1.25rem;
  font-weight:700;white-space:nowrap;text-decoration:none;
  box-shadow:0 4px 12px rgba(224,56,64,.28);
}
.qs-nav-tel:hover{background:var(--qs-accent-dark);color:#fff!important;transform:translateY(-1px);box-shadow:0 6px 16px rgba(224,56,64,.38);}
.qs-nav-tel .bi{color:#fff;}

/* ========== 5. 首屏 Hero ========== */
.qs-hero{
  position:relative;
  background:linear-gradient(135deg,var(--qs-primary-deep) 0%,var(--qs-primary) 55%,#5a62b4 100%);
  overflow:hidden;
}
.qs-hero::before{
  /* 画册式的菱形线条背景纹理 */
  content:'';position:absolute;inset:0;opacity:.08;pointer-events:none;
  background-image:
    linear-gradient(45deg,transparent 49%,rgba(255,255,255,.6) 49%,rgba(255,255,255,.6) 51%,transparent 51%),
    linear-gradient(-45deg,transparent 49%,rgba(255,255,255,.6) 49%,rgba(255,255,255,.6) 51%,transparent 51%);
  background-size:48px 48px;
}
.qs-hero::after{
  content:'';position:absolute;right:-8%;top:-30%;
  width:52%;height:160%;border-radius:50%;
  background:radial-gradient(circle,rgba(224,56,64,.35) 0%,rgba(224,56,64,0) 68%);
  pointer-events:none;
}
.qs-hero .container{position:relative;z-index:2;}
.qs-hero h1{color:#fff!important;line-height:1.28;}
.qs-hero .lead{color:rgba(255,255,255,.88)!important;}
.qs-hero img{box-shadow:0 24px 60px rgba(20,25,60,.45);}
.qs-hero-stats{display:flex;gap:2.2rem;flex-wrap:wrap;margin-top:2rem;}
.qs-hero-stats .num{font-size:1.85rem;font-weight:800;color:#fff;line-height:1.1;}
.qs-hero-stats .lbl{font-size:.85rem;color:rgba(255,255,255,.75);}

/* Hero 内的红色铭牌（画册式红方块+小标签） */
.qs-hero-badge{
  display:inline-flex;align-items:center;gap:.6rem;
  background:rgba(224,56,64,.95);color:#fff;
  padding:.45rem 1rem;font-size:.82rem;font-weight:700;letter-spacing:.18em;
  border-radius:.2rem;margin-bottom:1.2rem;
}

/* 内页小头图 */
.qs-pagehead{
  background:linear-gradient(135deg,var(--qs-primary-deep) 0%,var(--qs-primary) 100%);
  position:relative;overflow:hidden;
}
.qs-pagehead::after{
  content:'';position:absolute;right:-10%;top:-40%;width:48%;height:200%;border-radius:50%;
  background:radial-gradient(circle,rgba(224,56,64,.22) 0%,rgba(224,56,64,0) 65%);pointer-events:none;
}
.qs-pagehead h1,.qs-pagehead .lead{color:#fff!important;}
.qs-pagehead .lead{color:rgba(255,255,255,.85)!important;}

/* ========== 6. 卡片与板块 ========== */
.card{background:var(--qs-warm);border:1px solid var(--qs-line);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;}
.card:hover{transform:translateY(-4px);border-color:var(--qs-primary);box-shadow:var(--qs-shadow);}
.card-img-top{object-fit:cover;height:220px;}
.feature{width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;font-size:1.75rem;}
hr.divider{color:var(--qs-primary);}
.form-control:focus,.form-select:focus{border-color:var(--qs-primary);box-shadow:0 0 0 .2rem rgba(64,72,152,.22);}
.accordion-button:not(.collapsed){background-color:rgba(64,72,152,.08);color:var(--qs-primary);}
.accordion-button:focus{box-shadow:0 0 0 .2rem rgba(64,72,152,.20);}
.card.highlighted{transform:scale(1.04);border:2px solid var(--qs-primary);}

/* 板块通用标题（含画册式"红方块+小标签"） */
.qs-sec-title{text-align:center;margin-bottom:3rem;}
.qs-sec-title h2{font-weight:800;margin-bottom:.75rem;color:var(--qs-ink);}
.qs-sec-title .lead{color:var(--qs-muted);margin-bottom:0;}
.qs-sec-title .kicker{
  display:inline-flex;align-items:center;gap:.6rem;
  font-size:.78rem;font-weight:700;letter-spacing:.22em;
  color:var(--qs-primary);text-transform:uppercase;margin-bottom:.8rem;
}
.qs-sec-title .kicker::before{
  content:'';display:inline-block;width:.7rem;height:.7rem;background:var(--qs-accent);
}
/* 左对齐红方块标题变体（画册页内小标题） */
.qs-red-title{
  display:flex;align-items:center;gap:.8rem;margin-bottom:1.2rem;
}
.qs-red-title .sq{flex:0 0 auto;width:1rem;height:1.1rem;background:var(--qs-accent);}
.qs-red-title .lbl{font-size:.78rem;font-weight:700;letter-spacing:.22em;color:var(--qs-primary);text-transform:uppercase;}
.qs-red-title h2,.qs-red-title h3{margin:0;font-weight:800;color:var(--qs-ink);}

/* ========== 7. 设备品类卡 ========== */
.qs-cat{
  display:block;height:100%;background:#fff;border:1px solid var(--qs-line);
  border-radius:.6rem;overflow:hidden;text-decoration:none;color:inherit;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
  position:relative;
}
.qs-cat::before{
  /* 顶部红条 - 画册风 */
  content:'';position:absolute;left:0;top:0;width:100%;height:3px;background:var(--qs-accent);
  transform:scaleX(0);transform-origin:left;transition:transform .3s ease;
}
.qs-cat:hover::before{transform:scaleX(1);}
.qs-cat:hover{transform:translateY(-5px);box-shadow:var(--qs-shadow);border-color:var(--qs-primary);color:inherit;}
.qs-cat .thumb{position:relative;aspect-ratio:4/3;overflow:hidden;background:#e9ecf3;}
.qs-cat .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;display:block;}
.qs-cat:hover .thumb img{transform:scale(1.06);}
.qs-cat .body{padding:1rem 1.1rem 1.2rem;}
.qs-cat .body h3{font-size:1.02rem;font-weight:700;margin-bottom:.35rem;color:var(--qs-ink);}
.qs-cat .body p{font-size:.86rem;color:var(--qs-muted);margin:0;line-height:1.6;}
.qs-cat .tag{
  position:absolute;left:.65rem;top:.65rem;z-index:2;
  background:var(--qs-accent);color:#fff;font-size:.72rem;font-weight:700;
  padding:.2rem .6rem;border-radius:.15rem;backdrop-filter:blur(2px);
  letter-spacing:.04em;
}

/* ========== 8. 功能室清单 ========== */
.qs-room{
  height:100%;background:#fff;border:1px solid var(--qs-line);border-left:3px solid var(--qs-primary);
  border-radius:.4rem;padding:1.15rem 1.25rem;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.qs-room:hover{transform:translateY(-3px);box-shadow:var(--qs-shadow);border-left-color:var(--qs-accent);}
.qs-room .hd{display:flex;align-items:center;gap:.6rem;margin-bottom:.5rem;}
.qs-room .idx{
  flex:0 0 auto;width:1.7rem;height:1.7rem;border-radius:.25rem;
  background:var(--qs-primary);color:#fff;
  font-size:.78rem;font-weight:800;display:flex;align-items:center;justify-content:center;
  letter-spacing:.04em;
}
.qs-room h3{font-size:1rem;font-weight:700;margin:0;color:var(--qs-ink);}
.qs-room p{font-size:.855rem;color:var(--qs-muted);margin:0;line-height:1.7;}

/* ========== 9. 服务流程 ========== */
.qs-flow{position:relative;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));}
.qs-step{
  position:relative;background:#fff;border:1px solid var(--qs-line);
  border-radius:.5rem;padding:1.4rem 1rem 1.15rem;text-align:center;
  transition:transform .2s ease,box-shadow .2s ease;
}
.qs-step:hover{transform:translateY(-4px);box-shadow:var(--qs-shadow);border-color:var(--qs-primary);}
.qs-step .no{
  width:2.4rem;height:2.4rem;margin:0 auto .7rem;border-radius:.25rem;
  background:var(--qs-primary);color:#fff;font-weight:800;font-size:.95rem;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 12px rgba(64,72,152,.30);
}
.qs-step:nth-child(even) .no{background:var(--qs-accent);box-shadow:0 4px 12px rgba(224,56,64,.30);}
.qs-step h3{font-size:.98rem;font-weight:700;margin-bottom:.4rem;color:var(--qs-ink);}
.qs-step p{font-size:.82rem;color:var(--qs-muted);margin:0;line-height:1.65;}

/* ========== 10. 服务对象 ========== */
.qs-client{
  height:100%;display:flex;gap:.85rem;align-items:flex-start;
  background:#fff;border:1px solid var(--qs-line);border-radius:.5rem;padding:1.05rem 1.1rem;
  transition:transform .2s ease,box-shadow .2s ease;
}
.qs-client:hover{transform:translateY(-3px);box-shadow:var(--qs-shadow);border-color:var(--qs-primary);}
.qs-client .ico{
  flex:0 0 auto;width:2.6rem;height:2.6rem;border-radius:.25rem;
  background:rgba(64,72,152,.10);display:flex;align-items:center;justify-content:center;font-size:1.2rem;
}
.qs-client h3{font-size:.97rem;font-weight:700;margin:0 0 .25rem;color:var(--qs-ink);}
.qs-client p{font-size:.83rem;color:var(--qs-muted);margin:0;line-height:1.6;}

/* ========== 11. 电话 CTA 条 ========== */
.qs-cta{
  background:linear-gradient(120deg,var(--qs-primary-deep) 0%,var(--qs-primary) 60%,#5a62b4 100%);
  border-radius:.6rem;padding:2.6rem 2rem;color:#fff;position:relative;overflow:hidden;
}
.qs-cta::before{
  content:'';position:absolute;left:-6%;top:-50%;width:38%;height:200%;border-radius:50%;
  background:radial-gradient(circle,rgba(224,56,64,.35) 0%,rgba(224,56,64,0) 70%);
}
.qs-cta::after{
  content:'';position:absolute;right:-6%;bottom:-70%;width:38%;height:200%;border-radius:50%;
  background:radial-gradient(circle,rgba(224,56,64,.28) 0%,rgba(224,56,64,0) 70%);
}
.qs-cta > *{position:relative;z-index:2;}
.qs-cta h2{color:#fff!important;font-weight:800;margin-bottom:.5rem;}
.qs-cta p{color:rgba(255,255,255,.88);margin-bottom:0;}
.qs-cta-tel{
  display:inline-flex;align-items:center;gap:.6rem;
  background:var(--qs-accent);color:#fff!important;text-decoration:none;
  font-size:1.35rem;font-weight:800;letter-spacing:.02em;
  padding:.75rem 1.7rem;border-radius:.25rem;
  box-shadow:0 8px 22px rgba(224,56,64,.40);
  transition:transform .2s ease,box-shadow .2s ease;
}
.qs-cta-tel:hover{background:var(--qs-accent-dark);transform:translateY(-2px);box-shadow:0 12px 28px rgba(224,56,64,.55);color:#fff!important;}
.qs-cta-tel .bi{color:#fff;}
.qs-cta-sub{font-size:.83rem;color:rgba(255,255,255,.75);margin-top:.7rem;}

/* ========== 12. 案例 ========== */
.qs-case{
  height:100%;background:#fff;border:1px solid var(--qs-line);border-radius:.5rem;
  overflow:hidden;transition:transform .22s ease,box-shadow .22s ease;
}
.qs-case:hover{transform:translateY(-4px);box-shadow:var(--qs-shadow);border-color:var(--qs-primary);}
.qs-case .thumb{aspect-ratio:16/10;overflow:hidden;background:#e9ecf3;}
.qs-case .thumb img{width:100%;height:100%;object-fit:cover;display:block;}
.qs-case .body{padding:1.1rem 1.2rem 1.3rem;}
.qs-case .meta{font-size:.75rem;font-weight:700;color:var(--qs-accent);letter-spacing:.06em;margin-bottom:.4rem;text-transform:uppercase;}
.qs-case h3{font-size:1rem;font-weight:700;margin-bottom:.45rem;color:var(--qs-ink);}
.qs-case p{font-size:.85rem;color:var(--qs-muted);margin:0;line-height:1.65;}
.qs-case ul{list-style:none;padding:0;margin:.7rem 0 0;display:flex;flex-wrap:wrap;gap:.35rem;}
.qs-case li{font-size:.72rem;background:rgba(64,72,152,.08);color:var(--qs-primary);padding:.18rem .55rem;border-radius:.15rem;font-weight:600;}

/* ========== 13. 团队头像（真实形象照，圆形裁剪） ========== */
.team-avatar-img{
  display:block;
  width:150px;height:150px;
  border-radius:50%;
  object-fit:cover;object-position:center top;
  border:4px solid #fff;
  box-shadow:0 6px 18px rgba(64,72,152,.28);
  background:#eef0f7;
}
.qs-team-tel{
  display:block;margin-top:.35rem;
  color:var(--qs-primary);text-decoration:none;
  font-style:normal;font-weight:600;font-size:.9rem;
}
.qs-team-tel:hover{text-decoration:underline;color:var(--qs-accent);}

/* ========== 13b. 作者头像（证言区 / 资讯卡片底部，统一 avatar.jpg）==========
   原模板 .rounded-circle 无尺寸约束，会按原图撑大；此处与关于我们页团队成员头像
   （.team-avatar-img，150×150）等大，圆形裁剪。 */
.rounded-circle.me-3{
  width:150px!important;height:150px!important;
  object-fit:cover!important;object-position:center top;
  border-radius:50%!important;
  flex:0 0 auto!important;
}
@media (max-width:767.98px){
  .rounded-circle.me-3{width:120px!important;height:120px!important;}
}

/* ========== 14. 页脚 ========== */
footer.bg-dark{
  background:var(--qs-primary-deep)!important;
  border-top:3px solid var(--qs-accent);    /* 页脚红线收尾，与导航呼应 */
}
.qs-foot h4{font-size:.95rem;font-weight:700;color:#fff;margin-bottom:1rem;letter-spacing:.04em;}
.qs-foot a{color:rgba(255,255,255,.72);text-decoration:none;font-size:.875rem;line-height:2.1;display:block;}
.qs-foot a:hover{color:var(--qs-accent);}
.qs-foot p{color:rgba(255,255,255,.72);font-size:.875rem;line-height:1.9;margin:0;}
.qs-foot .brand{font-size:1.15rem;font-weight:800;color:#fff;margin-bottom:.7rem;display:flex;align-items:center;gap:.6rem;}
.qs-foot .brand img{width:32px;height:32px;}
.qs-foot .tel{
  display:inline-flex;align-items:center;gap:.45rem;
  font-size:1.32rem;font-weight:800;color:var(--qs-accent);text-decoration:none;margin-top:.3rem;
}
.qs-foot .tel:hover{color:#ff6670;}
.qs-foot .bi{color:var(--qs-accent);}
.qs-footbar{border-top:1px solid rgba(255,255,255,.12);}
.qs-footbar,.qs-footbar a{color:rgba(255,255,255,.58);font-size:.8rem;}
.qs-footbar a:hover{color:var(--qs-accent);}

/* ========== 15. 移动端悬浮拨号 ========== */
.qs-fab{
  position:fixed;right:1rem;bottom:1.15rem;z-index:1040;
  display:none;align-items:center;gap:.5rem;
  background:var(--qs-accent);color:#fff!important;text-decoration:none;
  font-weight:700;font-size:.98rem;
  padding:.8rem 1.4rem;border-radius:.25rem;
  box-shadow:0 8px 24px rgba(224,56,64,.48);
}
.qs-fab .bi{color:#fff;}
.qs-fab:active{transform:scale(.97);}

/* ========== 16. 新闻/博客（画册式资讯中心） ========== */
.qs-news-card{
  height:100%;background:#fff;border:1px solid var(--qs-line);border-radius:.5rem;overflow:hidden;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.qs-news-card:hover{transform:translateY(-4px);box-shadow:var(--qs-shadow);border-color:var(--qs-primary);}
.qs-news-card .thumb{aspect-ratio:16/9;overflow:hidden;background:#e9ecf3;position:relative;}
.qs-news-card .thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease;}
.qs-news-card:hover .thumb img{transform:scale(1.05);}
.qs-news-card .body{padding:1.1rem 1.2rem 1.3rem;}
.qs-news-card .cat{font-size:.72rem;font-weight:700;letter-spacing:.12em;color:var(--qs-accent);text-transform:uppercase;margin-bottom:.4rem;}
.qs-news-card h3{font-size:1.05rem;font-weight:700;color:var(--qs-ink);line-height:1.5;margin-bottom:.5rem;}
.qs-news-card p{font-size:.86rem;color:var(--qs-muted);margin:0;line-height:1.65;}
.qs-news-card .date{font-size:.78rem;color:var(--qs-muted);margin-top:.6rem;display:block;}

/* 新闻详情页：内容区排版 */
.qs-article-body h2{color:var(--qs-primary);font-weight:800;margin-top:2.5rem;margin-bottom:1rem;font-size:1.4rem;}
.qs-article-body h2::before{content:'';display:inline-block;width:.5rem;height:1rem;background:var(--qs-accent);margin-right:.6rem;vertical-align:middle;}
.qs-article-body p{color:#3d4848;line-height:1.95;}
.qs-article-body ul li{margin-bottom:.5rem;line-height:1.8;}
.qs-article-body strong{color:var(--qs-primary);}

/* ========== 17. 响应式 ========== */
@media (max-width:991.98px){
  .navbar-brand .qs-brand-en{display:none;}
  .qs-nav-tel{margin-top:.75rem;width:100%;justify-content:center;}
  .qs-topbar .container{justify-content:center;text-align:center;}
}
@media (max-width:767.98px){
  .qs-fab{display:inline-flex;}
  body{padding-bottom:4.5rem;}
  .team-avatar-img{width:120px;height:120px;}
  .rounded-circle.me-3{width:120px;height:120px;}
  .qs-hero-stats{gap:1.4rem;}
  .qs-hero-stats .num{font-size:1.45rem;}
  .qs-cta{padding:2rem 1.25rem;text-align:center;}
  .qs-cta-tel{font-size:1.15rem;padding:.65rem 1.35rem;}
  .qs-sec-title{margin-bottom:2rem;}
  .card-img-top{height:190px;}
  .navbar-brand .qs-brand-cn{font-size:1rem;}
  .navbar-brand .qs-logo{width:32px;height:32px;}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none!important;animation:none!important;}
}
/* ========== 9. 首页竖图特色区（文字融入图中） ========== */
.qs-subhero{background:linear-gradient(135deg,var(--qs-primary-deep) 0%,var(--qs-primary) 60%,var(--qs-primary-dark) 100%);}
.qs-subhero .kicker{color:#fff;opacity:.85;}
.qs-subhero .qs-sec-title h1{color:#fff;}
.qs-subhero .qs-sec-title .lead{color:rgba(255,255,255,.8);}
/* 首页特色区：竖形产品配图 + 4 功能卡片 */
.qs-feat-media{position:relative;border-radius:1.1rem;overflow:hidden;box-shadow:0 20px 50px rgba(38,49,107,.22);}
.qs-feat-img{width:100%;height:auto;display:block;aspect-ratio:3/4;object-fit:cover;}
.qs-feat-card{height:100%;background:#fff;border:1px solid #eceef5;border-radius:1rem;padding:1.4rem 1.3rem;box-shadow:0 8px 24px rgba(38,49,107,.06);transition:transform .2s,box-shadow .2s;}
.qs-feat-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(38,49,107,.12);}
.qs-feat-ic{flex:0 0 auto;width:2.6rem;height:2.6rem;border-radius:.8rem;display:flex;align-items:center;justify-content:center;background:var(--qs-accent);color:#fff;font-size:1.2rem;margin-bottom:.8rem;}
.qs-feat-h{font-size:1.08rem;font-weight:700;color:var(--qs-ink);margin-bottom:.4rem;}
.qs-feat-p{font-size:.9rem;line-height:1.6;color:var(--qs-muted);margin:0;}
@media(max-width:768px){.qs-feat-media{max-width:360px;margin:0 auto 2rem;}}

/* ========== 10. 产品中心（列表页） ========== */
.qs-prod-nav{display:flex;flex-wrap:wrap;gap:.6rem;}
.qs-pill{display:inline-block;padding:.4rem .9rem;border:1px solid var(--qs-line);border-radius:999px;color:var(--qs-ink);font-size:.88rem;text-decoration:none;background:#fff;transition:.18s;}
.qs-pill:hover{background:var(--qs-primary);color:#fff;border-color:var(--qs-primary);}
.qs-prod-cat{margin-bottom:3.2rem;scroll-margin-top:90px;}
.qs-prod-cat-head{display:flex;gap:1rem;align-items:center;margin-bottom:1.6rem;}
.qs-prod-cat-ic{flex:0 0 auto;width:56px;height:56px;border-radius:14px;background:var(--qs-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.6rem;}
.qs-prod-cat-intro{color:var(--qs-muted);margin:.3rem 0 0;font-size:.92rem;max-width:760px;}
.qs-prod-card{display:block;height:100%;background:#fff;border:1px solid var(--qs-line);border-radius:14px;overflow:hidden;text-decoration:none;transition:.2s;}
.qs-prod-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(64,72,152,.16);border-color:var(--qs-primary);}
.qs-prod-card .thumb{overflow:hidden;}
.qs-prod-card .thumb img{width:100%;height:172px;object-fit:cover;transition:.3s;}
.qs-prod-card:hover .thumb img{transform:scale(1.05);}
.qs-prod-card .body{padding:1rem 1.1rem 1.25rem;}
.qs-prod-cat-tag{display:inline-block;font-size:.72rem;color:var(--qs-accent);background:rgba(224,56,64,.08);padding:.15rem .55rem;border-radius:999px;margin-bottom:.45rem;}
.qs-prod-card h3{font-size:1.02rem;margin:.15rem 0 .35rem;color:var(--qs-ink);}
.qs-prod-model{font-size:.8rem;color:var(--qs-muted);}
.qs-prod-price{margin-top:.5rem;font-weight:700;color:var(--qs-primary);}

/* ========== 11. 产品详情页 ========== */
.qs-bread{font-size:.85rem;color:var(--qs-muted);}
.qs-bread a{color:var(--qs-primary);text-decoration:none;}
.qs-bread a:hover{text-decoration:underline;}
.qs-bread span{margin:0 .5rem;color:var(--qs-line);}
.qs-bread .cur{color:var(--qs-ink);}

.qs-pd-image-card{
  background:#fff;border:1px solid var(--qs-line);border-radius:16px;
  padding:1.25rem;box-shadow:var(--qs-shadow);text-align:center;
}
.qs-pd-image-card .qs-pd-img{
  max-height:420px;width:auto;object-fit:contain;border:0;border-radius:10px;
}
.qs-pd-info{padding:.25rem 0 0;}
.qs-pd-info .qs-red-title{margin-bottom:.75rem;}
.qs-pd-info h1{font-size:2rem;color:var(--qs-ink);margin-bottom:.5rem;}
.qs-pd-meta{
  display:flex;flex-wrap:wrap;gap:.75rem;margin:.75rem 0 1rem;
}
.qs-pd-meta > div{
  display:flex;flex-direction:column;gap:.15rem;
  background:var(--qs-bg-soft);border:1px solid var(--qs-line);border-radius:10px;
  padding:.55rem .9rem;min-width:130px;
}
.qs-pd-meta > div span{font-size:.72rem;color:var(--qs-muted);text-transform:uppercase;letter-spacing:.04em;}
.qs-pd-meta > div b{font-size:1rem;color:var(--qs-ink);font-weight:700;}
.qs-pd-price b{color:var(--qs-primary);font-size:1.15rem;}
.qs-pd-summary{
  font-size:1.02rem;color:var(--qs-ink-soft);line-height:1.85;margin-bottom:.25rem;
}
.qs-pd-highlights{
  background:var(--qs-bg-soft);border:1px solid var(--qs-line);border-radius:12px;padding:1rem 1.2rem;margin-top:1rem;
}
.qs-pd-highlights-title{
  font-size:.78rem;font-weight:800;color:var(--qs-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.65rem;
}
.qs-pd-highlights ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.5rem 1.2rem;}
.qs-pd-highlights li{display:flex;align-items:flex-start;gap:.55rem;font-size:.92rem;color:var(--qs-ink);line-height:1.5;}
.qs-pd-highlights li .bi{color:var(--qs-accent);font-size:1rem;margin-top:.15rem;flex-shrink:0;}

.qs-pd-spec-section{
  margin-top:3rem;padding:2rem 2.2rem;background:#fff;border:1px solid var(--qs-line);border-radius:16px;box-shadow:var(--qs-shadow);
}
.qs-pd-spec-section > h2{font-size:1.35rem;color:var(--qs-ink);margin-bottom:1.25rem;}
.qs-spec-body{font-size:.96rem;color:var(--qs-ink-soft);line-height:1.9;}
.qs-spec-body .lead{font-size:1.05rem;color:var(--qs-ink);margin-bottom:1.5rem;line-height:1.9;}
.qs-spec-body h3{
  font-size:1.1rem;font-weight:800;color:var(--qs-primary);margin:1.6rem 0 .8rem;
  padding-left:.75rem;border-left:3px solid var(--qs-accent);
}
.qs-spec-body h3:first-child{margin-top:0;}
.qs-spec-body ul{padding-left:1.1rem;margin-bottom:1.2rem;}
.qs-spec-body ul li{margin-bottom:.45rem;line-height:1.8;}
.qs-spec-body p{margin-bottom:1rem;}
.qs-spec-body strong{color:var(--qs-primary);}

.qs-pd-related{margin-top:3.5rem;}
.qs-pd-related h2{font-size:1.35rem;color:var(--qs-ink);margin-bottom:1.25rem;}

@media(max-width:991.98px){
  .qs-pd-info{margin-top:1.5rem;}
  .qs-pd-spec-section{padding:1.5rem;}
}
@media(max-width:767.98px){
  .qs-pd-image-card{padding:.75rem;}
  .qs-pd-image-card .qs-pd-img{max-height:300px;}
  .qs-pd-info h1{font-size:1.55rem;}
  .qs-pd-meta > div{min-width:calc(50% - .375rem);}
  .qs-pd-spec-section{padding:1.15rem;margin-top:2rem;}
  .qs-pd-highlights ul{grid-template-columns:1fr;}
}

/* ========== 12. 首页板块间距收窄 ==========
   模板原始结构为 section.py-5(3rem) + .container.my-5(3rem)，
   相邻板块之间叠加出 12rem 空白，过于松散。这里统一收窄约 45%。
   仅作用于首页（body.qs-home），不影响产品页/内容页排版。 */
.qs-home main > section.py-5{padding-top:2rem!important;padding-bottom:2rem!important;}
.qs-home main > section > .container.my-5{margin-top:1.25rem!important;margin-bottom:1.25rem!important;}
.qs-home .qs-hero.py-5{padding-bottom:2.5rem!important;}
.qs-home .qs-cta.mt-5{margin-top:2rem!important;}

@media (max-width:767.98px){
  .qs-home main > section.py-5{padding-top:1.5rem!important;padding-bottom:1.5rem!important;}
  .qs-home main > section > .container.my-5{margin-top:.75rem!important;margin-bottom:.75rem!important;}
  .qs-home .qs-hero.py-5{padding-bottom:2rem!important;}
}

/* ========== 13. 办公环境（关于我们页） ========== */
.qs-office-card img{
  width:100%;
  height:260px;
  object-fit:cover;
  border-radius:.75rem;
}
.qs-office-card h5{
  font-size:1.05rem;
  margin-top:1rem;
  margin-bottom:.35rem;
}
.qs-office-card p{
  font-size:.92rem;
  line-height:1.65;
  color:var(--qs-muted);
}
@media(max-width:767.98px){
  .qs-office-card img{height:220px;}
}