.links-hero-card{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:32px;align-items:center;height:230px;margin-bottom:28px;padding:30px 34px;background:linear-gradient(135deg,color-mix(in srgb,var(--primary-color) 9%,var(--card-bg)),var(--card-bg) 72%);border:1px solid color-mix(in srgb,var(--primary-color) 18%,var(--border-color));border-radius:22px;box-shadow:0 8px 24px #0f172a0a}.links-hero-title{margin:0 0 8px;color:var(--text-color);font-size:2rem;line-height:1.2;letter-spacing:-.02em}.links-hero-desc{max-width:560px;margin:0;color:var(--text-secondary);font-size:.95rem;line-height:1.7}.links-hero-stats{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:14px}.links-hero-stat{display:inline-flex;align-items:center;flex-shrink:0;white-space:nowrap;color:var(--text-secondary);font-size:.9rem;font-weight:600;line-height:1.5}.links-hero-stat-label,.links-hero-stat-value{font:inherit}.links-hero-stat-value{color:var(--primary-color)}.links-logo-marquee{position:relative;display:grid;gap:10px;min-width:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 16%,#000 84%,transparent)}.links-logo-row{overflow:hidden}.links-logo-track{display:flex;width:max-content;gap:12px;animation:links-logo-scroll 24s linear infinite}.links-logo-row.row-2 .links-logo-track{animation-duration:30s;animation-direction:reverse}.links-logo-row.row-3 .links-logo-track{animation-duration:27s}.links-logo-row:hover .links-logo-track{animation-play-state:paused}.links-logo-item{display:grid;place-items:center;width:44px;height:44px;flex:0 0 auto;background:color-mix(in srgb,var(--card-bg) 86%,transparent);border-radius:50%;box-shadow:0 4px 12px #0f172a0f;transition:transform .2s ease}.links-logo-item:hover{transform:translateY(-2px)}.links-logo-item img{width:32px;height:32px;border-radius:50%;object-fit:cover}@keyframes links-logo-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.links-section{margin-bottom:44px}.section-head{display:flex;align-items:center;gap:14px;margin-bottom:6px;animation:card-in .55s cubic-bezier(.22,.61,.36,1) backwards;animation-delay:calc(var(--i, 0) * 90ms)}.section-head:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--border-color),transparent)}.section-title{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.section-count{display:inline-grid;place-items:center;min-width:28px;height:26px;padding:0 9px;font-size:.8125rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--primary-color);background:color-mix(in srgb,var(--primary-color) 12%,transparent);border-radius:999px}.section-desc{margin:0 0 24px;font-size:.875rem;color:var(--text-secondary)}.featured-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.friend-card{position:relative;display:flex;flex-direction:column;background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;overflow:hidden;text-decoration:none;box-shadow:0 2px 8px #0f172a0a;transition:transform .35s cubic-bezier(.22,.61,.36,1),box-shadow .35s ease,border-color .35s ease;animation:card-in .6s cubic-bezier(.22,.61,.36,1) backwards;animation-delay:calc(var(--i, 0) * 90ms)}.friend-card:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--primary-color) 40%,var(--border-color));box-shadow:0 24px 48px -16px color-mix(in srgb,var(--primary-color) 28%,rgba(15,23,42,.18))}.card-media{position:relative}.card-cover{position:relative;height:120px;overflow:hidden;background:var(--bg-secondary)}.card-cover>img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.friend-card:hover .card-cover>img{transform:scale(1.05)}.card-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,color-mix(in srgb,var(--card-bg) 88%,transparent));pointer-events:none}.card-cover-fallback{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(135deg,var(--tile-accent, color-mix(in srgb, var(--primary-color) 16%, transparent)),var(--bg-secondary))}.card-cover-fallback img{width:56px;height:56px;border-radius:18px;object-fit:cover;box-shadow:0 6px 18px #0f172a29}.card-avatar{position:absolute;left:50%;bottom:-28px;transform:translate(-50%);width:56px;height:56px;border-radius:50%;overflow:hidden;border:4px solid var(--card-bg);background:var(--card-bg);box-shadow:0 6px 16px #0f172a24;z-index:2;transition:transform .35s ease}.friend-card:hover .card-avatar{transform:translate(-50%) scale(1.08)}.card-avatar img{width:100%;height:100%;object-fit:cover}.card-body{display:flex;flex-direction:column;align-items:center;gap:4px;padding:36px 14px 16px;text-align:center;min-width:0}.card-name{margin:0;font-size:1.0625rem;font-weight:700;color:var(--text-primary);transition:color .25s ease}.friend-card:hover .card-name{color:var(--primary-color)}.card-desc{margin:0;font-size:.8125rem;line-height:1.65;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-domain{margin-top:8px;display:inline-flex;align-items:center;padding:4px 14px;font-size:.75rem;font-weight:500;color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:999px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .25s ease,border-color .25s ease}.friend-card:hover .card-domain{color:var(--primary-color);border-color:color-mix(in srgb,var(--primary-color) 35%,var(--border-color))}.friends-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.friend-tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:22px 12px 14px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;text-align:center;text-decoration:none;overflow:hidden;box-shadow:0 2px 8px #0f172a0a;transition:transform .35s cubic-bezier(.22,.61,.36,1),box-shadow .35s ease,border-color .35s ease;animation:card-in .6s cubic-bezier(.22,.61,.36,1) backwards;animation-delay:calc(var(--i, 0) * 40ms)}.friend-tile:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--primary-color) 40%,var(--border-color));box-shadow:0 20px 40px -16px color-mix(in srgb,var(--primary-color) 26%,rgba(15,23,42,.16))}.tile-avatar{position:relative;width:46px;height:46px;border-radius:50%;overflow:hidden;border:3px solid var(--card-bg);background:var(--card-bg);box-shadow:0 4px 12px #0f172a1f,0 0 0 3px color-mix(in srgb,var(--tile-color, var(--primary-color)) 32%,transparent);z-index:1;margin-bottom:5px;transition:transform .3s ease,box-shadow .3s ease}.friend-tile:hover .tile-avatar{transform:scale(1.07) rotate(3deg);box-shadow:0 6px 16px #0f172a29,0 0 0 3px color-mix(in srgb,var(--tile-color, var(--primary-color)) 60%,transparent),0 0 0 9px color-mix(in srgb,var(--tile-color, var(--primary-color)) 14%,transparent)}.tile-avatar img{width:100%;height:100%;object-fit:cover}.tile-name{position:relative;margin:0;max-width:100%;font-size:.875rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .25s ease;z-index:1}.friend-tile:hover .tile-name{color:var(--primary-color)}.tile-desc{position:relative;margin:0;max-width:100%;font-size:.75rem;line-height:1.55;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;z-index:1}.link-status-indicator{font-size:.6875rem;font-weight:600;padding:3px 9px;border-radius:999px;background:color-mix(in srgb,var(--text-secondary) 12%,transparent);color:var(--text-secondary);white-space:nowrap;font-variant-numeric:tabular-nums}.link-status-indicator.fast{color:#16a34a;background:color-mix(in srgb,#16a34a 14%,transparent)}.link-status-indicator.slow{color:#d97706;background:color-mix(in srgb,#d97706 16%,transparent)}.link-status-indicator.error{color:#dc2626;background:color-mix(in srgb,#dc2626 14%,transparent)}.card-cover .link-status-indicator{position:absolute;top:12px;right:12px;z-index:3;backdrop-filter:blur(8px)}.card-cover .link-status-indicator:not(.fast):not(.slow):not(.error){background:color-mix(in srgb,var(--card-bg) 78%,transparent);border:1px solid color-mix(in srgb,var(--border-color) 60%,transparent)}.friend-tile .link-status-indicator{position:absolute;top:10px;right:10px}@keyframes card-in{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.section-head,.friend-card,.friend-tile{animation:none}}.apply-section{margin-top:48px;padding-top:32px;border-top:1px solid var(--border-color)}.my-info-card{display:flex;align-items:center;gap:20px;padding:24px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px}.info-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;flex-shrink:0;border:3px solid var(--border-color)}.info-avatar img{width:100%;height:100%;object-fit:cover}.info-content{flex:1}.info-name{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 12px}.info-items{display:flex;flex-direction:column;gap:8px}.info-item{font-size:.875rem;color:var(--text-secondary)}.info-label{color:var(--text-primary);font-weight:500}.info-value{color:var(--text-secondary)}.apply-content{color:var(--text-primary);line-height:1.8}.apply-content h2{font-size:1.25rem;font-weight:600;margin:24px 0 16px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.apply-content h2:first-child{margin-top:0}.apply-content pre{background:var(--code-bg, #f5f5f5);padding:16px;border-radius:8px;overflow-x:auto;margin:16px 0}.apply-content code{font-family:Fira Code,Consolas,monospace;font-size:.875rem}.apply-content pre code{background:none;padding:0}.apply-content p{margin:12px 0}.apply-content blockquote{margin:16px 0;padding:12px 16px;background:var(--bg-secondary);border-left:4px solid var(--primary-color);border-radius:0 8px 8px 0}.apply-content ol,.apply-content ul{margin:12px 0;padding-left:24px}.apply-content li{margin:8px 0}.apply-content strong{color:var(--primary-color);font-weight:600}.apply-content .tabs{margin:20px 0;border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.apply-content .tab-content{padding:16px}.apply-notice{margin:20px 0;padding:16px 20px;background:var(--bg-secondary);border-left:4px solid var(--primary-color);border-radius:0 8px 8px 0;color:var(--text-secondary);font-size:.9375rem;line-height:1.6}.subsection-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:32px 0 16px}@media(max-width:1180px){.friends-grid{grid-template-columns:repeat(4,1fr)}.featured-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.links-hero-card{grid-template-columns:1fr;height:auto}.featured-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.my-info-card{flex-direction:column;text-align:center}}@media(max-width:768px){.friends-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.friends-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.featured-grid{grid-template-columns:1fr;gap:18px}.section-desc{margin-bottom:20px}}@media(max-width:640px){.links-section{margin-bottom:40px}}.info-code{font-family:Consolas,Monaco,monospace;font-size:.875rem;line-height:1.6;color:var(--text-primary);margin:0;white-space:pre-wrap;word-wrap:break-word}.friend-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.friend-modal[hidden]{display:none}.friend-modal-overlay{position:absolute;inset:0;background:#0f172a8c;backdrop-filter:blur(4px);animation:friend-modal-fade .25s ease}.friend-modal-dialog{position:relative;width:min(560px,100%);max-height:min(76vh,640px);display:flex;flex-direction:column;background:var(--card-bg);border:1px solid var(--border-color);border-radius:18px;box-shadow:0 32px 64px -24px #0f172a73;animation:friend-modal-pop .28s cubic-bezier(.22,1,.36,1);overflow:hidden}@keyframes friend-modal-fade{0%{opacity:0}}@keyframes friend-modal-pop{0%{opacity:0;transform:translateY(14px) scale(.97)}}.friend-modal-close{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:30px;height:30px;border:none;border-radius:50%;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease}.friend-modal-close:hover{background:var(--primary-color);color:#fff;transform:rotate(90deg)}.friend-modal-head{display:flex;align-items:center;gap:10px;padding:12px 48px 10px 16px;border-bottom:1px solid var(--border-color)}.friend-modal-avatar{width:34px;height:34px;border-radius:9px;object-fit:cover;background:var(--bg-secondary);flex-shrink:0}.friend-modal-meta{flex:1;min-width:0}.friend-modal-name{margin:0;font-size:.9375rem;font-weight:700;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-modal-site{flex:1;min-width:0;display:flex;align-items:center;gap:10px;text-decoration:none}.friend-modal-site:hover .friend-modal-name{color:var(--primary-color)}.friend-modal-desc{display:block;margin-top:1px;font-size:.75rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-modal-articles{flex:1;overflow-y:auto;padding:8px 10px 14px}.friend-modal-article{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;border-radius:10px;text-decoration:none;transition:background .2s ease}.friend-modal-article:hover{background:color-mix(in srgb,var(--primary-color) 8%,transparent)}.friend-modal-article-title{flex:1;min-width:0;font-size:.9rem;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-modal-article:hover .friend-modal-article-title{color:var(--primary-color)}.friend-modal-article-meta{flex-shrink:0;font-size:.75rem;color:var(--text-secondary);font-variant-numeric:tabular-nums}.friend-modal-empty{padding:28px 12px;text-align:center;font-size:.85rem;color:var(--text-secondary)}.friend-modal-skeleton{padding:10px 12px}.friend-modal-skeleton-line{height:13px;margin-bottom:8px;border-radius:6px;background:linear-gradient(90deg,var(--bg-secondary),color-mix(in srgb,var(--bg-secondary) 55%,var(--border-color)),var(--bg-secondary));background-size:200% 100%;animation:friend-modal-skeleton 1.4s ease-in-out infinite}.friend-modal-skeleton-line:last-child{margin-bottom:0}.friend-modal-skeleton-line.w70{width:70%}.friend-modal-skeleton-line.w40{width:40%}@keyframes friend-modal-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:640px){.friend-modal{padding:12px;align-items:flex-end}.friend-modal-dialog{max-height:82vh}}.tabs-container{background:var(--card-bg);border-radius:8px;border:1px solid var(--border-color)}.tabs-header{display:flex;gap:4px;padding:6px;background:var(--bg-color);border-bottom:1px solid var(--border-color);border-radius:8px 8px 0 0}.tab-btn{padding:8px 16px;border:none;background:transparent;color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all .2s ease;border-radius:6px}.tab-btn:hover{color:var(--text-primary);background:var(--bg-secondary)}.tab-btn.active{color:#1890ff;background:var(--bg-secondary);font-weight:500}.tabs-content{padding:20px}.tab-panel{display:none}.tab-panel.active{display:block}.code-block{background:var(--code-bg);border-radius:6px;overflow:hidden;border:1px solid var(--border-color)}.code-header{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.code-dots{display:flex;gap:6px}.code-dots span{width:10px;height:10px;border-radius:50%}.code-dots span:nth-child(1){background:#ff5f56}.code-dots span:nth-child(2){background:#ffbd2e}.code-dots span:nth-child(3){background:#27c93f}.code-lang{font-size:.75rem;color:var(--text-secondary)}.code-block pre{margin:0;padding:16px;overflow-x:auto;background:var(--code-bg)}.code-block code{font-family:Consolas,Monaco,monospace;font-size:.8125rem;line-height:1.6;color:#333}.apply-list{margin:0;padding-left:20px}.apply-list li{margin:10px 0;line-height:1.6;color:var(--text-primary)}.apply-list li strong{color:var(--primary-color)}.apply-desc{margin:0 0 16px;color:var(--text-secondary);line-height:1.6}.status-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.75rem;margin-right:8px}.status-badge.normal{background:#52c41a;color:#fff}.status-badge.slow{background:#faad14;color:#fff}.status-badge.error{background:#ff4d4f;color:#fff}.status-badge.loading{background:#1890ff;color:#fff}@media(max-width:640px){.tabs-header{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs-header::-webkit-scrollbar{display:none}.tab-btn{flex-shrink:0;white-space:nowrap}.tabs-content{padding:16px}}.dark .tabs-header,.dark .tab-btn:hover{background:var(--bg-secondary)}.dark .tab-btn.active{background:var(--bg-secondary);color:#1890ff}.dark .code-block{background:var(--code-bg);border-color:var(--border-color)}.dark .code-header{background:var(--bg-secondary);border-color:var(--border-color)}.dark .code-block pre{background:var(--code-bg)}.dark .code-block code{color:#ccc}
