.friend-link-page[data-v-3ad90764]{min-height:100vh;background:#0a0a0a}.friend-link-page[data-v-3ad90764]:not(.dark-mode){background:#f5f7fa}.page-header[data-v-3ad90764]{background:linear-gradient(135deg,#0a0a0af2,#1a1a1af2);padding:80px 24px 40px;text-align:center}.friend-link-page:not(.dark-mode) .page-header[data-v-3ad90764]{background:linear-gradient(135deg,#f9fafb,#f3f4f6)}.page-title[data-v-3ad90764]{font-size:36px;font-weight:700;color:#2adb5c;display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px}.friend-link-page:not(.dark-mode) .page-title[data-v-3ad90764]{color:#111827}.page-subtitle[data-v-3ad90764]{font-size:16px;color:#999}.friend-link-page:not(.dark-mode) .page-subtitle[data-v-3ad90764]{color:#6b7280}.main-container[data-v-3ad90764]{max-width:1200px;margin:0 auto;padding:100px 24px 32px;display:grid;grid-template-columns:220px 1fr;gap:32px}.sidebar[data-v-3ad90764]{position:sticky;top:100px;height:fit-content;max-height:calc(100vh - 140px);background:#16161a;border-radius:16px;padding:20px;overflow-y:auto}.friend-link-page:not(.dark-mode) .sidebar[data-v-3ad90764]{background:#fff;box-shadow:0 2px 12px #00000014}.sidebar-header[data-v-3ad90764]{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#e0e0e0;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:12px}.friend-link-page:not(.dark-mode) .sidebar-header[data-v-3ad90764]{color:#1f2937;border-bottom-color:#e5e7eb}.nav-list[data-v-3ad90764]{display:flex;flex-direction:column;gap:4px}.nav-item[data-v-3ad90764]{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:all .2s ease;color:#999}.nav-item[data-v-3ad90764]:hover{background:#2adb5c1a;color:#2adb5c}.nav-item.active[data-v-3ad90764]{background:#2adb5c26;color:#2adb5c}.friend-link-page:not(.dark-mode) .nav-item[data-v-3ad90764]{color:#6b7280}.friend-link-page:not(.dark-mode) .nav-item[data-v-3ad90764]:hover,.friend-link-page:not(.dark-mode) .nav-item.active[data-v-3ad90764]{background:#11182714;color:#111827}.nav-index[data-v-3ad90764]{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;background:#ffffff1a;border-radius:4px;flex-shrink:0}.nav-item.active .nav-index[data-v-3ad90764]{background:#2adb5c;color:#000}.friend-link-page:not(.dark-mode) .nav-index[data-v-3ad90764]{background:#f3f4f6}.friend-link-page:not(.dark-mode) .nav-item.active .nav-index[data-v-3ad90764]{background:#111827;color:#fff}.nav-name[data-v-3ad90764]{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.content[data-v-3ad90764]{min-height:500px}.loading-container[data-v-3ad90764]{display:flex;justify-content:center;align-items:center;height:400px}.link-list[data-v-3ad90764]{display:flex;flex-direction:column;gap:40px}.link-card[data-v-3ad90764]{display:grid;grid-template-columns:400px 1fr;gap:40px;background:#16161a;border-radius:20px;padding:32px;position:relative;overflow:hidden;transition:all .3s ease}.link-card[data-v-3ad90764]:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000004d}.link-card.reverse[data-v-3ad90764]{grid-template-columns:1fr 400px}.link-card.reverse .link-image[data-v-3ad90764]{order:2}.link-card.reverse .link-content[data-v-3ad90764]{order:1}.friend-link-page:not(.dark-mode) .link-card[data-v-3ad90764]{background:#fff;box-shadow:0 4px 20px #00000014}.friend-link-page:not(.dark-mode) .link-card[data-v-3ad90764]:hover{box-shadow:0 20px 40px #0000001f}.link-image[data-v-3ad90764]{position:relative}.image-wrapper[data-v-3ad90764]{position:relative;background:#1a1a2e;border-radius:16px;overflow:hidden;aspect-ratio:4/3}.friend-link-page:not(.dark-mode) .image-wrapper[data-v-3ad90764]{background:#f5f7fa}.image-wrapper img[data-v-3ad90764]{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.link-card:hover .image-wrapper img[data-v-3ad90764]{transform:scale(1.05)}.image-badge[data-v-3ad90764]{position:absolute;top:12px;left:12px}.image-stats[data-v-3ad90764]{display:flex;gap:16px;margin-top:16px}.stat-item[data-v-3ad90764]{display:flex;align-items:center;gap:6px;color:#999;font-size:14px}.friend-link-page:not(.dark-mode) .stat-item[data-v-3ad90764]{color:#6b7280}.link-content[data-v-3ad90764]{display:flex;flex-direction:column;justify-content:center;padding:16px 0}.content-badge[data-v-3ad90764]{margin-bottom:16px}.link-title[data-v-3ad90764]{font-size:28px;font-weight:700;color:#e0e0e0;margin-bottom:16px}.friend-link-page:not(.dark-mode) .link-title[data-v-3ad90764]{color:#1f2937}.link-description[data-v-3ad90764]{font-size:16px;color:#999;line-height:1.8;margin-bottom:20px}.friend-link-page:not(.dark-mode) .link-description[data-v-3ad90764]{color:#6b7280}.link-tags[data-v-3ad90764]{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:24px}.tag-label[data-v-3ad90764]{color:#666;font-size:14px}.friend-link-page:not(.dark-mode) .tag-label[data-v-3ad90764]{color:#9ca3af}.tag-item[data-v-3ad90764]{background:#2adb5c1a!important;color:#2adb5c!important}.friend-link-page:not(.dark-mode) .tag-item[data-v-3ad90764]{background:#f3f4f6!important;color:#4b5563!important}.link-actions[data-v-3ad90764]{display:flex;align-items:center;gap:12px;margin-bottom:20px}.related-links[data-v-3ad90764]{display:flex;align-items:center;gap:8px;color:#666;font-size:14px}.friend-link-page:not(.dark-mode) .related-links[data-v-3ad90764]{color:#9ca3af}.related-label[data-v-3ad90764]{color:#666}.related-item[data-v-3ad90764]{color:#2adb5c;text-decoration:none;transition:all .3s ease}.related-item[data-v-3ad90764]:hover{text-decoration:underline}.friend-link-page:not(.dark-mode) .related-item[data-v-3ad90764]{color:#10b981}.decorations[data-v-3ad90764]{position:absolute;top:0;right:0;width:200px;height:200px;pointer-events:none;overflow:hidden}.deco[data-v-3ad90764]{position:absolute;border-radius:50%;opacity:.5}.deco-1[data-v-3ad90764]{width:8px;height:8px;background:#2adb5c;top:40px;right:60px}.deco-2[data-v-3ad90764]{width:4px;height:4px;background:#f59e0b;top:80px;right:120px}.deco-3[data-v-3ad90764]{width:60px;height:60px;border:2px solid rgba(42,219,92,.3);top:20px;right:20px;background:transparent}.empty-state[data-v-3ad90764]{display:flex;justify-content:center;align-items:center;height:300px}@media (max-width: 1024px){.main-container[data-v-3ad90764]{grid-template-columns:1fr}.sidebar[data-v-3ad90764]{position:relative;top:0;max-height:none}.nav-list[data-v-3ad90764]{flex-direction:row;flex-wrap:wrap;gap:8px}.nav-item[data-v-3ad90764]{flex:0 0 auto}}@media (max-width: 900px){.link-card[data-v-3ad90764],.link-card.reverse[data-v-3ad90764]{grid-template-columns:1fr}.link-card.reverse .link-image[data-v-3ad90764],.link-card.reverse .link-content[data-v-3ad90764]{order:unset}}@media (max-width: 640px){.page-title[data-v-3ad90764]{font-size:28px}.link-card[data-v-3ad90764]{padding:20px}.link-title[data-v-3ad90764]{font-size:22px}}