/* ============================================================
   关于 / 联系 / 搜索 页专用样式
   配合 home-v2.css + inner-v2.css + detail-v2.css 使用
   ============================================================ */

/* ---------- 关于页：数据条 ---------- */
.about-stats{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
  gap:clamp(16px,2vw,36px);
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  padding:clamp(28px,4.4vh,48px) 0;margin:clamp(36px,5.5vh,64px) 0;
  list-style:none;
}
.about-stats li{padding-left:clamp(14px,1.6vw,24px);border-left:1px solid var(--line)}
.about-stats b{
  display:block;font-family:var(--en);font-weight:500;
  font-size:clamp(32px,4vw,60px);line-height:1;letter-spacing:-.03em;
  font-variant-numeric:tabular-nums;
}
.about-stats b span{color:var(--brand);font-size:.55em;margin-left:2px}
.about-stats em{
  display:block;font-style:normal;font-size:13px;letter-spacing:.1em;
  color:var(--fg3);margin-top:14px;
}

/* ---------- 联系页 ---------- */
.contact-grid{
  display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
  gap:clamp(28px,4vw,72px);align-items:start;
}
.contact-info h2,.contact-form h2{
  margin:0 0 clamp(18px,2.6vh,28px);
  font-size:clamp(19px,1.7vw,26px);font-weight:500;letter-spacing:-.01em;
}
.contact-list{margin:0;padding:0;list-style:none;display:grid;gap:16px}
.contact-list li{
  display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;
  font-size:clamp(14px,1vw,16px);line-height:1.7;color:var(--fg2);
}
.contact-list .k{color:var(--fg3);font-size:13px;letter-spacing:.06em;white-space:nowrap}
.contact-list a{color:#fff;transition:color .3s var(--ease)}
.contact-list a:hover{color:var(--brand)}
.contact-qr{margin-top:clamp(24px,3.4vh,36px);display:flex;align-items:center;gap:16px}
.contact-qr img{
  width:116px;height:116px;background:#fff;padding:6px;border-radius:4px;
  box-shadow:0 6px 20px rgba(0,0,0,.42);
}
.contact-qr span{font-size:12px;letter-spacing:.06em;color:var(--fg3)}

/* 表单：字段名必须和后台一致，样式只管外观 */
.form-grid{display:grid;gap:14px}
.form-grid .row2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.form-grid input,.form-grid textarea{
  width:100%;background:#131313;border:1px solid rgba(255,255,255,.12);
  color:#fff;font-family:inherit;font-size:15px;padding:14px 16px;
  transition:border-color .3s var(--ease),background .3s var(--ease);
}
.form-grid input::placeholder,.form-grid textarea::placeholder{color:var(--fg3)}
.form-grid input:focus,.form-grid textarea:focus{
  outline:none;border-color:var(--brand);background:#161616;
}
.form-grid textarea{min-height:128px;resize:vertical;line-height:1.8}
.form-grid .code-row{display:grid;grid-template-columns:minmax(0,1fr) 132px;gap:14px;align-items:center}
.form-grid .code-row img{
  width:132px;height:50px;object-fit:contain;background:#fff;
  border-radius:3px;cursor:pointer;
}
.form-grid button.btn{border:0;cursor:pointer;justify-self:start}
.form-note{margin:14px 0 0;font-size:12px;line-height:1.8;color:var(--fg3)}

/* ---------- 搜索页 ---------- */
.search-form{
  display:grid;grid-template-columns:minmax(0,1fr) auto;
  max-width:660px;margin:0 auto clamp(32px,5vh,56px);
  border:1px solid rgba(255,255,255,.16);
  transition:border-color .3s var(--ease);
}
.search-form:focus-within{border-color:var(--brand)}
.search-form input{
  background:transparent;border:0;color:#fff;font-family:inherit;
  font-size:16px;padding:16px 20px;
}
.search-form input::placeholder{color:var(--fg3)}
.search-form input:focus{outline:none}
.search-form button{
  background:var(--brand);border:0;color:#fff;font-family:inherit;
  font-size:14px;letter-spacing:.12em;padding:0 32px;cursor:pointer;
  transition:background .3s var(--ease);
}
.search-form button:hover{background:#E00000}

.search-empty{
  padding:clamp(48px,8vh,92px) 0;text-align:center;
  color:var(--fg3);font-size:15px;line-height:2;
}
.search-empty b{
  display:block;font-size:clamp(30px,4vw,52px);
  color:rgba(255,255,255,.13);margin-bottom:16px;font-weight:500;
}

/* ---------- 响应式 ---------- */
@media (max-width:1000px){
  .contact-grid{grid-template-columns:1fr}
  .about-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  .about-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .form-grid .row2{grid-template-columns:1fr}
  .form-grid .code-row{grid-template-columns:1fr}
  .search-form{grid-template-columns:1fr}
  .search-form button{padding:14px 0}
}


/* ---------- 移动端：关于 / 联系 / 搜索 ---------- */
@media (max-width:768px){
  .about-stats{gap:18px;padding:22px 0;margin:30px 0}
  .about-stats b{font-size:clamp(28px,8.6vw,40px)}
  .contact-grid{gap:34px}
  .contact-qr{flex-direction:row}
  .contact-qr img{width:104px;height:104px}
  .form-grid input,.form-grid textarea{font-size:16px}   /* 16px 以下 iOS 会自动放大页面 */
  .form-grid button.btn{width:100%;justify-self:stretch}
  .search-form input{font-size:16px;padding:15px 16px}
}


/* ============================================================
   关于页：客户 / 企业文化 / 品牌与业务事实（AEO·GEO 核心）/ 团队
   ------------------------------------------------------------
   这些区块是给「人看 + 搜索引擎与 AI 读」的，所以：
     · 一律用语义化标签（dl / dt / dd / table / thead），不用 div 硬堆
     · FAQ 保持默认展开，不用 <details> 折叠 —— 折叠内容常被爬虫忽略
     · 价格、年限、数量都用真实文本，不塞进图片
   ============================================================ */

/* 引导文字 */
.lead-txt{
  margin:0 0 clamp(16px,2.4vh,24px);
  font-size:clamp(14px,1vw,16px);line-height:1.9;color:var(--fg3);max-width:52em;
}
.lead-txt a{color:#fff;border-bottom:1px solid rgba(255,0,0,.5)}
.lead-txt a:hover{border-bottom-color:var(--brand)}

/* 客户名单 */
.client-name-list{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}
.client-name-list li{
  font-size:clamp(13px,.95vw,15px);color:var(--fg2);
  border:1px solid rgba(255,255,255,.14);padding:9px 18px;
  transition:border-color .3s var(--ease),color .3s var(--ease);
}
.client-name-list li:hover{border-color:rgba(255,255,255,.34);color:#fff}

/* 企业文化 */
.culture-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.6vw,22px)}
.culture-card{
  background:#131313;border:1px solid rgba(255,255,255,.08);
  padding:clamp(20px,2.6vh,32px);
  transition:border-color .4s var(--ease),transform .4s var(--ease);
}
.culture-card:hover{border-color:rgba(255,255,255,.22);transform:translateY(-3px)}
.culture-card h3{
  margin:0 0 14px;font-size:clamp(16px,1.25vw,19px);font-weight:500;
  padding-left:14px;border-left:2px solid var(--brand);
}
.culture-card p{margin:0;font-size:clamp(13px,.96vw,15px);line-height:1.95;color:var(--fg2)}

/* 品牌与业务事实 */
.facts{scroll-margin-top:90px}
.fact-h3{
  margin:clamp(34px,5vh,54px) 0 clamp(14px,2vh,20px);
  font-size:clamp(15px,1.2vw,18px);font-weight:500;color:#fff;
  padding-left:14px;border-left:2px solid var(--brand);
}
.fact-h3:first-of-type{margin-top:0}

/* 定义列表：基础信息 / 六项服务 / FAQ 共用，语义清晰 */
.fact-dl{margin:0;display:grid;gap:1px;background:rgba(255,255,255,.07)}
.fact-dl > div{
  display:grid;grid-template-columns:minmax(0,11em) minmax(0,1fr);
  gap:clamp(12px,2vw,28px);background:#0F0F0F;
  padding:clamp(13px,1.8vh,18px) clamp(14px,1.6vw,22px);
}
.fact-dl dt{font-size:clamp(13px,.96vw,15px);color:var(--fg3);letter-spacing:.02em;line-height:1.8}
.fact-dl dd{margin:0;font-size:clamp(13px,.96vw,15px);color:#fff;line-height:1.8}
.fact-dl dd a{color:#fff;border-bottom:1px solid rgba(255,0,0,.5)}
.fact-dl dd a:hover{border-bottom-color:var(--brand)}
.fact-dl-2col{grid-template-columns:repeat(2,minmax(0,1fr))}

/* 覆盖行业 */
.tag-cloud{display:flex;flex-wrap:wrap;gap:9px;margin:0;padding:0;list-style:none}
.tag-cloud li{
  font-size:13px;color:var(--fg2);padding:7px 15px;border-radius:20px;
  border:1px solid rgba(255,255,255,.16);
}

/* 代表案例 */
.case-name-list{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;background:rgba(255,255,255,.07);margin:0;padding:0;list-style:none;
}
.case-name-list li{
  position:relative;background:#0F0F0F;
  padding:clamp(12px,1.7vh,17px) clamp(14px,1.6vw,22px) clamp(12px,1.7vh,17px) 30px;
  font-size:clamp(13px,.96vw,15px);line-height:1.7;color:var(--fg2);
}
.case-name-list li::before{
  content:"";position:absolute;left:16px;top:1.45em;
  width:6px;height:1px;background:var(--brand);
}

/* 价格表 */
.fact-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.fact-table{width:100%;border-collapse:collapse;font-size:clamp(13px,.96vw,15px)}
.fact-table th,.fact-table td{
  padding:clamp(12px,1.7vh,17px) clamp(12px,1.4vw,20px);
  border-bottom:1px solid rgba(255,255,255,.1);text-align:left;line-height:1.7;
}
.fact-table th{
  color:var(--fg3);font-weight:400;font-size:13px;letter-spacing:.06em;
  border-bottom-color:rgba(255,255,255,.2);
}
.fact-table td{color:#fff}
.fact-table td:nth-child(2){font-family:var(--mono);font-variant-numeric:tabular-nums}
.fact-table td:nth-child(3){color:var(--fg2)}
.fact-table tbody tr:hover td{background:rgba(255,255,255,.02)}

/* FAQ：保持展开，保证爬虫与 AI 都能读到正文 */
.fact-faq{margin:0;display:grid;gap:1px;background:rgba(255,255,255,.07)}
.fact-faq > div{background:#0F0F0F;padding:clamp(16px,2.2vh,24px) clamp(15px,1.7vw,24px)}
.fact-faq dt{
  margin-bottom:10px;font-size:clamp(14px,1.05vw,17px);
  font-weight:500;color:#fff;line-height:1.7;
}
.fact-faq dt::before{content:"Q ";color:var(--brand);font-family:var(--mono);font-size:.86em}
.fact-faq dd{margin:0;font-size:clamp(13px,.96vw,15px);line-height:1.9;color:var(--fg2)}

/* 团队 */
.team-card{
  display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);
  gap:clamp(20px,3vw,48px);align-items:start;
}
.team-quote{
  margin:0;padding:clamp(20px,2.8vh,34px);
  background:#131313;border:1px solid rgba(255,255,255,.08);
  border-left:2px solid var(--brand);
}
.team-quote p{
  margin:0 0 16px;font-size:clamp(13px,1vw,16px);line-height:2;
  color:rgba(255,255,255,.86);font-style:italic;
}
.team-quote cite{font-style:normal;font-size:13px;letter-spacing:.06em;color:var(--fg3)}

@media (max-width:900px){
  /* 2026-09-20：about-stats 改 5 项后的断点适配 */
  .about-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 18px}
  .about-stats b{font-size:clamp(28px,7vw,40px)}
  .about-stats em{font-size:11px}

  .culture-grid,.fact-dl-2col,.case-name-list,.team-card{grid-template-columns:1fr}
  .fact-dl > div{grid-template-columns:1fr;gap:5px}
  .fact-dl dt{font-size:12px;letter-spacing:.06em}
  .fact-table th,.fact-table td{white-space:nowrap}
}


/* 设计文章列表：<dl>/<dt>/<dd> 语义化，兼顾可读与可抓取 */
.art-list{margin:0;display:grid;gap:1px;background:rgba(255,255,255,.07)}
.art-list > div{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);
  gap:clamp(14px,2.4vw,40px);background:#0F0F0F;
  padding:clamp(14px,1.9vh,20px) clamp(14px,1.6vw,22px);
  transition:background .3s var(--ease);
}
.art-list > div:hover{background:#141414}
.art-list dt{margin:0;font-size:clamp(14px,1.05vw,17px);line-height:1.65}
.art-list dt a{color:#fff;transition:color .3s var(--ease)}
.art-list dt a:hover{color:var(--brand)}
.art-list dd{
  margin:0;font-size:clamp(12px,.92vw,14px);line-height:1.8;color:var(--fg3);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
@media (max-width:768px){ .art-list > div{grid-template-columns:1fr;gap:6px} }