/* 2026-10-21: full-bleed source artwork and a clearer corporate footer. */
/* Keep the first slide in flow while Slick loads; release all slides when initialized. */
html[data-bj-page="home"] .banner:not(.slick-initialized) > .item ~ .item { display: none; }
html[data-fh-main-layout="tysd"] .banner,
html[data-fh-main-layout="tysd"] .banner .item { background: transparent; }
html[data-fh-main-layout="tysd"] .banner .item > a { width: 100%; max-width: none; margin: 0; aspect-ratio: 1920 / 713; }
html[data-fh-main-layout="tysd"] .banner .item img { width: 100%; height: auto; max-width: none; transform: translateY(-20.777778%); }
html[data-fh-main-layout="tysd"] .index_section_5 > .container { width: calc(100% - var(--fh-body-gutter) * 2); max-width: 1800px; }
html[data-fh-main-layout="tysd"] .index_section_5 .img { display: block; width: 100%; max-width: none; height: auto; margin-top: 40px; }
html[data-fh-main-layout="tysd"] .index_section_5 .img > a { display: block; width: 100%; height: auto; }
html[data-fh-main-layout="tysd"] .index_section_5 .img img { display: block; width: 100%; height: auto; max-width: none; }

html[data-fh-main-layout="tysd"] .footer { padding: 64px var(--fh-body-gutter) 48px; }
html[data-fh-main-layout="tysd"] .footerMain { display: grid; grid-template-columns: 230px minmax(0,1fr) 360px; gap: 48px; width: 100%; max-width: 1800px; align-items: start; }
html[data-fh-main-layout="tysd"] .footerMain > :is(.f_lf,.f_ct,.f_rt) { min-width: 0; width: auto; margin: 0; padding: 0; border: 0; background: none; float: none; }
html[data-fh-main-layout="tysd"] .f_lf { display: block; }
html[data-fh-main-layout="tysd"] .f_lf .f_log { width: 188px; height: auto; }
html[data-fh-main-layout="tysd"] .f_lf .f_log img { width: 100%; height: auto; }
html[data-fh-main-layout="tysd"] .f_lf > em { display: none; }
html[data-fh-main-layout="tysd"] .f_lf > p { margin-top: 24px; font-size: 13px; color: #b9c3cc; }
html[data-fh-main-layout="tysd"] .f_lf h2 { font-size: 24px; line-height: 1.65; font-weight: 600; font-variant-numeric: tabular-nums; }
html[data-fh-main-layout="tysd"] .f_lf .codeBox { margin: 0; position: static; }
html[data-fh-main-layout="tysd"] .f_lf .codeBox p { margin-top: 24px !important; margin-bottom: 10px !important; }
html[data-fh-main-layout="tysd"] .f_lf .wxCode { width: 104px; height: 104px; }
html[data-fh-main-layout="tysd"] .f_lf .wxCode img { width: 104px; height: 104px; }
html[data-fh-main-layout="tysd"] .f_ct { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 24px; }
html[data-fh-main-layout="tysd"] .f_ct .item { min-width: 0; }
html[data-fh-main-layout="tysd"] .f_ct h2 { font-size: 16px; line-height: 1.5; margin: 0 0 22px; }
html[data-fh-main-layout="tysd"] .f_ct p { margin: 0 0 12px; line-height: 1.7; }
html[data-fh-main-layout="tysd"] .f_ct p a { font-size: 14px; line-height: 1.7; }
html[data-fh-main-layout="tysd"] .f_rt { display: block; }
html[data-fh-main-layout="tysd"] .f_rt h2 { width: auto; font-size: 22px; line-height: 1.5; margin: 0 0 24px; padding: 0; color: #fff; }
html[data-fh-main-layout="tysd"] .f_rt h2 em { display: none; }
html[data-fh-main-layout="tysd"] .f_rt form { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px 14px; width: 100%; }
html[data-fh-main-layout="tysd"] .f_rt form > div { display: block; min-width: 0; width: auto; padding: 0; margin: 0; }
html[data-fh-main-layout="tysd"] .f_rt .fh-footer-field-label { display: flex; align-items: baseline; gap: 4px; margin: 0 0 8px; color: #e0e5ea; font-size: 13px; line-height: 1.5; }
html[data-fh-main-layout="tysd"] .f_rt .fh-footer-field-label b { display: inline; color: #ff8b90; font-size: 13px; line-height: 1; }
html[data-fh-main-layout="tysd"] .f_rt form > div > b { display: none; }
html[data-fh-main-layout="tysd"] .f_rt :is(input,select) { display: block; width: 100%; min-width: 0; height: 46px; min-height: 46px; padding: 0 12px; margin: 0; font-size: 13px; line-height: 1.5; border: 1px solid #44505c; border-radius: 2px; color: #fff; background: #26323d; box-sizing: border-box; }
html[data-fh-main-layout="tysd"] .f_rt :is(input,select):focus { border-color: #aab7c3; }
html[data-fh-main-layout="tysd"] .f_rt input::placeholder { color: #bac5cf; opacity: 1; }
html[data-fh-main-layout="tysd"] .f_rt form > button { grid-column: 1/-1; width: 144px; height: 46px; margin: 6px 0 0; font-size: 15px; }
html[data-fh-main-layout="tysd"] .f_rt form > :is(p,[role="status"]) { grid-column: 1/-1; }

@media (min-width: 1200px) and (max-width: 1599px) {
  html[data-fh-main-layout="tysd"] .footerMain { grid-template-columns: 210px minmax(0,1fr) 300px; gap: 32px; }
  html[data-fh-main-layout="tysd"] .f_ct { gap: 18px; }
  html[data-fh-main-layout="tysd"] .f_ct p a { font-size: 13px; }
}
@media (min-width: 768px) and (max-width: 1199px) {
  html[data-fh-main-layout="tysd"] .footerMain { grid-template-columns: 220px minmax(0,1fr); gap: 40px; }
  html[data-fh-main-layout="tysd"] .f_rt { grid-column: 1/-1; padding-top: 32px; border-top: 1px solid #34404b; }
  html[data-fh-main-layout="tysd"] .f_rt form { grid-template-columns: repeat(4,minmax(0,1fr)); }
  html[data-fh-main-layout="tysd"] .f_rt form > button { grid-column: 1/-1; }
}
@media (max-width: 767px) {
  html[data-fh-main-layout="tysd"] .index_section_5 .img { margin-top: 28px; }
  html[data-fh-main-layout="tysd"] .footer { padding: 40px 20px; }
  html[data-fh-main-layout="tysd"] .footerMain { grid-template-columns: minmax(0,1fr); gap: 36px; }
  html[data-fh-main-layout="tysd"] .f_lf { display: grid; grid-template-columns: minmax(0,1fr) 104px; gap: 0 20px; align-items: start; }
  html[data-fh-main-layout="tysd"] .f_lf .f_log { width: 170px; max-width: 100%; grid-column: 1; }
  html[data-fh-main-layout="tysd"] .f_lf > p { grid-column: 1; margin-top: 22px; }
  html[data-fh-main-layout="tysd"] .f_lf > h2 { grid-column: 1; font-size: 20px; line-height: 1.8; }
  html[data-fh-main-layout="tysd"] .f_lf .codeBox { grid-column: 2; grid-row: 1/5; width: 104px; }
  html[data-fh-main-layout="tysd"] .f_lf .codeBox p { margin-top: 0 !important; }
  html[data-fh-main-layout="tysd"] .f_ct { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px 24px; }
  html[data-fh-main-layout="tysd"] .f_ct h2 { margin-bottom: 14px; }
  html[data-fh-main-layout="tysd"] .f_ct p a { font-size: 14px; }
  html[data-fh-main-layout="tysd"] .f_rt { padding-top: 28px; border-top: 1px solid #34404b; }
  html[data-fh-main-layout="tysd"] .f_rt h2 { margin-bottom: 20px; }
  html[data-fh-main-layout="tysd"] .f_rt form { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px 12px; }
  html[data-fh-main-layout="tysd"] .f_rt :is(input,select) { font-size: 16px; }
}