.article{color:#fff;padding:0 24px;max-width:900px;margin:160px auto 120px}.items{list-style:none;padding:0;margin:0}.item{color:#fff;background:rgba(8,20,38,.6);border:1px solid rgba(92,225,255,.15);border-radius:4px;padding:20px 24px;margin-bottom:16px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .3s ease;position:relative}.item:after,.item:before{content:"";position:absolute;width:10px;height:10px;border-color:rgba(92,225,255,.3);border-style:solid;pointer-events:none;transition:border-color .3s ease}.item:before{top:-1px;left:-1px;border-width:1px 0 0 1px}.item:after{bottom:-1px;right:-1px;border-width:0 1px 1px 0}.item:hover{border-color:rgba(92,225,255,.45);background:rgba(12,28,48,.7);transform:translateX(4px);box-shadow:0 0 20px rgba(92,225,255,.08)}.item:hover:after,.item:hover:before{border-color:rgba(92,225,255,.7)}.item a{text-decoration:none;color:inherit}.item h2{font-size:1.25rem;line-height:1.6;margin:8px 0;color:rgba(220,240,255,.95)}.item:hover h2{color:#fff;text-shadow:0 0 6px rgba(92,225,255,.15)}.date{font-family:var(--font-orbitron),ui-monospace,system-ui,sans-serif;font-size:12px;letter-spacing:.1em;color:rgba(92,225,255,.5)}.tag{display:inline-block;border:1px solid rgba(92,225,255,.25);border-radius:3px;margin:3px 4px 3px 0;padding:2px 8px;font-size:.75rem;color:rgba(180,240,255,.7);background:rgba(92,225,255,.06)}.spans{margin:10px 0}.heart{color:rgba(255,120,140,.8);margin-right:4px}.likes{font-family:var(--font-orbitron),ui-monospace,system-ui,sans-serif;font-size:11px;color:rgba(200,240,255,.6)}