body .wrap:has(.up){max-width:1320px}
.up-card{background:var(--bg1);border:1px solid var(--border);border-radius:18px;overflow:hidden;margin-bottom:18px}
.up-banner{height:140px;background:linear-gradient(135deg,#1a1a2e,#16213e);position:relative;overflow:hidden}
.up-banner img{width:100%;height:100%;object-fit:cover}
.up-banner::after{content:'';position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(transparent,var(--bg1))}
.up-head{display:flex;align-items:center;gap:16px;padding:0 24px 14px;margin-top:-32px;position:relative;z-index:2;flex-wrap:wrap}
.up-av{width:72px;height:72px;background:var(--ac);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:800;color:#fff;flex-shrink:0;overflow:hidden;border:3px solid var(--bg1)}
.up-av img{width:100%;height:100%;object-fit:cover}
.up-info{flex:1;min-width:0}
.up-name{font-size:1.2rem;font-weight:800;display:flex;align-items:center;gap:8px;letter-spacing:-.2px}
.up-badge{font-size:.56rem;padding:2px 8px;border-radius:4px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}
.up-badge.admin{background:#ef4444;color:#fff}.up-badge.mod{background:var(--ac);color:#fff}
.up-meta{font-size:.74rem;color:var(--text3);display:flex;align-items:center;gap:10px;margin-top:2px;flex-wrap:wrap}
.up-meta .on{color:#22c55e}
.up-acts{flex-shrink:0}
.up-body{display:grid;grid-template-columns:220px 1fr;border-top:1px solid var(--border)}
@media(max-width:768px){.up-body{grid-template-columns:1fr}}
.up-left{padding:16px 20px;border-right:1px solid var(--border)}
@media(max-width:768px){.up-left{border-right:none;border-bottom:1px solid var(--border)}}
.up-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid var(--border)}
.up-row:last-child{border:none}
.up-row .k{color:var(--text3);font-size:.76rem}
.up-row .v{font-weight:700;color:var(--text);font-size:.82rem;font-family:var(--mono)}
.up-row .v.ac{color:var(--ac)}
.up-social{display:flex;gap:6px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}
.up-soc{width:30px;height:30px;background:var(--bg2);border:1px solid var(--border);border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:.8rem;transition:all .15s}
.up-soc:hover{border-color:var(--ac);background:var(--ac10)}
.up-right{padding:20px 24px;display:flex;flex-direction:column;justify-content:center}
.up-status-lbl{font-size:.56rem;text-transform:uppercase;letter-spacing:.8px;color:var(--text3);font-weight:700;margin-bottom:6px}
.up-status-text{font-size:.88rem;color:var(--text2);line-height:1.7}
.up-status-none{color:var(--text3);font-style:italic;font-size:.84rem}
.up-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}
@media(max-width:768px){.up-grid{grid-template-columns:1fr}}
.up-sec{background:var(--bg1);border:1px solid var(--border);border-radius:14px;overflow:hidden}
.up-sec-h{padding:10px 16px;background:linear-gradient(135deg,rgba(229,112,42,.03),transparent);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}
.up-sec-h h3{font-size:.76rem;font-weight:700;color:var(--ac);margin:0;display:flex;align-items:center;gap:6px}
.up-sec-h .cnt{font-size:.58rem;color:var(--text3);background:var(--bg3);padding:1px 6px;border-radius:6px;font-weight:600}
.up-srv{display:flex;align-items:center;gap:8px;padding:8px 14px;border-bottom:1px solid var(--border);transition:background .1s}
.up-srv:last-child{border:none}.up-srv:hover{background:var(--bg2)}
.up-srv .rk{font-family:var(--mono);font-size:.6rem;font-weight:800;color:var(--text3);min-width:24px}
.up-srv .dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}
.up-srv .dot.on{background:#22c55e}.up-srv .dot.off{background:#4b5563}
.up-srv .mid{flex:1;min-width:0}
.up-srv .nm{font-size:.78rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.up-srv .nm a{color:var(--text);transition:color .12s}.up-srv .nm a:hover{color:var(--ac)}
.up-srv .sm{font-size:.56rem;color:var(--text3);display:flex;align-items:center;gap:4px;margin-top:1px}
.up-srv .sc{font-family:var(--mono);font-size:.7rem;font-weight:700;color:var(--ac);flex-shrink:0}
.up-net{display:flex;align-items:center;gap:10px;padding:8px 14px;border-bottom:1px solid var(--border);transition:background .1s}
.up-net:last-child{border:none}.up-net:hover{background:var(--bg2)}
.up-net-logo{width:30px;height:30px;border-radius:7px;background:var(--bg2);overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:.75rem;flex-shrink:0;border:1px solid var(--border)}
.up-net-logo img{width:100%;height:100%;object-fit:cover}
.up-net .mid{flex:1;min-width:0}
.up-net .nm{font-size:.78rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.up-net .nm a{color:var(--text);transition:color .12s}.up-net .nm a:hover{color:var(--ac)}
.up-net .motto{font-size:.56rem;color:var(--text3);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.up-net .rl{font-size:.54rem;padding:2px 7px;border-radius:4px;background:var(--bg3);color:var(--text3);text-transform:capitalize;font-weight:600}
.up-empty{text-align:center;padding:20px;color:var(--text3);font-size:.76rem}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.up-card{animation:fadeIn .4s ease both}.up-grid{animation:fadeIn .4s ease .08s both}
@media(max-width:500px){.up-head{flex-wrap:wrap}.up-acts{width:100%}}