/*
Theme Name: 货代导航运费首页
Description: 货代导航 1.26 的运费查询首页子主题。
Template: 货代导航-1.26-纯净版
Version: 1.27
Text Domain: daohang-freight-home
*/

.freight-home-page { --fh-blue: #1269a8; --fh-ink: #1e2b39; --fh-muted: #687788; --fh-line: #dce6ee; --fh-surface: #fff; }
.freight-home-hero { margin: 0 0 24px; padding: 32px; color: var(--fh-ink); background: linear-gradient(135deg, #f2f9fe, #e6f2fa); border: 1px solid #d5e6f2; border-radius: 12px; }
.freight-home-hero-copy { max-width: 760px; }
.freight-home-eyebrow { margin: 0 0 7px; color: var(--fh-blue); font-size: 12px; font-weight: 700; letter-spacing: .08em; }
.freight-home-hero h1 { margin: 0; font-size: clamp(28px, 4vw, 40px); line-height: 1.2; }
.freight-home-hero-copy > p:last-child { margin: 10px 0 22px; color: var(--fh-muted); font-size: 15px; }
.freight-home-search { padding: 20px; background: var(--fh-surface); border: 1px solid #cfe0eb; border-radius: 10px; box-shadow: 0 8px 24px rgba(25, 70, 105, .09); }
.freight-home-search-heading, .freight-home-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 16px; }
.freight-home-search-heading h2, .freight-home-section-heading h2 { margin: 0; font-size: 21px; }
.freight-home-search-heading > p { margin: 0; color: var(--fh-muted); font-size: 12px; text-align: right; }
.freight-home-search-fields { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)) auto; gap: 10px; margin-top: 16px; }
.freight-home-search-fields label { color: #4d5b68; font-size: 12px; font-weight: 600; }
.freight-home-search-fields input { width: 100%; height: 44px; margin-top: 6px; padding: 0 12px; color: var(--fh-ink); background: #fbfdff; border: 1px solid #bfceda; border-radius: 6px; }
.freight-home-search-fields button { align-self: end; height: 44px; padding: 0 22px; color: #fff; background: var(--fh-blue); border: 0; border-radius: 6px; font-weight: 700; white-space: nowrap; cursor: pointer; }
.freight-home-search-fields button:hover, .freight-home-search-fields button:focus { background: #09588f; }
.freight-home-search-form.is-loading button { opacity: .72; cursor: wait; }
.freight-home-search-notes { display: flex; flex-wrap: wrap; gap: 10px 18px; margin-top: 13px; color: var(--fh-muted); font-size: 12px; }
.freight-home-search-notes a, .freight-home-section-heading > a, .freight-home-route > a { color: var(--fh-blue); font-weight: 600; text-decoration: none; }
.freight-home-results { margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--fh-line); scroll-margin-top: 20px; }
.freight-home-results-heading { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
.freight-home-results-heading h2 { margin: 0; font-size: 18px; }
.freight-home-results-heading span { color: var(--fh-muted); font-size: 12px; }
.freight-home-results-scroll { overflow-x: auto; }
.freight-home-results table { width: 100%; min-width: 760px; border-collapse: collapse; font-size: 13px; }
.freight-home-results th, .freight-home-results td { padding: 11px 10px; text-align: left; border-bottom: 1px solid #e7edf2; white-space: nowrap; }
.freight-home-results th { color: #4b6174; background: #f4f8fb; font-size: 12px; }
.freight-home-results td a { color: var(--fh-blue); font-weight: 600; }
.freight-home-results--empty { display: grid; gap: 8px; padding: 18px; background: #f8fbfd; border-radius: 8px; }
.freight-home-results--empty span { color: var(--fh-muted); font-size: 13px; }
.freight-home-inquiry { width: fit-content; color: var(--fh-blue); font-weight: 700; }
.freight-home-popular, .freight-home-shortcuts, .freight-home-guidance, .freight-home-directory { margin: 28px 0; }
.freight-home-popular-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 14px; }
.freight-home-route { display: grid; gap: 7px; min-height: 150px; padding: 16px; background: #fff; border: 1px solid var(--fh-line); border-radius: 10px; }
.freight-home-route p { margin: 0; color: var(--fh-blue); font-size: 12px; font-weight: 700; }
.freight-home-route h3 { margin: 0; font-size: 16px; }
.freight-home-route strong { color: #0e5a8e; font-size: 15px; }
.freight-home-route span { color: var(--fh-muted); font-size: 12px; }
.freight-home-route > a { margin-top: auto; font-size: 13px; }
.freight-home-shortcut-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; margin-top: 14px; }
.freight-home-shortcut { display: grid; min-height: 96px; padding: 14px; color: var(--fh-ink); background: #fff; border: 1px solid var(--fh-line); border-radius: 9px; text-decoration: none; }
.freight-home-shortcut:hover { color: var(--fh-blue); border-color: #9fc5de; transform: translateY(-1px); }
.freight-home-shortcut span { color: var(--fh-blue); font-size: 20px; font-weight: 700; }
.freight-home-shortcut strong { margin-top: 9px; font-size: 14px; }
.freight-home-shortcut small { margin-top: 3px; color: var(--fh-muted); font-size: 11px; }
.freight-home-guidance { padding: 18px 20px; background: #f8fbfd; border-left: 4px solid var(--fh-blue); }
.freight-home-guidance h2 { margin: 0 0 8px; font-size: 18px; }
.freight-home-guidance p { margin: 0; color: #556575; font-size: 13px; line-height: 1.8; }
.freight-archive-shell { margin-bottom: 28px; }
.freight-archive-shell .freight-archive-wrapper { padding: 24px; background: #fff; border: 1px solid var(--fh-line); border-radius: 10px; }
body.daohang-night-mode .freight-home-hero, body.daohang-night-mode .freight-home-search, body.daohang-night-mode .freight-home-route, body.daohang-night-mode .freight-home-shortcut, body.daohang-night-mode .freight-archive-shell .freight-archive-wrapper { color: #e8edf3; background: #20272d; border-color: #384650; }
body.daohang-night-mode .freight-home-search-fields input, body.daohang-night-mode .freight-home-results th { color: #e8edf3; background: #182028; border-color: #3b4a55; }
body.daohang-night-mode .freight-home-guidance { background: #20272d; }
@media (max-width: 959px) { .freight-home-shortcut-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .freight-home-popular-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 700px) { .freight-home-hero { padding: 22px 16px; } .freight-home-search { padding: 16px; } .freight-home-search-heading { display: block; } .freight-home-search-heading > p { margin-top: 8px; text-align: left; } .freight-home-search-fields { grid-template-columns: 1fr; } .freight-home-search-fields button { width: 100%; } }
@media (max-width: 480px) { .freight-home-popular-grid, .freight-home-shortcut-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .freight-home-route { min-height: 0; } }