/* Approved 1440px desktop V3. Loaded on the homepage only; real SSR data retained. */
.hailang-home .hailang-feature-copy h2 { line-height: 1.4; min-width: 0; }
.hailang-home .hailang-feature-copy h2 a { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; white-space: normal; overflow-wrap: anywhere; line-height: inherit; }
@media (min-width: 901px) {
  .hailang-home .hailang-feature-copy h2 { font-size: 24px; line-height: 1.4; }
  .hailang-home .hailang-section-head h1,.hailang-home .hailang-section-head h2 { font-size: 22px; }
  .hailang-home .site-nav a,.hailang-home .hailang-category strong { font-size: 16px; }
}
.hailang-home { --hailang-blue: #087df0; --hailang-ink: #14243c; --hailang-muted: #738197; --hailang-canvas: #f2f7fb; }
.hailang-update-labels { display: none; }
@media (min-width: 1200px) {
  .hailang-home .container { width: min(calc(100% - 80px), 1360px); }
  .hailang-home .site-header { min-height: 126px; }
  .hailang-home .header-main { height: 84px; min-height: 84px; grid-template-columns: 353px minmax(300px,548px) 1fr; gap: 34px; padding: 0; }
  .hailang-home .brand { gap: 13px; font-size: 30px; }
  .hailang-home .brand-mark { width: 62px; height: 48px; object-fit: contain; }
  .hailang-home .brand-tagline { font-size: 13px; }
  .hailang-home .header-search { height: 44px; grid-template-columns: 1fr 100px; }
  .hailang-home .header-search input { font-size: 14px; }
  .hailang-home .header-search button,.hailang-home .header-actions { font-size: 16px; }
  .hailang-home .header-actions { gap: 32px; }
  .hailang-home .site-nav { height: 41px; gap: 48px; }
  .hailang-home .site-nav a { height: 41px; padding-inline: 4px; font-size: 16px; }
  .hailang-home .site-nav::after { font-size: 14px; margin-bottom: 13px; }
  .hailang-category-strip { padding: 20px 0; }
  .hailang-category { min-height: 84px; padding: 16px 20px; gap: 15px; position: relative; border: 0; }
  .hailang-category:not(:last-child)::after { content: ''; position: absolute; right: 0; top: 16px; bottom: 16px; border-right: 1px solid #e9eff5; }
  .hailang-category > svg { flex-shrink: 0; width: 29px; height: 29px; }
  .hailang-category strong { font-size: 18px; }
  .hailang-category small { font-size: 14px; line-height: 24px; }
  .hailang-content { gap: 20px; padding-top: 0; }
  .hailang-panel { border-radius: 4px; }
  .hailang-section-head { height: 63px; min-height: 63px; padding: 0 20px; gap: 16px; }
  .hailang-section-head h1,.hailang-section-head h2 { font-size: 24px; gap: 14px; }
  .hailang-section-head h1::before,.hailang-section-head h2::before { height: 25px; }
  .hailang-section-head > span,.hailang-section-head > a,.hailang-more-link { font-size: 14px; }
  .hailang-home .hailang-primary { grid-template-columns: 924fr 416fr; grid-template-rows: minmax(556px,auto) minmax(88px,auto); gap: 20px; }
  .hailang-feature-main { min-height: 318px; grid-template-columns: 196px minmax(0,1fr); gap: 28px; padding: 23px 23px 22px; }
  .hailang-feature-cover { width: 196px; height: 272px; aspect-ratio: auto; }
  .hailang-feature-copy { display: flex; flex-direction: column; padding-top: 0; }
  .hailang-feature-copy h2 { font-size: 32px; line-height: 44px; margin: 0 0 11px; }
  .hailang-feature-meta { font-size: 15px; line-height: 24px; }
  .hailang-feature-summary { font-size: 16px; line-height: 28px; margin-top: 22px; min-height: 56px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
  .hailang-feature-actions { margin-top: 20px; }
  .hailang-primary-button,.hailang-secondary-button { min-width: 136px; min-height: 44px; font-size: 16px; }
  .hailang-feature-latest { margin-top: auto; font-size: 14px; gap: 8px; padding-top: 18px; }
  .hailang-feature-latest time { font-size: 13px; }
  .hailang-feature-support { margin: 0 23px; padding: 20px 0 24px; border-top: 1px solid #edf1f6; gap: 20px; }
  .hailang-feature-support article { grid-template-columns: 76px minmax(0,1fr); gap: 14px; }
  .hailang-feature-support article > a { width: 76px; height: 112px; }
  .hailang-feature-support h3,.hailang-recommend h3,.hailang-bottom-grid h3 { font-size: 16px; line-height: 24px; }
  .hailang-feature-support p,.hailang-support-latest { font-size: 13px; }
  .hailang-feature-support p { margin-top: 6px; max-height: 40px; overflow: hidden; }
  .hailang-recommend p,.hailang-bottom-grid p,.hailang-bottom-grid small { font-size: 14px; line-height: 22px; }
  .hailang-rank-tabs { gap: 4px; }
  .hailang-rank-tabs button { font-size: 14px; min-width: 48px; }
  .hailang-rank-panel { padding: 10px 20px 10px; }
  .hailang-rank-panel li { min-height: 56px; grid-template-columns: 24px 32px minmax(0,1fr) auto; gap: 12px; }
  .hailang-rank-panel li > a:nth-child(2) { width: 32px; height: 44px; }
  .hailang-rank-number { font-size: 16px; }
  .hailang-rank-panel li:nth-child(-n + 3) .hailang-rank-number { width: 23px; height: 26px; }
  .hailang-rank-panel li > div > a { font-size: 16px; line-height: 24px; }
  .hailang-rank-panel small,.hailang-rank-panel em { font-size: 14px; line-height: 22px; }
  .hailang-home .hailang-site-rank .hailang-rank-panel small { font-size: 13px; line-height: 20px; }
  .hailang-rank-panel em { max-width: none; }
  .hailang-continue { grid-template-columns: 120px 36px minmax(150px,1fr) 112px minmax(100px,1fr) auto; gap: 16px; padding: 10px 20px; min-height: 88px; }
  .hailang-continue > h2 { font-size: 20px; }
  .hailang-continue img { width: 36px; height: 50px; }
  .hailang-continue strong { font-size: 16px; line-height: 24px; }
  .hailang-continue span,.hailang-continue small,.hailang-continue p { font-size: 14px; line-height: 20px; }
  .hailang-continue small { font-size: 13px; line-height: 18px; }
  .hailang-continue .hailang-primary-button { min-width: 112px; min-height: 44px; font-size: 16px; }
  .hailang-continue p { max-height: 40px; overflow: hidden; }
  .hailang-recommend-grid { gap: 20px; padding: 4px 23px 16px; }
  .hailang-book-cover { aspect-ratio: 146 / 202; margin-bottom: 10px; }
  .hailang-recommend { min-height: 336px; }
  .hailang-update-labels { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; padding: 0 20px; }
  .hailang-update-labels > div { display: grid; grid-template-columns: minmax(150px,1.05fr) minmax(170px,1.15fr) minmax(100px,.85fr) 65px; gap: 9px; background: #f5f8fb; padding: 8px 12px; color: var(--hailang-muted); font-size: 14px; }
  .hailang-update-grid { grid-template-columns: repeat(2,minmax(0,1fr)); grid-template-rows: repeat(5,43px); column-gap: 20px; padding: 10px 20px 18px; }
  .hailang-update-grid article { grid-template-columns: minmax(150px,1.05fr) minmax(170px,1.15fr) minmax(100px,.85fr) 65px; font-size: 16px; padding: 0 12px; }
  .hailang-update-grid article:nth-child(-n + 6) { border-right: 0; }
  .hailang-update-grid article a:nth-child(2),.hailang-update-grid article span,.hailang-update-grid article time { font-size: 14px; }
  .hailang-rank-grid,.hailang-bottom-grid { gap: 20px; }
  .hailang-mini-rank { min-height: 290px; }
  .hailang-mini-rank ol { padding: 6px 20px 10px; }
  .hailang-mini-rank li { min-height: 42px; grid-template-columns: 24px minmax(0,1fr) minmax(0,105px); gap: 14px; font-size: 16px; }
  .hailang-mini-rank li small { font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: right; }
  .hailang-mini-rank li > span { width: 22px; height: 24px; }
  .hailang-complete-grid,.hailang-new-grid { grid-template-columns: repeat(5,minmax(0,1fr)); gap: 10px; padding: 4px 23px 20px; }
  .hailang-bottom-grid > section { min-height: 334px; }
  .hailang-main { padding-bottom: 24px; }
  .hailang-home .site-footer { padding: 38px 0 20px; }
  .hailang-home .hailang-footer-grid { grid-template-columns: 393px repeat(3,162px) 1fr; gap: 40px; }
  .hailang-home .footer-brand img { width: 62px; height: 48px; }
  .hailang-home .footer-brand strong { font-size: 30px; }
  .hailang-home .footer-brand small { font-size: 13px; }
  .hailang-home .site-footer .footer-title { font-size: 16px; margin-bottom: 16px; }
  .hailang-home .site-footer .footer-links { font-size: 14px; line-height: 24px; gap: 3px; }
  .hailang-home .footer-wave-note { width: 230px; height: 146px; margin: 0; object-fit: contain; }
  .hailang-home .footer-bottom { font-size: 14px; margin-top: 30px; padding-top: 22px; }
}
@media (min-width: 1200px) and (max-width: 1350px) {
  .hailang-home .header-main { grid-template-columns: 290px minmax(300px,1fr) auto; gap: 24px; }
  .hailang-category { padding-inline: 12px; gap: 10px; }
  .hailang-home .hailang-primary { grid-template-columns: minmax(0,1fr) 380px; }
  .hailang-continue { grid-template-columns: 116px 36px minmax(100px,1fr) 112px; gap: 12px; }
  .hailang-continue p,.hailang-continue .hailang-more-link { display: none; }
  .hailang-section-head > span { display: none; }
  .hailang-update-grid article,.hailang-update-labels > div { grid-template-columns: minmax(100px,1fr) minmax(120px,1.2fr) minmax(70px,.8fr) 50px; }
  .hailang-home .hailang-footer-grid { grid-template-columns: 280px repeat(3,1fr) 180px; gap: 24px; }
  .hailang-home .footer-wave-note { width: 180px; }
}
/* User-approved softer homepage presentation, 2026-09-18. */
.hailang-home {
  --hailang-ink: #29384b;
  --hailang-line: #e9edf1;
  --hailang-canvas: #f5f7f9;
  --hailang-blue: #1477d4;
}
.hailang-home .site-nav a { font-weight: 500; }
.hailang-home .site-nav a.is-active,
.hailang-home .site-nav a.active { font-weight: 600; }
.hailang-home .hailang-category strong { font-weight: 500; }
.hailang-home .hailang-category-grid { border-color: #e9edf1; border-radius: 8px; }
.hailang-home .hailang-panel { border-color: #e9edf1; border-radius: 8px; }
.hailang-home .hailang-section-head { border-bottom-color: transparent; }
.hailang-home .hailang-section-head h1,
.hailang-home .hailang-section-head h2 { font-weight: 600; color: #27374b; }
.hailang-home .hailang-section-head h1::before,
.hailang-home .hailang-section-head h2::before { width: 3px; height: 18px; background: #a9c9e8; border-radius: 2px; }
.hailang-home .hailang-section-head > a,
.hailang-home .hailang-more-link { color: #52769b; font-weight: 400; }
.hailang-home .hailang-feature { background: #f0f6fc; border-color: #e1ebf5; }
.hailang-home .hailang-feature-copy h2,
.hailang-home .hailang-feature-copy h2 a { font-weight: 600; color: #26394f; }
.hailang-home .hailang-feature-summary { color: #526277; }
.hailang-home .hailang-feature-support { border-top-color: #dfe8f2; }
.hailang-home .hailang-feature-support h3,
.hailang-home .hailang-feature-support h3 a,
.hailang-home .hailang-recommend h3,
.hailang-home .hailang-recommend h3 a,
.hailang-home .hailang-bottom-grid h3,
.hailang-home .hailang-bottom-grid h3 a,
.hailang-home .hailang-rank-panel li > div > a,
.hailang-home .hailang-mini-rank li > a,
.hailang-home .hailang-continue strong { font-weight: 500; }
.hailang-home .hailang-rank-panel li,
.hailang-home .hailang-mini-rank li,
.hailang-home .hailang-update-grid article { border-bottom-color: #f0f2f5; }
.hailang-home .hailang-primary-button,
.hailang-home .hailang-secondary-button { font-weight: 500; border-radius: 5px; }
.hailang-home .hailang-secondary-button { background: #fff; border-color: #c6d7e8; color: #3a6d9e; }
.hailang-home .hailang-continue { background: #fff; border-color: #e9edf1; border-radius: 8px; }
.hailang-home .hailang-continue > h2 { font-weight: 500; color: #426a94; }
.hailang-home .hailang-continue > h2::before { background: #b2cce5; }
.hailang-home .hailang-continue .hailang-primary-button { background: #edf4fb; color: #2868a6; border-color: #dce8f4; }
.hailang-home .footer-title { font-weight: 500; }
@media (min-width: 901px) {
  .hailang-home .hailang-section-head h1,
  .hailang-home .hailang-section-head h2 { font-size: 21px; }
  .hailang-home .hailang-content { gap: 24px; }
  .hailang-home .hailang-rank-panel li { min-height: 60px; }
  .hailang-home .hailang-mini-rank li { min-height: 46px; }
  .hailang-home .hailang-recommend-grid { padding-bottom: 22px; }
  .hailang-home .hailang-update-grid { grid-template-rows: repeat(5,46px); }
}
/* Homepage hot list: compact heat, conditional metadata separator. */
.hailang-home .hailang-site-rank .hailang-rank-tags:not(:empty)::before { content: ' · '; }
.hailang-home .hailang-site-rank .hailang-rank-heat { align-items: center; justify-content: flex-end; gap: 4px; white-space: nowrap; font-variant-numeric: tabular-nums; }
.hailang-home .hailang-site-rank .hailang-rank-heat svg { width: 13px; height: 13px; flex: 0 0 13px; color: #e8953b; }
@media (min-width: 901px) {
  .hailang-home .hailang-site-rank .hailang-rank-heat { display: inline-flex; min-width: 30px; overflow: visible; padding-left: 4px; }
  .hailang-home .hailang-site-rank .hailang-rank-panel li { column-gap: 10px; }
  .hailang-home .hailang-site-rank .hailang-rank-panel li > div { padding-right: 4px; }
}
/* Homepage update timestamps: month-day hour:minute, one line. */
.hailang-home .hailang-update-grid time { white-space: nowrap; font-variant-numeric: tabular-nums; }
@media (min-width: 1200px) {
  .hailang-home .hailang-update-grid article,
  .hailang-home .hailang-update-labels > div { grid-template-columns: minmax(0,1.05fr) minmax(0,1.15fr) minmax(0,.85fr) 110px; }
}
@media (min-width: 761px) and (max-width: 1199px) {
  .hailang-home .hailang-update-grid article { grid-template-columns: minmax(0,1.1fr) minmax(0,1.8fr) minmax(0,.7fr) 84px; }
}
@media (max-width: 760px) {
  .hailang-home .hailang-update-grid article { grid-template-columns: minmax(0,1fr) minmax(0,1.7fr) 80px; }
}
/* Color-weight preview only; retain production dimensions and content. */
.hailang-home .site-header { background: #19568a; border-bottom-color: #174f7e; color: #fff; }
.hailang-home .site-header .brand,
.hailang-home .site-header .header-actions,
.hailang-home .site-header .header-action,
.hailang-home .site-header .header-action svg,
.hailang-home .site-header .site-nav a { color: #fff; }
.hailang-home .site-header .brand-tagline,
.hailang-home .site-header .site-nav::after { color: #cbdfee; }
.hailang-home .site-header .brand-mark { filter: grayscale(1) invert(1) brightness(2); mix-blend-mode: screen; }
.hailang-home .site-header .header-search { background: #fff; border-color: #fff; }
.hailang-home .site-header .header-search input { background: #fff; color: #29384b; }
.hailang-home .site-header .header-search button { background: #e6f0f9; color: #19568a; }
.hailang-home .site-header .site-nav a[aria-current="page"] { color: #fff; }
.hailang-home .site-header .site-nav a[aria-current="page"]::after,
.hailang-home .site-header .site-nav a:hover::after { background: #fff; }
/* Preview only: tinted category navigation under the ocean header. */
.hailang-home .hailang-category-grid { background: #e2eef8; border-color: #d3e3f0; }
.hailang-home .hailang-category { background: transparent; }
.hailang-home .hailang-category strong { color: #254f74; }
.hailang-home .hailang-category small { color: #60788d; }
.hailang-home .hailang-category:not(:last-child)::after { border-color: #cbddeb; }
.hailang-home .hailang-category:hover,
.hailang-home .hailang-category:focus-visible { background: #d2e5f5; }
/* Full homepage visual study only. Keep live data and layout width. */
.hailang-home { --hailang-canvas: #eff3f7; }
.hailang-home .hailang-category-strip { background: transparent; }
.hailang-home .hailang-panel { border-color: #dfe7ee; }
.hailang-home .hailang-section-head { border-radius: 8px 8px 0 0; }
.hailang-home .hailang-feature { background: #eaf3fc; border-color: #d6e5f3; }
.hailang-home .hailang-feature > .hailang-section-head { background: #e1edf8; }
.hailang-home .hailang-feature-cover { box-shadow: 0 3px 6px rgba(29,55,83,.10),0 12px 24px rgba(29,55,83,.10); }
.hailang-home .hailang-feature-support { border-top-color: #d7e4ef; }
.hailang-home .hailang-site-rank > .hailang-section-head { background: #edf4fa; }
.hailang-home .hailang-continue { background: #e4edf5; border-color: #d7e3ed; }
.hailang-home .hailang-continue > h2 { color: #27374b; font-weight: 600; font-size: 18px; }
@media (min-width: 901px) { .hailang-home .hailang-continue > h2 { font-size: 21px; } }
@media (max-width: 760px) { .hailang-home .hailang-continue > h2 { font-size: 16px; } }
.hailang-home .hailang-continue .hailang-primary-button { background: #fff; border-color: #c9dceb; }
.hailang-home .hailang-continue { grid-template-columns: 90px 38px minmax(0,1fr) auto auto; }
.hailang-home .hailang-continue .hailang-reading-sync { font-size: 14px; line-height: 22px; color: #60788d; white-space: nowrap; justify-self: center; }
@media (min-width: 1351px) { .hailang-home .hailang-continue { grid-template-columns: 120px 36px minmax(0,1fr) 204px 112px; column-gap: 20px; } }
@media (min-width: 1200px) and (max-width: 1350px) { .hailang-home .hailang-continue { grid-template-columns: 104px 36px minmax(0,1fr) 182px 104px; column-gap: 10px; } .hailang-home .hailang-continue .hailang-primary-button { min-width: 104px; } }
@media (max-width: 760px) {
  .hailang-home .hailang-continue { grid-template-columns: 78px 42px minmax(0,1fr) auto; row-gap: 8px; }
  .hailang-home .hailang-continue .hailang-primary-button { grid-column: 4; grid-row: 1; }
  .hailang-home .hailang-continue .hailang-reading-sync { grid-column: 2 / -1; grid-row: 2; justify-self: start; font-size: 12px; line-height: 18px; }
}
.hailang-home .hailang-recommend-grid { padding-top: 14px; padding-bottom: 24px; }
.hailang-home .hailang-book-cover { box-shadow: 0 3px 7px rgba(25,45,65,.10); }
.hailang-home .hailang-updates > .hailang-section-head { background: #f5f8fb; }
.hailang-home .hailang-update-labels > div { background: #e8f0f7; color: #526c83; }
.hailang-home .hailang-update-grid article:hover { background: #f4f8fc; }
.hailang-home .hailang-rank-grid > section:nth-child(1) > .hailang-section-head { background: #e6f0fa; }
.hailang-home .hailang-rank-grid > section:nth-child(2) > .hailang-section-head { background: #e6f3f1; }
.hailang-home .hailang-rank-grid > section:nth-child(3) > .hailang-section-head { background: #eeeaf6; }
.hailang-home .hailang-rank-grid > section:nth-child(2) h2::before { background: #85b6ad; }
.hailang-home .hailang-rank-grid > section:nth-child(3) h2::before { background: #b0a0cb; }
.hailang-home .hailang-bottom-grid > section:first-child > .hailang-section-head { background: #f5eee3; }
.hailang-home .hailang-bottom-grid > section:last-child > .hailang-section-head { background: #e8f1f8; }
.hailang-home .hailang-complete-grid,
.hailang-home .hailang-new-grid { padding-top: 18px; }
.hailang-home .hailang-empty-complete { align-self: start; min-height: 0; }
.hailang-home .hailang-empty-complete .hailang-complete-grid { display: block; padding: 25px 24px 28px; }
.hailang-home .hailang-empty-title { margin: 0 0 8px; color: #566578; font-size: 16px; font-weight: 400; }
.hailang-home .hailang-empty-copy { margin: 0; color: #6e7b8c; font-size: 14px; line-height: 1.7; }
.hailang-home .site-footer { background: #183d5d; color: #c3d3e1; border-top-color: #183d5d; }
.hailang-home .site-footer .footer-brand strong,
.hailang-home .site-footer .footer-title { color: #fff; }
.hailang-home .site-footer .footer-brand small,
.hailang-home .site-footer .footer-links,
.hailang-home .site-footer .footer-links a,
.hailang-home .site-footer .footer-bottom { color: #c3d3e1; }
.hailang-home .site-footer .footer-bottom { border-top-color: #355773; }
.hailang-home .site-footer .footer-brand img { filter: grayscale(1) invert(1) brightness(2); mix-blend-mode: screen; }
.hailang-home .site-footer .footer-wave-note { filter: grayscale(1) invert(1); mix-blend-mode: screen; opacity: .7; }
@media (min-width: 1200px) {
  .hailang-home .hailang-content { gap: 28px; }
  .hailang-home .hailang-main { padding-bottom: 36px; }
}