/* =====================================================================
   宁夏3d云Info · 组件样式 components.css（PC）
   ---------------------------------------------------------------------
   仅服务于 template/pc/components/ 下的组件：
     header / footer / card-article / sidebar / breadcrumb / pagination
   依赖 tokens.css 的变量。间距规范：小类 10px，大类 15px。
   ===================================================================== */

/* ========== 1. 页面骨架 ========== */
.site-main {
  width: var(--w-page, 1200px);
  margin: 0 auto;
  padding: var(--sp-gap-lg, 15px) 0;
}

/* 主列 + 侧栏 双栏布局 */
.layout-with-side {
  display: flex;
  align-items: flex-start;
  gap: var(--sp-gap-lg, 15px);
}
.layout-with-side > .main-col {
  flex: 1;
  min-width: 0;              /* 关键：防止子元素撑破，保证 ellipsis 生效 */
}
.layout-with-side > .side-col {
  flex: 0 0 300px;
  width: 300px;
}

/* ========== 2. 面包屑 ========== */
.breadcrumb {
  width: var(--w-page, 1200px);
  margin: 0 auto;
  padding: var(--sp-3, 12px) 0;
  font-size: var(--fs-sm, 12px);
  color: var(--c-text-3, #999);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.breadcrumb a {
  color: var(--c-text-3, #999);
}
.breadcrumb a:hover {
  color: var(--c-primary, #B8860B);
}

/* ========== 3. 区块标题 ========== */
.block-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: var(--sp-3, 12px);
  margin-bottom: var(--sp-gap-lg, 15px);
  border-bottom: 1px solid var(--c-border-light, #ebeef5);
}
.block-head h1,
.block-head h2 {
  font-size: var(--fs-xl, 18px);
  font-weight: var(--fw-bold, 700);
  color: var(--c-text-1, #333);
  line-height: 1.4;
}
.block-head .more {
  font-size: var(--fs-sm, 12px);
  color: var(--c-text-3, #999);
}
.block-head .more:hover {
  color: var(--c-primary, #B8860B);
}

/* ========== 4. 文章卡片（card-article） ==========
   关键：封面固定 200×125（16:10），img 用 object-fit:cover 等比裁切，
   无论原图尺寸如何都不会变形、不会撑破容器。 */
.card-article {
  display: flex;
  gap: var(--sp-gap-sm, 10px);
  padding: var(--sp-3, 12px);
  background: var(--c-bg-box, #fff);
  border: 1px solid var(--c-border-light, #ebeef5);
  border-radius: var(--r-md, 6px);
  transition: border-color var(--trans-base, .3s) ease,
              box-shadow var(--trans-base, .3s) ease;
}
.card-article:hover {
  border-color: var(--c-primary, #B8860B);
  box-shadow: var(--shadow-md, 0 4px 12px rgba(0,0,0,.1));
}

/* 封面刚性容器 */
.card-article__thumb {
  flex: 0 0 200px;
  width: 200px;
  height: 125px;
  overflow: hidden;
  border-radius: var(--r-sm, 3px);
  background: var(--c-bg-hover, #f0f2f5);
}
.card-article__thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;         /* 等比铺满裁切，不变形 */
  object-position: center;
  transition: transform var(--trans-base, .3s) ease;
}
.card-article:hover .card-article__thumb img {
  transform: scale(1.04);
}

/* 文字区 */
.card-article__body {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.card-article__title {
  font-size: var(--fs-md, 15px);
  font-weight: var(--fw-medium, 500);
  line-height: 1.4;
  color: var(--c-text-1, #333);
  margin-bottom: var(--sp-gap-sm, 10px);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.card-article:hover .card-article__title {
  color: var(--c-primary, #B8860B);
}
.card-article__desc {
  font-size: var(--fs-sm, 12px);
  line-height: 1.6;
  color: var(--c-text-3, #999);
  margin-bottom: var(--sp-gap-sm, 10px);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.card-article__meta {
  margin-top: auto;
  display: flex;
  gap: var(--sp-gap-sm, 10px);
  font-size: var(--fs-sm, 12px);
  color: var(--c-text-4, #bbb);
}
.card-article__click {
  margin-left: auto;
}

/* 列表容器：单列 + 卡片间距 15px */
.card-list {
  display: flex;
  flex-direction: column;
  gap: var(--sp-gap-lg, 15px);
}

/* ========== 5. 侧栏面板（sidebar） ========== */
.side-panel {
  background: var(--c-bg-box, #fff);
  border-radius: var(--r-md, 6px);
  padding: var(--sp-4, 16px);
  margin-bottom: var(--sp-gap-lg, 15px);
}
.side-panel:last-child {
  margin-bottom: 0;
}
.side-panel__title {
  font-size: var(--fs-lg, 16px);
  font-weight: var(--fw-bold, 700);
  color: var(--c-text-1, #333);
  padding-bottom: var(--sp-3, 12px);
  margin-bottom: var(--sp-gap-sm, 10px);
  border-bottom: 1px solid var(--c-border-light, #ebeef5);
}
.side-panel__list {
  display: flex;
  flex-direction: column;
  gap: var(--sp-gap-sm, 10px);
}
.side-panel__item a {
  display: flex;
  align-items: baseline;
  gap: var(--sp-2, 8px);
  font-size: var(--fs-base, 14px);
  line-height: 1.5;
  color: var(--c-text-2, #666);
}
.side-panel__item a:hover {
  color: var(--c-primary, #B8860B);
}
.side-panel__num {
  flex: 0 0 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  font-size: var(--fs-sm, 12px);
  color: #fff;
  background: var(--c-border, #e4e7ed);
  border-radius: var(--r-sm, 3px);
}
.side-panel__item:nth-child(1) .side-panel__num { background: #f56c6c; }
.side-panel__item:nth-child(2) .side-panel__num { background: #e6a23c; }
.side-panel__item:nth-child(3) .side-panel__num { background: #67c23a; }
.side-panel__text {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* ========== 6. 分页（pagination） ========== */
.pagination {
  margin-top: var(--sp-gap-lg, 15px);
  text-align: center;
  font-size: var(--fs-base, 14px);
  line-height: 1;
}
.pagination a,
.pagination span,
.pagination b {
  display: inline-block;
  min-width: 34px;
  height: 34px;
  line-height: 32px;
  padding: 0 var(--sp-2, 8px);
  margin: 0 var(--sp-1, 4px);
  border: 1px solid var(--c-border, #e4e7ed);
  border-radius: var(--r-sm, 3px);
  color: var(--c-text-2, #666);
  background: var(--c-bg-box, #fff);
  font-weight: var(--fw-normal, 400);
}
.pagination a:hover {
  border-color: var(--c-primary, #B8860B);
  color: var(--c-primary, #B8860B);
}
.pagination b {
  background: var(--c-primary, #B8860B);
  border-color: var(--c-primary, #B8860B);
  color: #fff;
}

/* ========== 7. 空状态 ========== */
.empty-tip {
  padding: var(--sp-12, 48px) 0;
  text-align: center;
  color: var(--c-text-3, #999);
  font-size: var(--fs-base, 14px);
}

/* ========== 8. 下载卡片（card-download） ========== */
.card-download {
  display: flex;
  gap: var(--sp-gap-sm, 10px);
  padding: var(--sp-3, 12px);
  background: var(--c-bg-box, #fff);
  border: 1px solid var(--c-border-light, #ebeef5);
  border-radius: var(--r-md, 6px);
  transition: border-color .3s ease, box-shadow .3s ease;
}
.card-download:hover {
  border-color: var(--c-primary, #B8860B);
  box-shadow: var(--shadow-md, 0 4px 12px rgba(0,0,0,.1));
}
.card-download__thumb {
  flex: 0 0 120px;
  width: 120px;
  height: 80px;
  overflow: hidden;
  border-radius: var(--r-sm, 3px);
  background: var(--c-bg-hover, #f0f2f5);
}
.card-download__thumb img {
  width: 100%; height: 100%;
  object-fit: cover;
  display: block;
}
.card-download__body { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.card-download__title {
  font-size: var(--fs-md, 15px);
  font-weight: var(--fw-medium, 500);
  line-height: 1.4;
  margin-bottom: var(--sp-gap-sm, 10px);
  overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
}
.card-download:hover .card-download__title { color: var(--c-primary, #B8860B); }
.card-download__desc {
  font-size: var(--fs-sm, 12px);
  line-height: 1.6;
  color: var(--c-text-3, #999);
  margin-bottom: var(--sp-gap-sm, 10px);
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.card-download__meta {
  margin-top: auto;
  display: flex; align-items: center; gap: var(--sp-gap-sm, 10px);
  font-size: var(--fs-sm, 12px); color: var(--c-text-4, #bbb);
}
.card-download__btn {
  margin-left: auto;
  padding: 2px 12px;
  border: 1px solid var(--c-primary, #B8860B);
  border-radius: var(--r-full, 100px);
  color: var(--c-primary, #B8860B);
  font-size: var(--fs-sm, 12px);
}

/* ========== 9. 视频卡片（card-media） ========== */
.card-list--grid3 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--sp-gap-lg, 15px);
}
.card-media {
  display: block;
  background: var(--c-bg-box, #fff);
  border: 1px solid var(--c-border-light, #ebeef5);
  border-radius: var(--r-md, 6px);
  overflow: hidden;
  transition: border-color .3s ease, box-shadow .3s ease;
}
.card-media:hover {
  border-color: var(--c-primary, #B8860B);
  box-shadow: var(--shadow-md, 0 4px 12px rgba(0,0,0,.1));
}
.card-media__thumb {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;            /* 16:9 固定比例 */
  overflow: hidden;
  background: var(--c-bg-hover, #f0f2f5);
}
.card-media__thumb img {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover;
  display: block;
}
.card-media__badge {
  position: absolute; right: 8px; bottom: 8px;
  padding: 1px 8px;
  background: rgba(0,0,0,.6);
  color: #fff;
  font-size: var(--fs-sm, 12px);
  border-radius: var(--r-sm, 3px);
}
.card-media__body { padding: var(--sp-3, 12px); }
.card-media__title {
  font-size: var(--fs-base, 14px);
  line-height: 1.4;
  margin-bottom: var(--sp-gap-sm, 10px);
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.card-media:hover .card-media__title { color: var(--c-primary, #B8860B); }
.card-media__meta { font-size: var(--fs-sm, 12px); color: var(--c-text-4, #bbb); }

/* ========== 10. 提示框（免责/版权） ========== */
.notice-box {
  margin-top: var(--sp-gap-lg, 15px);
  padding: var(--sp-3, 12px) var(--sp-4, 16px);
  border-radius: var(--r-md, 6px);
  font-size: var(--fs-sm, 12px);
  line-height: 1.7;
  color: var(--c-text-3, #999);
}
.notice-box--disclaimer { background: var(--c-tint-orange, #fff7e6); border-left: 3px solid var(--c-warning, #e6a23c); }
.notice-box--copyright  { background: var(--c-tint-blue, #ecf5ff);  border-left: 3px solid var(--c-info, #409eff); }
.notice-box strong { color: var(--c-text-2, #666); }

/* ========== 11. 相关文章块 ========== */
.related-block { margin-top: var(--sp-gap-lg, 15px); }
.related-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--sp-gap-sm, 10px);
}
.related-list__item a {
  display: flex; align-items: center; gap: var(--sp-2, 8px);
  padding: var(--sp-2, 8px);
  border: 1px solid var(--c-border-light, #ebeef5);
  border-radius: var(--r-sm, 3px);
  font-size: var(--fs-sm, 12px);
  color: var(--c-text-2, #666);
}
.related-list__item a:hover { border-color: var(--c-primary, #B8860B); color: var(--c-primary, #B8860B); }
.related-list__thumb {
  flex: 0 0 80px; width: 80px; height: 50px;
  overflow: hidden; border-radius: var(--r-sm, 3px); background: var(--c-bg-hover, #f0f2f5);
}
.related-list__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.related-list__text {
  flex: 1; min-width: 0;
  overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
}

/* ========== 12. 标签云块 ========== */
.tagcloud-block { margin-top: var(--sp-gap-lg, 15px); }
.tagcloud-block__list { display: flex; flex-wrap: wrap; gap: var(--sp-2, 8px); }
.tagcloud-block__item {
  padding: 3px 12px;
  background: var(--c-bg-hover, #f0f2f5);
  border-radius: var(--r-full, 100px);
  font-size: var(--fs-sm, 12px);
  color: var(--c-text-2, #666);
}
.tagcloud-block__item:hover { background: var(--c-primary, #B8860B); color: #fff; }

/* ========== 13. 正文区（内容页） ========== */
.article-detail { background: var(--c-bg-box, #fff); padding: var(--sp-5, 20px); border-radius: var(--r-md, 6px); }
.article-detail__title {
  font-size: var(--fs-2xl, 20px);
  font-weight: var(--fw-bold, 700);
  line-height: 1.4;
  margin-bottom: var(--sp-gap-sm, 10px);
  color: var(--c-text-1, #333);
}
.article-detail__meta {
  display: flex; flex-wrap: wrap; gap: var(--sp-gap-sm, 10px);
  padding-bottom: var(--sp-3, 12px);
  margin-bottom: var(--sp-gap-lg, 15px);
  border-bottom: 1px solid var(--c-border-light, #ebeef5);
  font-size: var(--fs-sm, 12px);
  color: var(--c-text-3, #999);
}
.article-detail__content {
  font-size: var(--fs-base, 14px);
  line-height: 1.9;
  color: var(--c-text-1, #333);
  word-break: break-word;
}
.article-detail__content img { max-width: 100%; height: auto; border-radius: var(--r-sm, 3px); }
.article-detail__content p { margin: 0 0 var(--sp-gap-sm, 10px); }
.article-detail__content h2 { font-size: var(--fs-lg, 16px); font-weight: var(--fw-bold, 700); margin: var(--sp-4, 16px) 0 var(--sp-gap-sm, 10px); }
.article-detail__content h3 { font-size: var(--fs-base, 14px); font-weight: var(--fw-bold, 700); margin: var(--sp-3, 12px) 0 var(--sp-gap-sm, 10px); }
/* 付费折叠预览 */
.article-detail__preview { position: relative; max-height: 480px; overflow: hidden; }
.article-detail__preview::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 80px;
  background: linear-gradient(to bottom, rgba(255,255,255,0), #fff);
  pointer-events: none;
}

/* ========== 14. 下载面板 ========== */
.download-panel {
  margin-top: var(--sp-gap-lg, 15px);
  padding: var(--sp-4, 16px);
  background: var(--c-bg-hover, #f0f2f5);
  border-radius: var(--r-md, 6px);
}
.download-panel .block-head__title {
  font-size: var(--fs-lg, 16px);
  font-weight: var(--fw-bold, 700);
  margin-bottom: var(--sp-gap-lg, 15px);
}
.buy__tip {
  font-size: var(--fs-base, 14px);
  line-height: 1.8;
  color: var(--c-text-2, #666);
  margin-bottom: var(--sp-gap-sm, 10px);
}
.buy__tip em {
  color: var(--c-accent, #1B2A41);
  font-weight: var(--fw-bold, 700);
  font-style: normal;
}
.buy__btn-row { margin: var(--sp-gap-sm, 10px) 0; }
.buybtn {
  display: inline-block;
  padding: 8px 28px;
  background: var(--c-primary, #B8860B);
  color: #fff;
  border-radius: var(--r-full, 100px);
  font-size: var(--fs-base, 14px);
}
.buybtn:hover { background: var(--c-primary-dk, #96700A); color: #fff; }
.buy__count { font-size: var(--fs-sm, 12px); color: var(--c-text-3, #999); }

.download-files { display: flex; flex-wrap: wrap; gap: var(--sp-gap-sm, 10px); align-items: center; }
.download-files__tip { width: 100%; font-size: var(--fs-sm, 12px); color: var(--c-success, #67c23a); }
.download-files__btn {
  display: inline-block;
  padding: 6px 20px;
  background: var(--c-bg-box, #fff);
  border: 1px solid var(--c-primary, #B8860B);
  border-radius: var(--r-sm, 3px);
  color: var(--c-primary, #B8860B);
  font-size: var(--fs-sm, 12px);
}
.download-files__btn:hover { background: var(--c-primary, #B8860B); color: #fff; }
.download-files__code { font-size: var(--fs-sm, 12px); color: var(--c-text-3, #999); }

/* ========== 15. 视频详情头 ========== */
.media-head {
  display: flex;
  gap: var(--sp-gap-lg, 15px);
  padding: var(--sp-4, 16px);
  background: var(--c-bg-box, #fff);
  border-radius: var(--r-md, 6px);
  margin-bottom: var(--sp-gap-lg, 15px);
}
.media-head__cover {
  flex: 0 0 320px;
  width: 320px;
  height: 180px;
  overflow: hidden;
  border-radius: var(--r-md, 6px);
  background: var(--c-bg-hover, #f0f2f5);
}
.media-head__cover img { width: 100%; height: 100%; object-fit: cover; display: block; }
.media-head__info { flex: 1; min-width: 0; }
.media-head__title {
  font-size: var(--fs-2xl, 20px);
  font-weight: var(--fw-bold, 700);
  line-height: 1.4;
  margin-bottom: var(--sp-gap-sm, 10px);
}
.media-head__meta {
  display: flex; flex-wrap: wrap; gap: var(--sp-gap-sm, 10px);
  font-size: var(--fs-sm, 12px); color: var(--c-text-3, #999);
  margin-bottom: var(--sp-gap-lg, 15px);
}

/* ========== 16. 视频播放页 ========== */
.player-wrap {
  width: 100%;
  background: #000;
  border-radius: var(--r-md, 6px);
  overflow: hidden;
  margin-bottom: var(--sp-gap-lg, 15px);
}
.player-wrap video { width: 100%; height: auto; display: block; }
.playlist { background: var(--c-bg-box, #fff); border-radius: var(--r-md, 6px); padding: var(--sp-4, 16px); }
.playlist__item {
  display: flex; justify-content: space-between; gap: var(--sp-2, 8px);
  padding: var(--sp-2, 8px) var(--sp-3, 12px);
  border-radius: var(--r-sm, 3px);
  font-size: var(--fs-sm, 12px);
  color: var(--c-text-2, #666);
}
.playlist__item:hover { background: var(--c-bg-hover, #f0f2f5); }
.playlist__item.on { background: var(--c-tint-blue, #ecf5ff); color: var(--c-primary, #B8860B); }

/* =====================================================================
   单页内容排版（2026-10-31）
   适用：关于我们 / 公司介绍 / 联系我们 / 版权声明 / 在线工具 / 论坛问答
   设计：学术智库风 —— 铜金小标题、宽松行高、表格细边线
   ================================================================== */
.article-detail__content .single-block{
  margin: 0 0 26px;
}
.article-detail__content .single-block:last-child{
  margin-bottom: 0;
}
.article-detail__content .single-block > h2{
  position: relative;
  margin: 0 0 12px;
  padding-left: 11px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
  color: var(--c-text-1, #1A1D21);
  font-family: var(--ff-title, "Source Han Serif SC", serif);
}
.article-detail__content .single-block > h2::before{
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 3px;
  height: 15px;
  background: var(--c-gold, #B8860B);
  border-radius: 1px;
}
.article-detail__content .single-block p{
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 1.95;
  color: var(--c-text-2, #3A4048);
}
.article-detail__content .single-block p:last-child{
  margin-bottom: 0;
}
.article-detail__content .single-block ul,
.article-detail__content .single-block ol{
  margin: 0 0 10px;
  padding-left: 22px;
}
.article-detail__content .single-block li{
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 1.9;
  color: var(--c-text-2, #3A4048);
}
.article-detail__content .single-block li:last-child{
  margin-bottom: 0;
}
.article-detail__content .single-block b{
  color: var(--c-text-1, #1A1D21);
  font-weight: 600;
}
.article-detail__content .single-block a{
  color: var(--c-gold, #B8860B);
  text-decoration: underline;
  text-underline-offset: 2px;
}
.article-detail__content .single-block a:hover{
  color: #A57609;
}

/* 表格 */
.article-detail__content .single-table{
  width: 100%;
  border-collapse: collapse;
  margin: 0 0 12px;
  font-size: 14px;
}
.article-detail__content .single-table th,
.article-detail__content .single-table td{
  padding: 11px 14px;
  text-align: left;
  vertical-align: top;
  line-height: 1.8;
  border: 1px solid var(--c-border-light, #EDEFF2);
}
.article-detail__content .single-table th{
  width: 132px;
  background: var(--c-bg-subtle, #F7F8FA);
  font-weight: 600;
  color: var(--c-text-1, #1A1D21);
  white-space: nowrap;
}
.article-detail__content .single-table td{
  color: var(--c-text-2, #3A4048);
}
.article-detail__content .single-table tr:hover td{
  background: #FCFCFD;
}

/* 提示条 */
.article-detail__content .single-note{
  margin: 12px 0 0;
  padding: 11px 14px;
  background: var(--c-gold-tint, #FBF6E9);
  border-left: 3px solid var(--c-gold, #B8860B);
  border-radius: 0 2px 2px 0;
  font-size: 13px;
  line-height: 1.85;
  color: #7A5C00;
}

@media (max-width: 640px){
  .article-detail__content .single-table th{
    width: 96px;
    padding: 9px 10px;
  }
  .article-detail__content .single-table td{
    padding: 9px 10px;
  }
}

/* =====================================================================
   列表空状态（2026-10-31）
   背景：空栏目原来只显示“共 0 页 0 条”，页面一片空白，极不专业。
   ================================================================== */
.list-empty{
  background: #fff;
  border: 1px solid var(--c-border, #E1E4E8);
  border-radius: var(--r-md, 4px);
  padding: 56px 28px 44px;
  text-align: center;
}
.list-empty__ico{
  font-size: 42px;
  line-height: 1;
  opacity: .5;
  margin-bottom: 16px;
}
.list-empty__t{
  margin: 0 0 10px;
  font-size: 17px;
  font-weight: 600;
  color: var(--c-text-1, #1A1D21);
  font-family: var(--ff-title, "Source Han Serif SC", serif);
}
.list-empty__d{
  margin: 0 0 22px;
  font-size: 14px;
  line-height: 1.9;
  color: var(--c-text-3, #6E7681);
}
.list-empty__srch{
  display: flex;
  gap: 8px;
  max-width: 400px;
  margin: 0 auto 22px;
}
.list-empty__srch input{
  flex: 1;
  height: 40px;
  padding: 0 13px;
  font-size: 14px;
  border: 1px solid var(--c-border, #E1E4E8);
  border-radius: var(--r-md, 4px);
  outline: none;
  font-family: inherit;
  color: var(--c-text-1, #1A1D21);
}
.list-empty__srch input:focus{
  border-color: var(--c-gold, #B8860B);
}
.list-empty__srch button{
  flex: 0 0 auto;
  height: 40px;
  padding: 0 20px;
  border: none;
  border-radius: var(--r-md, 4px);
  background: var(--c-primary, #1B2A41);
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  font-family: inherit;
}
.list-empty__srch button:hover{ opacity: .9; }
.list-empty__links{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
}
.list-empty__links a{
  display: inline-block;
  padding: 6px 14px;
  font-size: 13px;
  color: var(--c-text-3, #6E7681);
  background: var(--c-bg-subtle, #F7F8FA);
  border: 1px solid var(--c-border-light, #EDEFF2);
  border-radius: 3px;
  text-decoration: none;
  transition: all .16s;
}
.list-empty__links a:hover{
  color: var(--c-gold, #B8860B);
  border-color: #E8DDBF;
  background: var(--c-gold-tint, #FBF6E9);
}