/* CMS overlay: Hero paths, news list title, case tags and detail body */

.news-hero{
  background:url('../../hero/news-banner.jpg') right center/cover no-repeat #e8f0ff;
}

.fp-hero{
  background:url('../../hero/first-banner.jpg') right center/cover no-repeat #e8f0ff;
}

.tm-hero{
  background:url('../../hero/term-banner.jpg') right center/cover no-repeat #e7f0ff;
}

.d-hero-art{
  background:url('../../hero/hero-D.jpg') center top/cover no-repeat;
}

.d-li-t{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}

.d-li-title{
  flex:1;
  min-width:0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.pd-hero::before{
  background:url('../../hero/hero-list.jpg') right center/cover no-repeat;
}

.cs-hero::before{
  background:url('../../hero/case-banner.jpg') right center/cover no-repeat;
}

.cs-tag.t-g{background:#ecfdf5;border-color:#c9f6cd;color:#299a0c}
.cs-tag.t-p{background:#f6f2ff;border-color:#deceff;color:#7c3aed}
.cs-tag.t-b{background:#eaf2ff;border-color:#c9defb;color:#005eeb}
.cs-tag.t-n{background:#f6f7f9;border-color:#e9e9eb;color:#555557}

.cd-desc{font-size:14px;line-height:1.75;color:#303030}
.cd-desc img{max-width:100%;height:auto;border-radius:4px}
.cd-desc-empty{color:#8b8c8f;font-size:14px}


/* --- 结果条 --- */
.pd-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 0 14px;flex-wrap:wrap}
.pd-toolbar .pd-rc{font-size:13px;color:#64748b}
.pd-toolbar .pd-rc b{color:#0b1220;font-weight:700}
/* 品牌档案搜索栏：条件搜索（下拉）+ 自主输入搜索（关键词） */
.pd-toolbar{align-items:flex-end;gap:18px;padding:26px 0 16px;border-bottom:1px solid #eef2f9}
.pd-search{display:flex;align-items:center;gap:10px;flex:1;min-width:280px}
.pd-search-box{position:relative;flex:1;display:flex;align-items:center}
.pd-search-ic{position:absolute;left:14px;color:#9aa6b8;pointer-events:none}
.pd-search-box input{width:100%;height:44px;padding:0 14px 0 40px;border:1px solid #dbe4f2;border-radius:10px;background:#fff;font-size:14px;color:#0b1220;outline:none;transition:border-color .18s,box-shadow .18s}
.pd-search-box input::placeholder{color:#9aa6b8}
.pd-search-box input:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.12)}
.pd-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pd-flabel{font-size:13px;font-weight:700;color:#475569;white-space:nowrap;margin-right:2px}
.pd-filters select{height:44px;padding:0 34px 0 14px;border:1px solid #dbe4f2;border-radius:10px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239aa6b8' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;font-size:14px;color:#0b1220;outline:none;cursor:pointer;appearance:none;-webkit-appearance:none;transition:border-color .18s,box-shadow .18s}
.pd-filters select:focus{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.12)}
.pd-filters select:disabled{color:#9aa6b8;background-color:#f3f6fb;cursor:not-allowed}
.pd-btn{height:44px;padding:0 20px;border:none;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;transition:all .18s;white-space:nowrap;font-family:inherit}
.pd-btn-primary{background:#005eeb;color:#fff}
.pd-btn-primary:hover{background:#004fcc}
.pd-btn-ghost{background:#fff;color:#475569;border:1px solid #dbe4f2}
.pd-btn-ghost:hover{border-color:#2563eb;color:#005eeb}
@media(max-width:680px){.pd-toolbar{flex-direction:column;align-items:stretch}.pd-search,.pd-filters{width:100%}.pd-filters{justify-content:space-between}}

.search-box {
  position: relative;
  display: inline-block;
}

.search-box input {
  padding-right: 40px;
  cursor: text;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.search-box input:hover {
  border-color: #888;
}

.search-box input:focus {
  outline: none;
  border-color: #4a90e2;
  box-shadow: 0 0 0 2px rgba(74, 144, 226, 0.2);
}

.search-box svg {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  cursor: pointer;
  transition: transform 0.2s, opacity 0.2s;
  opacity: 0.6;
}