#links h3{color:var(--color-accent-1);font-size:var(--text-h3);margin-top:2rem;margin-bottom:1.5rem;font-weight:600}#links h3:first-child{margin-top:0}#links .links-grid{grid-gap:1.5rem;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem;display:grid}#links .link-card{color:var(--color-text);background:rgba(0,0,0,.02);border:1px solid rgba(0,0,0,.06);border-radius:.75rem;align-items:center;height:5rem;padding:1rem 1.25rem;-webkit-text-decoration:none;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 1px 3px rgba(0,0,0,.04)}#links .link-card:hover{background:rgba(0,0,0,.06);border-color:rgba(0,0,0,.12);-webkit-text-decoration:none;text-decoration:none;transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,.12)}#links .link-card:active{transform:translateY(-1px)}#links .link-avatar{border:1px solid var(--color-divide);-o-object-fit:cover;object-fit:cover;will-change:transform;backface-visibility:hidden;border-radius:50%;flex-shrink:0;width:3rem;height:3rem;margin-right:.875rem;transition:all .2s}#links .link-card:hover .link-avatar{border-color:var(--color-accent-2);animation:1.5s linear .5s infinite avatarSpinJuejin;transform:scale(1.05)}#links .link-info{flex:1;min-width:0}#links .link-title{color:var(--color-accent-1);font-size:var(--text-lg);text-overflow:ellipsis;white-space:nowrap;margin-bottom:.375rem;font-weight:600;line-height:1.3;transition:color .3s;overflow:hidden}#links .link-card:hover .link-title{color:var(--color-link-hover)}#links .link-description{color:var(--color-footer-mobile-1);cursor:default;font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;line-height:1.4;overflow:hidden}@media (max-width:899px){#links .links-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:599px){#links .links-grid{grid-template-columns:1fr;gap:1rem}#links .link-card{background:rgba(0,0,0,.02);border:1px solid rgba(0,0,0,.06);height:4.5rem;padding:.875rem 1rem}#links .link-card:hover{background:rgba(0,0,0,.06);border-color:rgba(0,0,0,.12);transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.1)}#links .link-avatar{width:2.5rem;height:2.5rem;margin-right:.75rem}#links .link-title{font-size:var(--text)}#links .link-description{font-size:var(--text-xs)}}#links .link-card{animation:.6s ease-out both fadeInUp}#links .link-card:first-child{animation-delay:.1s}#links .link-card:nth-child(2){animation-delay:.2s}#links .link-card:nth-child(3){animation-delay:.3s}#links .link-card:nth-child(4){animation-delay:.4s}#links .link-card:nth-child(5){animation-delay:.5s}#links .link-card:nth-child(6){animation-delay:.6s}#links .link-card:nth-child(7){animation-delay:.7s}#links .link-card:nth-child(8){animation-delay:.8s}#links .link-card{-webkit-tap-highlight-color:transparent;touch-action:manipulation}#links .link-card:focus{outline:2px solid var(--color-accent-1);outline-offset:2px}#links .link-card:active{transition:transform .1s;transform:translateY(1px)scale(.98)}#links .link-avatar{background:var(--color-card-hover);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'%3E%3C/path%3E%3Ccircle cx='12' cy='7' r='4'%3E%3C/circle%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:50%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes avatarSpinJuejin{0%{transform:scale(1.05)rotate(0)}to{transform:scale(1.05)rotate(360deg)}}@media (prefers-reduced-motion:reduce){#links .link-card{animation:none}#links .link-card,#links .link-avatar,#links .link-title{transition:none}}#links .link-card{will-change:transform}#links .link-card:hover{will-change:auto}#links .link-avatar{loading:lazy}#links .links-grid{min-height:100px}#links:empty:after{color:var(--color-footer-mobile-1);content:"暂无友链数据";font-size:var(--text);text-align:center;padding:2rem;display:block}@media print{#links .link-card{box-shadow:none;-moz-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid;animation:none}#links .links-grid{grid-template-columns:repeat(2,1fr)}}#links .link-description{position:relative}#links .link-description:hover:after{color:#fff;content:attr(title);font-size:var(--text-xs);opacity:0;pointer-events:none;white-space:normal;word-wrap:break-word;z-index:1000;opacity:1;background:rgba(0,0,0,.9);border-radius:.25rem;max-width:300px;padding:.5rem .75rem;line-height:1.4;transition:opacity .2s,transform .2s;position:absolute;top:100%;left:0;transform:translateY(.5rem)}@media (prefers-color-scheme:dark){#links .link-card{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.08)}#links .link-card:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);box-shadow:0 8px 25px rgba(0,0,0,.3)}@media (max-width:599px){#links .link-card{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.08)}#links .link-card:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);box-shadow:0 6px 20px rgba(0,0,0,.25)}}}#links .link-card{position:relative;overflow:hidden}#links .link-card:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.02) 100%);transition:opacity .3s;position:absolute;top:0;bottom:0;left:0;right:0}#links .link-card:hover:before{opacity:1}#links .link-avatar,#links .link-info{z-index:1;position:relative}@media (prefers-color-scheme:dark){#links .link-card:before{background:linear-gradient(135deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.02) 100%)}}