/* 长尾内容页（选型指南 + 子页面）共用样式，前缀 gd-
   2026-10-26 从 ai-interview-assistant.html 内联样式抽出，供 4 个内容页共用。 */

.gd-wrap { max-width: 900px; margin: 0 auto; padding: 0 24px 96px; }
.gd-section { margin-top: 64px; }
.gd-h2 { font-size: clamp(21px, 2.6vw, 28px); letter-spacing: .01em; margin: 0 0 8px; }
.gd-h3 { font-size: 18px; margin: 26px 0 6px; }
.gd-eyebrow { font-size: 12px; letter-spacing: .18em; text-transform: uppercase; opacity: .55; margin: 0 0 10px; }
.gd-lead { opacity: .74; line-height: 1.95; margin: 0 0 22px; }
.gd-p { opacity: .82; line-height: 1.95; margin: 0 0 16px; }
.gd-card { border: 1px solid rgba(255,255,255,.12); border-radius: 16px; padding: 24px; background: rgba(255,255,255,.03); }
.gd-table { width: 100%; border-collapse: collapse; font-size: 15px; }
.gd-table th, .gd-table td { text-align: left; padding: 12px 14px; border-bottom: 1px solid rgba(255,255,255,.1); vertical-align: top; }
.gd-table th { font-weight: 600; opacity: .72; white-space: nowrap; }
.gd-table tr:last-child td { border-bottom: 0; }
.gd-list { margin: 0 0 16px; padding-left: 22px; line-height: 2; opacity: .84; }
.gd-toc { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; font-size: 15px; }
.gd-toc a { text-decoration: none; border-bottom: 1px dashed rgba(255,255,255,.28); }
.gd-steps { counter-reset: gd; list-style: none; margin: 0; padding: 0; }
.gd-steps li { counter-increment: gd; position: relative; padding: 0 0 18px 44px; line-height: 1.95; opacity: .86; }
.gd-steps li::before { content: counter(gd); position: absolute; left: 0; top: 2px; width: 26px; height: 26px; border-radius: 50%; border: 1px solid rgba(255,255,255,.3); display: flex; align-items: center; justify-content: center; font-size: 13px; }
.gd-cta { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 18px; }
.gd-btn { display: inline-flex; align-items: center; justify-content: center; padding: 12px 22px; border-radius: 12px; font-size: 15px; text-decoration: none; border: 1px solid transparent; }
.gd-btn--primary { background: #fff; color: #000; }
.gd-btn--ghost { border-color: rgba(255,255,255,.3); color: inherit; }
.gd-note { font-size: 13px; opacity: .6; line-height: 1.9; margin-top: 14px; }
.gd-faq th { width: 34%; }
.gd-box { border-left: 2px solid rgba(120,190,255,.55); padding: 4px 0 4px 16px; margin: 0 0 20px; }
.gd-box p { margin: 0; line-height: 1.95; opacity: .84; }

@media (prefers-color-scheme: light) {
  .gd-card { border-color: rgba(0,0,0,.12); background: rgba(0,0,0,.02); }
  .gd-table th, .gd-table td { border-bottom-color: rgba(0,0,0,.1); }
  .gd-btn--primary { background: #000; color: #fff; }
  .gd-btn--ghost { border-color: rgba(0,0,0,.25); }
  .gd-toc a { border-bottom-color: rgba(0,0,0,.28); }
  .gd-steps li::before { border-color: rgba(0,0,0,.3); }
  .gd-box { border-left-color: rgba(0,110,220,.5); }
}