.links-page{background:var(--bg-alt);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.links-container{width:100%;max-width:480px}.links-card{background:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--r-lg);box-shadow:var(--shadow-md);flex-direction:column;gap:0;padding:48px 40px;display:flex}.links-header{text-align:center;border-bottom:1px solid var(--border-color);margin-bottom:32px;padding-bottom:32px}.links-logo{width:140px;margin:0 auto 24px}.links-title{color:var(--text-main);margin-bottom:8px;font-size:1.5rem;font-weight:700}.links-subtitle{color:var(--text-muted);font-size:.95rem;line-height:1.6}.links-list{flex-direction:column;gap:12px;margin-bottom:32px;display:flex}.link-item{border:1px solid var(--border-color);border-radius:var(--r-md);background:var(--bg-main);color:var(--text-muted);cursor:pointer;transition:all var(--t-fast) ease;box-shadow:var(--shadow-sm);align-items:center;gap:16px;padding:16px 20px;display:flex}.link-item:hover{background:var(--bg-alt);border-color:var(--border-hover);color:var(--text-main);box-shadow:var(--shadow-md);transform:translateY(-2px)}.link-icon{border-radius:var(--r-full);width:40px;min-width:40px;height:40px;box-shadow:var(--shadow-sm);transition:all var(--t-fast) ease;background:#fff;border:1px solid #0000;justify-content:center;align-items:center;display:flex}.link-item:hover .link-icon{color:var(--text-main)}.link-text{flex-direction:column;flex:1;gap:2px;display:flex}.link-label{color:var(--text-main);font-size:.95rem;font-weight:600}.link-sub{color:var(--text-muted);font-size:.8rem}.link-arrow{color:var(--text-faint);transition:transform var(--t-fast) ease}.link-item:hover .link-arrow{color:var(--text-main);transform:translate(4px)}.links-social{border-top:1px solid var(--border-color);justify-content:center;gap:16px;margin-bottom:24px;padding:24px 0;display:flex}.social-circle{border:1px solid var(--border-color);border-radius:var(--r-full);width:44px;height:44px;color:var(--text-muted);background:var(--bg-main);transition:all var(--t-fast) ease;justify-content:center;align-items:center;display:flex}.social-circle:hover{border-color:var(--text-main);color:var(--text-main);background:var(--bg-alt)}.links-footer{text-align:center;color:var(--text-faint);font-size:.8rem}@media (width<=480px){.links-card{padding:32px 20px}}