/* ============================================================
   优选供应商 · monday.com 风格 · 完整重设计（v2 覆盖层）
   覆盖旧 vendor-showcase CSS + ElementUI 组件样式
   ============================================================ */

/* ===== 基础 ===== */
[data-v-cb084ddd].vendor-showcase{max-width:1320px;margin:0 auto;padding:0 24px 64px}
.vendor-showcase body,.vendor-showcase{background:#f5f6f8}

/* ===== 顶部 hero：克制的纯色 ===== */
[data-v-cb084ddd].hero-header{background:#6161ff;border-radius:12px;padding:40px 32px 36px;text-align:center;margin:0 0 24px;position:relative;overflow:hidden;border:none}
[data-v-cb084ddd].hero-content{position:relative;z-index:1}
[data-v-cb084ddd].hero-content h1{color:#fff;font-size:26px;font-weight:700;margin:0;letter-spacing:.3px}
[data-v-cb084ddd].hero-content p{color:rgba(255,255,255,.85);font-size:14px;margin:10px 0 0;line-height:1.6}
[data-v-cb084ddd].hero-bg{display:none}

/* ===== 主体布局 ===== */
[data-v-cb084ddd].main-layout{display:flex;gap:20px;align-items:flex-start}

/* ===== 分类侧栏 ===== */
[data-v-cb084ddd].cat-sidebar{width:240px;flex-shrink:0;background:#fff;border-radius:10px;padding:14px;border:1px solid #eceef2;position:sticky;top:16px;max-height:calc(100vh - 40px);overflow-y:auto;box-shadow:0 1px 3px rgba(0,0,0,.02)}
[data-v-cb084ddd].cat-search{margin-bottom:12px}
[data-v-cb084ddd].cat-search .el-input__wrapper{background:#f6f7fb;border-radius:6px;box-shadow:none;border:1px solid #e6e9ef;padding:0 10px}
[data-v-cb084ddd].cat-search .el-input__wrapper.is-focus{border-color:#6161ff;box-shadow:0 0 0 3px rgba(97,97,255,.12);background:#fff}
[data-v-cb084ddd].cat-search .el-input__inner{font-size:13px;color:#323338;height:34px}
[data-v-cb084ddd].cat-tree .el-tree{background:transparent}
[data-v-cb084ddd].cat-tree .el-tree-node__content{height:34px;border-radius:6px;font-size:13px;color:#43434d;margin:1px 0}
[data-v-cb084ddd].cat-tree .el-tree-node__content:hover{background:#f6f7fb}
[data-v-cb084ddd].cat-tree .el-tree-node.is-current>.el-tree-node__content{background:#eef1ff;color:#6161ff;font-weight:600}
[data-v-cb084ddd].cat-tree .el-tree-node__label{font-size:13px}

/* ===== 内容区 ===== */
[data-v-cb084ddd].content-area{flex:1;min-width:0}
[data-v-cb084ddd].breadcrumb{display:flex;align-items:center;gap:6px;margin-bottom:16px;font-size:13px;color:#676879}
[data-v-cb084ddd].bc-tag{color:#6161ff;cursor:pointer;font-weight:500}
[data-v-cb084ddd].bc-tag:hover{text-decoration:underline}

/* ===== 区块标题 ===== */
[data-v-cb084ddd].section-title{font-size:16px;font-weight:600;color:#323338;margin:0 0 14px;display:flex;align-items:center;gap:6px}
[data-v-cb084ddd].vendor-count{font-size:12px;font-weight:400;color:#9699a6;margin-left:4px}
[data-v-cb084ddd].featured-section{margin-bottom:28px}

/* ===== 推荐供应商（featured）卡片 ===== */
[data-v-cb084ddd].featured-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
[data-v-cb084ddd].featured-card{background:#fff;border-radius:10px;overflow:hidden;cursor:pointer;transition:box-shadow .2s,transform .2s;border:1px solid #eceef2;box-shadow:0 1px 3px rgba(0,0,0,.02)}
[data-v-cb084ddd].featured-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.08);transform:translateY(-3px)}
[data-v-cb084ddd].fc-cover{height:96px;display:flex;align-items:center;justify-content:center}
[data-v-cb084ddd].fc-letter{font-size:32px;font-weight:700;color:#fff;line-height:1;text-shadow:0 1px 4px rgba(0,0,0,.2)}
[data-v-cb084ddd].fc-info{padding:14px 16px 16px}
[data-v-cb084ddd].fc-name{font-size:15px;font-weight:600;color:#323338;margin-bottom:4px;line-height:1.35}
[data-v-cb084ddd].fc-cat{display:flex;align-items:center;gap:6px;margin-bottom:6px;font-size:12px;color:#676879;line-height:1.4}
[data-v-cb084ddd].fc-intro{font-size:12px;color:#676879;line-height:1.55;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
[data-v-cb084ddd].fc-meta{display:flex;gap:14px;font-size:12px;align-items:center;color:#9699a6}
[data-v-cb084ddd].fc-price{font-weight:600;color:#6161ff;font-size:13px}
[data-v-cb084ddd].fc-portfolio{display:flex;align-items:center;gap:3px}

/* ===== 全部供应商卡片 ===== */
[data-v-cb084ddd].vendor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
[data-v-cb084ddd].vendor-card{background:#fff;border:1px solid #eceef2;border-radius:10px;overflow:hidden;cursor:pointer;transition:box-shadow .2s,transform .2s;box-shadow:0 1px 3px rgba(0,0,0,.02)}
[data-v-cb084ddd].vendor-card:hover{box-shadow:0 6px 20px rgba(0,0,0,.07);transform:translateY(-2px)}
[data-v-cb084ddd].vc-cover{height:80px;display:flex;align-items:center;justify-content:center;position:relative}
[data-v-cb084ddd].vc-letter{font-size:28px;font-weight:700;color:#fff;line-height:1;text-shadow:0 1px 4px rgba(0,0,0,.2)}
[data-v-cb084ddd].vc-badge{position:absolute;top:8px;right:8px}
[data-v-cb084ddd].vc-body{padding:12px 16px 14px}
[data-v-cb084ddd].vc-name{font-size:14px;font-weight:600;color:#323338;margin-bottom:4px;line-height:1.35}
[data-v-cb084ddd].vc-cat{display:flex;align-items:center;gap:6px;margin-bottom:6px;font-size:12px;color:#676879;line-height:1.4}
[data-v-cb084ddd].vc-intro{font-size:12px;color:#676879;line-height:1.55;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
[data-v-cb084ddd].vc-meta{display:flex;gap:14px;font-size:12px;align-items:center;color:#9699a6}
[data-v-cb084ddd].vc-price{font-weight:600;color:#6161ff;font-size:13px}
[data-v-cb084ddd].vc-area{color:#9699a6}
[data-v-cb084ddd].vc-portfolio{display:flex;align-items:center;gap:3px}
[data-v-cb084ddd].vc-tags{margin-top:10px;display:flex;flex-wrap:wrap;gap:6px}
[data-v-cb084ddd].vc-tags .el-tag{border-radius:4px;border:none;font-size:11px;background:#f0f1f5;color:#676879;height:auto;padding:2px 8px;line-height:1.6}

/* ===== 空状态 ===== */
[data-v-cb084ddd].empty-state{text-align:center;color:#9699a6;padding:64px 16px}

/* ===== 详情弹层 ===== */
[data-v-cb084ddd].vendor-detail-dialog .el-dialog{background:#fff;border-radius:12px;overflow:hidden}
[data-v-cb084ddd].vendor-detail-dialog .el-dialog__header{padding:18px 24px;border-bottom:1px solid #eceef2;margin:0}
[data-v-cb084ddd].vendor-detail-dialog .el-dialog__title{font-size:16px;font-weight:600;color:#323338}
[data-v-cb084ddd].vendor-detail-dialog .el-dialog__body{padding:24px}
[data-v-cb084ddd].detail-header{display:flex;align-items:center;gap:14px;margin-bottom:20px}
[data-v-cb084ddd].dh-avatar{width:52px;height:52px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:#fff;flex-shrink:0}
[data-v-cb084ddd].dh-name{font-size:18px;font-weight:600;color:#323338}
[data-v-cb084ddd].dh-cat{display:flex;align-items:center;gap:8px;margin-top:4px;font-size:13px;color:#676879}
[data-v-cb084ddd].db-section{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}
[data-v-cb084ddd].db-item{display:flex;gap:8px;font-size:13px;color:#43434d;align-items:baseline}
[data-v-cb084ddd].db-label{color:#9699a6;min-width:64px;flex-shrink:0}
[data-v-cb084ddd].db-section-title{font-size:14px;font-weight:600;color:#323338;margin-bottom:10px;display:flex;align-items:center;gap:6px}
[data-v-cb084ddd].portfolio-count{font-size:12px;font-weight:400;color:#9699a6}
[data-v-cb084ddd].db-intro p,.db-desc p{font-size:13px;color:#555;line-height:1.7}
[data-v-cb084ddd].db-intro,.db-desc{margin-bottom:16px}
[data-v-cb084ddd].portfolio-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
[data-v-cb084ddd].gallery-item{position:relative;border-radius:8px;overflow:hidden;cursor:pointer;aspect-ratio:4/3;border:1px solid #eceef2}
[data-v-cb084ddd].gallery-img{width:100%;height:100%;object-fit:cover}
[data-v-cb084ddd].gallery-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.7));color:#fff;font-size:11px;padding:14px 8px 6px}
[data-v-cb084ddd].db-tags{margin-bottom:20px}
[data-v-cb084ddd].db-tags .el-tag{border-radius:4px;border:none;font-size:12px;background:#eef1ff;color:#6161ff;height:auto;padding:2px 10px;line-height:1.6;margin:0 6px 6px 0}
[data-v-cb084ddd].db-contact{text-align:center;padding-top:16px;border-top:1px solid #eceef2}
[data-v-cb084ddd].db-contact .el-button{background:#6161ff;border-color:#6161ff;border-radius:6px;color:#fff;font-weight:600}
[data-v-cb084ddd].db-contact .el-button:hover{background:#4f4ff0;border-color:#4f4ff0}

/* ===== 响应式 ===== */
@media (max-width:900px){
  [data-v-cb084ddd].main-layout{flex-direction:column}
  [data-v-cb084ddd].cat-sidebar{width:100%;position:static;max-height:none}
  [data-v-cb084ddd].featured-grid,[data-v-cb084ddd].vendor-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
}
@media (max-width:600px){
  [data-v-cb084ddd].vendor-showcase{padding:0 12px 40px}
  [data-v-cb084ddd].hero-header{padding:32px 18px 30px;border-radius:0 0 14px 14px}
  [data-v-cb084ddd].hero-content h1{font-size:21px}
  [data-v-cb084ddd].featured-grid,[data-v-cb084ddd].vendor-grid{grid-template-columns:1fr 1fr;gap:10px}
  [data-v-cb084ddd].fc-cover{height:80px}
  [data-v-cb084ddd].vc-cover{height:70px}
}
@media (max-width:420px){
  [data-v-cb084ddd].featured-grid,[data-v-cb084ddd].vendor-grid{grid-template-columns:1fr}
}