/* SpeedLink 帮助中心样式 */
.help-hero{
  position:relative;padding:140px 0 56px;overflow:hidden;
  background:
    radial-gradient(600px 340px at 70% 18%,rgba(16,185,129,0.14),transparent 60%),
    radial-gradient(450px 260px at 20% 82%,rgba(6,182,212,0.12),transparent 70%);
}
.help-hero h1{font-size:clamp(30px,4.5vw,46px);font-weight:800;color:#fff;line-height:1.2;margin-bottom:12px}
.help-hero h1 .grad{background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}
.help-hero .lead{font-size:15.5px;color:var(--text-secondary);max-width:580px;margin-bottom:28px}

.help-search{
  position:relative;max-width:560px;margin-bottom:16px;
}
.help-search .ico{position:absolute;left:16px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--text-tertiary)}
.help-search input{
  width:100%;padding:14px 48px 14px 44px;border-radius:12px;
  background:var(--bg-card);border:1px solid var(--border);color:#fff;
  font-size:14px;outline:none;transition:all .3s;
}
.help-search input:focus{border-color:var(--brand-1);box-shadow:0 0 0 3px rgba(16,185,129,0.15)}
.help-search input::placeholder{color:var(--text-tertiary)}
.help-search .kbd{
  position:absolute;right:14px;top:50%;transform:translateY(-50%);
  font-size:11px;color:var(--text-tertiary);background:var(--bg-secondary);
  border:1px solid var(--border);padding:3px 8px;border-radius:6px;
}
.help-hot{font-size:12.5px;color:var(--text-tertiary)}
.help-hot a{color:var(--brand-1);margin:0 4px}
.help-hot a:hover{text-decoration:underline}

.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.category-card{
  display:block;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);
  padding:26px 22px;transition:all .35s ease;
}
.category-card:hover{border-color:var(--border-hover);transform:translateY(-3px);background:var(--bg-card-hover);box-shadow:var(--shadow)}
.category-icon{
  width:48px;height:48px;border-radius:12px;margin-bottom:16px;
  background:linear-gradient(135deg,rgba(16,185,129,0.14),rgba(6,182,212,0.08));
  border:1px solid var(--border-hover);display:grid;place-items:center;
}
.category-icon svg{width:24px;height:24px;color:var(--brand-1)}
.category-card h3{font-size:16px;font-weight:600;color:#fff;margin-bottom:8px}
.category-card p{font-size:13px;color:var(--text-tertiary);line-height:1.6;margin-bottom:14px}
.category-card .meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-tertiary)}
.category-card .arrow{color:var(--brand-1);font-size:16px}

.articles-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.article-item{
  display:flex;gap:18px;background:var(--bg-card);border:1px solid var(--border);
  border-radius:var(--radius);padding:22px 20px;transition:all .35s ease;
}
.article-item:hover{border-color:var(--border-hover);transform:translateY(-2px);background:var(--bg-card-hover)}
.article-num{
  flex:none;font-size:28px;font-weight:800;color:var(--brand-1);opacity:0.3;
  line-height:1;font-family:Georgia,serif;
}
.article-body h4{font-size:14.5px;font-weight:600;color:#fff;margin-bottom:6px}
.article-body p{font-size:12.5px;color:var(--text-tertiary);line-height:1.6;margin-bottom:10px}
.article-body .meta{display:flex;gap:14px;font-size:11.5px;color:var(--text-tertiary)}

.contact-section{background:var(--bg-secondary);border-top:1px solid var(--border)}
.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.contact-card{
  background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);
  padding:28px 24px;text-align:center;transition:all .35s ease;
}
.contact-card:hover{border-color:var(--border-hover);transform:translateY(-3px)}
.contact-icon{
  width:52px;height:52px;margin:0 auto 16px;border-radius:13px;
  background:linear-gradient(135deg,rgba(16,185,129,0.14),rgba(6,182,212,0.08));
  border:1px solid var(--border-hover);display:grid;place-items:center;
}
.contact-icon svg{width:24px;height:24px;color:var(--brand-1)}
.contact-card h3{font-size:16px;font-weight:600;color:#fff;margin-bottom:6px}
.contact-card .info{font-size:13px;color:var(--brand-1);font-weight:500;margin-bottom:10px}
.contact-card p{font-size:12.5px;color:var(--text-tertiary);line-height:1.7}

/* ===== 扩充内容区块样式 ===== */
.trouble-list{display:flex;flex-direction:column;gap:20px}
.trouble-item{
  background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);
  overflow:hidden;transition:all .35s ease;
}
.trouble-item:hover{border-color:var(--border-hover)}
.trouble-head{
  display:flex;align-items:center;gap:14px;padding:20px 24px;
  background:rgba(16,185,129,0.05);border-bottom:1px solid var(--border);
}
.trouble-icon{
  flex:none;width:40px;height:40px;border-radius:10px;
  background:linear-gradient(135deg,rgba(16,185,129,0.16),rgba(6,182,212,0.1));
  border:1px solid var(--border-hover);display:grid;place-items:center;
}
.trouble-icon svg{width:20px;height:20px;color:var(--brand-1)}
.trouble-head h3{font-size:16px;font-weight:600;color:#fff;flex:1}
.trouble-views{font-size:12px;color:var(--text-tertiary);white-space:nowrap}
.trouble-body{padding:24px 26px}
.trouble-body > p{font-size:13.5px;color:var(--text-secondary);line-height:1.85;margin-bottom:18px}
.trouble-steps{display:flex;flex-direction:column;gap:14px;counter-reset:step}
.trouble-steps li{
  display:flex;gap:14px;align-items:flex-start;font-size:13px;
  color:var(--text-secondary);line-height:1.85;
  padding:14px 16px;background:var(--bg-secondary);border-radius:10px;
  border-left:3px solid var(--brand-1);
}
.trouble-steps li::before{
  counter-increment:step;content:counter(step);
  flex:none;width:26px;height:26px;border-radius:50%;
  background:var(--gradient);color:#fff;font-weight:700;font-size:12px;
  display:grid;place-items:center;margin-top:1px;
}
.trouble-steps li strong{color:#fff;font-weight:600}

.video-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.video-card{
  background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);
  overflow:hidden;transition:all .35s ease;display:block;
}
.video-card:hover{border-color:var(--border-hover);transform:translateY(-3px)}
.video-thumb{
  position:relative;aspect-ratio:16/9;background:var(--bg-secondary);
  display:grid;place-items:center;overflow:hidden;
}
.video-thumb::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(circle at center,rgba(16,185,129,0.12),transparent 70%);
}
.video-play{
  position:relative;z-index:1;width:48px;height:48px;border-radius:50%;
  background:var(--gradient);display:grid;place-items:center;
  box-shadow:0 6px 20px rgba(16,185,129,0.4);transition:transform .3s;
}
.video-card:hover .video-play{transform:scale(1.1)}
.video-play svg{width:20px;height:20px;color:#fff;margin-left:2px}
.video-duration{
  position:absolute;bottom:8px;right:8px;z-index:1;
  background:rgba(0,0,0,0.75);color:#fff;font-size:11px;font-weight:600;
  padding:2px 8px;border-radius:4px;
}
.video-card h4{font-size:14px;font-weight:600;color:#fff;padding:14px 16px 6px}
.video-card p{font-size:12px;color:var(--text-tertiary);padding:0 16px 16px;line-height:1.6}

.contact-note{
  margin-top:32px;padding:20px 26px;background:var(--bg-card);
  border:1px solid var(--border);border-radius:var(--radius);
  font-size:13px;color:var(--text-secondary);line-height:1.85;
}
.contact-note strong{color:#fff}

@media (max-width:1024px){
  .category-grid{grid-template-columns:repeat(2,1fr)}
  .articles-grid{grid-template-columns:1fr}
  .contact-grid{grid-template-columns:1fr}
  .video-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:768px){
  .help-hero{padding:108px 0 44px}
  .category-grid{grid-template-columns:1fr}
}