/* 两个独立业务站共用布局契约，不改动软文主站顶栏。 */
.public-site-header { position: sticky; top: 0; z-index: 1000; border-bottom: 1px solid #e2e8f0; background: rgb(255 255 255 / 92%); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); transition: box-shadow .2s; }
.site-header-inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 84px; }
.public-site-header.is-scrolled { box-shadow: 0 8px 26px rgb(15 23 42 / 10%); }
.site-brand { display: inline-flex; align-items: center; flex: none; gap: 11px; color: #0f172a; }
.site-brand-icon { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 15px; background: linear-gradient(135deg, #0284c7, #0f172a); color: #fff; }
.site-brand-icon svg { width: 30px; height: 30px; }
.site-brand strong { display: block; font-size: 22px; line-height: 1.3; font-weight: 900; }
.site-brand small { display: inline-block; margin-top: 5px; padding: 2px 8px; border-radius: 6px; color: #0284c7; background: linear-gradient(110deg, #e0f2fe, #fff3d6); font-size: 10px; font-weight: 700; }
.site-anchor-nav, .site-header-actions { display: flex; align-items: center; gap: 20px; }
.site-anchor-nav a { white-space: nowrap; color: #475569; font-size: 14px; font-weight: 700; }
.site-anchor-nav a:hover, .site-anchor-nav a.active { color: #0284c7; }
.site-header-actions { gap: 10px; }
.site-header-actions a, .site-customer { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 0 13px; border-radius: 12px; font-size: 13px; font-weight: 700; white-space: nowrap; }
.site-customer { background: transparent; color: #64748b; cursor: pointer; }
.site-login { color: #0284c7; background: #f0f9ff; }
.site-header-actions .site-primary { color: #fff; background: #03b3ff; box-shadow: 0 6px 16px rgb(3 179 255 / 18%); }
.site-header-actions .site-primary:hover { background: #0298dc; }
.site-account-name { max-width: 100px; overflow: hidden; text-overflow: ellipsis; font-size: 12px; color: #64748b; }
.site-menu-toggle { display: none; width: 38px; height: 38px; border-radius: 10px; color: #0284c7; background: #f0f9ff; font-size: 22px; cursor: pointer; }
.site-mobile-nav { padding: 10px 20px 16px; border-top: 1px solid #e2e8f0; }
.site-mobile-nav:not([hidden]) { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px 20px; }
.site-mobile-nav a { font-size: 13px; font-weight: 700; }
.public-site-header [hidden] { display: none !important; }
.cloud-site-header { background: linear-gradient(110deg, #0c4a6e, #1e3a8a 55%, #1e1b4b); border-bottom-color: rgb(255 255 255 / 12%); }
.cloud-site-header :is(.site-brand, .site-anchor-nav a, .site-customer, .site-account-name, .site-mobile-nav) { color: #e0f2fe; }
.cloud-site-header .site-brand-icon { background: rgb(255 255 255 / 12%); color: #7dd3fc; }
.cloud-site-header .site-brand small { background: rgb(255 255 255 / 10%); color: #bae6fd; }
.cloud-site-header .site-login, .cloud-site-header .site-menu-toggle { background: rgb(255 255 255 / 10%); color: #fff; }
.cloud-site-header .site-mobile-nav { border-color: rgb(255 255 255 / 12%); }
body.renmai-public-page, body.daifu-page { padding-top: 0 !important; }
:is(.renmai-public-page, .daifu-page) [id] { scroll-margin-top: 104px; }
@media (max-width: 1400px) { .site-header-inner { gap: 14px; }.site-anchor-nav { gap: 14px; }.site-customer { font-size: 12px; padding-inline: 8px; }.site-brand strong { font-size: 20px; } }
@media (max-width: 1180px) { .site-anchor-nav { display: none; }.site-menu-toggle { display: block; }.site-header-actions { margin-left: auto; } }
@media (max-width: 640px) { .site-header-inner { min-height: 74px; gap: 8px; padding-inline: 14px; }.site-brand-icon { width: 36px; height: 36px; border-radius: 11px; }.site-brand strong { font-size: 16px; }.site-brand small { font-size: 9px; padding-inline: 4px; }.site-header-actions { gap: 5px; }.site-customer, .site-header-actions .site-login, .site-account-name { display: none; }.site-header-actions .site-primary { min-height: 36px; padding: 0 9px; font-size: 11px; }.site-menu-toggle { flex: none; width: 32px; } }
@media (prefers-reduced-motion: reduce) { .public-site-header { transition: none; } }