body{
background-color:#0D0F1F;
background-image:
  repeating-linear-gradient(0deg, rgba(143,227,227,0.045) 0px, rgba(143,227,227,0.045) 1px, transparent 1px, transparent 28px),
  repeating-linear-gradient(90deg, rgba(143,227,227,0.045) 0px, rgba(143,227,227,0.045) 1px, transparent 1px, transparent 28px),
  radial-gradient(ellipse 420px 320px at 15% 15%, rgba(143,227,227,0.1) 0%, transparent 60%),
  radial-gradient(ellipse 480px 380px at 88% 75%, rgba(201,182,228,0.1) 0%, transparent 60%);
color:#eee;
font-family:'Noto Sans TC', sans-serif;
margin:0;
min-height:100vh;
display:flex;
align-items:center;
justify-content:center;
position:relative;
overflow:hidden;
cursor:url('cursors/cursor-standard.png') 4 2, auto;
}

a, button, .selector-card{
cursor:url('cursors/cursor-paw.png') 32 32, pointer;
}

.star{
position:absolute;
border-radius:50%;
background:#fff;
}

.node{
position:absolute;
width:6px; height:6px;
border-radius:50%;
background:#8FE3E3;
box-shadow:0 0 10px 3px rgba(143,227,227,0.5);
}

.selector-wrap{
text-align:center;
padding:20px;
position:relative;
}

.selector-wrap h1{
margin-bottom:10px;
font-size:27px;
font-weight:700;
color:#C9F3F3;
letter-spacing:5px;
text-shadow:0 0 16px rgba(143,227,227,0.4);
}

.selector-sub{
font-family:'JetBrains Mono', monospace;
color:#7A80B0;
font-size:12px;
margin-bottom:40px;
letter-spacing:1px;
}

.selector-cards{
display:flex;
gap:32px;
justify-content:center;
flex-wrap:wrap;
}

.selector-card{
display:block;
width:220px;
background:#161A33;
border:1px solid #33395E;
border-radius:14px;
text-decoration:none;
color:#eee;
overflow:hidden;
transition:transform 250ms ease, border-color 250ms ease, box-shadow 250ms ease;
}

.selector-card:hover{
transform:translateY(-5px);
border-color:#8FE3E3;
box-shadow:0 0 22px rgba(143,227,227,0.25);
}

.selector-bar{
display:flex;
gap:5px;
padding:9px 12px;
border-bottom:1px solid #262B4D;
}

.selector-bar span{
width:6px; height:6px;
border-radius:50%;
background:#33395E;
}

.selector-cover-wrap{
width:100%;
aspect-ratio:1;
overflow:hidden;
background:linear-gradient(135deg, #262B4D, #161A33);
}

.selector-cover-img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}

.selector-name{
font-size:15px;
font-weight:500;
text-align:left;
padding:13px 14px 16px;
color:#C9F3F3;
}