#brief5 {
  background: #fff;
  padding: 0 0 58px;
  overflow: hidden;
  scroll-margin-top: 0;
}
#brief5 > .wrapperKn {
  width: min(67.708333vw, 1300px);
  max-width: none;
  padding: 0;
}
#brief5 .left-tags-title {
  margin: 0 0 34px;
  padding-top: clamp(52px, 4.166667vw, 80px);
  padding-left: 14px;
  font-size: clamp(28px, 2.083333vw, 40px);
  line-height: 1.3;
}
#brief5 .left-tags-title::before { width: 4px; height: 1em; top: auto; bottom: .15em; }
#brief5 .local-partners {
  --hp-navy: #111c42;
  --hp-orange: #f67528;
  --hp-muted: #687184;
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  color: var(--hp-navy);
  font-family: var(--font-harmonyos-sans);
  -webkit-font-smoothing: antialiased;
}
.local-partners *, .local-partners *::before, .local-partners *::after { box-sizing: border-box; }
#brief5 .local-partners [hidden] { display: none !important; }
#brief5 .local-partners button { font: inherit; cursor: pointer; -webkit-tap-highlight-color: transparent; }
#brief5 .local-partners button:focus-visible, #brief5 canvas:focus-visible { outline: 2px solid var(--hp-orange); outline-offset: 5px; }
#brief5 .local-partners button:disabled { cursor: default; opacity: .45; }
#brief5 .hp-filters { display: flex; justify-content: center; gap: 36px; margin: 0 20px; }
#brief5 .hp-filters button { border: 0; border-bottom: 2px solid transparent; background: transparent; padding: 10px 0 12px; min-height: 44px; font-size: 13px; color: var(--hp-muted); transition: color .2s, border-color .2s; }
#brief5 .hp-filters button:hover { color: var(--hp-navy); }
#brief5 .hp-filters button[aria-pressed="true"] { color: var(--hp-navy); border-color: var(--hp-orange); font-weight: 500; }
#brief5 .hp-stage { position: relative; height: clamp(310px, 27vw, 420px); margin-top: 2px; }
#brief5 .hp-canvas { display: block; width: 100%; height: 100%; opacity: 0; transition: opacity .7s; cursor: grab; touch-action: pan-y; }
#brief5 .hp-canvas.is-dragging { cursor: grabbing; }
#brief5 .hp-canvas[data-mode="centered"] { cursor: default; }
#brief5 .is-ready .hp-canvas { opacity: 1; }
#brief5 p.hp-loading { position: absolute; inset: 45% 24px auto; text-align: center; font-size: 14px; color: var(--hp-muted); }
#brief5 .hp-footer { display: flex; flex-direction: column; align-items: center; gap: 10px; margin: 1px 24px 0; }
#brief5 .hp-footer p { font-size: 12px; line-height: 1.6; letter-spacing: .09em; color: var(--hp-muted); margin: 0; padding: 0; }
#brief5 .hp-actions { display: flex; align-items: center; gap: 19px; }
#brief5 .hp-actions button { min-height: 44px; padding: 7px 0; border: 0; background: transparent; font-size: 12px; color: #4c5569; }
#brief5 .hp-actions button:hover { color: var(--hp-orange); }
#brief5 .hp-divider { height: 10px; width: 1px; background: #d9dde4; }
#brief5 .hp-list { width: min(1140px, 100%); padding: 0 24px; margin: 42px auto 0; list-style: none; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; }
#brief5 .hp-list li { margin: 0; width: auto; float: none; height: 116px; overflow: hidden; border: 1px solid #e9ecf1; border-radius: 0; display: flex; justify-content: center; align-items: center; padding: 25px; }
#brief5 .hp-list img { display: block; width: auto; height: auto; max-width: 100%; max-height: 58px; object-fit: contain; }
#brief5 .hp-list img[alt="盈和国际"] { width: 150px; height: 150px; max-width: none; max-height: none; flex-shrink: 0; }
#brief5 .hp-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
@media (min-width: 1700px) { #brief5 .hp-stage { margin-top: 12px; } }
@media (max-width: 640px) {
  #brief5 { padding-bottom: 42px; }
  #brief5 > .wrapperKn { width: calc(100% - 40px); }
  #brief5 .left-tags-title { padding-top: 42px; margin-bottom: 24px; font-size: 28px; }
  #brief5 .hp-filters { gap: 25px; }
  #brief5 .hp-filters button { font-size: 12px; padding-bottom: 10px; }
  #brief5 .hp-stage { height: 280px; margin-top: 1px; }
  #brief5 .hp-footer { gap: 8px; }
  #brief5 .hp-footer p { font-size: 11px; }
  #brief5 .hp-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 30px; padding: 0 20px; }
  #brief5 .hp-list li { height: 100px; padding: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  #brief5 .local-partners *, #brief5 .local-partners *::before, #brief5 .local-partners *::after { transition: none !important; }
}