@charset "UTF-8";
/* =========================================================
   inner.css —— 内页专用（依赖 home.css 的深色令牌与通用组件）
   内页统一结构：页头色带 + 面包屑 + 内容区块 + 深色页脚
   ========================================================= */

/* ---------- 面包屑（深色覆盖，保证可读） ---------- */
body.hx .breadcrumb{
  background:#0B1436;
  border-bottom:1px solid rgba(255,255,255,.12);
  color:#A9B7D8;
  padding-block:12px;
  font-size:.82rem;
}
body.hx .breadcrumb ol{gap:10px}
body.hx .breadcrumb a{color:#C8D3EC}
body.hx .breadcrumb a:hover{color:#fff;text-decoration:none}
body.hx .breadcrumb li+li::before{color:rgba(255,255,255,.38)}
/* 当前页：必须比链接更亮，否则会被当成"没有内容" */
body.hx .breadcrumb [aria-current="page"]{
  color:#EAF0FF;
  font-weight:600;
}

/* ---------- 页头色带 ---------- */
.hx-pagehead{
  position:relative;
  padding-block:clamp(48px,7vw,96px);
  background:
    radial-gradient(90% 140% at 88% 0%, rgba(11,60,184,.85), transparent 60%),
    linear-gradient(150deg,var(--hx-deep-2) 0%,var(--hx-deep) 58%,#011B62 100%);
  border-bottom:1px solid rgba(255,255,255,.10);
  overflow:hidden;
}
.hx-pagehead .hx-eyebrow{color:#A8BCFF}
.hx-pagehead h1{
  font-size:clamp(1.9rem,4.4vw,3.1rem);
  line-height:1.14;
  letter-spacing:-.02em;
  font-weight:800;
  color:#fff;
}
.hx-pagehead-lead{
  margin-top:18px;
  max-width:56ch;
  font-size:clamp(.95rem,1.2vw,1.04rem);
  line-height:1.85;
  color:rgba(255,255,255,.76);
}
.hx-pagehead-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:clamp(24px,3vw,34px)}

/* ---------- 信息表（关于我们） ---------- */
.hx-info{
  display:grid;
  grid-template-columns:minmax(96px,170px) 1fr;
  gap:0;
  max-width:860px;
  border-top:1px solid var(--hx-line);
}
.hx-info dt,
.hx-info dd{
  margin:0;
  padding:16px 0;
  border-bottom:1px solid var(--hx-line);
}
.hx-info dt{font-size:.85rem;color:var(--hx-muted-2);letter-spacing:.04em;padding-right:16px}
.hx-info dd{color:var(--hx-text);font-weight:600;font-size:.96rem}
@media(max-width:520px){
  .hx-info{grid-template-columns:1fr}
  .hx-info dt{padding-bottom:2px;border-bottom:0}
  .hx-info dd{padding-top:0}
}

/* ---------- 门店卡 ---------- */
.hx-store-grid{
  display:grid;grid-template-columns:1fr;gap:1px;
  background:rgba(47,82,216,.26);
  border:1px solid rgba(47,82,216,.26);
  border-radius:14px;overflow:hidden;
}
@media(min-width:640px){.hx-store-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.hx-store-grid{grid-template-columns:repeat(3,1fr)}}
.hx-store-card{
  padding:clamp(22px,2.6vw,30px);
  background:var(--hx-surface);
  transition:background .2s ease;
}
.hx-store-card:hover{background:var(--hx-surface-2)}
.hx-store-city{
  font-size:.74rem;font-weight:800;letter-spacing:.18em;
  color:var(--hx-blue);text-transform:uppercase;
}
.hx-store-card h3{margin-top:10px;font-size:1.06rem;color:#fff}
.hx-store-bays{
  margin-top:8px;font-size:.82rem;color:var(--hx-muted-2);
  font-variant-numeric:tabular-nums;
}
.hx-store-card p:last-child{margin-top:10px;font-size:.88rem;line-height:1.72}

/* ---------- 知识库主题 ---------- */
.hx-topic{margin-top:clamp(34px,4.4vw,58px)}
.hx-topic:first-of-type{margin-top:0}
.hx-topic-title{
  display:flex;align-items:center;gap:12px;
  font-size:1.1rem;color:#fff;
  margin-bottom:18px;padding-bottom:14px;
  border-bottom:1px solid var(--hx-line);
}
.hx-topic-title::before{
  content:"";width:4px;height:18px;
  background:var(--hx-blue);border-radius:2px;flex:0 0 auto;
}
.hx-topic .hx-faq-item h4{
  position:relative;padding-left:18px;
  font-size:.96rem;font-weight:700;line-height:1.55;color:var(--hx-text);
}
.hx-topic .hx-faq-item h4::before{
  content:"";position:absolute;left:0;top:.66em;
  width:7px;height:7px;border-radius:50%;background:var(--hx-blue);
}

/* ---------- 表单（深色） ---------- */
.hx-form{
  background:var(--hx-surface);
  border:1px solid var(--hx-line);
  border-radius:14px;
  padding:clamp(24px,2.8vw,36px);
}
.hx-form-grid{display:grid;grid-template-columns:1fr;gap:16px 18px}
@media(min-width:640px){.hx-form-grid{grid-template-columns:repeat(2,1fr)}}
.hx-field{display:flex;flex-direction:column;gap:8px}
.hx-field label,
.hx-field .hx-label{
  font-size:.84rem;font-weight:600;color:var(--hx-muted);letter-spacing:.01em;
}
.hx-field input[type="text"],
.hx-field input[type="tel"],
.hx-field input[type="number"],
.hx-field select,
.hx-field textarea{
  width:100%;
  padding:13px 15px;
  background:rgba(255,255,255,.04);
  border:1px solid var(--hx-line-2);
  border-radius:10px;
  font-size:.94rem;
  color:var(--hx-text);
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
  appearance:none;
}
.hx-field textarea{min-height:120px;resize:vertical}
.hx-field input::placeholder,
.hx-field textarea::placeholder{color:rgba(234,240,255,.32)}
.hx-field input:focus,
.hx-field select:focus,
.hx-field textarea:focus{
  outline:none;
  border-color:var(--hx-blue);
  background:rgba(77,107,255,.08);
  box-shadow:0 0 0 3px rgba(77,107,255,.16);
}
.hx-radio{display:flex;flex-wrap:wrap;gap:10px}
.hx-radio label{
  display:inline-flex;align-items:center;gap:8px;
  padding:10px 18px;
  border:1px solid var(--hx-line-2);
  border-radius:999px;
  font-size:.9rem;color:var(--hx-muted);
  cursor:pointer;
  transition:border-color .18s ease,background .18s ease,color .18s ease;
}
.hx-radio label:has(input:checked){
  border-color:var(--hx-blue);
  background:rgba(77,107,255,.14);
  color:#fff;
}
.hx-form-actions{
  display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;
  margin-top:22px;
}
.hx-form-note{margin:0;font-size:.78rem;color:var(--hx-muted-2);line-height:1.6}

/* 表单 + 侧栏电话卡 */
.hx-split{
  display:grid;grid-template-columns:1fr;gap:clamp(18px,2.4vw,28px);
  align-items:start;
}
@media(min-width:960px){.hx-split{grid-template-columns:1.4fr .85fr}}
.hx-sidecard{
  background:linear-gradient(158deg,var(--hx-deep-2),var(--hx-deep) 70%,#011B62);
  border:1px solid rgba(255,255,255,.10);
  border-radius:14px;
  padding:clamp(24px,2.8vw,34px);
}
.hx-sidecard h3{font-size:1rem;color:#fff}
.hx-sidecard .hx-phone{display:inline-block;margin-top:10px}
.hx-sidecard p{margin-top:14px;font-size:.88rem;color:rgba(255,255,255,.7)}

/* ---------- 联系页电话卡 ---------- */
.hx-phone-card h3{font-size:1rem}
.hx-phone-big{
  display:inline-block;margin-top:10px;
  font-size:clamp(1.4rem,2.8vw,2rem);
  font-weight:800;letter-spacing:-.02em;
  font-variant-numeric:tabular-nums;
  color:var(--hx-gold);
  line-height:1.2;
}
.hx-phone-big:hover{text-decoration:none;filter:brightness(1.08)}
.hx-phone-card p{margin-top:12px;font-size:.9rem;line-height:1.72}

/* ---------- 联系信息列表 ---------- */
.hx-list{
  border-top:1px solid var(--hx-line);
  max-width:780px;
}
.hx-list li{
  display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 18px;
  padding:16px 0;border-bottom:1px solid var(--hx-line);
  font-size:.94rem;color:var(--hx-muted);
}
.hx-list li b{color:var(--hx-text);font-weight:600}
.hx-list a{color:var(--hx-gold);font-variant-numeric:tabular-nums}

/* ---------- 服务项（带说明的竖排列表） ---------- */
.hx-svc-list{display:grid;gap:1px;background:rgba(47,82,216,.26);border:1px solid rgba(47,82,216,.26);border-radius:14px;overflow:hidden}
.hx-svc-item{
  display:grid;grid-template-columns:1fr;gap:6px;
  padding:clamp(22px,2.6vw,32px);
  background:var(--hx-surface);
  transition:background .2s ease;
}
@media(min-width:820px){.hx-svc-item{grid-template-columns:280px 1fr;gap:28px;align-items:start}}
.hx-svc-item:hover{background:var(--hx-surface-2)}
.hx-svc-item h3{font-size:1.04rem;color:#fff}
.hx-svc-item .hx-svc-no{
  font-size:.74rem;font-weight:800;letter-spacing:.16em;color:var(--hx-gold);
  font-variant-numeric:tabular-nums;
}
.hx-svc-item p{font-size:.9rem;line-height:1.78}
.hx-svc-item p + p{margin-top:8px;color:var(--hx-muted-2)}

/* ---------- 相关服务链接 ---------- */
.hx-linklist{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:18px}
.hx-linklist a{
  font-size:.92rem;color:#A8BCFF;
  border-bottom:1px solid rgba(168,188,255,.32);
  padding-bottom:2px;
}
.hx-linklist a:hover{text-decoration:none;color:#fff;border-bottom-color:#fff}

/* ---------- 表单提交反馈 ---------- */
.hx-form-msg{
  margin-top:16px;
  padding:12px 16px;
  border-radius:10px;
  font-size:.88rem;
  line-height:1.7;
}
.hx-form-msg.ok{
  background:rgba(77,107,255,.14);
  border:1px solid rgba(77,107,255,.42);
  color:#DCE6FF;
}
.hx-form-msg.err{
  background:rgba(255,120,120,.10);
  border:1px solid rgba(255,120,120,.38);
  color:#FFC9C9;
}


/* ---------- 文章正文 ---------- */
.hx-prose{max-width:820px}
.hx-prose h2{
  font-size:clamp(1.2rem,2vw,1.5rem);
  color:#fff;
  margin:clamp(30px,3.6vw,46px) 0 14px;
  padding-left:14px;
  border-left:3px solid var(--hx-blue);
  line-height:1.4;
}
.hx-prose h3{font-size:1.04rem;color:var(--hx-text);margin:24px 0 10px}
.hx-prose p{margin:0 0 14px;font-size:.98rem;line-height:1.95;color:#B9C6E4}
.hx-prose strong{color:#fff}
.hx-prose ul,.hx-prose ol{margin:0 0 16px;padding-left:22px}
.hx-prose li{margin:6px 0;font-size:.97rem;line-height:1.9;color:#B9C6E4}
.hx-prose ul li{list-style:disc}
.hx-prose ol li{list-style:decimal}
.hx-prose blockquote{
  margin:18px 0;padding:14px 18px;
  background:rgba(77,107,255,.10);
  border-left:3px solid var(--hx-blue);
  border-radius:0 10px 10px 0;
}
.hx-prose blockquote p{margin:0;color:#C9D5F0;font-size:.94rem}
.hx-article-lead{
  padding:18px 22px;
  background:linear-gradient(158deg,var(--hx-deep-2),var(--hx-deep) 70%,#011B62);
  border:1px solid rgba(255,255,255,.10);
  border-radius:12px;
  color:#EAF0FF !important;
  font-size:1rem !important;
  line-height:1.85 !important;
  margin-bottom:26px !important;
}
.hx-tablewrap{overflow-x:auto;margin:18px 0;border:1px solid var(--hx-line);border-radius:12px}
.hx-prose table{width:100%;border-collapse:collapse;min-width:520px}
.hx-prose th,.hx-prose td{
  padding:11px 14px;border-bottom:1px solid var(--hx-line);
  text-align:left;font-size:.92rem;color:#B9C6E4;
}
.hx-prose th{background:#0A1230;color:var(--hx-muted);font-weight:600;font-size:.86rem;letter-spacing:.04em}
.hx-prose tr:last-child td{border-bottom:0}
.hx-article-foot{margin-top:clamp(32px,4vw,48px);padding-top:24px;border-top:1px solid var(--hx-line)}