html,
body {
  margin: 0;
  padding: 0;
}

.home-v4 {
  min-width: 1200px;
  color: #333333;
  background: #ffffff;
  font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
  text-align: left;
}

.home-v4 *,
.home-v4 *::before,
.home-v4 *::after {
  box-sizing: border-box;
  flex-shrink: 0;
}

.home-v4 .flex-col {
  display: flex;
  flex-direction: column;
}

.home-v4 .flex-row {
  display: flex;
  flex-direction: row;
}

.home-v4 .justify-between {
  justify-content: space-between;
}

.home-v4 .justify-end {
  justify-content: flex-end;
}

.home-v4 a {
  color: inherit;
  text-decoration: none;
}

.home-v4 button,
.home-v4 input {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
  font: inherit;
}

.home-v4 button {
  cursor: pointer;
}

.home-v4 input {
  background: transparent;
}

.home-v4 .page {
  min-width: 1200px;
}

/* The policy band connects directly to its neighboring sections. */
.home-v4 .block_4 {
  box-shadow: none;
}

.home-v4 .text_89 {
  flex: 1;
  width: auto;
  min-width: 0;
  height: 100%;
  text-align: left;
  padding: 0 14px;
}

.home-v4 .image_5,
.home-v4 .image_8,
.home-v4 .image_11 {
  object-fit: cover;
}

/* Left notice carousel media card: fill the card with the slide image. */
.home-v4 #noticeMedia {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.home-v4 #noticeMedia .notice-slide-layer {
  position: absolute;
  inset: 0;
  z-index: 0;
  opacity: 0;
  pointer-events: none;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transform: scale(1.02);
  transition: opacity 0.65s ease, transform 6s linear;
  will-change: opacity, transform;
  backface-visibility: hidden;
}

.home-v4 #noticeMedia .notice-slide-layer.active {
  opacity: 1;
  transform: scale(1.06);
}

.home-v4 #noticeMedia .image-wrapper_12,
.home-v4 #noticeMedia .box_3 {
  position: relative;
  z-index: 1;
}

.home-v4 #noticeMedia .label_3,
.home-v4 #noticeMedia .label_4 {
  transition: transform 0.2s ease, filter 0.2s ease;
}

.home-v4 #noticeMedia .label_3:hover,
.home-v4 #noticeMedia .label_4:hover {
  transform: scale(1.06);
  filter: brightness(1.08);
}

/* Long titles: truncate with an ellipsis; hover shows the full text
   via the title attribute set in JS. */
.home-v4 #headline,
.home-v4 #noticeMediaTitle,
.home-v4 #firstNoticeTitle,
.home-v4 [data-notice-title],
.home-v4 [data-policy-title],
.home-v4 [data-talent] span:last-child {
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.home-v4 .block_8:hover,
.home-v4 .block_11:hover,
.home-v4 .group_11:hover,
.home-v4 .group_12:hover,
.home-v4 .group_13:hover,
.home-v4 .group_14:hover,
.home-v4 .box_18:hover,
.home-v4 .block_17:hover,
.home-v4 .block_18:hover,
.home-v4 .group_19:hover,
.home-v4 .group_20:hover {
  filter: brightness(0.98);
}

.home-v4 [data-id],
.home-v4 [data-supply-id] {
  cursor: pointer;
}

.home-v4 #noticeTabs button.active {
  color: #007aff;
}

.home-v4 .text_78 {
  width: auto;
  letter-spacing: 0;
}

.home-v4 .text-wrapper_27,
.home-v4 .text-wrapper_28 {
  align-items: center;
  justify-content: center;
}

.home-v4 .text_87,
.home-v4 .text_88 {
  margin: 0;
  height: auto;
  line-height: 1;
}

.home-v4 .block_34 a {
  color: #ffffff;
}

.home-v4 .text-wrapper_27 .text_87 {
  color: #3f5170;
}

.home-v4 .personal-center-text {
  width: auto;
  height: auto;
  margin: 0;
  line-height: 1;
  text-align: center;
}

.home-v4 .personal-center-link {
  width: 4.59vw;
  height: 1.88vw;
  margin: 0.1vw 0 0 0.52vw;
  align-items: center;
  justify-content: center;
}

.home-v4 .home-message-button {
  position: relative;
  width: 2.08vw;
  height: 1.88vw;
  margin: 0.1vw 0 0 1.04vw;
  align-items: center;
  justify-content: center;
}

.home-v4 .home-message-button img {
  display: block;
  width: 1.04vw;
  height: auto;
}

.home-v4 .home-message-button .badge {
  position: absolute;
  top: -0.15vw;
  right: -0.15vw;
  min-width: 0.62vw;
  height: 0.62vw;
  padding: 0;
  border-radius: 50%;
  background: #ff4d4f;
  color: #ffffff;
  font-size: 0.52vw;
  line-height: 0.62vw;
  text-align: center;
}

.home-v4 .block_34 {
  align-items: center;
}

.home-v4 .block_34 > a {
  display: flex;
  align-items: center;
  justify-content: center;
}

.home-v4 .image-text_98 {
  align-items: center;
}

.home-v4 .thumbnail_7 {
  margin-top: 0;
  height: auto;
}

.home-v4 .text-group_28 {
  height: auto;
  line-height: 1;
}


/* --- Notice list: force robust 2-column layout (titles left / dates right) --- */
.home-v4 .grid_4 {
  display: grid;
  grid-template-columns: 26.57vw minmax(0, auto);
  grid-auto-rows: auto;
  grid-auto-flow: row;
  column-gap: 3.12vw;
  row-gap: 1.04vw;
  width: auto;
  height: auto;
  align-content: start;
  align-items: start;
}

.home-v4 .sheet-list > div,
.home-v4 .grid_4 > div {
  display: grid;
  grid-auto-rows: 1.31vw;
  row-gap: 1.04vw;
  align-items: center;
  width: auto;
  height: auto;
  margin: 0;
}

.home-v4 .grid_4 [data-notice-title],
.home-v4 .grid_4 [data-notice-date],
.home-v4 .text_8,
.home-v4 .text_9 {
  display: block;
  height: 1.31vw;
  margin: 0;
  line-height: 1.31vw;
}

.home-v4 .grid_4 [data-notice-title] {
  width: auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.home-v4 .grid_4 [data-notice-date] {
  width: auto;
  min-width: 0;
  white-space: nowrap;
  text-align: left;
}

/* Keep a consistent gutter between notice bullets and their text. */
.home-v4 .box_42,
.home-v4 .box_43 {
  display: flex;
  column-gap: 0.64vw;
}

.home-v4 .box_42 {
  align-items: center;
  justify-content: space-between;
}

.home-v4 .box_43 {
  align-items: flex-start;
}

.home-v4 .box_4,
.home-v4 .group_58 {
  flex: 0 0 auto;
}

.home-v4 .box_4 {
  margin-top: 0;
}

.home-v4 .box_42 .text_8,
.home-v4 .grid_4 {
  flex: 1 1 auto;
  min-width: 0;
}

.home-v4 .box_42 .text_8 {
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
}

.home-v4 .box_42 .text_9 {
  flex: 0 0 auto;
  margin-left: 0;
}

/* Collapse the notice list area when there are no extra rows to show,
   instead of leaving a fixed-height empty block behind. */
.home-v4 .box_43 {
  height: auto;
}

.home-v4 .group_58 {
  display: grid;
  grid-auto-rows: 1.31vw;
  row-gap: 1.04vw;
  align-content: start;
  align-items: center;
  justify-items: center;
  height: auto;
  margin-top: 0;
}

.home-v4 .group_58 > div {
  margin: 0;
}

.home-v4 .grid_4 {
  height: auto;
}

.home-v4 .grid_4 {
  grid-template-columns: minmax(0, 1fr) max-content;
}

/* --- Tab buttons: match design — active tab is blue text with blue underline, no full box --- */
.home-v4 #noticeTabs,
.home-v4 .section_1 {
  border: 0;
  border-bottom: 1px solid rgba(162, 196, 232, 1);
}

.home-v4 #noticeTabs {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}

.home-v4 #noticeTabs button {
  position: relative;
  align-self: stretch;
  flex: 0 0 8.4vw;
  width: 8.4vw;
  background: transparent;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: auto;
  color: #333333;
}

.home-v4 #noticeTabs button.active {
  color: #007aff;
  font-weight: 700;
  border: 0;
}

.home-v4 #noticeTabs button .text_4,
.home-v4 #noticeTabs button .text_5,
.home-v4 #noticeTabs button .text_6,
.home-v4 #noticeTabs button .text_7 {
  width: auto;
  height: auto;
  margin: 0;
  color: inherit;
  line-height: 1;
  text-align: center;
  transition: color 0.2s ease;
}

.home-v4 #noticeTabs button.active .text_4,
.home-v4 #noticeTabs button.active .text_5,
.home-v4 #noticeTabs button.active .text_6,
.home-v4 #noticeTabs button.active .text_7 {
  color: #007aff;
}

.home-v4 #noticeTabs button.active::after {
  content: "";
  position: absolute;
  left: 50%;
  right: auto;
  width: 8.5vw;
  bottom: -1px;
  height: 3px;
  transform: translateX(-50%);
  background: #007aff;
}

.home-v4 .supply-tab {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3.08vw;
}

/* Supply tabs sit on a blue gradient, so use white-state contrast here. */
.home-v4 .supply-tab {
  color: #d8ecff;
  font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
  font-weight: 400;
  font-synthesis: none;
  -webkit-font-smoothing: antialiased;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  text-shadow: none;
  cursor: pointer;
}

.home-v4 .supply-tab .text_29,
.home-v4 .supply-tab .text_30 {
  width: auto;
  height: auto;
  margin: 0;
  line-height: 1;
  color: inherit;
  font-family: inherit;
  font-weight: inherit;
  font-synthesis: none;
  -webkit-font-smoothing: antialiased;
  text-shadow: none;
  transition: color 0.2s ease;
}

.home-v4 .supply-tab:hover:not(.active) {
  color: #ecf6ff;
  background: transparent;
  box-shadow: none;
}

.home-v4 .supply-tab.active {
  font-weight: 400;
  color: #ffffff;
  background: transparent;
  border: 0;
  box-shadow: inset 0 -3px 0 0 rgba(0, 122, 255, 1);
}

/* Policy section header: bottom border only */
.home-v4 .box_5 {
  border: 0;
  border-bottom: 1px solid #A2C4E8;
}

.home-v4 .box_5 .text-wrapper_4 {
  align-items: center;
  border: 0;
  justify-content: center;
}

.home-v4 .box_5 .text-wrapper_4.active {
  box-shadow: inset 0 -3px 0 0 rgba(0, 122, 255, 1);
}

.home-v4 .box_5 .text-wrapper_4.active .text_12 {
  color: #007aff;
}

.home-v4 .text-wrapper_4 .text_12 {
  width: auto;
  margin: 0.6vw 0 0;
  text-align: center;
}

/* Policy "view more" capsule: center it in the section header and center its content */
.home-v4 .box_5 .section_5 {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  margin-top: 0;
  padding: 0;
}

.home-v4 .box_5 .section_5 .image-text_80 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: 1.25vw;
  margin: 0;
  gap: 0.21vw;
}

.home-v4 .box_5 .text-group_2 {
  display: flex;
  align-items: center;
  height: 1.25vw;
  line-height: 1;
  margin-top: 0;
}

/* --- 政策宣传 cards: match design — remove per-card gray box borders --- */
.home-v4 .block_5 .box_7,
.home-v4 .block_5 .box_8,
.home-v4 .block_5 .section_6,
.home-v4 .block_5 .section_7,
.home-v4 .text-wrapper_5,
.home-v4 .text-wrapper_6,
.home-v4 .text-wrapper_7,
.home-v4 .text-wrapper_8 {
  border: 0;
}

.home-v4 .block_5 .block_30 {
  border: 0;
  padding-bottom: 0;
}

.home-v4 .block_5 .block_30 a {
  border: 0;
  border-bottom:  1px solid #DDDDDD;
}

.home-v4 .block_5 .block_31 a {
  border: 0;
  border-bottom: 1px solid #DDDDDD;
}

.home-v4 .block_5 .block_30 .text-wrapper_5,
.home-v4 .block_5 .block_30 .text-wrapper_6 {
  border: 0;
  border-right: 1px solid rgba(162, 196, 232, 1);
}

.home-v4 .block_5 .block_31 .text-wrapper_7,
.home-v4 .block_5 .block_31 .text-wrapper_8 {
  border: 0;
  border-right: 1px solid rgba(162, 196, 232, 1);
}

.home-v4 .block_5 [data-policy-summary] {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

.home-v4 .section_8 {
  background: url("../../img/index-v4/supply-demand-bg.png") center center / cover no-repeat;
}

.home-v4 .section_8 .box_10 {
  border: 0;
  border-bottom: 1px solid #A2C4E8;
}


.home-v4 .section_8 .box_11 {
  background-color: #ffffff;
}

.home-v4 .section_8 [data-supply-title] {
  flex: 1 1 auto;
  min-width: 0;
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
}

.home-v4 .section_8 .text-wrapper_10,
.home-v4 .section_8 .text-wrapper_14 {
  flex: 0 0 auto;
  width: auto;
  margin-left: 0.53vw;
}

.home-v4 .section_8 .section_9 {
  display: flex;
  align-items: center;
  justify-content: center;
}

.home-v4 .section_8 .section_9 .image-text_81 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: 1.25vw;
  margin: 0;
  gap: 0.21vw;
}

.home-v4 .section_8 .text-group_7 {
  display: flex;
  align-items: center;
  height: 1.25vw;
  line-height: 1;
  margin-top: 0;
}

/* Supply carousel pagination dots (replaces the static image_4). */
.home-v4 .section_8 .supply-dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.21vw;
  width: auto;
  height: 0.53vw;
  margin: 0.83vw auto 1.04vw auto;
}

.home-v4 .section_8 .supply-dot {
  display: inline-block;
  width: 0.42vw;
  height: 0.42vw;
  border-radius: 50%;
  background-color: rgba(162, 196, 232, 0.55);
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.home-v4 .section_8 .supply-dot.active {
  background-color: #007aff;
}

/* Fade/slide the cards when the supply carousel advances. */
@keyframes supplyFade {
  from { opacity: 0; transform: translateY(0.31vw); }
  to   { opacity: 1; transform: translateY(0); }
}

.home-v4 .section_8 .supply-fading {
  animation: supplyFade 0.4s ease;
}

/* Supply intro: clamp to 2 lines with ellipsis. */
.home-v4 .section_8 [data-supply-intro] {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

/* Talent info section: background image. */
.home-v4 .section_10 {
  background: url("../../img/index-v4/talent-bg.png") center center / cover no-repeat;
}

/* Talent info header: bottom border only (match demand square header). */
.home-v4 .section_10 .group_10 {
  border: 0;
  border-bottom: 1px solid #A2C4E8;
}

/* Talent "view more" capsule: center it in the header and center text + icon. */
.home-v4 .section_10 .block_12 {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  margin-top: 0;
  padding: 0;
}

.home-v4 .section_10 .block_12 .image-text_82 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: 1.25vw;
  margin: 0;
  gap: 0.21vw;
}

.home-v4 .section_10 .text-group_8 {
  display: flex;
  align-items: center;
  height: 1.25vw;
  line-height: 1;
  margin-top: 0;
}

/* Talent info title: no box border; active = blue underline + blue text. */
.home-v4 .section_10 .text-wrapper_18 {
  border: 0;
}

.home-v4 .section_10 .text-wrapper_18.active {
  box-shadow: inset 0 -3px 0 0 rgba(0, 122, 255, 1);
}

.home-v4 .section_10 .text-wrapper_18.active .text_47 {
  color: #007aff;
}

/* Talent info header: center the title text inside the active tab. */
.home-v4 .section_10 .text-wrapper_18 {
  justify-content: center;
}

.home-v4 .section_10 .text_47 {
  width: auto;
  margin: 0;
  text-align: center;
}

/* Talent info rows: center dot + text as a group. */
.home-v4 .section_10 [data-talent] {
  justify-content: center;
  align-items: center;
  gap: 0.53vw;
}

/* Reset the base margins so dot and text align on the same center line. */
.home-v4 .section_10 [data-talent] .box_14,
.home-v4 .section_10 [data-talent] .box_15,
.home-v4 .section_10 [data-talent] .box_16,
.home-v4 .section_10 [data-talent] .group_15 {
  margin: 0;
}

.home-v4 .section_10 [data-talent] span:last-child {
  margin: 0;
}


/* Talent info row text: nudge down for optical centering. */
.home-v4 .section_10 [data-talent] span:last-child {
  padding-top: 3px;
}

/* Venue / training headers: bottom border only. */
.home-v4 .block_13 .group_16,
.home-v4 .block_13 .group_18 {
  border: 0;
  border-bottom: 1px solid #A2C4E8;
}

/* Venue / training titles: no box border; active = blue underline + blue text. */
.home-v4 .block_13 .text-wrapper_19,
.home-v4 .block_13 .text-wrapper_20 {
  border: 0;
}

.home-v4 .block_13 .text-wrapper_19.active,
.home-v4 .block_13 .text-wrapper_20.active {
  box-shadow: inset 0 -3px 0 0 rgba(0, 122, 255, 1);
}

.home-v4 .block_13 .text-wrapper_19.active .text_52,
.home-v4 .block_13 .text-wrapper_20.active .text_53 {
  color: #007aff;
}

/* Venue / training "view more" capsules: center text + icon. */
.home-v4 .block_13 .group_17,
.home-v4 .block_13 .box_17 {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  margin-top: 0;
  padding: 0;
}

.home-v4 .block_13 .group_17 .image-text_83,
.home-v4 .block_13 .box_17 .image-text_84 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: 1.25vw;
  margin: 0;
  gap: 0.21vw;
}

.home-v4 .block_13 .text-group_9,
.home-v4 .block_13 .text-group_10 {
  display: flex;
  align-items: center;
  height: 1.25vw;
  line-height: 1;
  margin-top: 0;
}

/* Venue / training section: gradient background. */
.home-v4 .block_13 {
  background: linear-gradient(180deg, #FFFFFF 0%, #BBDAFF 100%), #E8F2FE;
  border-radius: 0px 0px 0px 0px;
}

/* Venue main card (多功能会议室): full-card background image. */
.home-v4 .box_18 {
  background-image: url("../../img/index-v4/venue-main-bg.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}

/* Stats panel (数据统计): full-card background image. */
.home-v4 .group_29 {
  background-image: url("../../img/index-v4/stats-bg.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}

/* Stats panel: divider between columns is only a left border. */
.home-v4 .group_30 {
  border: 0;
}

.home-v4 .group_31,
.home-v4 .group_32 {
  border: 0;
}

.home-v4 .text-group_56 {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.home-v4 .text-group_57,
.home-v4 .text-group_58 {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}

/* Activity card title: clamp long titles to one line with ellipsis. */
.home-v4 .text-group_13,
.home-v4 .text-group_18,
.home-v4 .text-group_23 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Training-card covers and their hover title state. */
.home-v4 [data-activity-panel] .image_5,
.home-v4 [data-activity-panel] .image_8,
.home-v4 [data-activity-panel] .image_11 {
  border-radius: 4px;
}

.home-v4 [data-activity-name] {
  transition: color 0.2s ease;
}

.home-v4 [data-activity-panel]:hover [data-activity-name] {
  color: #007aff;
}

/* Activity card time/address rows: vertically center icon and text. */
.home-v4 [data-activity-panel] .image-text_85,
.home-v4 [data-activity-panel] .image-text_86,
.home-v4 [data-activity-panel] .image-text_90,
.home-v4 [data-activity-panel] .image-text_91,
.home-v4 [data-activity-panel] .image-text_95,
.home-v4 [data-activity-panel] .image-text_96 {
  align-items: center;
}

.home-v4 [data-activity-panel] .text-group_11,
.home-v4 [data-activity-panel] .text-group_12,
.home-v4 [data-activity-panel] .text-group_16,
.home-v4 [data-activity-panel] .text-group_17,
.home-v4 [data-activity-panel] .text-group_21,
.home-v4 [data-activity-panel] .text-group_22 {
  display: flex;
  align-items: center;
  line-height: 1.15vw;
}


/* ---------- Nav dropdown (企业服务 / 人才服务) ---------- */
.home-v4 .block_34 > .nav-dropdown {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.75vw;
  height: 1.31vw;
  margin: 0.41vw 0 0 1.87vw;
}

.home-v4 .block_34 > .nav-dropdown > a.text_84,
.home-v4 .block_34 > .nav-dropdown > a.text_85 {
  width: auto;
  height: auto;
  margin: 0;
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
}

.home-v4 .block_34 .dropdown-panel {
  display: none;
  position: absolute;
  top: calc(100% - 0.3vw);
  right: 0;
  left: auto;
  z-index: 999;
  background: transparent;
  border-top: 0.8vw solid transparent;
}

.home-v4 .block_34 .nav-dropdown:hover .dropdown-panel {
  display: block;
}

.home-v4 .block_34 .dropdown-body {
  background: rgba(232, 242, 254, 0.96);
  padding: 1.25vw 2.86vw 1.56vw;
  border: 1px solid rgba(162, 196, 232, 0.55);
  border-radius: 0 0 12px 12px;
  box-shadow: 0 8px 24px 0 rgba(0, 82, 182, 0.12);
  backdrop-filter: blur(6px);
}

.home-v4 .block_34 .dropdown-list {
  display: grid;
  grid-template-columns: repeat(4, 13.02vw);
  column-gap: 1.56vw;
  row-gap: 1.56vw;
  justify-content: flex-start;
  list-style: none;
  margin: 0;
  padding: 0;
}

.home-v4 .block_34 .dropdown-talent .dropdown-list {
  grid-template-columns: repeat(2, 13.02vw);
}

.home-v4 .block_34 .dropdown-item {
  width: 13.02vw;
  border: 1px solid rgba(162, 196, 232, 0.45);
  box-sizing: border-box;
}

.home-v4 .block_34 .dropdown-item a {
  width: 100%;
  padding: 1.04vw 0;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}

.home-v4 .block_34 .dropdown-item a img {
  width: 2.08vw;
  height: 2.08vw;
  margin-right: 1.04vw;
  flex-shrink: 0;
}

.home-v4 .block_34 .dropdown-item a span {
  font-size: 0.83vw;
  font-weight: 600;
  color: #333;
  line-height: 1.15vw;
  white-space: nowrap;
}

.home-v4 .block_34 .dropdown-item a:hover span {
  color: #356ce2;
}

/* Header quick-entry cards: keep layout positions fixed, visually lift them,
   and add a distinct hover state. */
.home-v4 .section_14,
.home-v4 .section_15,
.home-v4 .section_16,
.home-v4 .section_17,
.home-v4 .section_18,
.home-v4 .section_20 {
  transform: translateY(-10px);
  transition: transform 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}

.home-v4 .section_14:hover,
.home-v4 .section_15:hover,
.home-v4 .section_16:hover,
.home-v4 .section_17:hover,
.home-v4 .section_18:hover,
.home-v4 .section_20:hover {
  transform: translateY(-12px);
  background-color: rgba(255, 255, 255, 0.96);
  box-shadow: 0 10px 20px rgba(0, 82, 182, 0.16);
}

/* Hot-search tags. */
.home-v4 .text-wrapper_29,
.home-v4 .text-wrapper_30,
.home-v4 .text-wrapper_31 {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.93vw;
  border-radius: 4px;
}

.home-v4 .text-wrapper_29 span,
.home-v4 .text-wrapper_30 span,
.home-v4 .text-wrapper_31 span {
  width: auto;
  height: auto;
  margin: 0;
  line-height: inherit;
  text-align: center;
}

/* Design-system radii: large panels/cards use 8px, small controls use 4px.
   Functional dots keep their circular 50% radius. */
.home-v4 .block_2,
.home-v4 .group_2,
.home-v4 .block_5,
.home-v4 .section_8,
.home-v4 .box_11,
.home-v4 .section_10,
.home-v4 .box_18,
.home-v4 .box_19,
.home-v4 .block_17,
.home-v4 .block_18,
.home-v4 .block_19,
.home-v4 .group_19,
.home-v4 .group_20,
.home-v4 .group_21,
.home-v4 .group_23,
.home-v4 .group_24,
.home-v4 .group_25,
.home-v4 .group_26,
.home-v4 .group_27,
.home-v4 .group_28,
.home-v4 .group_29 {
  border-radius: 8px;
}

/* Clip the credit icon itself so no square corners show inside the circle. */
.home-v4 .group_25 .label_10,
.home-v4 .group_27 .label_11 {
  border-radius: 50%;
  overflow: hidden;
}

.home-v4 .text-wrapper_1,
.home-v4 .box_2,
.home-v4 .section_5,
.home-v4 .section_9,
.home-v4 .block_12,
.home-v4 .group_17,
.home-v4 .box_17,
.home-v4 .text-wrapper_13,
.home-v4 .text-wrapper_17,
.home-v4 .group_11,
.home-v4 .group_12,
.home-v4 .group_13,
.home-v4 .group_14,
.home-v4 .text-wrapper_27,
.home-v4 .text-wrapper_28,
.home-v4 .group_34,
.home-v4 .box_22 {
  border-radius: 4px;
}

.home-v4 .block_34 .dropdown-body {
  border-radius: 0 0 8px 8px;
}

/* Notice title chip: center its text inside the chip. */
.home-v4 .text-wrapper_1 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.home-v4 .text-wrapper_1 .text_1 {
  width: auto;
  height: auto;
  margin: 0;
  line-height: 1;
  text-align: center;
}

/* Notice bar: let the headline fill and center the space before View more. */
.home-v4 .block_2 {
  display: flex;
  align-items: center;
  gap: 0.52vw;
  padding: 0 1.04vw;
}

.home-v4 .block_2 .label_1,
.home-v4 .block_2 .text-wrapper_1,
.home-v4 .block_2 .box_2 {
  flex: 0 0 auto;
  margin: 0;
}

.home-v4 .block_2 #headline {
  flex: 1 1 auto;
  width: auto;
  height: auto;
  min-width: 0;
  margin: 0;
  line-height: 1;
  text-align: left;
}

/* First view-more button: center its text and arrow as one group. */
.home-v4 .box_2 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.home-v4 .box_2 .image-text_79 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
  margin: 0;
  gap: 0.21vw;
}

.home-v4 .box_2 .text-group_1 {
  display: flex;
  align-items: center;
  width: auto;
  height: auto;
  margin: 0;
  line-height: 1;
}

/* View-more buttons. */
.home-v4 .box_2,
.home-v4 .section_5,
.home-v4 .section_9,
.home-v4 .block_12,
.home-v4 .group_17,
.home-v4 .box_17 {
  transition: transform 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}

.home-v4 .box_2:hover,
.home-v4 .section_5:hover,
.home-v4 .section_9:hover,
.home-v4 .block_12:hover,
.home-v4 .group_17:hover,
.home-v4 .box_17:hover {
  transform: translateY(-1px);
  background-color: rgba(0, 122, 255, 0.12);
  box-shadow: 0 6px 12px rgba(0, 82, 182, 0.16);
}

/* News and information titles turn blue when their item is hovered. */
.home-v4 #headline,
.home-v4 #noticeMediaTitle,
.home-v4 #firstNoticeTitle,
.home-v4 [data-notice-title],
.home-v4 [data-policy-title],
.home-v4 [data-talent] span:last-child {
  transition: color 0.2s ease;
}

.home-v4 #headline:hover,
.home-v4 #noticeMedia:hover #noticeMediaTitle,
.home-v4 .box_42:hover #firstNoticeTitle,
.home-v4 [data-notice-title]:hover,
.home-v4 [data-policy]:hover [data-policy-title],
.home-v4 [data-talent]:hover span:last-child {
  color: #007aff;
}

/* Footer copyright: keep it quiet against the dark band instead of pure white. */
.home-v4 .text-wrapper_26 .paragraph_1 {
  color: #b7c0cc;
}