/* Draft: approved smaller hero, original-sized entries centered vertically, and a more restrained brand logo. */
section.huoban-first-screen { margin: 0; min-width: 0; }
section.huoban-first-screen { --service-height: clamp(216px, 36svh, 360px);
  --entry-layout-height: clamp(144px, 24svh, 196px);
  --page-height: 100vh; }
@supports (height: 100svh) {
  section.huoban-first-screen { --page-height: 100svh; }
}
section.huoban-first-screen .container { width: calc(100% - 48px); max-width: 1200px; }
section.huoban-first-screen { position: relative; box-sizing: border-box; }
section.huoban-first-screen { height: var(--page-height); min-height: 500px; display: grid; grid-template-rows: minmax(0, 1fr) var(--service-height); }
section.huoban-first-screen > .overHid { min-height: 0; }
section.huoban-first-screen .overHid > .container { left: 0; right: 0; margin-left: auto; margin-right: auto; }
section.huoban-first-screen .index-header { display: flex; align-items: center; gap: clamp(20px, 4vw, 60px); margin-top: 20px; }
section.huoban-first-screen .index-header > img { float: none; flex: 0 0 auto; display: block; width: 180px; height: auto; }
section.huoban-first-screen .index-header .index-search { float: none; margin: 0; flex: 0 1 328px; min-width: 0; }
section.huoban-first-screen .index-header .index-search input { box-sizing: border-box; width: 100%; height: 38px; }
section.huoban-first-screen .index-header .index-search input::placeholder { color: rgba(255,255,255,.7); }
section.huoban-first-screen .index-login { float: none; flex: 0 0 auto; margin: 0 0 0 auto; white-space: nowrap; }
section.huoban-first-screen .index-bg { box-sizing: border-box; height: 100%; display: grid; place-items: center; padding: 116px 24px 26px; background-size: cover; animation: none; }
section.huoban-first-screen .index-bg .img { margin: 0 auto; width: min(480px, 50vw); max-width: 100%; height: auto; max-height: 100%; aspect-ratio: 702 / 221; background-size: contain; background-position: center; background-repeat: no-repeat; animation: none; }
section.huoban-first-screen .service-section { min-height: 0; }
section.huoban-first-screen .service-section > .container { height: 100%; display: flex; align-items: center; }
section.huoban-first-screen .inde-list { width: 100%; height: var(--entry-layout-height); box-sizing: border-box; display: grid; grid-template-columns: minmax(0,3fr) minmax(0,2fr); grid-template-rows: minmax(0,1fr); gap: 18px; align-items: stretch; padding: 16px 0; }
section.huoban-first-screen .inde-list ul { box-sizing: border-box; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); margin: 0; padding: 10px 0; border: 1px solid #d9e5f5; border-radius: 10px; background: #edf4ff; min-height: 0; }
section.huoban-first-screen .inde-list ul:last-child { grid-template-columns: repeat(2,minmax(0,1fr)); background: #f3f4f6; border-color: #e2e5e9; }
section.huoban-first-screen .inde-list ul:after { display: none; }
section.huoban-first-screen .inde-list ul li { float: none; box-sizing: border-box; width: auto; margin-left: 0 !important; min-width: 0; min-height: 0; border-right: 1px solid #d9e5f5; }
section.huoban-first-screen .inde-list ul:last-child li { border-right-color: #dfe3e8; }
section.huoban-first-screen .inde-list ul li:last-child { border-right: 0; }
section.huoban-first-screen .inde-list ul li > a { display: flex; height: 100%; flex-direction: column; align-items: center; justify-content: center; gap: 8px; }
section.huoban-first-screen .inde-list .moveimg { display: block; width: clamp(56px, 9.5svh, 76px); height: clamp(56px, 9.5svh, 76px); object-fit: contain; }
section.huoban-first-screen .inde-list ul li div { width: auto; }
section.huoban-first-screen .inde-list ul li div h5 { font-size: 16px !important; line-height: 1.45; color: #163e70; }
section.huoban-first-screen .inde-list ul:last-child li div h5 { color: #39475a; }
section.huoban-first-screen .right-sidebar { position: absolute; right: 12px; top: calc((var(--page-height) - var(--service-height)) / 2 - 60px); }
@media (max-width: 1000px) {
  section.huoban-first-screen .index-header > img { width: 164px; }
}
@media (max-width: 700px) {
  section.huoban-first-screen { --service-height: clamp(264px,44svh,390px); --entry-layout-height: clamp(232px,35svh,290px); }
  section.huoban-first-screen .container { width: calc(100% - 32px); }
  section.huoban-first-screen .index-header { flex-wrap: wrap; gap: 14px; margin-top: 16px; }
  section.huoban-first-screen .index-header > img { width: 140px; }
  section.huoban-first-screen .index-header .index-search { flex: 1 1 100%; order: 3; }
  section.huoban-first-screen .index-login { font-size: 14px; }
  section.huoban-first-screen .index-bg { padding: 158px 16px 58px; }
  section.huoban-first-screen .index-bg .img { width: min(480px, 74vw); }
  section.huoban-first-screen .inde-list { grid-template-columns: 1fr; grid-template-rows: repeat(2,minmax(0,1fr)); padding: 12px 0; gap: 10px; }
  section.huoban-first-screen .inde-list ul { padding: 6px 0; }
  section.huoban-first-screen .inde-list ul li > a { gap: 6px; }
  section.huoban-first-screen .inde-list ul li div h5 { font-size: 16px !important; }
  section.huoban-first-screen .inde-list .moveimg { width: clamp(46px,8svh,66px); height: clamp(46px,8svh,66px); }
  section.huoban-first-screen .right-sidebar { display: flex; gap: 14px; top: auto; bottom: calc(var(--service-height) + 12px); right: 16px; padding: 0 10px; }
  section.huoban-first-screen .right-sidebar li a { border: none; padding: 9px 0; font-size: 13px; }
  section.huoban-first-screen .right-sidebar i { display: none; }
}
@media (max-height: 600px) and (min-width: 701px) {
  section.huoban-first-screen .index-header > img { width: 160px; }
  section.huoban-first-screen .index-header { margin-top: 16px; }
  section.huoban-first-screen .index-bg { padding-top: 98px; padding-bottom: 18px; }
}
@media (max-height: 549px) and (min-width: 701px) {
  section.huoban-first-screen { --service-height: clamp(144px, 36svh, 190px); --entry-layout-height: clamp(112px,24svh,132px); }
  section.huoban-first-screen { min-height: 400px; }
  section.huoban-first-screen .index-header { margin-top: 12px; }
  section.huoban-first-screen .index-header > img { width: 144px; }
  section.huoban-first-screen .index-bg { padding-top: 86px; padding-bottom: 14px; }
  section.huoban-first-screen .inde-list { padding: 8px 0; }
  section.huoban-first-screen .inde-list ul { padding: 6px 0; }
  section.huoban-first-screen .inde-list .moveimg { width: 48px; height: 48px; }
  section.huoban-first-screen .inde-list ul li > a { gap: 5px; }
  section.huoban-first-screen .inde-list ul li div h5 { font-size: 16px !important; }
  section.huoban-first-screen .right-sidebar li a { padding-bottom: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  section.huoban-first-screen .inde-list a:hover .moveimg { animation: none; }
}

@media (max-width: 700px) and (max-height: 620px) {
  section.huoban-first-screen { --service-height: 250px; }
  section.huoban-first-screen .index-header { margin-top: 12px; gap: 10px; }
  section.huoban-first-screen .index-header > img { width: 132px; }
  section.huoban-first-screen .index-bg { padding-top: 128px; padding-bottom: 50px; }
  section.huoban-first-screen .index-bg .img { width: min(360px, 65vw); }
}