/*==== 商户插件公共样式 ====*/
*{box-sizing:border-box;}
body.mer‑shop‑page{background:#f3f4f6;font-family:system-ui, -apple-system, sans-serif;}
.mer‑wrap{max-width:1200px;margin:0 auto;padding:30px 20px}
.mer‑shop‑head{background:#fff;padding:28px;border-radius:16px;margin-bottom:24px;box-shadow:0 1px 4px rgba(0,0,0,0.06);}
.mer‑shop‑head h2{font-size:28px;color:#111;margin-bottom:12px;}
.mer‑shop‑info{display:flex;gap:32px;color:#4b5563;font-size:15px;flex-wrap:wrap;}
.mer‑goods‑title{font-size:20px;font-weight:600;color:#1f2937;margin-bottom:20px;}
.mer‑goods‑grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;}
.mer‑goods‑item{background:#fff;padding:20px;border-radius:14px;box-shadow:0 1px 4px rgba(0,0,0,0.06);transition:0.2s;}
.mer‑goods‑item:hover{transform:translateY(-4px);box-shadow:0 6px 16px rgba(0,0,0,0.08);}
.mer‑goods‑item h4 a{color:#111;text-decoration:none;font-size:17px;}
.mer‑goods‑price{color:#dc2626;font-weight:bold;font-size:18px;margin:10px 0;}
.mer‑goods‑desc{color:#6b7280;font-size:14px;line-height:1.6;margin-bottom:14px;}
.mer‑buy‑btn{display:block;width:100%;text-align:center;background:#f56c6c;color:#fff;padding:8px 0;border-radius:6px;text-decoration:none;font-weight:500;}
.mer‑buy‑btn:hover{background:#e04848;color:#fff;}
.mer‑empty‑tip{background:#fff;padding:60px 20px;border-radius:14px;text-align:center;color:#6b7280;font-size:15px;}

/*==== 商户工作台 ====*/
.mer‑center‑wrap{background:#f7f8fa;min-height:100vh;padding:30px;}
.mer‑container{max-width:1100px;margin:0 auto;}
.mer‑title{margin:0 0 24px 0;font-size:24px;}
.mer‑card{background:#ffffff;border-radius:12px;padding:28px;box-shadow:0 1px 3px #00000014;margin-bottom:20px;}
.mer‑info‑row{display:flex;gap:24px;flex-wrap:wrap;margin:12px 0 24px;}
.text‑muted{color:#666;}
.mer‑warn‑box{padding:16px;border-radius:8px;margin-bottom:20px;background:#ffe9e9;color:#c53030;}
.mer‑warn‑box.warn{background:#fffbeb;color:#b45309;}
.mer‑block{margin:24px 0;}
.mer‑sub‑title{margin:16px 0 10px 0;}
.mer‑tip‑box{padding:16px;background:#f7f8fa;border-radius:6px;color:#777;text-align:center;}
.mer‑goods‑row{border:1px solid #eee;padding:14px;border-radius:8px;margin:10px 0;display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.mer‑goods‑row‑info{flex‑grow:1;}
.price‑text{color:#f56c6c;margin‑left:8px;}
.small‑text{font‑size:12px;color:#888;margin‑left:8px;}
.mer‑goods‑row‑act{display:flex;gap:8px;flex‑wrap:wrap;align‑items:center;}
.mer‑inline‑form{display:inline-block;margin:0;}
.mer‑withdraw‑block{border:1px solid #e5e7eb;padding:22px;border‑radius:10px;}
.mer‑table‑wrap{overflow-x:auto;}
.mer‑table{width:100%;border-collapse:collapse;}
.mer‑table th,.mer‑table td{border:1px solid #eee;padding:10px;text-align:left;}
.mer‑table thead tr{background:#f7f8fa;}
.mer‑table‑empty{text‑align:center;color:#888;}

/*====表单====*/
.mer‑form‑item{margin‑bottom:20px;}
.mer‑form‑item label{display:block;margin‑bottom:6px;font‑weight:600;}
.mer‑form‑item input,.mer‑form‑item textarea,.mer‑form‑item select{width:100%;box‑sizing:border‑box;padding:10px 12px;border:1px solid #dcdfe6;border‑radius:6px;font‑size:15px;}
.mer‑publish‑wrap{max‑width:800px;margin:30px auto;padding:20px;background:#fff;border‑radius:12px;}

/*====按钮====*/
.mer‑btn{padding:9px 18px;border‑radius:6px;text‑decoration:none;border:none;cursor:pointer;font‑size:15px;display:inline‑block;}
.mer‑btn.primary{background:#4096ff;color:#fff;}
.mer‑btn.sm{padding:5px 10px;font‑size:13px;}
.mer‑btn.blue{border:1px solid #4096ff;color:#4096ff;background:#fff;}
.mer‑btn.red{border:1px solid #f56c6c;color:#f56c6c;background:#fff;}
.mer‑btn.gray{border:1px solid #888;color:#555;background:#fff;}
.mer‑link{margin‑left:12px;}
.red{color:red;}

/*====消息提示框====*/
.mer‑msg{padding:12px;border‑radius:6px;margin‑bottom:16px;}
.mer‑msg.success{color:#0b7729;background:#ecfdf3;}
.mer‑msg
/* ==========独立店铺页面美化样式 ========== */
body.mer‑shop‑page {
    background-color: #f4f6f8;
    margin: 0;
    padding: 40px 20px;
    font-family: system-ui,-apple-system,Segoe UI,Roboto,Microsoft Yahei,sans-serif;
}
.mer‑container-shop{
    max-width: 1200px;
    margin:0 auto;
}
/*店铺头部卡片*/
.mer‑shop‑header-card{
    background:#ffffff;
    padding:28px 32px;
    border-radius:14px;
    box-shadow:0 2px 14px rgba(0,0,0,0.07);
    margin-bottom:32px;
}
.mer‑shop‑title{
    font-size:28px;
    color:#1a1a1a;
    margin:0 0 14px;
}
.mer‑shop‑meta{
    color:#555;
    font-size:15px;
}
.mer‑shop‑desc-item{
    margin:6px 0;
}
.mer‑goods‑page-title{
    font-size:22px;
    color:#222;
    margin-bottom:22px;
}
/*商品网格 自适应布局*/
.mer‑goods‑grid-shop{
    display:grid;
    grid-template-columns: repeat(auto-fill, minmax(260px,1fr));
    gap:24px;
}
/*商品卡片*/
.mer‑goods‑card-shop{
    background:#fff;
    border-radius:14px;
    overflow:hidden;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    transition: 0.28s ease;
}
.mer‑goods‑card-shop:hover{
    transform: translateY(-5px);
    box-shadow: 0 8px 22px rgba(0,0,0,0.11);
}
.mer‑card-body{
    padding:22px;
}
.mer‑goods-name{
    font-size:17px;
    margin:0 0 10px;
}
.mer‑goods-name a{
    color:#1f2937;
    text-decoration:none;
}
.mer‑goods-name a:hover{
    color:#2563eb;
}
.mer‑goods-price-shop{
    font-size:22px;
    color:#dc2626;
    font-weight:bold;
    margin-bottom:12px;
}
.mer‑goods-intro{
    font-size:14px;
    color:#6b7280;
    min-height:40px;
    margin-bottom:18px;
    line-height:1.6;
}
.mer‑buy-btn-shop{
    display:block;
    width:100%;
    text-align:center;
    background-color:#2563eb;
    color:#ffffff;
    padding:11px 0;
    border-radius:10px;
    text-decoration:none;
    transition:0.2s;
}
.mer‑buy-btn-shop:hover{
    background-color:#1d4ed8;
    color:#fff;
}
.mer‑empty-box{
    text-align:center;
    background:#fff;
    padding:60px 20px;
    border-radius:14px;
    color:#777;
    font-size:16px;
}
/*手机端适配*/
@media(max-width:768px){
    body.mer‑shop‑page{
        padding:20px 12px;
    }
    .mer‑shop‑header-card{
        padding:20px 18px;
    }
    .mer‑shop‑title{
        font-size:22px;
    }
    .mer‑goods‑grid-shop{
        grid-template-columns: 1fr;
    }
}
