.server-content{display:flex;flex-direction:column;gap:20px}.server-content .server-banner-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid rgba(101,172,233,.15);border-radius:16px;box-shadow:0 8px 32px #0000001f,0 0 20px #65ace914;overflow:hidden;position:relative}.server-content .server-banner-section.has-banner .banner-container{background:linear-gradient(135deg,#65ace9,#7984e6);height:180px;overflow:hidden;position:relative}.server-content .server-banner-section.has-banner .banner-container .server-banner{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.server-content .server-banner-section.has-banner .banner-container .banner-overlay{background:linear-gradient(180deg,#0000001a 0,#0009);bottom:0;left:0;position:absolute;right:0;top:0}.server-content .server-banner-section.has-banner .server-header-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;padding:20px 25px 25px;position:relative}.server-content .server-banner-section.has-banner .server-header-content .server-header-layout{align-items:flex-start;display:flex;gap:20px}.server-content .server-banner-section.has-banner .server-header-content .server-header-layout .server-avatar{background:#ffffff0d;border:4px solid rgba(101,172,233,.4);border-radius:50%;box-shadow:0 4px 16px #0000004d;flex-shrink:0;height:100px;-o-object-fit:cover;object-fit:cover;width:100px}.server-content .server-banner-section.has-banner .server-header-content .server-header-layout .server-info-content{flex:1;margin-top:8px}.server-content .server-banner-section:not(.has-banner){background:linear-gradient(135deg,#65ace91a,#7984e61a);border:1px solid rgba(101,172,233,.2)}.server-content .server-banner-section:not(.has-banner) .server-header-content{padding:30px 25px}.server-content .server-banner-section:not(.has-banner) .server-header-content .server-header-layout{align-items:center;display:flex;gap:24px}.server-content .server-banner-section:not(.has-banner) .server-header-content .server-header-layout .server-avatar{background:#ffffff0d;border:4px solid rgba(101,172,233,.3);border-radius:50%;box-shadow:0 8px 24px #65ace933;flex-shrink:0;height:120px;-o-object-fit:cover;object-fit:cover;transition:transform .2s ease;width:120px}.server-content .server-banner-section:not(.has-banner) .server-header-content .server-header-layout .server-avatar:hover{transform:scale(1.05)}.server-content .server-banner-section:not(.has-banner) .server-header-content .server-header-layout .server-info-content{flex:1}.server-content .server-banner-section .server-header-content .server-info-content .server-name{align-items:center;color:#f5f6fa;display:flex;flex-wrap:wrap;font-size:32px;font-weight:700;gap:12px;margin:0 0 12px}.server-content .server-banner-section .server-header-content .server-info-content .server-name .badges-inline{align-items:center;display:flex;gap:8px}.server-content .server-banner-section .server-header-content .server-info-content .server-name .badges-inline .badge-icon-inline{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border:1px solid rgba(101,172,233,.2);border-radius:8px;display:inline-flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.server-content .server-banner-section .server-header-content .server-info-content .server-name .badges-inline .badge-icon-inline:hover{background:#65ace926;border-color:#65ace966;transform:scale(1.1)}.server-content .server-banner-section .server-header-content .server-info-content .server-name .badges-inline .badge-icon-inline img{height:24px;-o-object-fit:contain;object-fit:contain;width:24px}.server-content .server-banner-section .server-header-content .server-info-content .server-meta{display:flex;flex-wrap:wrap;gap:16px}.server-content .server-banner-section .server-header-content .server-info-content .server-meta .meta-item{align-items:center;background:#ffffff14;border:1px solid rgba(101,172,233,.15);border-radius:8px;color:#e0e6f6;display:flex;font-size:16px;font-weight:500;gap:8px;padding:6px 12px;transition:all .2s ease}.server-content .server-banner-section .server-header-content .server-info-content .server-meta .meta-item:hover{background:#65ace91a;border-color:#65ace94d}.server-content .server-banner-section .server-header-content .server-info-content .server-meta .meta-item :deep(svg){color:#65ace9}.server-content .server-description-section,.server-content .server-group-section,.server-content .server-info-section,.server-content .server-users-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid hsla(0,0%,100%,.1);border-radius:16px;padding:24px}.server-content .server-description-section h3,.server-content .server-group-section h3,.server-content .server-info-section h3,.server-content .server-users-section h3{align-items:center;color:#fff;display:flex;font-size:20px;font-weight:600;gap:8px;margin:0 0 20px}.server-content .server-description-section h3 :deep(svg),.server-content .server-group-section h3 :deep(svg),.server-content .server-info-section h3 :deep(svg),.server-content .server-users-section h3 :deep(svg){color:#5865f2}.server-content .server-description-section .description-content{color:#fffc;line-height:1.6}.server-content .server-info-section .info-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.server-content .server-info-section .info-grid .info-item{align-items:center;background:#ffffff0d;border-radius:12px;display:flex;gap:16px;min-height:60px;padding:16px}.server-content .server-info-section .info-grid .info-item :deep(svg){color:#fff!important;min-width:24px}.server-content .server-info-section .info-grid .info-item .info-content{display:flex;flex:1;flex-direction:column;gap:4px}.server-content .server-info-section .info-grid .info-item .info-content .info-label{color:#ffffffb3;font-size:14px;font-weight:500}.server-content .server-info-section .info-grid .info-item .info-content .info-value{color:#ffffffe6;font-size:16px;font-weight:600;-webkit-user-select:text;-moz-user-select:text;user-select:text;word-break:break-all}.server-content .server-info-section .info-grid .info-item .info-content .info-value.invitation-link{background:#ffffff0d;border-radius:6px;font-family:monospace;font-size:13px;font-weight:400;max-width:300px;overflow:hidden;padding:6px 10px;text-overflow:ellipsis;white-space:nowrap}.server-content .server-info-section .info-grid .info-item .info-content .info-value a{color:#5865f2;font-weight:500;text-decoration:none}.server-content .server-info-section .info-grid .info-item .info-content .info-value a:hover{text-decoration:underline}.server-content .server-info-section .info-grid .info-item .info-content .info-value .status-leaved{color:#747f8d;font-weight:600}.server-content .server-info-section .info-grid .info-item .info-content .info-value .status-public{color:#00d26a;font-weight:600}.server-content .server-info-section .info-grid .info-item .info-content .info-value .status-pending,.server-content .server-info-section .info-grid .info-item .info-content .info-value .status-private{color:#faa61a;font-weight:600}.server-content .server-info-section .info-grid .info-item .info-content .info-value .status-unknown{color:#ffffff80;font-weight:600}.server-content .server-group-section .group-card{align-items:center;background:#ffffff0d;border-radius:12px;display:flex;gap:16px;padding:16px}.server-content .server-group-section .group-card .group-icon{border-radius:8px;height:48px;-o-object-fit:cover;object-fit:cover;width:48px}.server-content .server-group-section .group-card .group-info .group-name{color:#fff;font-size:16px;font-weight:600;margin:0 0 4px}.server-content .server-group-section .group-card .group-info .group-id{color:#ffffffb3;font-size:13px;margin:0}.server-content .server-group-section .group-servers-section{margin-top:20px}.server-content .server-group-section .group-servers-section .group-servers-container{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));max-height:400px;overflow-y:auto;padding-right:5px}.server-content .server-group-section .group-servers-section .group-servers-container::-webkit-scrollbar{width:4px}.server-content .server-group-section .group-servers-section .group-servers-container::-webkit-scrollbar-track{background:#ffffff05;border-radius:4px}.server-content .server-group-section .group-servers-section .group-servers-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#65ace966,#7984e666);border:1px solid hsla(0,0%,100%,.1);border-radius:4px}.server-content .server-group-section .group-servers-section .group-servers-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#65ace999,#7984e699)}.server-content .server-group-section .group-servers-section .group-servers-container .group-server-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid rgba(101,172,233,.15);border-radius:12px;box-shadow:0 4px 16px #65ace90d;display:flex;gap:16px;padding:20px;transition:all .2s ease}.server-content .server-group-section .group-servers-section .group-servers-container .group-server-card:hover{background:#ffffff0d;border-color:#65ace94d;box-shadow:0 8px 24px #65ace91f;transform:translateY(-2px)}.server-content .server-group-section .group-servers-section .group-servers-container .group-server-card .group-server-icon{background:#ffffff0d;border:1px solid rgba(101,172,233,.1);border-radius:12px;box-shadow:0 2px 8px #00000026;flex-shrink:0;height:48px;-o-object-fit:cover;object-fit:cover;width:48px}.server-content .server-group-section .group-servers-section .group-servers-container .group-server-card .group-server-info{flex:1;min-width:0}.server-content .server-group-section .group-servers-section .group-servers-container .group-server-card .group-server-info .group-server-name{color:#f5f6fa;font-size:16px;font-weight:600;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server-content .server-group-section .group-servers-section .group-servers-container .group-server-card .group-server-info .group-server-meta{align-items:center;display:flex;gap:12px}.server-content .server-group-section .group-servers-section .group-servers-container .group-server-card .group-server-info .group-server-meta .group-server-members{align-items:center;color:#bfc8e6;display:flex;font-size:14px;font-weight:500;gap:6px}.server-content .server-group-section .group-servers-section .group-servers-container .group-server-card .group-server-info .group-server-meta .group-server-members :deep(svg){color:#65ace9}.server-content .server-group-section .group-servers-section .group-servers-container .group-server-card .group-server-visit-btn{align-items:center;background:linear-gradient(135deg,#65ace9,#7984e6);border-radius:10px;box-shadow:0 2px 8px #65ace933;display:flex;flex-shrink:0;height:40px;justify-content:center;text-decoration:none;transition:all .2s ease;width:40px}.server-content .server-group-section .group-servers-section .group-servers-container .group-server-card .group-server-visit-btn:hover{box-shadow:0 4px 16px #65ace94d;transform:scale(1.05)}.server-content .server-group-section .group-servers-section .group-servers-container .group-server-card .group-server-visit-btn :deep(svg){color:#f5f6fa}.server-content .server-users-section .users-container{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));max-height:400px;overflow-y:auto;padding-right:5px}.server-content .server-users-section .users-container::-webkit-scrollbar{width:4px}.server-content .server-users-section .users-container::-webkit-scrollbar-track{background:#ffffff05;border-radius:4px}.server-content .server-users-section .users-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#65ace966,#7984e666);border:1px solid hsla(0,0%,100%,.1);border-radius:4px}.server-content .server-users-section .users-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#65ace999,#7984e699)}.server-content .server-users-section .users-container .user-card{align-items:center;background:#ffffff0d;border-radius:10px;display:flex;gap:12px;padding:12px;transition:background-color .2s ease}.server-content .server-users-section .users-container .user-card:hover{background:#ffffff14}.server-content .server-users-section .users-container .user-card .user-avatar{background:#ffffff1a;border-radius:50%;height:40px;-o-object-fit:cover;object-fit:cover;width:40px}.server-content .server-users-section .users-container .user-card .user-info .user-name{color:#fff;font-size:14px;font-weight:600;margin:0 0 2px}.server-content .server-users-section .users-container .user-card .user-info .user-vanity{margin:0}.server-content .server-users-section .users-container .user-card .user-info .user-vanity a{color:#5865f2;font-size:12px;text-decoration:none}.server-content .server-users-section .users-container .user-card .user-info .user-vanity a:hover{text-decoration:underline}@media (max-width:1024px){.server-content .server-banner-section.has-banner .banner-container{height:150px}.server-content .server-banner-section.has-banner .server-header-content .server-header-layout{align-items:center;flex-direction:column;gap:16px;text-align:center}.server-content .server-banner-section.has-banner .server-header-content .server-header-layout .server-avatar{height:100px;width:100px}.server-content .server-banner-section.has-banner .server-header-content .server-header-layout .server-info-content .server-name{font-size:26px;justify-content:center}.server-content .server-banner-section.has-banner .server-header-content .server-header-layout .server-info-content .server-meta{justify-content:center}.server-content .server-banner-section:not(.has-banner) .server-header-content .server-header-layout{align-items:center;flex-direction:column;gap:20px;text-align:center}.server-content .server-banner-section:not(.has-banner) .server-header-content .server-header-layout .server-avatar{height:110px;width:110px}.server-content .server-banner-section:not(.has-banner) .server-header-content .server-header-layout .server-info-content .server-name{font-size:26px;justify-content:center}.server-content .server-banner-section:not(.has-banner) .server-header-content .server-header-layout .server-info-content .server-meta{justify-content:center}.group-servers-section .group-servers-container{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:768px){.server-content .server-banner-section.has-banner .banner-container{height:140px}.server-content .server-banner-section.has-banner .server-header-content .server-header-layout .server-avatar{height:80px;width:80px}.server-content .server-banner-section.has-banner .server-header-content .server-header-layout .server-info-content .server-name{font-size:22px;margin-bottom:8px}.server-content .server-banner-section.has-banner .server-header-content .server-header-layout .server-info-content .server-meta .meta-item{font-size:14px;padding:4px 8px}.server-content .server-banner-section:not(.has-banner) .server-header-content{padding:20px}.server-content .server-banner-section:not(.has-banner) .server-header-content .server-header-layout .server-avatar{height:90px;width:90px}.server-content .server-banner-section:not(.has-banner) .server-header-content .server-header-layout .server-info-content .server-name{font-size:22px;margin-bottom:8px}.server-content .server-banner-section:not(.has-banner) .server-header-content .server-header-layout .server-info-content .server-meta .meta-item{font-size:14px;padding:4px 8px}.server-content .server-info-section .info-grid{grid-template-columns:1fr}.server-content .server-info-section .info-grid .info-item{min-height:50px;padding:12px}.server-content .server-info-section .info-grid .info-item .info-content .info-label{font-size:13px}.server-content .server-info-section .info-grid .info-item .info-content .info-value{font-size:14px}.server-content .group-servers-section .group-servers-container,.server-content .server-users-section .users-container{grid-template-columns:1fr}.server-content .group-servers-section .group-servers-container .group-server-card{padding:16px}.server-content .group-servers-section .group-servers-container .group-server-card .group-server-info .group-server-name{font-size:15px}.server-content .group-servers-section .group-servers-container .group-server-card .group-server-info .group-server-meta .group-server-members{font-size:13px}.server-content .group-servers-section .group-servers-container .group-server-card .group-server-visit-btn{height:36px;width:36px}}