.social-links { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 18px; }
.social-link { display: inline-flex; align-items: center; gap: 8px; padding: 9px 12px; border: 1px solid var(--feature-line); border-radius: 999px; background: rgba(255,255,255,.018); color: #9aabb1; font-size: 11px; transition: color .25s ease, border-color .25s ease, background .25s ease, transform .25s ease; }
.social-link:hover { color: #fff; border-color: rgba(156,232,245,.38); background: rgba(156,232,245,.055); transform: translateY(-2px); }
.social-link svg { width: 15px; height: 15px; flex: none; fill: currentColor; }
.social-link.csdn-mark { font: 9px/1 var(--font-mono); letter-spacing: .08em; }
.social-link.csdn-mark::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--feature-cyan); box-shadow: 0 0 10px rgba(156,232,245,.6); }
.footer-links .social-link { padding: 0; border: 0; border-radius: 0; background: none; color: #7f9096; gap: 6px; }
.footer-links .social-link:hover { color: var(--feature-cyan); background: none; transform: none; }
.footer-links .social-link svg { width: 13px; height: 13px; }
.footer-links .social-link.csdn-mark::before { width: 5px; height: 5px; }
.about-v3-copy .social-links { margin-top: 24px; }
@media (max-width: 720px) { .social-links { gap: 8px; } .social-link { padding: 8px 10px; } }