Iribitari Gal Ni Manko Tsukawasete Morau Hanashi Fix 'link' 【TOP-RATED × 2027】
.tag { font-size: 10px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.15em; color: #71717a; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.06); padding: 4px 10px; border-radius: 9999px; }
@keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } } .pulse-dot { animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; }
.paper-card { background: rgba(24,24,27,0.2); border: 1px solid rgba(255,255,255,0.06); border-radius: 12px; transition: border-color 0.5s ease, background 0.5s ease; } .paper-card:hover { border-color: rgba(255,255,255,0.12); background: rgba(24,24,27,0.3); } iribitari gal ni manko tsukawasete morau hanashi fix
@keyframes fadeInScale { from { opacity: 0; transform: scale(0.95); } to { opacity: 1; transform: scale(1); } }
.toc-modal { opacity: 0; pointer-events: none; transition: opacity 0.3s ease; } .toc-modal.active { opacity: 1; pointer-events: all; } .toc-modal .toc-content { transform: translateY(10px); transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1); } .toc-modal.active .toc-content { transform: translateY(0); } </style> </head> <body class="antialiased"> .tag { font-size: 10px
.img-frame { position: relative; overflow: hidden; border-radius: 8px; } .img-frame img { transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1); } .img-frame:hover img { transform: scale(1.03); } .img-frame .img-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.5), transparent); pointer-events: none; }
@keyframes float { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-8px); } } .float { animation: float 6s ease-in-out infinite; } border: 1px solid rgba(255
.sidebar-note { position: relative; padding-left: 20px; } .sidebar-note::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 1px; background: rgba(255,255,255,0.08); }