/* ============ GEYICP · 萌国ICP同款风格 ============ */
*{margin:0;padding:0;box-sizing:border-box}
input,textarea,button{outline:none;background-color:transparent;border:0}
html{scroll-behavior:smooth}
body{
  font-family:'ZCOOL KuaiLe','Baloo 2','PingFang SC','Microsoft YaHei',sans-serif;
  color:#fff;min-height:100vh;
}
/* 彩虹流动背景（替代萌备的背景图） */
.bg{
  position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;
  background:linear-gradient(125deg,
    #ffd9ec 0%, #fff3c9 16%, #d9ffe3 33%, #d3f3ff 50%,
    #e6dcff 68%, #ffd9ec 84%, #fff3c9 100%);
  background-size:400% 400%;
  animation:rainbow 24s ease-in-out infinite;
}
@keyframes rainbow{0%,100%{background-position:0% 30%}50%{background-position:100% 70%}}

.page{
  min-height:100vh;display:flex;flex-direction:column;
  align-items:center;justify-content:center;padding:34px 16px;
}
.container{
  position:relative;max-width:800px;width:100%;
  padding:44px 56px;border-radius:14px;color:#fff;overflow:hidden;
  background:rgba(96,86,126,.42);
  box-shadow:0 0 18px 2px rgba(60,50,90,.35);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  overflow-wrap:break-word;word-wrap:break-word;
}
h1.title{text-align:center;font-size:clamp(26px,5vw,34px);letter-spacing:3px;margin-bottom:28px;font-weight:400}
.logo-top{display:block;margin:0 auto 10px;height:86px;width:auto;image-rendering:pixelated;
  filter:drop-shadow(0 6px 14px rgba(255,51,153,.4));animation:float 4.5s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
p{margin-top:10px;line-height:2}
.yellow{color:#ffe95c}
.pink{color:#ff9de2}
a{color:#ffc4ec;text-decoration:none}
a:hover{color:#fff}
i{color:#F08080;font-style:normal}

/* 搜索 */
.search-form{text-align:center;font-size:16px}
.search-form input{
  border:#e1e1e1 solid 1px;border-radius:50px;width:100%;
  line-height:1;font-size:16px;padding:15px 30px;color:#fff;text-align:center;margin-bottom:10px;
  transition:.25s;
}
.search-form input:focus{border-color:#ff3399;box-shadow:0 0 0 3px rgba(255,51,153,.3)}
.search-form input::placeholder{color:#e8e2f5;opacity:.85}
.search-form .search-submit{
  padding:13px 60px;margin-top:10px;border:0;border-radius:50px;color:#fff;
  font-family:inherit;font-size:16px;letter-spacing:2px;cursor:pointer;
  background:#ff3399;transition:.25s;
}
.search-form .search-submit:hover{background:#ff0097;box-shadow:0 6px 18px rgba(255,51,153,.45)}

/* 表单 */
.form{max-width:420px;margin:0 auto;text-align:center}
.form input{
  width:100%;margin-bottom:14px;border:1px solid pink;border-radius:8px;
  background:rgba(255,255,255,.92);padding:11px 14px;font-size:14px;
  color:#000;font-family:'Microsoft YaHei',sans-serif;transition:.2s;
}
.form input:hover,.form input:focus{border-color:#ef027d}
.form label{display:block;font-size:13px;color:#e8e2f5;text-align:left;margin-bottom:4px}
.login-button{
  padding:11px 34px;border:0;border-radius:10px;background:#ff3399;color:#fff;
  font-family:inherit;font-size:15px;letter-spacing:2px;cursor:pointer;transition:.25s;margin-top:12px;
}
.login-button:hover{background:#ff0097;box-shadow:0 6px 18px rgba(255,51,153,.45)}

/* 结果 / 信息 */
.rec{
  border:1px dashed rgba(255,255,255,.45);border-radius:10px;
  padding:14px 18px;margin-top:12px;font-size:14px;line-height:2;text-align:left;background:rgba(255,255,255,.08);
}
.rec b{color:#ffe95c;font-size:15px}
table{width:100%;border-collapse:collapse;font-size:14px;margin-top:6px}
th,td{padding:9px 6px;text-align:left;vertical-align:top;line-height:1.8}
th{color:#ffe95c;white-space:nowrap;width:110px;font-weight:400}
.errbox{border:1px solid rgba(255,120,120,.7);background:rgba(255,90,90,.18);border-radius:10px;padding:14px 18px;margin-top:14px}
.okbox{border:1px solid rgba(120,255,190,.7);background:rgba(60,220,150,.18);border-radius:10px;padding:14px 18px;margin-top:14px}

/* 选号 */
.nogrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-top:14px}
.noc{
  border:1.5px solid rgba(255,255,255,.4);border-radius:10px;padding:12px 8px;text-align:center;
  cursor:pointer;transition:.2s;position:relative;background:rgba(255,255,255,.08);
}
.noc:hover{border-color:#ff3399;transform:translateY(-3px);background:rgba(255,51,153,.15)}
.noc.sel{border-color:#ffe95c;background:rgba(255,51,153,.25)}
.noc b{font-weight:400;font-size:15px;letter-spacing:.5px}
.noc .lk{
  position:absolute;top:-9px;right:-5px;font-size:11px;color:#fff;
  background:#ff3399;border-radius:999px;padding:2px 9px;
}
.customrow{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap;justify-content:center}
.customrow input{
  flex:1;min-width:200px;border:1px solid pink;border-radius:8px;background:rgba(255,255,255,.92);
  padding:11px 14px;font-size:14px;color:#000;font-family:'Microsoft YaHei',sans-serif;
}
.token{
  font-family:Consolas,monospace;font-size:15px;text-align:center;
  border:1.5px dashed #ffe95c;border-radius:10px;padding:12px;margin:12px 0;color:#ffe95c;word-break:break-all;
  background:rgba(0,0,0,.15);
}
.token button{margin-left:10px;background:#ff3399;color:#fff;border-radius:8px;padding:5px 14px;font-size:13px;cursor:pointer;font-family:inherit}
.token button:hover{background:#ff0097}

/* 页脚 */
.div_foot{text-align:center;margin-top:26px;font-size:21px}
.div_foot a{color:#8a4a6e;margin:0 10px}
.div_foot a:hover{color:#e0458c}
.div_foot img{width:30px;height:30px;margin-bottom:-8px}
.foot-note{text-align:center;font-size:10px;color:rgba(90,65,105,.85);margin-top:14px;line-height:2}

@media (max-width:600px){
  .container{padding:30px 22px}
}

.linkbtn{background:#ff3399;color:#fff;border-radius:8px;padding:5px 14px;font-size:13px;font-family:inherit;cursor:pointer;margin-left:8px;border:0}
.linkbtn:hover{background:#ff0097}