/* 全局美化 蓝青渐变主题 */
*{
    margin:0;
    padding:0;
    box-sizing: border-box;
}
body{
    background-color: #f0f4f9;
    font-family: "Microsoft Yahei",sans-serif;
}
/* 渐变头部 */
.top-gradient{
    background: linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);
    color:#fff;
    padding:30rpx;
    border-radius: 20px;
    box-shadow: 0 8px 24px rgba(79,172,254,0.25);
}
/* 卡片磨砂样式 */
.card-box{
    background:#fff;
    border-radius: 20px;
    padding:30px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.06);
    margin-bottom:24px;
}
/* 渐变按钮 */
.btn-gradient{
    background: linear-gradient(135deg,#36d1dc,#5b86e5);
    color:#fff;
    border:none;
    padding:12px 32px;
    border-radius:50px;
    font-size:16px;
    transition: all 0.3s;
}
.btn-gradient:hover{
    opacity:0.9;
    transform: translateY(-2px);
    box-shadow:0 6px 16px rgba(79,172,254,0.3);
}
/* 输入框美化 */
.form-input{
    border:1px solid #e8edf3;
    border-radius:12px;
    padding:12px 16px;
    width:100%;
    font-size:16px;
    transition:0.3s;
}
.form-input:focus{
    border-color:#4facfe;
    box-shadow:0 0 0 3px rgba(79,172,254,0.15);
    outline:none;
}
/* 开关美化 */
.switch-box{
    width:60px;
    height:30px;
    background:#ddd;
    border-radius:30px;
    position:relative;
    cursor:pointer;
    transition:0.3s;
}
.switch-box.open{
    background:linear-gradient(135deg,#36d1dc,#5b86e5);
}
.switch-dot{
    width:26px;
    height:26px;
    background:#fff;
    border-radius:50%;
    position:absolute;
    top:2px;
    left:2px;
    transition:0.3s;
}
.switch-box.open .switch-dot{
    left:32px;
}
/* 登录页面居中容器 */
.login-wrap{
    width:90%;
    max-width:420px;
    margin:100px auto;
}
/* 提示文字 */
.tip-text{
    color:#888;
    font-size:14px;
    margin-top:8px;
}