/* ============================================================
   简约商城 · 商品列表 / 店铺 / 资质 ms-list
   ============================================================ */

/* ============ 商品列表页 ============ */
.ms-list-head{display:flex;align-items:flex-end;justify-content:space-between;margin:8px 0 16px}
.ms-list-head h1{font-size:22px;font-weight:600}
.ms-list-keyword{color:var(--ms-primary)}
.ms-list-total{margin-left:12px;font-size:13px;color:var(--ms-text-3)}
.ms-list-search{display:flex;align-items:stretch;width:300px;height:38px;border:1px solid var(--ms-border);border-radius:6px;overflow:hidden;background:#fff}
.ms-list-search:focus-within{border-color:var(--ms-primary)}
.ms-list-search input{flex:1;min-width:0;border:0;outline:0;padding:0 12px;background:transparent}
.ms-list-search button{width:74px;border:0;background:var(--ms-primary);color:#fff;font-size:13px}
.ms-list-search button:hover{background:var(--ms-primary-hover)}

.ms-filter-panel{padding:14px 18px}
.ms-filter-row{display:flex;align-items:flex-start}
.ms-filter-label{width:48px;flex-shrink:0;padding-top:6px;font-size:13px;color:var(--ms-text-3)}
.ms-filter-values{display:flex;flex-wrap:wrap;gap:8px 10px}
.ms-filter-tab{padding:5px 14px;border-radius:4px;background:var(--ms-bg);font-size:13px;color:var(--ms-text-2)}
.ms-filter-tab:hover{background:var(--ms-primary-light);color:var(--ms-primary)}
.ms-filter-tab.active{background:var(--ms-primary-light);color:var(--ms-primary);font-weight:600}

.ms-sort-bar{display:flex;align-items:center;justify-content:space-between;height:46px;margin-top:12px;padding:0 18px;background:#fff;border:1px solid var(--ms-border);border-radius:var(--ms-radius)}
.ms-sort-tabs{display:flex;align-items:center;gap:30px}
.ms-sort-tab{position:relative;font-size:14px;color:var(--ms-text-2)}
.ms-sort-tab:hover{color:var(--ms-primary)}
.ms-sort-tab.active{color:var(--ms-primary);font-weight:600}
.ms-sort-tab.active::after{content:"";position:absolute;left:50%;bottom:-13px;transform:translateX(-50%);width:24px;height:2px;background:var(--ms-primary)}
.ms-sort-tab i{font-size:11px;margin-left:2px}
.ms-sort-clear{font-size:13px;color:var(--ms-text-3)}
.ms-sort-clear:hover{color:var(--ms-primary)}

.ms-list-grid{margin-top:14px}

/* ============ 店铺首页 ============ */
.ms-shop-header{display:flex;align-items:center;gap:20px;padding:24px;background:#fff;border:1px solid var(--ms-border);border-radius:var(--ms-radius);margin:8px 0 16px}
.ms-shop-header-logo{width:76px;height:76px;border-radius:8px;border:1px solid var(--ms-border-light);object-fit:cover;background:#fafbfc;flex-shrink:0}
.ms-shop-header-main{flex:1;min-width:0}
.ms-shop-header-name{font-size:20px;font-weight:600;color:var(--ms-text)}
.ms-shop-header-name:hover{color:var(--ms-primary)}
.ms-shop-header-meta{display:flex;align-items:center;gap:18px;margin-top:8px;font-size:13px;color:var(--ms-text-3)}
.ms-shop-header-meta i{color:var(--ms-primary);margin-right:4px}
.ms-shop-header-tags{display:flex;gap:8px;margin-top:10px}
.ms-shop-header-actions{display:flex;flex-direction:column;gap:10px;flex-shrink:0}

/* ============ 店铺资质弹窗 ============ */
.ms-sq-modal{position:fixed;inset:0;z-index:200}
.ms-sq-modal[hidden]{display:none}
.ms-sq-backdrop{position:absolute;inset:0;background:rgba(31,35,41,.45)}
.ms-sq-dialog{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:460px;max-width:calc(100% - 32px);background:#fff;border-radius:10px;padding:26px;box-shadow:0 12px 36px rgba(31,35,41,.18)}
.ms-sq-dialog-head{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.ms-sq-dialog-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:8px;background:var(--ms-primary-light);color:var(--ms-primary);font-size:20px}
.ms-sq-dialog-head small{font-size:12px;color:var(--ms-text-3)}
.ms-sq-dialog-head h2{font-size:17px;font-weight:600}
.ms-sq-close{margin-left:auto;border:0;background:none;color:var(--ms-text-3);font-size:16px}
.ms-sq-close:hover{color:var(--ms-text)}
.ms-sq-tip{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--ms-primary-light);border-radius:6px;font-size:13px;color:var(--ms-primary);margin-bottom:18px}
.ms-sq-label{display:block;font-size:13px;color:var(--ms-text-2);margin-bottom:8px}
.ms-sq-row{display:flex;gap:10px}
.ms-sq-row input{flex:1;height:40px;border:1px solid var(--ms-border);border-radius:6px;padding:0 12px;outline:none}
.ms-sq-row input:focus{border-color:var(--ms-primary)}
.ms-sq-captcha{width:120px;height:40px;border:1px solid var(--ms-border);border-radius:6px;padding:0;background:#fafbfc;cursor:pointer}
.ms-sq-captcha img{width:100%;height:100%;object-fit:cover;border-radius:6px}
.ms-sq-error{font-size:12px;color:var(--ms-danger);min-height:18px;margin-top:8px}
.ms-sq-submit{width:100%;height:42px;margin-top:6px;border:0;border-radius:6px;background:var(--ms-primary);color:#fff;font-size:14px}
.ms-sq-submit:hover{background:var(--ms-primary-hover)}
.ms-sq-license{text-align:center}
.ms-sq-license img{max-width:100%;border:1px solid var(--ms-border);border-radius:6px;margin-bottom:16px}
.ms-sq-license-actions{display:flex;gap:12px;justify-content:center}

/* ============ 店铺资质独立页 ============ */
.ms-qual-panel{max-width:720px;margin:8px auto 0;padding:30px;background:#fff;border:1px solid var(--ms-border);border-radius:var(--ms-radius)}
.ms-qual-panel h1{font-size:20px;font-weight:600;margin-bottom:6px}
.ms-qual-panel .ms-qual-desc{font-size:13px;color:var(--ms-text-3);margin-bottom:22px}
.ms-qual-shop{display:flex;align-items:center;gap:14px;padding:16px;background:var(--ms-bg-soft);border-radius:6px;margin-bottom:22px}
.ms-qual-shop img{width:52px;height:52px;border-radius:8px;border:1px solid var(--ms-border-light);object-fit:cover}
.ms-qual-shop strong{display:block;font-size:15px}
.ms-qual-shop span{font-size:12px;color:var(--ms-text-3)}

@media (max-width:900px){
  .ms-list-head{flex-direction:column;align-items:stretch;gap:12px}
  .ms-list-search{width:100%}
}