.toc-link { display: block; padding: 0.5rem 0.75rem; border-left: 2px solid #E5E7EB; color: #6B7280; font-size: 0.875rem; transition: all 200ms; text-decoration: none; } .toc-link:hover, .toc-link.active { border-left-color: #10B981; color: #059669; background: rgba(16, 185, 129, 0.05); }
.glass-nav { background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(20px); border-bottom: 1px solid rgba(255, 255, 255, 0.6); } fc2 ppv 3061625
.reveal { opacity: 0; transform: translateY(30px) scale(0.95); filter: blur(10px); transition: all 0.8s cubic-bezier(0.5, 0, 0, 1); } .reveal.active { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); } .toc-link { display: block
::-webkit-scrollbar { width: 6px; } ::-webkit-scrollbar-track { background: transparent; } ::-webkit-scrollbar-thumb { background: #D1D5DB; border-radius: 3px; } ::-webkit-scrollbar-thumb:hover { background: #9CA3AF; } padding: 0.5rem 0.75rem
@keyframes float-3d { 0%, 100% { transform: translateY(0) rotateX(0) rotateY(0); } 50% { transform: translateY(-20px) rotateX(5deg) rotateY(-5deg); } } .animate-float-3d { animation: float-3d 6s ease-in-out infinite; }
.tag { display: inline-flex; align-items: center; gap: 0.25rem; padding: 0.25rem 0.75rem; border-radius: 9999px; font-size: 0.75rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.025em; }
@keyframes sonar { 0% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.6); } 70% { box-shadow: 0 0 0 20px rgba(16, 185, 129, 0); } 100% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); } } .animate-sonar { animation: sonar 2s infinite; }