/* 全局立体美化样式 | 新增文件，不改动原有代码 */
*{
    box-sizing: border-box;
}
body{
    background-color: #f3f4f6 !important;
    font-family: system-ui, "Microsoft YaHei",sans-serif !important;
}

/* 卡片通用立体容器 自动匹配所有box容器 */
.box,.card,.login-box,.order-item{
    background:#ffffff !important;
    border-radius:14px !important;
    box-shadow: 0 4px 16px rgba(37, 99, 235, 0.12), 0 1px 3px rgba(0,0,0,0.06) !important;
    border:1px solid rgba(255,255,255,0.8) !important;
}

/* 输入框美化 立体边框 */
input,.input-style{
    border:1px solid #e2e8f0 !important;
    border-radius:10px !important;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.04) !important;
    transition: all 0.24s ease;
}
input:focus,.input-style:focus{
    border-color:#2563eb !important;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15),inset 0 1px 3px rgba(0,0,0,0.04) !important;
    outline:none !important;
}

/* 按钮立体样式 */
.submit,.btn-primary,.buy-btn{
    border-radius:30px !important;
    box-shadow: 0 4px 12px rgba(37, 99, 235,0.25) !important;
    border:none !important;
    transition:0.2s all;
}
.submit:active,.btn-primary:active,.buy-btn:active{
    transform: translateY(2px);
    box-shadow:0 2px 6px rgba(37, 99, 235,0.2) !important;
}

/* 底部导航栏立体效果 */
.bottom-nav{
    box-shadow: 0 -3px 12px rgba(0,0,0,0.08) !important;
    border-top:1px solid #eee !important;
}

/* 表格美化（后台页面） */
.table{
    border-collapse: separate !important;
    border-spacing:0 !important;
}
.table th{
    background:#2563eb !important;
    color:#fff !important;
}
.table th:first-child{border-top-left-radius:10px;}
.table th:last-child{border-top-right-radius:10px;}
.table tr td{
    border-bottom:1px solid #f1f5f9 !important;
}

/* 渐变标题栏、顶部区块 */
.user-top{
    box-shadow:0 4px 14px rgba(79, 70, 229,0.2) !important;
}

/* 分割线条柔和化 */
.menu-item{
    border-bottom:1px solid #f1f5f9 !important;
}

/* 图片预览增加立体边框 */
img{
    border-radius:8px;
    border:1px solid #e8edf3;
}

/* 支付选项框立体样式 */
.way-item{
    border-radius:10px !important;
    box-shadow:0 2px 8px rgba(0,0,0,0.05) !important;
}

/* 404页面增强 */
h1{
    text-shadow: 0 2px 8px rgba(37,99,235,0.18);
}