/* style.css 前台公共样式 */
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:"微软雅黑",sans-serif;background:#f5f5f5;color:#333;font-size:14px;line-height:1.6;}
.container{width:100%;max-width:1200px;margin:0 auto;padding:5px 0;}
.header{background:#11330f;color:#fff;padding:18px 0;position:sticky;top:0;z-index:999;}
.header .container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;}
.header h2{font-size:20px;margin:0;}
.nav a{color:#fff;text-decoration:none;margin:0 8px;font-size:16px;padding:5px 0;}
.nav a:hover{text-decoration:underline;}
.clearfix{clear:both;}
.card{background:#fff;padding:20px;border-radius:12px;box-shadow:0 18px 12px rgb(130 141 133);margin:15px auto;max-width:;}
.form-control{width:100%;padding:12px;margin:8px 0;border:1px solid #ddd;border-radius:8px;font-size:14px;}
.btn{display:block;width:100%;padding:12px;background:#0066cc;color:#fff;border-radius:8px;text-decoration:none;text-align:center;border:none;font-size:16px;cursor:pointer;margin-top:10px;}
.btn-success{background:#198754;}
.btn:active{opacity:0.9;}
.table-wrap{overflow-x:auto;margin:10px 0;}
table{width:100%;border-collapse:collapse;min-width:600px;}
th,td{border:1px solid #eee;padding:12px;text-align:center;font-size:13px;}
th{background:#f8f9fa;font-weight:600;}
.goods-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin:10px 0;}
.goods-item{border-radius:12px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,0.06);background:#fff;}
.goods-img{width:100%;height:auto;object-fit:cover;display:block;background:#f9f9f9;}
.goods-info{padding:15px;}
.goods-title{font-size:16px;font-weight:bold;margin-bottom:8px;}
.goods-price{color:#e53935;font-size:20px;font-weight:bold;margin:10px 0;}

/* 移动端自适应 */
@media (max-width:768px){
    .container{width:92%;padding:10px 0;}
    .header h2{font-size:16px;margin-bottom:10px;width:100%;text-align:center;}
    .nav{width:100%;text-align:center;margin-top:8px;}
    .card{width:100%;padding:15px;}
    .btn{padding:12px;font-size:16px;}
    .goods-list{grid-template-columns:1fr;gap:15px;}
    .goods-img{height:180px;}
}
/* 前台首页 - 总后台登录按钮样式 */
.admin-login-btn{
    display: inline-block;
    padding: 10px 24px;
    background: #222;
    color: #fff;
    font-size: 15px;
    border-radius: 8px;
    text-decoration: none;
    margin-left: 15px;
    transition: all 0.3s ease;
    border: none;
}
.admin-login-btn:hover{
    background: #0066cc;
    box-shadow: 0 2px 8px rgba(0,102,204,0.3);
}
/* 移动端自适应 */
@media (max-width:768px){
    .admin-login-btn{
        width: 100%;
        margin: 10px 0 0 0;
        text-align: center;
        display: block;
    }
    .user-login-btn{
        width: 100%;
        text-align: center;
        display: block;
    }
}
/* 导航栏后台登录按钮样式 */
.nav-admin-btn{
    background:#222222;
    color:#ffffff !important;
    padding:6px 14px;
    border-radius:6px;
    margin-left:10px;
    transition: 0.25s;
}
.nav-admin-btn:hover{
    background:#0066cc !important;
}

/* 手机端自适应 */
@media (max-width:768px){
    .header .nav{
        display:flex;
        flex-wrap: wrap;
        gap:8px 12px;
        justify-content:center;
    }
    .nav-admin-btn{
        margin-left:0;
    }
}
/* PC端公用底部代码 */
.page-footer {
    margin-top: auto;
    clear: both;
    text-align: center;
    padding: 20px;
    color: #f7f2f2;
    font-size: 13px;
    line-height: 1.8;
    background: #083d25;
    box-shadow: 0 10px 8px rgba(0,0,0,0.06);
}
.footer-tip {
    font-size: 12px;
}