/*
 * 第一版正式首页的页尾联系方式补充样式。
 * 需求说明：保留旧站底部联系方式的信息层级，同时沿用第一版的变量、线框和留白，避免重新引入卡片堆叠。
 */
.v1-contact { border-top: 1px solid var(--line); }
.server-specs { background: var(--surface-soft); }
.server-specs-layout { display: grid; grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr); gap: 90px; align-items: start; }
.spec-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 0; border-top: 1px solid var(--line); }
.spec-list div { padding: 22px 0; border-bottom: 1px solid var(--line); }
.spec-list dt { color: var(--quiet); font-size: 11px; font-weight: 800; }
.spec-list dd { margin: 4px 0 0; color: var(--ink); font-size: 22px; font-weight: 800; line-height: 1.35; }
.v1-contact-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, .82fr); gap: 90px; align-items: start; }
.v1-contact-link { width: max-content; margin-top: 28px; }
.v1-contact-details { padding-top: 6px; }
.v1-contact-details > p { margin-bottom: 20px; color: var(--accent); font-size: 11px; font-weight: 800; }
.v1-contact-details dl { margin: 0; border-top: 1px solid var(--line); }
.v1-contact-details dl div { display: grid; grid-template-columns: 100px 1fr; gap: 20px; padding: 18px 0; border-bottom: 1px solid var(--line); }
.v1-contact-details dt { color: var(--ink); font-size: 13px; font-weight: 800; }
.v1-contact-details dd { margin: 0; color: var(--muted); font-size: 13px; }
@media (max-width: 900px) {
  .server-specs-layout { grid-template-columns: 1fr; gap: 36px; }
  .v1-contact-grid { grid-template-columns: 1fr; gap: 36px; }
}
@media (max-width: 520px) {
  .spec-list { grid-template-columns: 1fr; }
  .spec-list dd { font-size: 20px; }
  .v1-contact-details dl div { grid-template-columns: 1fr; gap: 4px; }
  .v1-contact-link { width: 100%; justify-content: center; }
}
