.writeup-container{position:relative;z-index:100;padding:1.5rem;max-width:1200px;margin:0 auto;min-height:100vh}.writeup-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;padding:2rem 0}.writeup-card{position:relative;height:auto;min-height:300px;perspective:1000px;filter:drop-shadow(0 5px 15px rgba(0,255,157,.15));margin-bottom:2.5rem;display:flex;flex-direction:column;align-items:center;transition:transform .3s ease}.writeup-card:hover{transform:translateY(-5px)}.upper-card{position:relative;width:100%;height:auto;min-height:220px;background:#191e2dcc;border:1px solid rgba(0,255,157,.3);box-shadow:0 0 20px #00ff9d1a;border-radius:24px;padding:1.5rem;transition:all .3s ease;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center}.writeup-card[data-role=owner] .upper-card{background:linear-gradient(135deg,#1e2332e6,#1e2332f2);border-color:#ffd70080;box-shadow:0 0 20px #ffd70026}.writeup-card[data-role=admin] .upper-card{background:linear-gradient(135deg,#1e2332e6,#1e2332f2);border-color:#4169e180;box-shadow:0 0 20px #4169e126}.writeup-card[data-role=user] .upper-card{background:linear-gradient(135deg,#1e2332e6,#1e2332f2);border-color:#00ff9d4d;box-shadow:0 0 20px #00ff9d1a}.card-content{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem 0}.author-avatar{position:relative;width:110px;height:110px;border-radius:50%;object-fit:cover;border:3px solid rgba(0,255,157,.8);box-shadow:0 0 15px #00ff9d4d,0 0 30px #00ff9d1a;margin-bottom:1rem;transition:all .3s ease;background:#ffffff0d;backdrop-filter:blur(5px)}.writeup-card[data-role=owner] .author-avatar{border-color:#ffd700cc;box-shadow:0 0 15px #ffd7004d,0 0 30px #ffd7001a}.writeup-card[data-role=admin] .author-avatar{border-color:#4169e1cc;box-shadow:0 0 15px #4169e14d,0 0 30px #4169e11a}.author-avatar:hover{transform:scale(1.05);border-width:4px}.author-info{position:relative;width:90%;text-align:center;margin-bottom:.5rem}.author-name{font:600 1.2rem Orbitron,sans-serif;color:#fff;margin:0 0 .6rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 0 10px rgba(0,255,157,.3)}.writeup-card[data-role=owner] .author-name{color:#ffd700e6;text-shadow:0 0 10px rgba(255,215,0,.3)}.writeup-card[data-role=admin] .author-name{color:#4169e1e6;text-shadow:0 0 10px rgba(65,105,225,.3)}.role-badge{font-size:.85rem;padding:4px 15px;border-radius:15px;background:#00ff9d26;display:inline-block;color:#00ff9de6;backdrop-filter:blur(5px);border:1px solid rgba(0,255,157,.3)}.writeup-card[data-role=owner] .role-badge{background:#ffd70026;color:#ffd700e6;border-color:#ffd7004d}.writeup-card[data-role=admin] .role-badge{background:#4169e126;color:#4169e1e6;border-color:#4169e14d}.writeup-link{position:relative;width:50%;padding:.6rem 0;background:#00ff9d26;border:1px solid rgba(0,255,157,.3);color:#00ff9de6!important;display:flex;align-items:center;justify-content:center;font:.9rem Orbitron,sans-serif;text-decoration:none;border-radius:25px;transition:all .3s ease;z-index:3;margin-top:1rem;backdrop-filter:blur(5px)}.writeup-link:hover{background:#00ff9d40;transform:scale(1.05);box-shadow:0 0 15px #00ff9d33}.author-tag,.os-tag{display:flex;align-items:center;justify-content:center;min-width:120px;max-width:140px;height:36px;border-radius:18px;background:#00ff9d26;border:1px solid rgba(0,255,157,.3);color:#00ff9de6;font-size:.9rem;font-weight:500;gap:6px;box-sizing:border-box;padding:0 12px;backdrop-filter:blur(5px);margin:.5rem 0}.writeup-card[data-role=owner] .author-tag,.writeup-card[data-role=owner] .os-tag{background:#ffd70026;border-color:#ffd7004d;color:#ffd700e6}.writeup-card[data-role=admin] .author-tag,.writeup-card[data-role=admin] .os-tag{background:#4169e126;border-color:#4169e14d;color:#4169e1e6}.author-tag .icon,.os-tag .icon{width:24px;height:24px;display:inline-block;object-fit:contain;margin-right:4px}@media (max-width: 1200px){.writeup-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}}@media (max-width: 768px){.writeup-container{padding:1rem}.writeup-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.2rem}.writeup-card{margin-bottom:2rem}.upper-card{min-height:200px;padding:1.2rem}.author-avatar{width:90px;height:90px}.author-name{font-size:1.1rem}.role-badge{font-size:.8rem;padding:3px 12px}.writeup-link{width:60%;font-size:.85rem}}@media (max-width: 480px){.writeup-grid{grid-template-columns:1fr;max-width:320px;margin:0 auto}.author-avatar{width:80px;height:80px}}