/* ============================================================================
 * 首页改版（医疗招聘 + 医学考试资料）  v1.0.19
 *
 * 作用域：只在 .yh-home-page 首页生效，所有选择器都以 .yh- 开头，
 * 不覆盖主题的 .container / .card / .tag 等公共类，主题内页零影响。
 * 宽度：复用主题 .container（本站 --mian-max-width:1400px），不另造容器。
 * ==========================================================================*/

.yh-home-page {
  --yh-blue: #1677D9;
  --yh-blue-d: #0E5CB0;
  --yh-navy: #163451;
  --yh-bg: #F5F8FC;
  --yh-card: #FFFFFF;
  --yh-soft: #EAF4FF;
  --yh-green: #16A37A;
  --yh-orange: #F29A38;
  --yh-red: #E95858;
  --yh-text: #66788A;
  --yh-line: #E5ECF3;
  --yh-radius: 12px;
  --yh-shadow: 0 2px 10px rgba(22, 52, 81, .05);
  --yh-shadow-hover: 0 8px 22px rgba(22, 52, 81, .10);
}

.yh-home-page .yh-main {
  background: var(--yh-bg);
  padding-bottom: 40px;
  color: var(--yh-navy);
}

.yh-main * { box-sizing: border-box; }

.yh-ic {
  width: 1em; height: 1em;
  display: inline-block; vertical-align: -0.14em;
  flex: none;
}

/* ---------------------------------------------------------------- 通用区块 */

.yh-sec { padding: 26px 0 4px; }

.yh-sec__head {
  display: flex; align-items: center; justify-content: space-between;
  gap: 12px; margin-bottom: 14px;
}

.yh-sec__title {
  margin: 0; font-size: 20px; line-height: 1.35; font-weight: 700;
  color: var(--yh-navy); letter-spacing: .2px;
  display: flex; align-items: center; gap: 8px;
}

.yh-sec__title--icon .yh-soon__ic {
  display: inline-flex; align-items: center; justify-content: center;
  width: 26px; height: 26px; border-radius: 8px;
  background: #FDECEC; color: var(--yh-red); font-size: 16px;
}

.yh-sec__note { font-size: 12.5px; color: var(--yh-text); }

.yh-sec__more {
  display: inline-flex; align-items: center; gap: 4px;
  font-size: 13px; color: var(--yh-text); text-decoration: none;
  white-space: nowrap; transition: color .18s;
}
.yh-sec__more:hover { color: var(--yh-blue); }
.yh-sec__more .yh-ic { font-size: 13px; }

.yh-btn {
  display: inline-flex; align-items: center; justify-content: center;
  height: 34px; padding: 0 16px; border-radius: 8px;
  background: var(--yh-blue); color: #fff !important;
  font-size: 13px; text-decoration: none; border: 1px solid var(--yh-blue);
}
.yh-btn--ghost { background: #fff; color: var(--yh-blue) !important; border-color: #CFE1F7; }

/* 空状态：不留白、不塞假数据 */
.yh-empty {
  background: #fff; border: 1px dashed #D8E3F0; border-radius: var(--yh-radius);
  padding: 28px 20px; text-align: center;
}
.yh-empty__title { margin: 0 0 6px; font-size: 15px; font-weight: 600; color: var(--yh-navy); }
.yh-empty__hint { margin: 0 0 14px; font-size: 13px; color: var(--yh-text); }
.yh-empty__actions { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; }

/* -------------------------------------------------------------------- Hero */

.yh-hero {
  position: relative; overflow: hidden;
  background:
    radial-gradient(680px 250px at 76% -12%, rgba(255, 255, 255, .62) 0%, rgba(255, 255, 255, 0) 66%),
    linear-gradient(96deg, #E3EDFD 0%, #E7F1FC 46%, #E2EFF9 100%);
  border-bottom: 1px solid #DEEAF6;
}

.yh-hero__bg {
  position: absolute; inset: 0; pointer-events: none; overflow: hidden;
}
/* 弱化的医疗氛围：右上柔光 + 底部浅蓝光斑，纯 CSS，不加载图片 */
.yh-hero__bg::before {
  content: ""; position: absolute; right: -90px; top: -120px;
  width: 380px; height: 380px; border-radius: 50%;
  background: radial-gradient(circle, rgba(150, 200, 244, .34) 0%, rgba(150, 200, 244, 0) 68%);
}
.yh-hero__bg::after {
  content: ""; position: absolute; left: 32%; bottom: -70px;
  width: 460px; height: 170px; border-radius: 50%;
  background: radial-gradient(circle, rgba(172, 214, 248, .26) 0%, rgba(172, 214, 248, 0) 70%);
}

/*
 * 主题（bootstrap 系）给 .container 挂了 clearfix 伪元素：::before/::after { display: table }。
 * 这类伪元素一旦落进 grid / flex 容器，就会变成真实的网格项 / 弹性项，
 * 表现为「整排卡片被顶歪一格、第一格空白、最后一个跑到下一行」。
 * 本页所有 grid/flex 都放在 container 内层，这里再把伪元素清零做二次兜底。
 */
.yh-home-page .yh-hero__inner::before,   .yh-home-page .yh-hero__inner::after,
.yh-home-page .yh-entries__grid::before, .yh-home-page .yh-entries__grid::after,
.yh-home-page .yh-tax__grid::before,     .yh-home-page .yh-tax__grid::after,
.yh-home-page .yh-jobs__grid::before,    .yh-home-page .yh-jobs__grid::after,
.yh-home-page .yh-soon__grid::before,    .yh-home-page .yh-soon__grid::after,
.yh-home-page .yh-res__grid::before,     .yh-home-page .yh-res__grid::after,
.yh-home-page .yh-cats__grid::before,    .yh-home-page .yh-cats__grid::after {
  content: none !important; display: none !important;
}

.yh-hero__inner {
  position: relative; z-index: 1; padding: 36px 0 32px;
  display: flex; align-items: center; gap: 30px; min-height: 250px;
}

.yh-hero__text { max-width: 730px; flex: 1 1 auto; min-width: 0; }

.yh-hero__art {
  flex: 0 0 336px; max-width: 336px; align-self: center; margin-left: auto;
  opacity: .97; pointer-events: none;
}
.yh-hero__art svg { width: 100%; height: auto; display: block; }

.yh-hero__title {
  margin: 0 0 12px; font-size: 36px; line-height: 1.22; font-weight: 700;
  color: #0C2B57; letter-spacing: .6px;
}

.yh-hero__sub {
  margin: 0 0 20px; font-size: 14.5px; line-height: 1.7; color: #4F6782;
}
.yh-hero__sub .yh-nw { white-space: nowrap; }

/* 搜索条：Tab 与输入框同一行（对齐效果图） */
.yh-search {
  display: flex; align-items: center; gap: 6px;
  background: #fff; border-radius: 12px; padding: 6px;
  box-shadow: 0 8px 26px rgba(24, 74, 132, .10), 0 1px 2px rgba(24, 74, 132, .05);
  max-width: 660px;
  transition: box-shadow .18s;
}
.yh-search:focus-within {
  box-shadow: 0 8px 26px rgba(24, 74, 132, .14), 0 0 0 3px rgba(22, 119, 217, .14);
}

.yh-search__tabs { display: flex; gap: 4px; flex: none; }

.yh-search__tab {
  appearance: none; border: 0; background: transparent; cursor: pointer;
  font-family: inherit; font-size: 14.5px; font-weight: 600; color: #52687F;
  height: 42px; padding: 0 22px; border-radius: 8px; line-height: 1; white-space: nowrap;
  transition: background .16s, color .16s, box-shadow .16s;
}
.yh-search__tab:hover { color: var(--yh-blue); background: #F2F7FE; }
.yh-search__tab.is-active {
  background: var(--yh-blue); color: #fff;
  box-shadow: 0 3px 10px rgba(22, 119, 217, .28);
}

.yh-search__form {
  display: flex; align-items: center; gap: 4px;
  flex: 1 1 auto; min-width: 0; padding: 0;
}

.yh-search__glass {
  flex: none; display: inline-flex; align-items: center;
  color: #9DB0C4; margin-left: 8px;
}
.yh-search__glass .yh-ic { font-size: 16px; }

.yh-search__input {
  flex: 1 1 auto; min-width: 0; height: 42px; border: 0; outline: none;
  background: transparent; font-family: inherit; font-size: 14.5px; color: var(--yh-navy);
  padding: 0 4px;
}
.yh-search__input::placeholder { color: #A3B3C4; }

.yh-search__btn {
  flex: none; display: inline-flex; align-items: center; gap: 6px;
  height: 42px; padding: 0 22px; border: 0; border-radius: 8px;
  background: var(--yh-blue); color: #fff; font-family: inherit;
  font-size: 14.5px; font-weight: 500;
  cursor: pointer; transition: background .18s;
}
.yh-search__btn:hover { background: var(--yh-blue-d); }
.yh-search__btn .yh-ic { font-size: 15px; }

.yh-hot {
  display: flex; align-items: center; flex-wrap: wrap;
  margin-top: 16px; font-size: 12.5px;
}
.yh-hot__label { flex: none; color: #7A8FA6; margin-right: 6px; }
.yh-hot__word {
  color: #506880; text-decoration: none; transition: color .16s;
}
.yh-hot__word + .yh-hot__word { margin-left: 18px; }
.yh-hot__word:hover { color: var(--yh-blue); }

/* ---------------------------------------------------------- 三大招聘入口 */

.yh-entries { padding: 20px 0 2px; }

.yh-entries__grid {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px;
}

.yh-entry {
  display: flex; align-items: center; gap: 13px;
  padding: 15px 16px; border-radius: 12px; text-decoration: none;
  transition: transform .18s, box-shadow .18s;
  position: relative;
}
.yh-entry--blue   { background: #E9F2FE; }
.yh-entry--green  { background: #E7F7F0; }
.yh-entry--orange { background: #FFF1E3; }

.yh-entry:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(24, 74, 132, .10); }

.yh-entry__icon {
  flex: none; width: 46px; height: 46px; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 22px; color: #fff;
}
.yh-entry__icon .yh-ic { stroke-width: 1.9; }
.yh-entry--blue   .yh-entry__icon { background: #1677D9; box-shadow: 0 4px 12px rgba(22, 119, 217, .26); }
.yh-entry--green  .yh-entry__icon { background: #1CA87C; box-shadow: 0 4px 12px rgba(28, 168, 124, .24); }
.yh-entry--orange .yh-entry__icon { background: #F58B2E; box-shadow: 0 4px 12px rgba(245, 139, 46, .26); }

.yh-entry__body { display: flex; flex-direction: column; gap: 5px; min-width: 0; flex: 1 1 auto; }
.yh-entry__title { font-size: 17px; font-weight: 700; line-height: 1.25; letter-spacing: .3px; }
.yh-entry--blue   .yh-entry__title { color: #1677D9; }
.yh-entry--green  .yh-entry__title { color: #149C71; }
.yh-entry--orange .yh-entry__title { color: #EE8225; }

.yh-entry__desc {
  display: flex; align-items: center; flex-wrap: nowrap;
  font-size: 12.5px; color: #6A7E93; line-height: 1.5; overflow: hidden;
}
.yh-entry__desc > span { white-space: nowrap; }
/* 分隔符用细竖线，比字符「|」更干净，也便于单独控制颜色 */
.yh-entry__desc > span + span::before {
  content: ""; display: inline-block; width: 1px; height: 9px;
  background: #B6C6D5; vertical-align: -1px; margin: 0 8px;
}

.yh-entry__arrow {
  flex: none; display: inline-flex; font-size: 16px; color: #B9C7D6;
  transition: transform .18s, color .18s;
}
.yh-entry__arrow .yh-ic { stroke-width: 2; }
.yh-entry:hover .yh-entry__arrow { transform: translateX(3px); }
.yh-entry--blue:hover   .yh-entry__arrow { color: #1677D9; }
.yh-entry--green:hover  .yh-entry__arrow { color: #1CA87C; }
.yh-entry--orange:hover .yh-entry__arrow { color: #F58B2E; }

/* ------------------------------------------------------------- 筛选条 */

.yh-filters {
  display: flex; flex-direction: column; gap: 8px;
  background: #fff; border: 1px solid var(--yh-line); border-radius: var(--yh-radius);
  padding: 12px 14px; margin-bottom: 14px;
}

.yh-filter { display: flex; align-items: flex-start; gap: 10px; min-width: 0; }

.yh-filter__label {
  flex: none; font-size: 12.5px; color: #8496A8; line-height: 28px;
  min-width: 56px;
}

.yh-filter__items {
  display: flex; flex-wrap: wrap; align-items: center; gap: 6px; min-width: 0;
}

.yh-chip {
  display: inline-flex; align-items: center; gap: 3px;
  height: 28px; padding: 0 12px; border-radius: 7px;
  font-size: 13px; color: #47607A; text-decoration: none;
  background: #F5F8FC; border: 1px solid transparent;
  transition: all .15s; white-space: nowrap;
}
.yh-chip:hover { background: #EAF4FF; color: var(--yh-blue); }
.yh-chip.is-on {
  background: var(--yh-blue); color: #fff; border-color: var(--yh-blue); font-weight: 600;
}
.yh-chip--more { cursor: pointer; font-family: inherit; }
.yh-chip--more .yh-ic { font-size: 12px; transition: transform .18s; }
.yh-filter__more.is-open .yh-chip--more .yh-ic { transform: rotate(180deg); }

.yh-filter__more { display: inline-flex; align-items: center; gap: 6px; }
.yh-filter__more-list { display: none; flex-wrap: wrap; gap: 6px; }
.yh-filter__more.is-open .yh-filter__more-list { display: inline-flex; }

/* 搜索态提示 */
.yh-searched {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  font-size: 13px; color: var(--yh-text); margin-bottom: 12px; flex-wrap: wrap;
}
.yh-searched strong { color: var(--yh-blue); }
.yh-searched__clear { color: var(--yh-text); text-decoration: underline; }
.yh-searched__clear:hover { color: var(--yh-blue); }

/* ------------------------------------------------------------- 招聘卡片 */

.yh-jobs__grid {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.yh-job {
  background: #fff; border: 1px solid var(--yh-line); border-radius: var(--yh-radius);
  padding: 16px 18px 14px; cursor: pointer;
  transition: border-color .18s, box-shadow .18s, transform .18s;
  display: flex; flex-direction: column; gap: 10px;
  min-width: 0;
}
.yh-job:hover { border-color: #B9D6F2; box-shadow: var(--yh-shadow-hover); transform: translateY(-1px); }
.yh-job:focus-within { border-color: var(--yh-blue); }

.yh-job__top { display: flex; align-items: flex-start; gap: 10px; }

.yh-job__title {
  margin: 0; font-size: 15px; line-height: 1.5; font-weight: 600;
  color: var(--yh-navy); flex: 1 1 auto; min-width: 0;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
  overflow: hidden; overflow-wrap: anywhere;
}
.yh-job__title a { color: inherit; text-decoration: none; }
.yh-job:hover .yh-job__title a { color: var(--yh-blue); }

.yh-job__tags { display: flex; align-items: center; gap: 5px; flex: none; flex-wrap: wrap; justify-content: flex-end; }

.yh-tag {
  display: inline-flex; align-items: center;
  height: 21px; padding: 0 7px; border-radius: 5px;
  font-size: 11.5px; font-weight: 600; line-height: 1; white-space: nowrap;
}
.yh-tag--gongkao    { background: #EAF4FF; color: #1677D9; }
.yh-tag--jobs       { background: #E9F7F1; color: #128C68; }
.yh-tag--internship { background: #FFF2E2; color: #C97A20; }
.yh-tag--open       { background: #E9F7F1; color: #128C68; font-weight: 500; }
/* 截止状态：临期=实心橙（要行动），已截止=红字浅底（已失效）。
   原来是浅红 + 浅灰，已截止在卡片上几乎看不见。 */
.yh-tag--soon       { background: #F97316; color: #fff; font-weight: 600; }
.yh-tag--expired    { background: #FDECEC; color: #C0392B; font-weight: 600; box-shadow: inset 0 0 0 1px #F5C2C2; }

.yh-job__meta {
  margin: 0; display: flex; flex-wrap: wrap; gap: 6px 14px;
  font-size: 12.5px; color: var(--yh-text); min-height: 18px;
}
.yh-job__m { display: inline-flex; align-items: center; gap: 4px; min-width: 0; max-width: 100%; }
.yh-job__m .yh-ic { font-size: 13px; color: #A9BACB; }
.yh-job__m--major {
  color: #7C8EA0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%;
}

.yh-job__foot {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  border-top: 1px dashed #EDF2F8; padding-top: 10px; margin-top: auto;
}

.yh-job__deadline {
  display: inline-flex; align-items: center; gap: 5px;
  font-size: 12.5px; color: #5C7288; min-width: 0;
}
.yh-job__deadline .yh-ic { font-size: 13px; color: #A9BACB; }
.yh-job__deadline.is-urgent { color: var(--yh-red); font-weight: 600; }
.yh-job__deadline.is-urgent .yh-ic { color: var(--yh-red); }
.yh-job__deadline.is-expired { color: #98A8B7; }
.yh-job__deadline.is-expired .yh-ic { color: #B9C6D2; }

.yh-job__more {
  display: inline-flex; align-items: center; gap: 3px;
  font-size: 12.5px; color: #9FB2C6; white-space: nowrap; transition: color .16s, gap .16s;
}
.yh-job:hover .yh-job__more { color: var(--yh-blue); gap: 6px; }

/* ------------------------------------------------------------- 即将截止 */

.yh-soon{scroll-margin-top:90px}
.yh-soon__tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.yh-soon__tab{display:inline-flex;align-items:center;min-height:38px;padding:8px 16px;border:1px solid #E0E5EF;border-radius:9px;background:#fff;color:#5E6D80;font-size:13px;font-weight:600;text-decoration:none}
.yh-soon__tab[data-yh-soon-tab="school"].is-on{background:#F1EBFF;border-color:#CDBBEF;color:#6845B2}
.yh-soon__tab[data-yh-soon-tab="social"].is-on{background:#EAF4FF;border-color:#ADCFF1;color:#126CC2}
.yh-soon__tab:hover{border-color:#A8B5C6;color:#163451}
.yh-soon__tab:focus-visible{outline:2px solid #1677D9;outline-offset:3px}
.yh-soon [role="tabpanel"][hidden]{display:none!important}
.yh-soon__empty{display:flex;align-items:center;gap:16px;padding:25px 22px;min-height:136px;border:1px dashed #CDDCEB;border-radius:12px;background:#fff}
.yh-soon__empty>.yh-ic{width:30px;height:30px;flex:none;color:#7894AF}
.yh-soon__empty>div{flex:1;min-width:0}
.yh-soon__empty h3{margin:0 0 7px;font-size:16px;color:#26435E}
.yh-soon__empty p{margin:0;color:#718096;font-size:13px;line-height:1.7}
.yh-soon__empty>a{display:inline-flex;align-items:center;gap:5px;flex:none;padding:9px 12px;border-radius:8px;background:#EAF4FF;color:#126CC2;font-size:13px;text-decoration:none}
.yh-soon__empty>a .yh-ic{width:15px;height:15px}
@media(max-width:600px){.yh-soon__empty{flex-wrap:wrap;gap:12px;padding:20px 16px}.yh-soon__empty>a{margin-left:42px}.yh-soon__tab{padding:8px 13px}}

.yh-soon__grid {
  display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px;
}

.yh-soon__card {
  display: flex; flex-direction: column; gap: 6px;
  background: #fff; border: 1px solid var(--yh-line); border-left: 3px solid #F3B4B4;
  border-radius: 10px; padding: 12px 13px; text-decoration: none;
  transition: border-color .18s, box-shadow .18s, transform .18s;
  min-width: 0;
}
.yh-soon__card:hover { border-color: #EFC7C7; border-left-color: var(--yh-red); box-shadow: var(--yh-shadow-hover); transform: translateY(-2px); }

.yh-soon__badge {
  align-self: flex-start; font-size: 11.5px; font-weight: 700; color: var(--yh-red);
  background: #FDECEC; padding: 2px 7px; border-radius: 5px;
}
.yh-soon__title {
  font-size: 13.5px; font-weight: 600; color: var(--yh-navy); line-height: 1.45;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  overflow-wrap: anywhere;
}
.yh-soon__meta { font-size: 12px; color: var(--yh-text); }
.yh-soon__date { font-size: 12px; color: #93A3B2; margin-top: auto; }

/* ------------------------------------------------------------ 分类导航 */

/* 4 块一排（效果图结构）：每块内 3 列标签，第 9 格固定是「更多」 */
.yh-tax .yh-tax__grid {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px;
  background: #F1F7FE; border: 1px solid #E3EEFA; border-radius: 14px; padding: 16px;
}

.yh-tax__block { background: #fff; border-radius: 10px; padding: 13px 14px; min-width: 0; }

.yh-tax__title {
  margin: 0 0 10px; font-size: 13.5px; font-weight: 700; color: var(--yh-navy);
  display: flex; align-items: center; gap: 6px;
}
.yh-tax__title .yh-ic { font-size: 15px; color: var(--yh-blue); }

.yh-tax__chips { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; }

.yh-tax__chip {
  display: flex; align-items: baseline; justify-content: center; gap: 3px;
  min-width: 0; padding: 7px 4px; border-radius: 7px; text-decoration: none;
  background: #F6FAFE; border: 1px solid #EDF4FC;
  font-size: 12.5px; color: #4C647C; transition: all .15s;
}
.yh-tax__chip-t { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.yh-tax__chip-n { font-style: normal; font-size: 10.5px; color: #9FB0C1; flex: none; }
.yh-tax__chip:hover { color: var(--yh-blue); background: #fff; border-color: #BFDAF6; }
.yh-tax__chip:hover .yh-tax__chip-n { color: var(--yh-blue); }

.yh-tax__more {
  display: flex; align-items: center; justify-content: center; gap: 2px;
  padding: 7px 4px; border-radius: 7px; text-decoration: none;
  font-size: 12.5px; color: var(--yh-blue); background: #EAF4FF;
}
.yh-tax__more .yh-ic { font-size: 12px; }
.yh-tax__more:hover { background: #DCEBFF; }

/* --------------------------------------------------------- 资料卡片区 */

/* 热门资料头部：标题 + 一级 Tab + 查看更多同一行（效果图布局） */
.yh-res__head { flex-wrap: nowrap; }
.yh-res__head .yh-sec__title { flex: none; }
.yh-res__head .yh-tabs { flex: 1 1 auto; margin-bottom: 0; flex-wrap: nowrap; min-width: 0; }
.yh-res__head .yh-sec__more { flex: none; margin-left: auto; }

.yh-tabs { display: flex; flex-wrap: wrap; gap: 4px; margin-bottom: 14px; }

.yh-tabs__tab {
  height: 30px; padding: 0 13px; border-radius: 999px;
  display: inline-flex; align-items: center; white-space: nowrap;
  font-size: 13px; color: #5C7288; text-decoration: none;
  background: transparent; border: 1px solid transparent; transition: all .15s;
}
.yh-tabs__tab:hover { color: var(--yh-blue); background: #EAF4FF; }
.yh-tabs__tab.is-on { background: var(--yh-blue); border-color: var(--yh-blue); color: #fff; font-weight: 600; }
.yh-tabs__tab:focus-visible { outline: 2px solid #1677D9; outline-offset: 2px; }

/* 子分类行：一级 Tab 下钻的二级筛选（没有子分类时整块 hidden） */
.yh-subs { margin: -2px 0 14px; }

.yh-subs__row { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; }

.yh-subs__chip {
  height: 28px; padding: 0 11px; border-radius: 8px;
  display: inline-flex; align-items: center; gap: 5px;
  font-size: 12.5px; color: #5C7288; text-decoration: none;
  background: #fff; border: 1px solid var(--yh-line); transition: all .15s;
}
.yh-subs__chip em { font-style: normal; font-size: 11px; color: #9FB0C1; }
.yh-subs__chip:hover { color: var(--yh-blue); border-color: #BFDAF6; }
.yh-subs__chip.is-on { background: #EAF4FF; border-color: #A9CEF4; color: var(--yh-blue); font-weight: 600; }
.yh-subs__chip.is-on em { color: var(--yh-blue); }
.yh-subs__chip:focus-visible { outline: 2px solid #1677D9; outline-offset: 2px; }

/* 切 Tab 时的加载态：整块淡出 + 顶部一条扫光，不清空已有内容（避免闪白） */
.yh-res__body { position: relative; transition: opacity .18s ease; }
.yh-res__body.is-loading { opacity: .5; pointer-events: none; }
.yh-res__body.is-loading::before {
  content: ''; position: absolute; left: 0; right: 0; top: -7px; height: 3px; border-radius: 2px;
  background: linear-gradient(90deg, rgba(22,119,217,0), #1677D9 45%, rgba(22,119,217,0));
  background-size: 45% 100%; background-repeat: no-repeat;
  animation: yh-scan 900ms linear infinite;
}
@keyframes yh-scan {
  0%   { background-position: -45% 0; }
  100% { background-position: 145% 0; }
}

/* 封面按原图比例后高度不一，卡片按内容自适应（行内顶对齐），
   否则矮封面的卡片会在标题和价格之间留一大块空白 */
.yh-res__grid {
  display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px;
  align-items: start;
}

.yh-res__card {
  background: #fff; border: 1px solid var(--yh-line); border-radius: 10px;
  padding: 10px 10px 12px; display: flex; flex-direction: column; gap: 8px;
  transition: border-color .18s, box-shadow .18s, transform .18s; min-width: 0;
}
.yh-res__card:hover { border-color: #BFDAF6; box-shadow: var(--yh-shadow-hover); transform: translateY(-2px); }

/* 封面沿用文章原有特色图与原始比例：宽度铺满卡片、高度自适应，
   既不裁切也不补白边（与改版前首页的显示方式一致） */
.yh-res__cover {
  position: relative; display: block; border-radius: 7px; overflow: hidden;
  background: #F2F6FB; text-decoration: none; line-height: 0;
}
.yh-res__img {
  width: 100%; height: auto; display: block; background: #F2F6FB;
}
.yh-res__img--none {
  display: flex; align-items: center; justify-content: center;
  font-size: 30px; color: #C3D3E2;
}

.yh-res__title {
  font-size: 12.8px; line-height: 1.45; color: var(--yh-navy); text-decoration: none;
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  overflow-wrap: anywhere; min-height: 36px;
}
.yh-res__card:hover .yh-res__title { color: var(--yh-blue); }

.yh-res__cats { display: flex; flex-wrap: wrap; gap: 4px; }
.yh-res__cat {
  font-size: 11px; color: #7A8FA5; background: #F4F8FC;
  border-radius: 4px; padding: 2px 6px; white-space: nowrap;
  max-width: 100%; overflow: hidden; text-overflow: ellipsis;
}

.yh-res__foot {
  display: flex; align-items: center; justify-content: space-between; gap: 6px;
  margin-top: auto; flex-wrap: wrap;
}
.yh-res__price { font-size: 14px; font-weight: 700; color: var(--yh-red); }
.yh-res__price--free { color: var(--yh-green); font-size: 12.5px; }
.yh-res__old { font-size: 11px; color: #A7B6C5; }
.yh-res__views {
  display: inline-flex; align-items: center; gap: 3px;
  font-size: 11.5px; color: #9AABBB;
}
.yh-res__views .yh-ic { font-size: 12px; }

/* 最新资料：更简洁（无分类标签、封面略小） */
.yh-res__grid--latest { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 14px; }
.yh-res__card--plain { padding: 8px 8px 10px; gap: 6px; }
.yh-res__card--plain .yh-res__title { font-size: 12.3px; min-height: 34px; }
.yh-res__card--plain .yh-res__price { font-size: 13px; }

/* ------------------------------------------------------------ 资料分类 */

.yh-cats__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }

.yh-cat {
  display: flex; align-items: center; gap: 12px;
  background: #fff; border: 1px solid var(--yh-line); border-radius: 12px;
  padding: 16px; text-decoration: none;
  transition: border-color .18s, box-shadow .18s, transform .18s; min-width: 0;
}
.yh-cat:hover { border-color: #BFDAF6; box-shadow: var(--yh-shadow-hover); transform: translateY(-2px); }

.yh-cat__icon {
  flex: none; width: 42px; height: 42px; border-radius: 11px;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 21px; color: var(--yh-blue); background: #EDF5FF;
}
.yh-cat__body { display: flex; flex-direction: column; gap: 3px; min-width: 0; flex: 1 1 auto; }
.yh-cat__title { font-size: 14.5px; font-weight: 700; color: var(--yh-navy); }
.yh-cat__desc { font-size: 12px; color: var(--yh-text); line-height: 1.45; }
.yh-cat__count { font-size: 11.5px; color: #A3B3C2; }
.yh-cat__arrow { flex: none; font-size: 17px; color: #A9BFD4; transition: transform .18s, color .18s; }
.yh-cat:hover .yh-cat__arrow { transform: translateX(3px); color: var(--yh-blue); }

/* -------------------------------------------------------------- 详情抽屉 */

.yh-overlay {
  position: fixed; inset: 0; z-index: 99990;
  background: rgba(16, 32, 51, .46);
  backdrop-filter: blur(1px);
}

.yh-drawer {
  position: fixed; top: 0; right: 0; bottom: 0; z-index: 100000;
  width: min(560px, 100%);
  background: #fff; display: flex; flex-direction: column;
  box-shadow: -12px 0 40px rgba(16, 32, 51, .16);
}

.yh-drawer[hidden], .yh-overlay[hidden] { display: none !important; }

.yh-drawer__bar {
  flex: none; display: flex; align-items: center; justify-content: space-between;
  gap: 10px; padding: 12px 16px; border-bottom: 1px solid #EEF3F9;
  position: sticky; top: 0; background: #fff; z-index: 2;
}

.yh-drawer__nav { display: flex; gap: 8px; }

/* 带文字的上一条/下一条：只有两个箭头时用户不知道是翻页还是滚动 */
.yh-drawer__navbtn {
  height: 34px; padding: 0 12px; border-radius: 17px; cursor: pointer;
  display: inline-flex; align-items: center; gap: 4px;
  border: 1px solid var(--yh-line); background: #F7FAFD; color: #4B6076;
  font-size: 13px; line-height: 1; font-family: inherit; white-space: nowrap;
}
.yh-drawer__navbtn:hover:not(:disabled) { border-color: #BFDAF6; color: var(--yh-blue); background: #F2F8FF; }
.yh-drawer__navbtn:disabled { opacity: .42; cursor: default; }

.yh-drawer__close {
  width: 40px; height: 40px; border-radius: 10px; cursor: pointer;
  border: 1px solid var(--yh-line); background: #fff; color: #33465C;
  font-size: 26px; line-height: 1; display: flex; align-items: center; justify-content: center;
  font-family: inherit;
}
.yh-drawer__close:hover { border-color: #F0BDBD; color: var(--yh-red); background: #FFF7F7; }

.yh-drawer__body {
  flex: 1 1 auto; overflow-y: auto; -webkit-overflow-scrolling: touch;
  padding: 18px 20px 28px;
}

/* 抽屉内容 */
.yh-detail__title { margin: 0 0 10px; font-size: 18px; line-height: 1.5; font-weight: 700; color: var(--yh-navy); }
.yh-detail__tags { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 14px; }
.yh-detail__tag {
  font-size: 11.5px; padding: 3px 8px; border-radius: 5px;
  background: #EDF5FF; color: var(--yh-blue); font-weight: 600;
}
.yh-detail__tag--plain { background: #F4F7FA; color: #6B7F93; font-weight: 500; }
.yh-detail__fields { display: flex; flex-direction: column; gap: 0; border-top: 1px solid #F0F4F9; }
.yh-detail__row {
  display: flex; gap: 14px; padding: 10px 0; border-bottom: 1px solid #F0F4F9;
  font-size: 13.5px; line-height: 1.65;
}
.yh-detail__label { flex: none; width: 84px; color: #8496A8; }
.yh-detail__value { flex: 1 1 auto; color: var(--yh-navy); min-width: 0; overflow-wrap: anywhere; }
/* 截止时间 + 状态标签：原文可能很长，标签不能被挤到下一行的奇怪位置 */
.yh-detail__deadline { display: inline-flex; align-items: baseline; gap: 8px; flex-wrap: wrap; min-width: 0; }
.yh-detail__deadline-text { min-width: 0; overflow-wrap: anywhere; }
.yh-detail__value a { color: var(--yh-blue); }
.yh-detail__locked {
  display: inline-flex; align-items: center; gap: 6px; color: #B07B2A;
  background: #FFF8EC; border: 1px dashed #F0D8AE; border-radius: 7px;
  padding: 6px 10px; font-size: 12.5px; text-decoration: none;
}
.yh-detail__cta {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  margin-top: 16px; padding: 13px 14px; border-radius: 10px;
  background: #F5F9FE; border: 1px solid #E3EEFA; font-size: 13px; color: #52697F;
}
.yh-detail__cta a {
  flex: none; display: inline-flex; align-items: center; gap: 4px;
  height: 32px; padding: 0 14px; border-radius: 8px;
  background: var(--yh-blue); color: #fff !important; text-decoration: none; font-size: 13px;
}
/* 会员已解锁：把投递方式 / 投递链接 / 邮箱 / 公告逐条列出来 */
.yh-detail__apply {
  margin-top: 16px; padding: 12px 14px 6px;
  border-radius: 10px; background: #F7FAFE; border: 1px solid #E6EFF9;
}
.yh-detail__apply-title {
  font-size: 12.5px; font-weight: 600; color: #7A8FA6; letter-spacing: .4px; margin-bottom: 4px;
}
.yh-detail__apply-row {
  display: flex; align-items: flex-start; gap: 12px;
  padding: 8px 0; border-top: 1px solid #EDF3FA; font-size: 13px;
}
.yh-detail__apply-row:first-child { border-top: 0; }
.yh-detail__apply-label { flex: none; width: 66px; color: #8098AE; }
.yh-detail__apply-value { flex: 1 1 auto; min-width: 0; color: #1E3A56; word-break: break-all; }
.yh-detail__linkbtn {
  display: inline-flex; align-items: center; height: 28px; padding: 0 12px;
  border-radius: 7px; background: var(--yh-blue); color: #fff !important;
  font-size: 12.5px; text-decoration: none; white-space: nowrap;
  transition: background .16s;
}
.yh-detail__linkbtn:hover { background: var(--yh-blue-d); }
.yh-detail__linkhost { margin-left: 8px; font-size: 12px; color: #9AAFC2; }
.yh-detail__mail { color: var(--yh-blue); text-decoration: none; }
.yh-detail__mail:hover { text-decoration: underline; }

.yh-detail__loading { color: var(--yh-text); font-size: 13.5px; padding: 20px 0; }.yh-detail__note {
  margin-top: 14px; font-size: 12px; color: #93A3B2; line-height: 1.7;
}

body.yh-drawer-open { overflow: hidden; }

/* ---------------------------------------------------------------- 响应式 */

@media (max-width: 1240px) {
  .yh-tax .yh-tax__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .yh-res__grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .yh-res__grid--latest { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}

@media (max-width: 1080px) {
  .yh-hero__title { font-size: 30px; }
  .yh-hero__art { flex-basis: 250px; max-width: 250px; }
  /* 三列在 1024 左右会被压窄，收紧内边距与字号，保证描述仍是一行 */
  .yh-entry { padding: 13px 12px; gap: 10px; }
  .yh-entry__icon { width: 40px; height: 40px; font-size: 19px; }
  .yh-entry__title { font-size: 16px; }
  .yh-entry__desc { font-size: 11.5px; letter-spacing: -.1px; white-space: nowrap; overflow: hidden; }
  .yh-entry__arrow { font-size: 14px; }
  .yh-soon__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .yh-res__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .yh-res__grid--latest { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .yh-cats__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 860px) {
  .yh-hero__art { display: none; }
  .yh-hero__text { max-width: 100%; }
  .yh-entries__grid { grid-template-columns: 1fr; gap: 10px; }
  .yh-entry { padding: 13px 15px; gap: 12px; }
  .yh-entry__icon { width: 42px; height: 42px; font-size: 20px; }
  .yh-entry__title { font-size: 16px; }
  .yh-entry__desc { font-size: 12.5px; }
  .yh-jobs__grid { grid-template-columns: 1fr; }
  .yh-tax .yh-tax__grid { grid-template-columns: 1fr; padding: 12px; }
  .yh-soon__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .yh-res__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .yh-res__grid--latest { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .yh-sec__title { font-size: 18px; }

  /* 头部放不下时：Tab 整行下移并横向滚动，标题和「查看更多」留在第一行 */
  .yh-res__head { flex-wrap: wrap; }
  .yh-res__head .yh-sec__title { flex: 1 1 auto; }
  .yh-res__head .yh-tabs {
    order: 3; flex: 1 0 100%; margin-top: 8px;
    overflow-x: auto; overflow-y: hidden; scrollbar-width: none; -webkit-overflow-scrolling: touch;
  }
  .yh-res__head .yh-tabs::-webkit-scrollbar { display: none; }
  .yh-res__head .yh-tabs__tab { flex: none; }
  .yh-subs { margin-top: 0; }
}

@media (max-width: 640px) {
  /* Tab 换行而不是横滑：横滑会把最后两个分类藏到屏幕外 */
  .yh-res__head .yh-tabs { flex-wrap: wrap; overflow: visible; row-gap: 6px; }
  .yh-tabs__tab { height: 28px; padding: 0 11px; font-size: 12.5px; }
  .yh-subs__chip { height: 26px; padding: 0 9px; font-size: 12px; }

  .yh-hero__inner { padding: 22px 0 20px; min-height: 0; }
  .yh-hero__title { font-size: 23px; line-height: 1.3; margin-bottom: 8px; }
  .yh-hero__sub { font-size: 12.5px; margin-bottom: 14px; line-height: 1.6; }
  .yh-hero__bg::before { width: 220px; height: 220px; right: -70px; top: -60px; }
  .yh-hero__bg::after { display: none; }

  /* 窄屏放不进一行：Tab 占一行，输入框 + 按钮占一行 */
  .yh-search { flex-wrap: wrap; gap: 4px; max-width: 100%; border-radius: 12px; padding: 6px; }
  .yh-search__tabs { width: 100%; }
  .yh-search__tab { flex: 1 1 0; height: 34px; padding: 0 10px; font-size: 13.5px; }
  .yh-search__form { width: 100%; }
  .yh-search__glass { margin-left: 6px; }
  .yh-search__input { height: 38px; font-size: 13.5px; }
  .yh-search__btn { height: 38px; padding: 0 13px; font-size: 13px; gap: 4px; }

  .yh-hot { margin-top: 11px; font-size: 12px; line-height: 1.9; }
  .yh-hot__word + .yh-hot__word { margin-left: 14px; }

  .yh-sec { padding: 20px 0 2px; }
  .yh-sec__title { font-size: 17px; }
  .yh-sec__note { display: none; }

  .yh-filters { padding: 10px; gap: 6px; }
  .yh-filter { gap: 6px; }
  .yh-filter__label { min-width: 48px; font-size: 12px; line-height: 30px; }
  .yh-filter__items {
    flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none;
    -ms-overflow-style: none; padding-bottom: 2px;
  }
  .yh-filter__items::-webkit-scrollbar { display: none; }
  .yh-chip { height: 30px; padding: 0 11px; font-size: 12.5px; }
  .yh-filter--region .yh-filter__items { flex-wrap: wrap; overflow: visible; }

  .yh-job { padding: 13px 14px 12px; gap: 8px; }
  .yh-job__top { flex-direction: column; gap: 6px; }
  .yh-job__tags { justify-content: flex-start; }
  .yh-job__title { font-size: 14.5px; -webkit-line-clamp: 2; }
  .yh-job__meta { font-size: 12px; gap: 4px 10px; }
  .yh-job__m--major { max-width: 100%; }
  .yh-job__foot { padding-top: 9px; }
  .yh-job__deadline { font-size: 12px; }

  .yh-soon__grid { grid-template-columns: 1fr 1fr; gap: 9px; }
  .yh-soon__card { padding: 10px 11px; }
  .yh-soon__title { font-size: 12.8px; }

  .yh-tax__block { padding: 11px 12px; }
  .yh-tax__chip { font-size: 12px; padding: 6px 3px; }

  .yh-tabs { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
  .yh-tabs::-webkit-scrollbar { display: none; }
  .yh-tabs__tab { flex: none; height: 29px; padding: 0 12px; font-size: 12.5px; }

  .yh-res__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .yh-res__grid--latest { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .yh-res__card { padding: 8px 8px 10px; }
  .yh-res__title { font-size: 12.5px; min-height: 35px; }
  .yh-res__price { font-size: 13.5px; }

  .yh-cats__grid { grid-template-columns: 1fr; gap: 10px; }
  .yh-cat { padding: 12px 13px; }
  .yh-cat__icon { width: 38px; height: 38px; font-size: 19px; }

  .yh-drawer { width: 100%; border-radius: 0; }
  .yh-drawer__body { padding: 14px 16px 24px; }
  .yh-drawer__close { width: 44px; height: 44px; }
  .yh-drawer__navbtn { height: 40px; padding: 0 13px; }
  .yh-detail__title { font-size: 16.5px; }
  .yh-detail__label { width: 72px; font-size: 13px; }
  .yh-detail__row { font-size: 13px; gap: 10px; }
}

@media (max-width: 400px) {
  .yh-hero__title { font-size: 21px; }
  .yh-entry__icon { width: 40px; height: 40px; font-size: 20px; }
  .yh-entry__title { font-size: 15.5px; }
  .yh-res__grid, .yh-res__grid--latest { gap: 8px; }
  .yh-res__cat { font-size: 10.5px; }
}

@media (prefers-reduced-motion: reduce) {
  .yh-entry, .yh-job, .yh-soon__card, .yh-res__card, .yh-cat { transition: none; }
  .yh-entry:hover, .yh-job:hover, .yh-soon__card:hover, .yh-res__card:hover, .yh-cat:hover { transform: none; }
}

/* [LAW-PATCH] 社招与校招各自成卡，标题、颜色和链接共同标明频道。 */
.yh-tax__channels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.yh-tax__channel{--tax-accent:#1677D9;--tax-soft:#EDF6FF;--tax-line:#DCEBFB;min-width:0;padding:20px;border:1px solid var(--tax-line);border-top:4px solid var(--tax-accent);border-radius:16px;background:#fff;box-shadow:0 3px 14px rgba(22,52,81,.035)}
.yh-tax__channel--school{--tax-accent:#7253C8;--tax-soft:#F5F1FF;--tax-line:#E7DFF8}
.yh-tax__channel-head{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.yh-tax__channel-icon{display:flex;align-items:center;justify-content:center;flex:none;width:46px;height:46px;border-radius:13px;background:var(--tax-soft);color:var(--tax-accent)}
.yh-tax__channel-icon .yh-ic{width:25px;height:25px}
.yh-tax__channel-heading{min-width:0;flex:1}
.yh-tax__channel-heading h3{margin:0 0 4px;color:var(--tax-accent);font-size:21px;font-weight:750;line-height:1.3}
.yh-tax__channel-heading p{margin:0;color:#718096;font-size:12px;line-height:1.6}
.yh-tax__channel-heading strong{font-weight:600;color:#42566D;font-variant-numeric:tabular-nums}
.yh-tax__channel-link{display:inline-flex;align-items:center;gap:4px;flex:none;padding:7px 10px;border-radius:8px;color:var(--tax-accent);background:var(--tax-soft);font-size:12px;font-weight:600;text-decoration:none;white-space:nowrap}
.yh-tax__channel-link .yh-ic{width:14px;height:14px}
.yh-tax__channel-link:hover{color:var(--tax-accent);box-shadow:inset 0 0 0 1px var(--tax-accent)}
.yh-tax__groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.yh-tax--channels .yh-tax__block{padding:0;border-radius:0}
.yh-tax--channels .yh-tax__title{font-size:13px;margin:0 0 10px}
.yh-tax--channels .yh-tax__title .yh-ic{color:var(--tax-accent);width:15px;height:15px}
.yh-tax--channels .yh-tax__chips{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.yh-tax--channels .yh-tax__chip{justify-content:space-between;align-items:center;gap:6px;padding:9px 10px;min-height:38px;background:var(--tax-soft);border-color:transparent;font-size:12px}
.yh-tax--channels .yh-tax__chip-n{color:#6D7D93;font-variant-numeric:tabular-nums}
.yh-tax--channels .yh-tax__chip:hover,.yh-tax--channels .yh-tax__chip:focus-visible{color:var(--tax-accent);border-color:var(--tax-accent);background:#fff}
.yh-tax--channels .yh-tax__chip:hover .yh-tax__chip-n{color:var(--tax-accent)}
@media(max-width:1100px){.yh-tax__channels{grid-template-columns:1fr}.yh-tax--channels .yh-tax__chips{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.yh-tax__channel{padding:16px}.yh-tax__channel-head{gap:10px;margin-bottom:16px}.yh-tax__channel-heading h3{font-size:19px}.yh-tax__channel-icon{width:40px;height:40px}.yh-tax__channel-link{padding:7px 8px}.yh-tax__groups{grid-template-columns:1fr;gap:16px}.yh-tax--channels .yh-tax__chip{padding:9px 8px}}

/* [LAW-PATCH] 首页热门 / 最新资料统一卡高，原图完整缩放到同高封面区域。 */
.yh-home-page .yh-res__grid{align-items:stretch}
.yh-home-page .yh-res__card{box-sizing:border-box;height:360px;padding:12px;gap:8px}
.yh-home-page .yh-res__card .yh-res__cover{flex:0 0 220px;height:220px;min-height:0;background:#fff}
.yh-home-page .yh-res__cover .yh-res__img{width:100%;height:100%;max-height:100%;object-fit:contain;object-position:center;background:#fff}
.yh-home-page .yh-res__card .yh-res__title{flex:0 0 40px;height:40px;min-height:40px;margin:0;font-size:14px;line-height:20px}
.yh-home-page .yh-res__card .yh-res__cats{flex:0 0 24px;height:24px;flex-wrap:nowrap;align-items:center;overflow:hidden}
.yh-home-page .yh-res__card .yh-res__foot{flex:0 0 22px;min-height:22px;line-height:22px;flex-wrap:nowrap}
.yh-home-page .yh-res__card .yh-res__views{margin-left:auto}
@media(max-width:600px){
  .yh-home-page .yh-res__card{height:300px;padding:8px}
  .yh-home-page .yh-res__card .yh-res__cover{flex-basis:166px;height:166px}
  .yh-home-page .yh-res__card .yh-res__title{font-size:12.5px}
}