*{margin:0;padding:0;box-sizing:border-box;font-family:"Microsoft Yahei"}
body{
width:100vw;height:100vh;
background:linear-gradient(135deg,#ffdd99,#ff77bb,#bb99ff);
display:flex;align-items:center;justify-content:center;
}
.box{
width:480px;padding:40px 30px;
background:rgba(255,200,220,0.65);
border-radius:16px;
position:relative;z-index:2;
}
h2{text-align:center;color:#fff;margin-bottom:30px;font-size:28px;}
input{
width:100%;padding:14px 16px;margin:10px 0;
border:none;border-radius:30px;font-size:16px;outline:none;
background:#fff8fa;
}
button{
width:100%;padding:14px;border:none;border-radius:30px;
background:#fff;color:#333;font-size:17px;margin-top:12px;cursor:pointer;
touch-action:manipulation;-webkit-tap-highlight-color:transparent;
}
button:active{transform:scale(.985);filter:brightness(.97)}
button:disabled{opacity:.68;cursor:wait}
.link{text-align:center;margin-top:16px;color:#fff;font-size:15px;}
.link a{color:#fff;text-decoration:none;display:inline-block;padding:7px 4px;margin:-7px -4px;touch-action:manipulation;}
.circle{position:absolute;border-radius:50%;background:rgba(255,255,255,0.25);pointer-events:none;}
input{touch-action:manipulation;-webkit-tap-highlight-color:transparent;}
.c1{width:140px;height:140px;top:22%;left:50%;}
.c2{width:180px;height:180px;top:32%;right:12%;}
.c3{width:160px;height:160px;bottom:18%;left:22%;}
.c4{width:120px;height:120px;bottom:10%;right:18%;}
.c5{width:100px;height:100px;bottom:4%;left:48%;}


/* V17.6 手机端：登录/注册只在窄屏收缩，电脑端保持原尺寸 */
@media (max-width: 600px){
  html,body{width:100%;min-width:0;overflow-x:hidden;}
  body{min-height:100dvh;height:auto;padding:12px 0;align-items:center;}
  .box{width:min(78vw,330px);padding:20px 18px 18px;border-radius:14px;box-shadow:0 14px 32px rgba(105,35,116,.16),inset 0 1px 0 rgba(255,255,255,.42);}
  h2{font-size:20px;margin-bottom:11px;}
  input{height:41px;font-size:16px;padding:8px 13px;margin:5px 0;border-radius:22px;}
  button{height:42px;font-size:14px;padding:8px;margin-top:8px;border-radius:22px;font-weight:700;}
  .link{margin-top:9px;font-size:12px;}
  .circle{max-width:26vw;max-height:26vw;}
}