/* ============================================================
   VPNCZ — contact.css
   联系页专属样式:账户/计费双列卡、提工单信息清单排布
   ============================================================ */

/* 账户与计费:桌面双列,窄屏单列 */
.contact-cols{
  display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap);
}
.contact-cols>*{min-width:0}
.contact-cols .card{display:flex;flex-direction:column;gap:14px}
.contact-cols .card-title{margin:0}
.contact-cols .card-text{margin:0}
.contact-cols .link-arrow{margin-top:auto}

/* 提工单信息清单:桌面两列,窄屏单列 */
.ticket-facts{
  display:grid;grid-template-columns:repeat(2,1fr);
  gap:16px 40px;margin:0;padding:0;
}
.ticket-facts li{
  display:flex;gap:10px;min-width:0;
  font-size:15px;line-height:1.7;color:var(--muted);list-style:none;
}
.ticket-facts li::before{
  content:"";width:6px;height:6px;border-radius:50%;
  background:var(--accent);flex:none;margin-top:10px;
}
.ticket-facts strong{color:var(--ink);font-weight:700}

@media (max-width:1100px){
  .ticket-facts{gap:14px 28px}
}
@media (max-width:900px){
  .contact-cols{grid-template-columns:1fr}
  .ticket-facts{grid-template-columns:1fr}
}