:root { --business-ink: #10243d; --business-sky: #e8f2ff; --business-line: #dce5ee; --business-accent: #1662c7; --business-muted: #5d6d7e; }
* { box-sizing: border-box; }
body.business-page { margin: 0; min-height: 100vh; color: var(--business-ink); background: #f7f9fc; font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif; }
a { color: inherit; text-decoration: none; }
.business-header { min-height: 68px; padding: 0 5vw; display: flex; align-items: center; gap: 28px; background: #fff; border-bottom: 1px solid var(--business-line); }
.business-brand { display: flex; flex-direction: column; min-width: 170px; font-weight: 800; letter-spacing: -.02em; }.business-brand span { color: var(--business-accent); }.business-brand small { color: var(--business-muted); font-weight: 600; }
.business-nav { display: flex; gap: 18px; flex: 1; }.business-nav a { padding: 23px 0 19px; color: var(--business-muted); border-bottom: 3px solid transparent; }.business-nav a.is-active { color: var(--business-accent); border-color: var(--business-accent); }
.business-main-link { color: var(--business-accent); font-weight: 700; white-space: nowrap; }.business-shell { width: min(1120px, 90vw); margin: 0 auto; padding: 48px 0 68px; }
.business-hero { padding: 60px min(8vw, 96px); border-radius: 24px; color: #fff; background: linear-gradient(120deg, #10243d, #1662c7); }.business-kicker { margin: 0 0 12px; color: #80b7ff; font-size: 12px; font-weight: 800; letter-spacing: .12em; }.business-hero h1 { max-width: 700px; margin: 0; font-size: clamp(34px, 5vw, 64px); line-height: 1.13; }.business-lead { max-width: 680px; font-size: 18px; line-height: 1.75; }.business-tagline { font-weight: 700; }.business-actions { display: flex; gap: 12px; margin-top: 30px; }.business-button { padding: 12px 18px; color: #11315a; background: #fff; border-radius: 9px; font-weight: 800; }.business-button-secondary { color: #fff; background: transparent; border: 1px solid #9bc6ff; }
.business-button-dark { display: inline-block; color: #fff; background: var(--business-accent); }
.business-section { margin-top: 56px; }.business-section-heading h2, .business-grid h2, .business-copy h2 { margin: 0; }.business-empty, .business-error { padding: 42px; margin-top: 18px; text-align: center; background: #fff; border: 1px dashed #afc5dc; border-radius: 16px; }.business-empty span { color: var(--business-accent); font-size: 12px; font-weight: 800; letter-spacing: .12em; }.business-empty h2 { margin: 10px 0; }.business-empty p, .business-copy p { color: var(--business-muted); line-height: 1.75; }.business-note { font-size: 14px; }.business-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 24px; }.business-grid article, .business-copy { padding: 24px; background: #fff; border: 1px solid var(--business-line); border-radius: 14px; }.business-grid p { color: var(--business-muted); line-height: 1.65; }.business-copy { max-width: 760px; }.business-copy h1 { margin-top: 0; }.business-copy blockquote { margin: 16px 0; padding: 16px; color: var(--business-ink); background: var(--business-sky); border-left: 4px solid var(--business-accent); }.business-footer { padding: 30px 5vw; color: var(--business-muted); background: #fff; border-top: 1px solid var(--business-line); font-size: 14px; }.business-footer p { max-width: 900px; line-height: 1.7; }
@media (max-width: 720px) { .business-header { align-items: flex-start; flex-wrap: wrap; gap: 8px 18px; padding: 16px 5vw; }.business-nav { order: 3; width: 100%; overflow-x: auto; }.business-nav a { padding: 10px 0; white-space: nowrap; }.business-main-link { margin-left: auto; }.business-shell { padding-top: 24px; }.business-hero { padding: 38px 26px; }.business-grid { grid-template-columns: 1fr; }.business-empty { padding: 30px 20px; } }
.business-section-heading { display: flex; align-items: end; gap: 16px; flex-wrap: wrap; }.business-section-heading h1 { margin: 0; }.business-section-heading span { margin-left: auto; color: var(--business-muted); }.business-card-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 18px; }.business-card { display: flex; flex-direction: column; padding: 22px; background: #fff; border: 1px solid var(--business-line); border-radius: 14px; }.business-card h2 { margin: 14px 0 8px; font-size: 18px; line-height: 1.4; }.business-card p { color: var(--business-muted); font-size: 14px; line-height: 1.65; }.business-card-meta { display: flex; justify-content: space-between; gap: 8px; color: var(--business-accent); font-size: 12px; font-weight: 700; }.business-status { padding: 3px 7px; border-radius: 99px; background: #eef4fb; }.business-status-historical { color: #6d7785; background: #f0f2f4; }.business-status-closing_soon { color: #9a4700; background: #fff0e1; }.business-card dl, .business-detail dl { display: grid; gap: 8px; margin: 14px 0; }.business-card dl div, .business-detail dl div { display: grid; grid-template-columns: 72px 1fr; gap: 8px; }.business-card dt, .business-detail dt { color: var(--business-muted); }.business-card dd, .business-detail dd { margin: 0; }.business-card-link { margin-top: auto; color: var(--business-accent); font-weight: 700; }.business-filters { display: grid; grid-template-columns: minmax(160px, 2fr) repeat(3, minmax(110px, 1fr)) auto; gap: 10px; margin: 22px 0; }.business-filters input, .business-filters select, .business-filters button { min-height: 40px; padding: 0 10px; border: 1px solid var(--business-line); border-radius: 8px; background: #fff; }.business-filters button { color: #fff; background: var(--business-accent); border-color: var(--business-accent); font-weight: 700; }.business-detail { padding: 30px; background: #fff; border: 1px solid var(--business-line); border-radius: 16px; }.business-detail h1 { margin-top: 0; }.business-detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px; margin-top: 30px; }.business-detail li { margin: 8px 0; line-height: 1.5; }.business-verification-note { padding: 14px; margin-top: 24px; color: var(--business-muted); background: var(--business-sky); border-radius: 8px; line-height: 1.65; }.business-button-dark { display: inline-block; color: #fff; background: var(--business-accent); }
@media (max-width: 720px) { .business-card-grid, .business-detail-grid, .business-filters { grid-template-columns: 1fr; } }