@media (max-width: 1024px) {
  .winsom-responsive .ws-content .ws-prose-run { font-size: 16px !important; line-height: inherit !important; }
  .winsom-responsive .ws-content .ws-prose-gap,
  .winsom-responsive .ws-news .ws-news-duplicate { display: none !important; }
  .winsom-responsive .ws-news li.litextxxx { background: none !important; }
  .winsom-responsive.ws-has-reading-nav .ws-content .cateposition { display: none !important; }
  .winsom-responsive .ws-product-overview .contenttext > a > div {
    justify-content: flex-start; background: none !important; color: var(--ws-brand, #01633a) !important;
    font-size: 20px !important; font-weight: 600; line-height: 1.5; padding: 12px 0;
    border-bottom: 1px solid #e1e6e3;
  }
  .winsom-responsive .ws-category-filter.ws-category-tree { display: grid; grid-template-columns: 1fr; gap: 12px; }
  .winsom-responsive .ws-category-tree .ws-category-row { display: grid; grid-template-columns: 72px minmax(0, 1fr); align-items: center; gap: 12px; }
  .winsom-responsive .ws-category-tree .ws-category-row[hidden] { display: none; }
  .winsom-responsive .ws-category-tree select { width: 100%; }
  .winsom-responsive .ws-mobile-title { font-size: inherit; }
}
@media (min-width: 1025px) { .ws-mobile-title { display: none; } }

/* Keep the CMS player behind the poster until the visitor clicks. */
.winsom-responsive .ws-company-film { max-width: 700px; width: 100%; margin: 16px auto 24px; }
.winsom-responsive .ws-company-film iframe { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; border: 0; background: #111; }
.winsom-responsive .ws-company-film > a { display: inline-flex; align-items: center; min-height: 44px; margin-top: 8px; color: #01633a; font-size: 14px; }
.winsom-responsive .ws-company-film > a:focus-visible { outline: 2px solid #01633a; outline-offset: 2px; }

.winsom-responsive .ws-company-film-player { width: 100%; aspect-ratio: 16 / 9; background: #111; }
.winsom-responsive .ws-company-film-play {
  display: flex; align-items: flex-end; justify-content: center; width: 100%; height: 100%;
  min-height: 44px; padding: 12px; border: 0; color: white;
  background: linear-gradient(transparent 55%, #09281cdd), url("/Upload/video/video_bg.jpg") center / cover;
  font: 600 16px/1.4 "Microsoft YaHei", sans-serif; cursor: pointer;
}
.winsom-responsive .ws-company-film-play[hidden] { display: none; }
.winsom-responsive .ws-company-film-play:focus-visible { outline: 3px solid #01633a; outline-offset: 2px; }
.winsom-responsive .ws-jobs-empty { margin: 0; padding: 22px 0; color: #4c5a54; font-size: 16px; }
.winsom-responsive .ws-jobs #dcms_pager[hidden] { display: none !important; }

@media (min-width: 768px) and (max-width: 1024px) {
  .winsom-responsive .ws-category-tree:has(.ws-category-row:nth-child(2):not([hidden])) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.ws-footer-qr-dialog {
  box-sizing: border-box;
  max-width: calc(100vw - 32px);
  max-height: calc(100vh - 32px);
  margin: auto;
  padding: 16px;
  border: 1px solid #cbd8d0;
  border-radius: 8px;
  background: #fff;
  color: #1c3026;
  text-align: center;
}
.ws-footer-qr-dialog::backdrop { background: rgb(0 0 0 / 55%); }
.ws-footer-qr-dialog img { display: block; width: min(380px, 100%); height: auto; margin: 0 auto 12px; }
.ws-footer-qr-close {
  min-width: 88px;
  min-height: 44px;
  padding: 0 12px;
  border: 1px solid #01633a;
  border-radius: 4px;
  background: #fff;
  color: #01633a;
  font: 16px/1.4 "Microsoft YaHei", sans-serif;
  cursor: pointer;
}
.ws-footer-qr-close:focus-visible { outline: 2px solid #01633a; outline-offset: 2px; }