/* 宝藏科技 - PerfectPanel V3 Theme */
:root {
  --zzzh-bg: #f8fbff;
  --zzzh-surface: #ffffff;
  --zzzh-ink: #0f172a;
  --zzzh-muted: #64748b;
  --zzzh-soft: #eff6ff;
  --zzzh-line: #dbeafe;
  --zzzh-blue: #2563eb;
  --zzzh-blue-dark: #1d4ed8;
  --zzzh-green: #16a34a;
  --zzzh-radius: 20px;
  --zzzh-shadow: 0 14px 40px rgba(37, 99, 235, .08);
  --zzzh-shadow-hover: 0 20px 50px rgba(37, 99, 235, .12);
}
html, body {
  max-width: 100%;
  overflow-x: hidden;
}
body {
  font-family: "PingFang SC", "Microsoft YaHei", "Inter", Arial, sans-serif;
  color: var(--zzzh-muted);
  background: var(--zzzh-bg);
  line-height: 1.72;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
body.zzzh-guest {
  background:
    radial-gradient(circle at 12% 8%, rgba(37, 99, 235, .10), transparent 28%),
    radial-gradient(circle at 90% 0%, rgba(14, 165, 233, .10), transparent 26%),
    var(--zzzh-bg);
}
a { color: inherit; transition: color .16s ease, background-color .16s ease, border-color .16s ease, transform .16s ease; }
a:hover, a:focus { color: var(--zzzh-blue); text-decoration: none; }
.zzzh-guest h1, .zzzh-guest h2, .zzzh-guest h3, .zzzh-guest h4 { color: var(--zzzh-ink); font-weight: 800; letter-spacing: -.02em; line-height: 1.16; }
.zzzh-guest p { color: var(--zzzh-muted); }
.zzzh-guest .container { max-width: 1180px; }
.zzzh-guest .zzzh-navbar.navbar-default {
  background: rgba(255,255,255,.94);
  border: 0;
  border-bottom: 1px solid var(--zzzh-line);
  box-shadow: 0 8px 30px rgba(15, 23, 42, .04);
  margin-bottom: 0;
  min-height: 82px;
  backdrop-filter: blur(14px);
}
.zzzh-navbar-inner { display: flex; align-items: center; min-height: 82px; }
.zzzh-navbar-header { display: flex; align-items: center; min-width: 0; }
.zzzh-navbar-brand.navbar-brand { display: flex; align-items: center; height: auto; min-height: 82px; padding: 10px 0; line-height: 1; }
.zzzh-navbar-brand .zzzh-brand-logo, .zzzh-navbar-brand img { display: block; width: 260px; max-width: 100%; max-height: 58px; height: auto; object-fit: contain; }
.zzzh-brand-stack { display: flex; flex-direction: column; justify-content: center; min-width: 0; }
.zzzh-brand-mark { color: var(--zzzh-ink); font-size: 24px; font-weight: 900; line-height: 1.05; white-space: nowrap; }
.zzzh-brand-subtitle { color: var(--zzzh-muted); font-size: 13px; font-weight: 600; line-height: 1.25; margin-top: 4px; white-space: nowrap; }
.zzzh-navbar-collapse { flex: 1; }
.zzzh-guest-menu { display: flex; align-items: center; min-height: 82px; margin: 0; }
.zzzh-guest-menu > li > a { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 10px 15px !important; margin-left: 10px; color: #334155 !important; font-size: 15px; font-weight: 800; border-radius: 13px; }
.zzzh-guest-menu > li > a:hover, .zzzh-guest-menu > li.active > a { background: var(--zzzh-soft) !important; color: var(--zzzh-blue) !important; }
.zzzh-guest-menu > li.zzzh-nav-cta > a { background: var(--zzzh-blue) !important; color: #fff !important; padding: 10px 22px !important; box-shadow: 0 10px 22px rgba(37, 99, 235, .20); }
.zzzh-guest-menu > li.zzzh-nav-cta > a:hover { background: var(--zzzh-blue-dark) !important; color: #fff !important; transform: translateY(-1px); }
.zzzh-navbar-toggle { margin-top: 23px; border: 1px solid var(--zzzh-line) !important; border-radius: 12px; background: #fff !important; }
.zzzh-navbar-toggle .icon-bar { background: var(--zzzh-ink) !important; }
.zzzh-home { padding-top: 0; }
.zzzh-hero { position: relative; padding: 72px 0 58px; overflow: hidden; }
.zzzh-hero-grid { display: flex; align-items: center; gap: 0; }
.zzzh-hero-copy { padding-top: 24px; }
.zzzh-hero-login { padding-top: 8px; }
.zzzh-kicker { display: inline-flex; align-items: center; max-width: 100%; padding: 8px 13px; margin-bottom: 18px; border: 1px solid var(--zzzh-line); border-radius: 10px; background: var(--zzzh-soft); color: var(--zzzh-blue); font-size: 13px; font-weight: 900; line-height: 1.35; }
.zzzh-hero h1 { max-width: 620px; margin: 0 0 14px; font-size: 62px; }
.zzzh-hero-subtitle { margin: 0 0 18px; color: var(--zzzh-blue); font-size: 24px; font-weight: 900; line-height: 1.35; }
.zzzh-badge-row { display: flex; flex-wrap: wrap; gap: 12px; margin: 0 0 26px; }
.zzzh-badge { display: inline-flex; align-items: center; max-width: 100%; padding: 8px 12px; border: 1px solid var(--zzzh-line); border-radius: 12px; background: #fff; color: var(--zzzh-ink); font-size: 14px; font-weight: 800; box-shadow: 0 6px 20px rgba(37,99,235,.04); }
.zzzh-badge-primary { background: var(--zzzh-soft); color: var(--zzzh-blue); }
.zzzh-hero-desc { max-width: 650px; margin: 0 0 34px; font-size: 17px; line-height: 1.9; }
.zzzh-hero-actions { display: flex; flex-wrap: wrap; gap: 14px; }
.zzzh-btn, .zzzh-login-submit.btn { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 13px 28px; border-radius: 16px; border: 1px solid transparent; font-weight: 900; letter-spacing: .02em; transition: transform .16s ease, background-color .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease; }
.zzzh-btn:hover, .zzzh-login-submit.btn:hover { transform: translateY(-1px); }
.zzzh-btn-primary, .zzzh-login-submit.btn { background: var(--zzzh-blue); color: #fff; box-shadow: 0 12px 28px rgba(37,99,235,.22); }
.zzzh-btn-primary:hover, .zzzh-login-submit.btn:hover { background: var(--zzzh-blue-dark); color: #fff; box-shadow: 0 16px 34px rgba(37,99,235,.26); }
.zzzh-btn-secondary { background: #fff; color: var(--zzzh-blue); border-color: var(--zzzh-line); }
.zzzh-btn-secondary:hover { background: var(--zzzh-soft); color: var(--zzzh-blue-dark); }
.zzzh-btn-light-outline { background: transparent; color: #fff; border-color: rgba(255,255,255,.58); }
.zzzh-btn-light-outline:hover { background: rgba(255,255,255,.12); color: #fff; border-color: #fff; }
.zzzh-workbench-card, .zzzh-login-card, .zzzh-card, .zzzh-step-card, .zzzh-split-card, .zzzh-faq-list { background: var(--zzzh-surface); border: 1px solid var(--zzzh-line); border-radius: var(--zzzh-radius); box-shadow: var(--zzzh-shadow); overflow: hidden; }
.zzzh-workbench-card { padding: 26px; }
.zzzh-workbench-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding-bottom: 18px; margin-bottom: 18px; border-bottom: 1px solid var(--zzzh-line); }
.zzzh-workbench-head h3 { margin: 0 0 5px; font-size: 21px; }
.zzzh-workbench-head p { margin: 0; font-size: 12px; }
.zzzh-workbench-status { flex: 0 0 auto; padding: 7px 10px; border-radius: 10px; background: #ecfdf5; color: var(--zzzh-green); font-size: 12px; font-weight: 900; }
.zzzh-workbench-list { display: grid; gap: 10px; }
.zzzh-workbench-row { display: flex; align-items: center; justify-content: space-between; gap: 14px; min-width: 0; padding: 12px 13px; border: 1px solid var(--zzzh-line); border-radius: 14px; background: #fafcff; }
.zzzh-row-main { display: flex; align-items: center; gap: 12px; min-width: 0; }
.zzzh-row-icon { flex: 0 0 auto; width: 34px; height: 34px; border: 1px solid var(--zzzh-line); border-radius: 11px; background: #fff; display: inline-flex; align-items: center; justify-content: center; color: var(--zzzh-blue); font-weight: 900; }
.zzzh-row-title { display: block; color: var(--zzzh-ink); font-size: 13px; font-weight: 900; line-height: 1.3; }
.zzzh-row-desc { display: block; color: var(--zzzh-muted); font-size: 11px; line-height: 1.3; margin-top: 2px; }
.zzzh-row-badge { flex: 0 0 auto; padding: 5px 8px; border-radius: 8px; background: var(--zzzh-soft); color: var(--zzzh-blue); font-size: 11px; font-weight: 900; }
.zzzh-workbench-section { background: #fff; border-top: 1px solid var(--zzzh-line); }
.zzzh-workbench-section .zzzh-workbench-card { max-width: 900px; margin: 0 auto; }
.zzzh-login-section { padding: 58px 0; background: #fff; border-top: 1px solid var(--zzzh-line); border-bottom: 1px solid var(--zzzh-line); }
.zzzh-login-card { max-width: 480px; margin: 0 auto; padding: 34px; }
.zzzh-login-card-head { text-align: center; margin-bottom: 28px; }
.zzzh-login-card-head h2 { margin-bottom: 8px; font-size: 28px; }
.zzzh-login-card-head p { margin: 0; font-size: 14px; }
.zzzh-login-card .control-label { color: var(--zzzh-ink); font-weight: 900; margin-bottom: 8px; }
.zzzh-login-card .form-control { height: 48px; border: 1px solid var(--zzzh-line); border-radius: 14px; box-shadow: none; padding: 10px 14px; font-size: 15px; background: #fff; }
.zzzh-login-card .form-control:focus { border-color: var(--zzzh-blue); box-shadow: 0 0 0 4px rgba(37,99,235,.10); }
.zzzh-login-card .forgot-password { display: inline-block; margin-top: 8px; color: var(--zzzh-blue); font-weight: 800; }
.zzzh-login-submit { width: 100%; margin-top: 6px; }
.zzzh-google-signin { margin-top: 14px; display: flex; justify-content: center; }
.zzzh-captcha-wrap { margin: 14px 0; }
.zzzh-login-bottom { text-align: center; border-top: 1px solid var(--zzzh-line); margin-top: 22px; padding-top: 17px; }
.zzzh-login-bottom a { color: var(--zzzh-blue); font-weight: 900; }
.zzzh-section { padding: 82px 0; }
.zzzh-section-alt { background: #fff; border-top: 1px solid var(--zzzh-line); border-bottom: 1px solid var(--zzzh-line); }
.zzzh-section-head { margin: 0 auto 42px; max-width: 760px; text-align: center; }
.zzzh-section-head h2 { margin: 0 0 12px; font-size: 40px; }
.zzzh-section-head p { margin: 0; font-size: 17px; }
.zzzh-section-head-inline { max-width: none; display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; text-align: left; }
.zzzh-text-link { color: var(--zzzh-blue); font-weight: 900; white-space: nowrap; }
.zzzh-card { min-height: 205px; padding: 26px; margin-bottom: 24px; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease, background-color .2s ease; }
.zzzh-card:hover { transform: translateY(-3px); box-shadow: var(--zzzh-shadow-hover); border-color: rgba(37,99,235,.35); }
.zzzh-card-icon { width: 46px; height: 46px; border-radius: 14px; background: var(--zzzh-soft); color: var(--zzzh-blue); display: inline-flex; align-items: center; justify-content: center; font-weight: 900; margin-bottom: 18px; }
.zzzh-card h3 { margin-bottom: 10px; font-size: 20px; }
.zzzh-card p { margin: 0; font-size: 14px; }
.zzzh-steps-wrap { position: relative; max-width: 980px; margin: 0 auto; }
.zzzh-steps-line { position: absolute; top: 46px; left: 12%; right: 12%; height: 1px; background: var(--zzzh-line); }
.zzzh-step-card { position: relative; padding: 26px 20px 24px; text-align: center; margin-bottom: 26px; min-height: 205px; }
.zzzh-step-num { width: 54px; height: 54px; margin: 0 auto 18px; display: inline-flex; align-items: center; justify-content: center; border-radius: 18px; background: var(--zzzh-blue); color: #fff; font-size: 20px; font-weight: 900; box-shadow: 0 12px 24px rgba(37,99,235,.22); }
.zzzh-step-card h3 { font-size: 21px; margin-bottom: 10px; }
.zzzh-step-card p { margin: 0; font-size: 14px; }
.zzzh-why { background: var(--zzzh-ink); color: #fff; }
.zzzh-why h2, .zzzh-why h3 { color: #fff; }
.zzzh-why .zzzh-section-head p { color: rgba(255,255,255,.70); }
.zzzh-dark-card { min-height: 210px; margin-bottom: 24px; padding: 28px; border: 1px solid rgba(255,255,255,.14); border-radius: 20px; background: rgba(255,255,255,.035); transition: transform .2s ease, background-color .2s ease, border-color .2s ease; }
.zzzh-dark-card:hover { border-color: rgba(96,165,250,.65); background: rgba(37,99,235,.12); transform: translateY(-3px); }
.zzzh-dark-card h3 { font-size: 20px; margin-bottom: 10px; }
.zzzh-dark-card p { color: rgba(255,255,255,.70); font-size: 14px; margin: 0; }
.zzzh-service-card { position: relative; min-height: 202px; }
.zzzh-service-card .zzzh-platform-icon { color: #fff; box-shadow: inset 0 0 0 1px rgba(255,255,255,.22), 0 12px 26px rgba(15,23,42,.12); }
.zzzh-service-card .zzzh-service-tag { position: absolute; top: 26px; right: 24px; max-width: calc(100% - 94px); padding: 5px 9px; border: 1px solid var(--zzzh-line); border-radius: 999px; background: #f8fbff; color: var(--zzzh-muted); font-size: 11px; font-weight: 900; line-height: 1.2; white-space: nowrap; }
.zzzh-platform-tiktok { background: linear-gradient(135deg, #111827, #06b6d4 54%, #ef4444); }
.zzzh-platform-instagram { background: linear-gradient(135deg, #f97316, #ec4899 48%, #7c3aed); }
.zzzh-platform-youtube { background: linear-gradient(135deg, #ef4444, #b91c1c); }
.zzzh-platform-facebook { background: linear-gradient(135deg, #2563eb, #1d4ed8); }
.zzzh-platform-x { background: linear-gradient(135deg, #020617, #334155); }
.zzzh-platform-telegram { background: linear-gradient(135deg, #38bdf8, #2563eb); }
.zzzh-platform-discord { background: linear-gradient(135deg, #6366f1, #4f46e5); }
.zzzh-platform-linkedin { background: linear-gradient(135deg, #0ea5e9, #0369a1); }
.zzzh-api-agent { background: var(--zzzh-soft); }
.zzzh-api-agent-row { display: flex; flex-wrap: wrap; }
.zzzh-split-card { min-height: 500px; padding: 34px; margin-bottom: 28px; }
.zzzh-split-card h2 { font-size: 34px; margin-bottom: 16px; }
.zzzh-split-card p { font-size: 16px; margin-bottom: 22px; }
.zzzh-split-card ul { padding-left: 20px; margin-bottom: 28px; }
.zzzh-split-card li { color: var(--zzzh-ink); margin-bottom: 10px; font-weight: 700; }
.zzzh-code-card { background: var(--zzzh-ink); color: #fff; }
.zzzh-code-card h2 { color: #fff; }
.zzzh-code-card p, .zzzh-code-card li { color: rgba(255,255,255,.72); }
.zzzh-chip { display: inline-flex; align-items: center; margin-bottom: 18px; padding: 7px 11px; border-radius: 10px; background: var(--zzzh-soft); color: var(--zzzh-blue); font-size: 13px; font-weight: 900; }
.zzzh-code-card .zzzh-chip { background: rgba(96,165,250,.16); color: #93c5fd; }
.zzzh-section#faq { padding-bottom: 54px; }
.zzzh-section#faq .zzzh-section-head { margin-bottom: 34px; }
.zzzh-faq-list { max-width: 900px; margin: 0 auto; }
.zzzh-faq-item { padding: 0; border-bottom: 1px solid var(--zzzh-line); }
.zzzh-faq-item:last-child { border-bottom: 0; }
.zzzh-faq-item summary { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 24px 58px 24px 28px; color: var(--zzzh-ink); font-size: 19px; font-weight: 900; line-height: 1.4; cursor: pointer; list-style: none; }
.zzzh-faq-item summary::-webkit-details-marker { display: none; }
.zzzh-faq-item summary::after { content: "+"; position: absolute; top: 22px; right: 28px; width: 28px; height: 28px; border-radius: 10px; background: var(--zzzh-soft); color: var(--zzzh-blue); display: inline-flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 900; line-height: 1; transition: transform .16s ease, background-color .16s ease; }
.zzzh-faq-item[open] summary::after { content: "−"; background: var(--zzzh-blue); color: #fff; }
.zzzh-faq-item p { margin: 0; padding: 0 28px 24px; }
.zzzh-cta { padding: 58px 0 56px; background: var(--zzzh-blue); color: #fff; }
.zzzh-cta h2 { color: #fff; margin-bottom: 12px; font-size: 36px; }
.zzzh-cta p { color: rgba(255,255,255,.82); margin-bottom: 26px; }
.zzzh-cta-actions { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 14px; }
.zzzh-cta .zzzh-btn-secondary { color: var(--zzzh-blue); }
.zzzh-footer { background: var(--zzzh-ink); color: #fff; padding: 50px 0 24px; }
.zzzh-footer h3 { color: #fff; margin-bottom: 10px; font-size: 28px; }
.zzzh-footer h4 { color: #fff; font-size: 16px; margin: 0 0 18px; }
.zzzh-footer-logo { display: block; width: 220px; max-width: 100%; max-height: 48px; object-fit: contain; margin: 0 0 16px; padding: 7px 10px; border-radius: 13px; background: rgba(255,255,255,.96); box-sizing: content-box; box-shadow: 0 12px 30px rgba(0,0,0,.16); }
.zzzh-footer p, .zzzh-footer-links li, .zzzh-footer-links a { color: rgba(255,255,255,.65); }
.zzzh-footer-links { list-style: none; margin: 0; padding: 0; }
.zzzh-footer-links li { margin-bottom: 10px; }
.zzzh-footer-links a:hover { color: #fff; }
.zzzh-footer-subtitle { color: #60a5fa; font-weight: 900; margin-bottom: 18px; }
.zzzh-footer-domestic { margin-top: 22px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.10); }
.zzzh-footer-domestic h4 { margin-bottom: 12px; }
.zzzh-footer-domestic-links { display: flex; flex-wrap: wrap; gap: 8px; }
.zzzh-footer-domestic-links li { margin: 0; }
.zzzh-footer-domestic-links a { display: inline-flex; align-items: center; min-height: 36px; padding: 7px 10px; border: 1px solid rgba(96,165,250,.24); border-radius: 10px; background: rgba(37,99,235,.08); color: rgba(255,255,255,.76); font-size: 13px; font-weight: 700; }
.zzzh-footer-domestic-links a:hover, .zzzh-footer-domestic-links a:focus { border-color: rgba(96,165,250,.48); background: rgba(37,99,235,.16); color: #fff; }
.zzzh-footer-bottom { border-top: 1px solid rgba(255,255,255,.10); margin-top: 26px; padding-top: 18px; display: flex; justify-content: space-between; gap: 14px; color: rgba(255,255,255,.52); font-size: 13px; }
.zzzh-authenticated .table > thead > tr > th, .zzzh-authenticated .table > tbody > tr > td { vertical-align: middle; }
.zzzh-authenticated .btn { display: inline-flex; align-items: center; justify-content: center; }
@media (max-width: 991px) {
  .zzzh-navbar-inner { display: block; min-height: 74px; }
  .zzzh-navbar-header { min-height: 74px; }
  .zzzh-navbar-brand.navbar-brand { min-height: 74px; }
  .zzzh-brand-mark { font-size: 22px; }
  .zzzh-brand-subtitle { display: none; }
  .zzzh-navbar-collapse { border-top: 1px solid var(--zzzh-line); background: #fff; }
  .zzzh-guest-menu { display: block; min-height: 0; padding: 10px 0; }
  .zzzh-guest-menu > li > a { justify-content: flex-start; width: 100%; margin: 4px 0; }
  .zzzh-hero { padding: 48px 0 34px; }
  .zzzh-hero-grid { display: block; }
  .zzzh-hero-copy { padding-top: 0; }
  .zzzh-hero-login { padding-top: 28px; }
  .zzzh-hero h1 { font-size: 44px; }
  .zzzh-hero-subtitle { font-size: 21px; }
  .zzzh-workbench-card { margin-top: 34px; }
  .zzzh-section { padding: 62px 0; }
  .zzzh-section#faq { padding-bottom: 44px; }
  .zzzh-section-head h2 { font-size: 32px; }
  .zzzh-section-head-inline { display: block; text-align: left; }
  .zzzh-text-link { display: inline-flex; margin-top: 16px; }
  .zzzh-steps-line { display: none; }
  .zzzh-split-card { min-height: auto; }
  .zzzh-signup-grid { display: block; }
  .zzzh-signup-aside { margin-bottom: 24px; }
  .zzzh-table-note { align-items: flex-start; flex-direction: column; gap: 6px; }
  .zzzh-footer-bottom { flex-direction: column; }
}
@media (max-width: 767px) {
  .zzzh-guest .container { width: 100%; }
  .zzzh-hero { padding: 36px 0 28px; }
  .zzzh-hero-login { padding-top: 24px; }
  .zzzh-hero h1 { font-size: 36px; }
  .zzzh-hero-subtitle { font-size: 18px; }
  .zzzh-hero-desc { font-size: 15px; }
  .zzzh-hero-actions .zzzh-btn { width: 100%; }
  .zzzh-badge { width: 100%; align-items: flex-start; }
  .zzzh-signup-page .zzzh-login-section { padding: 46px 0 52px; }
  .zzzh-signup-aside { padding: 24px; }
  .zzzh-signup-aside h2 { font-size: 27px; }
  .zzzh-proof-grid .col-xs-6 { width: 100%; }
  .zzzh-proof-card { min-height: auto; padding: 18px; }
  .zzzh-table-note { border-radius: 16px; }
  .zzzh-workbench-card, .zzzh-login-card, .zzzh-card, .zzzh-step-card, .zzzh-split-card { border-radius: 16px; }
  .zzzh-workbench-card { padding: 18px; }
  .zzzh-workbench-head { display: block; }
  .zzzh-workbench-status { display: inline-flex; margin-top: 10px; }
  .zzzh-workbench-row { align-items: flex-start; }
  .zzzh-row-badge { display: none; }
  .zzzh-login-card { padding: 24px; }
  .zzzh-section-head h2 { font-size: 28px; }
  .zzzh-section-head p { font-size: 15px; }
  .zzzh-card, .zzzh-dark-card, .zzzh-step-card { min-height: auto; }
  .zzzh-service-card { min-height: auto; }
  .zzzh-service-card .zzzh-service-tag { top: 24px; right: 22px; max-width: calc(100% - 90px); }
  .zzzh-split-card { padding: 24px; }
  .zzzh-split-card h2 { font-size: 27px; }
  .zzzh-faq-item summary { padding: 20px 54px 20px 21px; font-size: 17px; }
  .zzzh-faq-item summary::after { top: 18px; right: 21px; }
  .zzzh-faq-item p { padding: 0 21px 21px; }
  .zzzh-section#faq { padding-bottom: 36px; }
  .zzzh-section#faq .zzzh-section-head { margin-bottom: 26px; }
  .zzzh-cta { padding: 46px 0 44px; }
  .zzzh-cta-actions { display: grid; grid-template-columns: 1fr; gap: 12px; max-width: 280px; margin: 0 auto; }
  .zzzh-cta-actions .zzzh-btn { width: 100%; }
  .zzzh-footer { padding: 42px 0 22px; }
  .zzzh-footer-logo { width: 190px; max-height: 42px; }
  .zzzh-cta h2 { font-size: 28px; }
}
/* 全量 Bootstrap 页面适配：内部页、系统表单、表格和公共内容页 */
body.zzzh-authenticated {
  background: var(--zzzh-bg);
  color: var(--zzzh-muted);
}
.zzzh-authenticated .navbar.navbar-default {
  background: rgba(255,255,255,.96);
  border: 0;
  border-bottom: 1px solid var(--zzzh-line);
  box-shadow: 0 8px 30px rgba(15,23,42,.04);
  margin-bottom: 0;
  min-height: 72px;
}
.zzzh-authenticated .navbar-brand {
  display: flex;
  align-items: center;
  min-height: 72px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: var(--zzzh-ink) !important;
  font-weight: 900;
}
.zzzh-authenticated .navbar-brand img {
  max-width: 220px;
  max-height: 52px;
  object-fit: contain;
}
.zzzh-authenticated .navbar-nav > li > a {
  color: #334155 !important;
  font-weight: 800;
  border-radius: 12px;
  margin: 15px 3px;
  padding: 10px 12px;
}
.zzzh-authenticated .navbar-nav > li.active > a,
.zzzh-authenticated .navbar-nav > li > a:hover,
.zzzh-authenticated .navbar-nav > li > a:focus {
  background: var(--zzzh-soft) !important;
  color: var(--zzzh-blue) !important;
}
.zzzh-authenticated .navbar-right .badge,
.zzzh-authenticated .dropdown-currencies .badge {
  background: var(--zzzh-blue);
  color: #fff;
  border-radius: 999px;
  padding: 7px 10px;
}
.zzzh-authenticated .navbar-toggle {
  margin-top: 18px;
  border: 1px solid var(--zzzh-line);
  border-radius: 12px;
  background: #fff;
}
.zzzh-authenticated .navbar-toggle .icon-bar { background: var(--zzzh-ink); }
.zzzh-page {
  padding: 0 0 72px;
  background:
    radial-gradient(circle at 8% 0%, rgba(37,99,235,.08), transparent 30%),
    radial-gradient(circle at 92% 6%, rgba(14,165,233,.08), transparent 28%),
    var(--zzzh-bg);
}
.zzzh-page-hero { padding: 42px 0 20px; }
.zzzh-page-hero h1 {
  margin: 0 0 10px;
  color: var(--zzzh-ink);
  font-size: 38px;
  font-weight: 900;
  line-height: 1.18;
  letter-spacing: 0;
}
.zzzh-page-hero p {
  max-width: 760px;
  margin: 0;
  color: var(--zzzh-muted);
  font-size: 16px;
  line-height: 1.85;
}
.zzzh-signup-page .zzzh-login-section { padding: 70px 0 74px; }
.zzzh-signup-grid { display: flex; align-items: center; }
.zzzh-signup-aside,
.zzzh-proof-card,
.zzzh-table-note {
  background: var(--zzzh-surface);
  border: 1px solid var(--zzzh-line);
  border-radius: var(--zzzh-radius);
  box-shadow: var(--zzzh-shadow);
}
.zzzh-signup-aside { padding: 34px; }
.zzzh-signup-aside h2 { margin: 0 0 14px; color: var(--zzzh-ink); font-size: 34px; font-weight: 900; line-height: 1.2; }
.zzzh-signup-aside p { margin: 0 0 24px; font-size: 16px; line-height: 1.85; }
.zzzh-mini-list { display: grid; gap: 12px; }
.zzzh-mini-item { display: flex; align-items: center; gap: 12px; padding: 13px 14px; border: 1px solid var(--zzzh-line); border-radius: 14px; background: #f8fbff; }
.zzzh-mini-item span { flex: 0 0 auto; width: 34px; height: 34px; display: inline-flex; align-items: center; justify-content: center; border-radius: 11px; background: var(--zzzh-blue); color: #fff; font-size: 12px; font-weight: 900; }
.zzzh-mini-item strong { color: var(--zzzh-ink); font-size: 14px; line-height: 1.35; }
.zzzh-proof-grid { margin: 0 0 22px; }
.zzzh-proof-card { min-height: 150px; padding: 20px; margin-bottom: 16px; }
.zzzh-proof-card span { display: inline-flex; margin-bottom: 12px; padding: 6px 9px; border-radius: 999px; background: var(--zzzh-soft); color: var(--zzzh-blue); font-size: 12px; font-weight: 900; line-height: 1.2; }
.zzzh-proof-card strong { display: block; margin-bottom: 8px; color: var(--zzzh-ink); font-size: 17px; line-height: 1.35; }
.zzzh-proof-card p { margin: 0; font-size: 13px; line-height: 1.65; }
.zzzh-table-note { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 16px 18px; margin-bottom: 16px; }
.zzzh-table-note strong { flex: 0 0 auto; color: var(--zzzh-ink); font-size: 15px; font-weight: 900; }
.zzzh-table-note span { color: var(--zzzh-muted); font-size: 14px; line-height: 1.6; }
.zzzh-api-note { margin-bottom: 18px; }
.zzzh-service-empty-row > td {
  padding: 0 !important;
  border-top: 0 !important;
}
.zzzh-service-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 230px;
  padding: 38px 28px;
  text-align: center;
  border-radius: 18px;
  background:
    radial-gradient(circle at 50% 0%, rgba(37,99,235,.10), transparent 40%),
    #f8fbff;
}
.zzzh-service-empty-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin-bottom: 14px;
  border-radius: 14px;
  background: var(--zzzh-soft);
  color: var(--zzzh-blue);
  font-weight: 900;
  font-style: normal;
}
.zzzh-service-empty strong {
  color: var(--zzzh-ink);
  font-size: 20px;
  font-weight: 900;
}
.zzzh-service-empty p {
  max-width: 620px;
  margin: 10px auto 20px;
  color: var(--zzzh-muted);
  font-size: 14px;
  line-height: 1.8;
}
.zzzh-service-empty-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
}
.zzzh-page-body > .container,
.zzzh-page-body > .container-fluid {
  max-width: 1180px;
}
.zzzh-workbench-hero {
  padding-bottom: 24px;
}
.zzzh-workspace-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: 24px;
  align-items: start;
}
.zzzh-workspace-main {
  min-width: 0;
}
.zzzh-workspace-side {
  display: grid;
  gap: 18px;
  min-width: 0;
}
.zzzh-dashboard-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 16px;
}
.zzzh-dashboard-card {
  display: flex;
  flex-direction: column;
  min-height: 154px;
  padding: 20px;
  border: 1px solid var(--zzzh-line);
  border-radius: 22px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.98), rgba(248,251,255,.96));
  box-shadow: var(--zzzh-shadow);
  color: var(--zzzh-muted);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}
.zzzh-dashboard-link:hover,
.zzzh-dashboard-link:focus {
  color: var(--zzzh-muted);
  border-color: rgba(37,99,235,.30);
  box-shadow: var(--zzzh-shadow-hover);
  transform: translateY(-2px);
}
.zzzh-dashboard-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  margin-bottom: 16px;
  border-radius: 15px;
  background: linear-gradient(135deg, rgba(37,99,235,.14), rgba(6,182,212,.12));
  color: var(--zzzh-blue);
  font-size: 15px;
  font-weight: 900;
}
.zzzh-dashboard-label {
  color: var(--zzzh-muted);
  font-size: 13px;
  font-weight: 800;
}
.zzzh-dashboard-card strong {
  display: block;
  margin: 4px 0 5px;
  color: var(--zzzh-ink);
  font-size: 22px;
  line-height: 1.25;
  font-weight: 900;
}
.zzzh-dashboard-card small {
  color: var(--zzzh-muted);
  font-size: 12px;
  line-height: 1.55;
}
.zzzh-quick-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 18px;
  border: 1px solid var(--zzzh-line);
  border-radius: 22px;
  background: #fff;
  box-shadow: var(--zzzh-shadow);
  overflow: hidden;
}
.zzzh-quick-action {
  display: flex;
  flex-direction: column;
  min-height: 96px;
  padding: 18px;
  border-right: 1px solid #eaf2ff;
  color: var(--zzzh-muted);
  transition: background-color .18s ease, color .18s ease, transform .18s ease;
}
.zzzh-quick-action:last-child {
  border-right: 0;
}
.zzzh-quick-action span {
  color: var(--zzzh-blue);
  font-size: 13px;
  font-weight: 900;
}
.zzzh-quick-action strong {
  margin-top: 7px;
  color: var(--zzzh-ink);
  font-size: 14px;
  line-height: 1.45;
  font-weight: 900;
}
.zzzh-quick-action:hover,
.zzzh-quick-action:focus {
  background: var(--zzzh-soft);
  color: var(--zzzh-muted);
}
.zzzh-order-form-card {
  overflow: visible;
}
.zzzh-form-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin: -2px 0 22px;
  padding-bottom: 18px;
  border-bottom: 1px solid #eaf2ff;
}
.zzzh-form-card-head h2 {
  margin: 12px 0 6px;
  color: var(--zzzh-ink);
  font-size: 24px;
  font-weight: 900;
  line-height: 1.3;
}
.zzzh-form-card-head p {
  margin: 0;
  color: var(--zzzh-muted);
  font-size: 14px;
  line-height: 1.75;
}
.zzzh-side-card {
  padding: 22px;
  border: 1px solid var(--zzzh-line);
  border-radius: 22px;
  background: #fff;
  box-shadow: var(--zzzh-shadow);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.zzzh-side-card h3 {
  margin: 12px 0 8px;
  color: var(--zzzh-ink);
  font-size: 18px;
  font-weight: 900;
  line-height: 1.35;
}
.zzzh-side-card p {
  margin: 0 0 16px;
  color: var(--zzzh-muted);
  font-size: 13px;
  line-height: 1.7;
}
.zzzh-side-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 15px;
  background: linear-gradient(135deg, rgba(37,99,235,.14), rgba(6,182,212,.12));
  color: var(--zzzh-blue);
  font-size: 13px;
  font-weight: 900;
}
.zzzh-side-icon-api {
  background: linear-gradient(135deg, rgba(124,58,237,.13), rgba(37,99,235,.10));
  color: #6d28d9;
}
.zzzh-side-icon-reseller {
  background: linear-gradient(135deg, rgba(6,182,212,.13), rgba(34,197,94,.10));
  color: #0891b2;
}
.zzzh-check-list {
  list-style: none;
  margin: 14px 0 0;
  padding: 0;
  display: grid;
  gap: 10px;
}
.zzzh-check-list li {
  position: relative;
  padding-left: 24px;
  color: var(--zzzh-ink);
  font-size: 13px;
  line-height: 1.55;
  font-weight: 800;
}
.zzzh-check-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: .48em;
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: var(--zzzh-blue);
  box-shadow: 0 0 0 4px rgba(37,99,235,.10);
}
.zzzh-mini-link-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}
.zzzh-mini-link-grid a {
  min-height: 40px;
  padding: 10px 11px;
  border: 1px solid #eaf2ff;
  border-radius: 13px;
  background: #f8fbff;
  color: var(--zzzh-blue);
  font-size: 12px;
  font-weight: 900;
  line-height: 1.35;
  text-align: center;
}
.zzzh-mini-link-grid a:hover {
  border-color: rgba(37,99,235,.26);
  background: var(--zzzh-soft);
}
.zzzh-reseller-points {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 18px;
}
.zzzh-reseller-points span {
  padding: 7px 9px;
  border: 1px solid #eaf2ff;
  border-radius: 999px;
  background: #f8fbff;
  color: var(--zzzh-ink);
  font-size: 12px;
  font-weight: 900;
  line-height: 1.2;
}
.zzzh-progress-steps {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
  padding-top: 16px;
  border-top: 1px solid #eaf2ff;
}
.zzzh-progress-steps span {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 6px;
  color: var(--zzzh-muted);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.35;
}
.zzzh-progress-steps span::before {
  content: "";
  width: 18px;
  height: 18px;
  border-radius: 999px;
  background: var(--zzzh-soft);
  border: 1px solid rgba(37,99,235,.18);
}
.zzzh-progress-steps span:first-child::before {
  background: var(--zzzh-blue);
  border-color: var(--zzzh-blue);
  box-shadow: 0 0 0 4px rgba(37,99,235,.10);
}
.zzzh-workspace-text-layout {
  margin-top: 20px;
}
.zzzh-funds-layout,
.zzzh-child-order-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 330px;
  gap: 24px;
  align-items: start;
}
.zzzh-funds-main,
.zzzh-child-order-main {
  min-width: 0;
}
.zzzh-funds-side,
.zzzh-child-order-side {
  display: grid;
  gap: 18px;
  min-width: 0;
}
.zzzh-funds-form-card,
.zzzh-child-order-form {
  overflow: visible;
}
.zzzh-orders-overview {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  max-width: 1180px;
  margin: 0 auto 18px;
}
.zzzh-orders-note {
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
}
.zzzh-status-cell {
  min-width: 106px;
}
.zzzh-status-badge {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 5px 9px;
  border-radius: 999px;
  background: #eff6ff;
  color: var(--zzzh-blue);
  font-size: 12px;
  font-weight: 900;
  line-height: 1.2;
  white-space: nowrap;
}
.zzzh-page-orders .order-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.zzzh-page-orders .width-40 {
  max-width: 360px;
  word-break: break-all;
}
.zzzh-page-addfunds .zzzh-table-note,
.zzzh-page-orders .zzzh-table-note {
  margin-bottom: 16px;
}
.zzzh-ns-alert {
  margin-top: 10px;
}
.zzzh-ns-alert ul {
  margin-bottom: 0;
}
.zzzh-page .well,
.zzzh-page .well-float,
.zzzh-authenticated .well,
.zzzh-authenticated .well-float {
  background: var(--zzzh-surface);
  border: 1px solid var(--zzzh-line);
  border-radius: var(--zzzh-radius);
  box-shadow: var(--zzzh-shadow);
  padding: 26px;
  margin-bottom: 24px;
  color: var(--zzzh-muted);
}
.zzzh-page .well h1,
.zzzh-page .well h2,
.zzzh-page .well h3,
.zzzh-page .well h4,
.zzzh-page .well h5,
.zzzh-authenticated .well h1,
.zzzh-authenticated .well h2,
.zzzh-authenticated .well h3,
.zzzh-authenticated .well h4,
.zzzh-authenticated .well h5 {
  color: var(--zzzh-ink);
  font-weight: 900;
  letter-spacing: 0;
}
.zzzh-page .form-group { margin-bottom: 18px; }
.zzzh-page .control-label,
.zzzh-authenticated .control-label,
.zzzh-page label,
.zzzh-authenticated label {
  color: var(--zzzh-ink);
  font-weight: 800;
  margin-bottom: 8px;
}
.zzzh-page .form-control,
.zzzh-authenticated .form-control {
  min-height: 46px;
  border: 1px solid var(--zzzh-line);
  border-radius: 14px;
  box-shadow: none;
  color: var(--zzzh-ink);
  background-color: #fff;
  font-size: 15px;
}
.zzzh-page textarea.form-control,
.zzzh-authenticated textarea.form-control { min-height: 120px; }
.zzzh-page .form-control:focus,
.zzzh-authenticated .form-control:focus {
  border-color: var(--zzzh-blue);
  box-shadow: 0 0 0 4px rgba(37,99,235,.10);
}
.zzzh-page .btn,
.zzzh-authenticated .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  border-radius: 13px;
  font-weight: 900;
  border-width: 1px;
  white-space: normal;
}
.zzzh-page .btn-primary,
.zzzh-authenticated .btn-primary {
  background: var(--zzzh-blue);
  border-color: var(--zzzh-blue);
  color: #fff;
  box-shadow: 0 10px 22px rgba(37,99,235,.18);
}
.zzzh-page .btn-primary:hover,
.zzzh-authenticated .btn-primary:hover,
.zzzh-page .btn-primary:focus,
.zzzh-authenticated .btn-primary:focus {
  background: var(--zzzh-blue-dark);
  border-color: var(--zzzh-blue-dark);
  color: #fff;
}
.zzzh-page .btn-default,
.zzzh-authenticated .btn-default {
  background: #fff;
  color: var(--zzzh-ink);
  border-color: var(--zzzh-line);
}
.zzzh-page .btn-link,
.zzzh-authenticated .btn-link {
  color: var(--zzzh-blue);
  box-shadow: none;
}
.zzzh-page .btn-xs,
.zzzh-authenticated .btn-xs {
  min-height: 30px;
  padding: 4px 10px;
  border-radius: 10px;
  font-size: 12px;
}
.zzzh-page .nav-pills,
.zzzh-authenticated .nav-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin: 0 0 18px;
}
.zzzh-page .nav-pills > li,
.zzzh-authenticated .nav-pills > li { float: none; }
.zzzh-page .nav-pills > li > a,
.zzzh-authenticated .nav-pills > li > a {
  border: 1px solid var(--zzzh-line);
  border-radius: 13px;
  background: #fff;
  color: var(--zzzh-ink);
  font-weight: 800;
}
.zzzh-page .nav-pills > li.active > a,
.zzzh-authenticated .nav-pills > li.active > a,
.zzzh-page .nav-pills > li > a:hover,
.zzzh-authenticated .nav-pills > li > a:hover {
  background: var(--zzzh-blue);
  border-color: var(--zzzh-blue);
  color: #fff;
}
.zzzh-page .nav-pills > li.search,
.zzzh-authenticated .nav-pills > li.search {
  margin-left: auto;
  min-width: min(360px, 100%);
}
.zzzh-page .table,
.zzzh-authenticated .table {
  margin-bottom: 0;
  color: var(--zzzh-muted);
}
.zzzh-page .table > thead > tr > th,
.zzzh-authenticated .table > thead > tr > th {
  border-bottom: 1px solid var(--zzzh-line);
  color: #475569;
  font-size: 13px;
  font-weight: 900;
  white-space: nowrap;
  background: #f8fbff;
}
.zzzh-page .table > tbody > tr > td,
.zzzh-authenticated .table > tbody > tr > td {
  border-top: 1px solid #eaf2ff;
  color: var(--zzzh-muted);
}
.zzzh-page .table > tbody > tr:hover > td,
.zzzh-authenticated .table > tbody > tr:hover > td { background: #f8fbff; }
.zzzh-page .table-responsive,
.zzzh-authenticated .table-responsive {
  border: 0;
  margin-bottom: 0;
}
.zzzh-page .pagination,
.zzzh-authenticated .pagination {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 18px 0 0;
}
.zzzh-page .pagination > li > a,
.zzzh-authenticated .pagination > li > a,
.zzzh-page .pagination > li > span,
.zzzh-authenticated .pagination > li > span {
  border: 1px solid var(--zzzh-line);
  border-radius: 12px;
  color: var(--zzzh-ink);
  margin: 0;
}
.zzzh-page .pagination > .active > a,
.zzzh-authenticated .pagination > .active > a {
  background: var(--zzzh-blue);
  border-color: var(--zzzh-blue);
  color: #fff;
}
.zzzh-page .alert,
.zzzh-authenticated .alert {
  border-radius: 16px;
  border-width: 1px;
  box-shadow: none;
}
.zzzh-page .alert-success,
.zzzh-authenticated .alert-success {
  background: #ecfdf5;
  border-color: #bbf7d0;
  color: #166534;
}
.zzzh-page .alert-danger,
.zzzh-authenticated .alert-danger {
  background: #fef2f2;
  border-color: #fecaca;
  color: #991b1b;
}
.zzzh-page .panel-body,
.zzzh-authenticated .panel-body {
  border-color: var(--zzzh-line) !important;
  border-radius: 14px;
  background: #f8fbff;
}
.zzzh-page .modal-content,
.zzzh-authenticated .modal-content {
  border: 1px solid var(--zzzh-line);
  border-radius: 20px;
  box-shadow: 0 24px 70px rgba(15,23,42,.20);
}
.zzzh-page .modal-header,
.zzzh-authenticated .modal-header,
.zzzh-page .modal-footer,
.zzzh-authenticated .modal-footer { border-color: var(--zzzh-line); }
.zzzh-page pre,
.zzzh-authenticated pre {
  background: #0f172a;
  color: #dbeafe;
  border: 0;
  border-radius: 16px;
  padding: 18px;
  white-space: pre-wrap;
}
.zzzh-page .dropdown-menu,
.zzzh-authenticated .dropdown-menu {
  border: 1px solid var(--zzzh-line);
  border-radius: 16px;
  box-shadow: var(--zzzh-shadow);
  padding: 8px;
}
.zzzh-page .dropdown-menu > li > a,
.zzzh-authenticated .dropdown-menu > li > a {
  border-radius: 10px;
  color: var(--zzzh-ink);
  font-weight: 700;
}
.zzzh-page .dropdown-menu > li > a:hover,
.zzzh-authenticated .dropdown-menu > li > a:hover {
  background: var(--zzzh-soft);
  color: var(--zzzh-blue);
}
@media (max-width: 991px) {
  .zzzh-authenticated .navbar-nav > li > a { margin: 4px 0; }
  .zzzh-page-hero { padding: 30px 0 18px; }
  .zzzh-page-hero h1 { font-size: 32px; }
  .zzzh-page .nav-pills > li.search,
  .zzzh-authenticated .nav-pills > li.search { margin-left: 0; width: 100%; }
}
@media (max-width: 767px) {
  .zzzh-page { padding-bottom: 48px; }
  .zzzh-page-hero h1 { font-size: 28px; }
  .zzzh-page-hero p { font-size: 15px; }
  .zzzh-page .well,
  .zzzh-authenticated .well,
  .zzzh-page .well-float,
  .zzzh-authenticated .well-float { padding: 18px; border-radius: 16px; }
  .zzzh-page .nav-pills,
  .zzzh-authenticated .nav-pills { display: block; }
  .zzzh-page .nav-pills > li,
  .zzzh-authenticated .nav-pills > li { margin-bottom: 8px; }
  .zzzh-page .nav-pills > li > a,
  .zzzh-authenticated .nav-pills > li > a { display: block; }
  .zzzh-page .table,
  .zzzh-authenticated .table { min-width: 680px; }
  .zzzh-page .well:has(.table),
  .zzzh-authenticated .well:has(.table) { overflow-x: auto; }
  .zzzh-authenticated .navbar-brand img { max-width: 180px; }
}
/* 顺滑动效层：短时、低重绘、只动 transform / opacity 为主 */
@keyframes zzzhFadeUp {
  from { opacity: 0; transform: translate3d(0, 12px, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}
@keyframes zzzhFadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes zzzhShimmer {
  0% { transform: translate3d(-130%, 0, 0); opacity: 0; }
  45% { opacity: .34; }
  100% { transform: translate3d(230%, 0, 0); opacity: 0; }
}
.zzzh-guest .zzzh-navbar.navbar-default {
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
body.zzzh-guest,
.zzzh-page,
.zzzh-section-head,
.zzzh-card,
.zzzh-step-card,
.zzzh-dark-card,
.zzzh-split-card,
.zzzh-faq-list,
.zzzh-page .nav-pills,
.zzzh-authenticated .nav-pills,
.zzzh-page .table,
.zzzh-authenticated .table {
  animation: none;
}
.zzzh-navbar,
.zzzh-authenticated .navbar.navbar-default {
  animation: zzzhFadeIn .28s ease-out both;
}
.zzzh-hero-copy,
.zzzh-login-card,
.zzzh-workbench-card,
.zzzh-page-hero .container,
.zzzh-page-body > .container,
.zzzh-page-body > .container-fluid {
  animation: zzzhFadeUp .42s cubic-bezier(.22, 1, .36, 1) both;
}
.zzzh-login-card { animation-delay: .04s; }
.zzzh-workbench-card { animation-delay: .08s; }
.zzzh-btn,
.zzzh-login-submit.btn,
.zzzh-page .btn,
.zzzh-authenticated .btn {
  position: relative;
  overflow: hidden;
  touch-action: manipulation;
  transform: translateZ(0);
  backface-visibility: hidden;
  will-change: transform;
}
.zzzh-btn::after,
.zzzh-login-submit.btn::after,
.zzzh-page .btn-primary::after,
.zzzh-authenticated .btn-primary::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -45%;
  width: 42%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.34), transparent);
  transform: translate3d(-130%, 0, 0);
  pointer-events: none;
}
@media (hover: hover) and (pointer: fine) {
  .zzzh-btn:hover::after,
  .zzzh-login-submit.btn:hover::after,
  .zzzh-page .btn-primary:hover::after,
  .zzzh-authenticated .btn-primary:hover::after {
    animation: zzzhShimmer .62s ease-out;
  }
  .zzzh-card:hover,
  .zzzh-dark-card:hover {
    will-change: transform;
  }
}
.zzzh-workbench-row,
.zzzh-faq-item,
.zzzh-page .dropdown-menu > li > a,
.zzzh-authenticated .dropdown-menu > li > a {
  transition: transform .16s ease, background-color .16s ease, border-color .16s ease, color .16s ease;
}
.zzzh-workbench-row:hover,
.zzzh-faq-item:hover {
  transform: translate3d(3px, 0, 0);
  background: #f8fbff;
}
.zzzh-page .table > tbody > tr,
.zzzh-authenticated .table > tbody > tr {
  transition: background-color .14s ease;
}
.zzzh-page .table > tbody > tr:hover,
.zzzh-authenticated .table > tbody > tr:hover {
  transform: none;
}
.zzzh-kicker,
.zzzh-badge,
.zzzh-row-badge,
.zzzh-workbench-status {
  transition: transform .16s ease, border-color .16s ease, background-color .16s ease;
}
.zzzh-kicker:hover,
.zzzh-badge:hover,
.zzzh-row-badge:hover,
.zzzh-workbench-status:hover {
  transform: translate3d(0, -1px, 0);
}
.zzzh-navbar-brand,
.zzzh-brand-mark,
.zzzh-guest-menu > li > a,
.zzzh-authenticated .navbar-nav > li > a {
  transition: transform .16s ease, color .16s ease, background-color .16s ease;
}
.zzzh-navbar-brand:hover,
.zzzh-authenticated .navbar-brand:hover {
  transform: translate3d(0, -1px, 0);
}
.zzzh-login-card .form-control,
.zzzh-page .form-control,
.zzzh-authenticated .form-control {
  transition: border-color .16s ease, box-shadow .16s ease;
}
.zzzh-login-card .form-control:focus,
.zzzh-page .form-control:focus,
.zzzh-authenticated .form-control:focus {
  transform: none;
}
.zzzh-faq-item summary:focus-visible {
  outline: 3px solid rgba(37,99,235,.20);
  outline-offset: -3px;
}
.zzzh-navbar-brand:active,
.zzzh-authenticated .navbar-brand:active,
.zzzh-guest-menu > li > a:active,
.zzzh-authenticated .navbar-nav > li > a:active,
.zzzh-btn:active,
.zzzh-login-submit.btn:active,
.zzzh-page .btn:active,
.zzzh-authenticated .btn:active {
  transform: translate3d(0, 1px, 0) scale(.988);
}
.zzzh-card:active,
.zzzh-step-card:active,
.zzzh-dark-card:active,
.zzzh-split-card:active,
.zzzh-workbench-row:active,
.zzzh-faq-item:active {
  transform: translate3d(0, 1px, 0) scale(.997);
}
.zzzh-page .table > tbody > tr:active,
.zzzh-authenticated .table > tbody > tr:active {
  background: #eff6ff;
}
/* Click focus polish: hide browser's harsh default outline for mouse/touch clicks, keep a soft keyboard focus. */
.zzzh-guest a,
.zzzh-authenticated a,
.zzzh-guest button,
.zzzh-authenticated button,
.zzzh-page .btn,
.zzzh-authenticated .btn {
  -webkit-tap-highlight-color: transparent;
}
@supports selector(:focus-visible) {
  .zzzh-guest a:focus:not(:focus-visible),
  .zzzh-authenticated a:focus:not(:focus-visible),
  .zzzh-guest button:focus:not(:focus-visible),
  .zzzh-authenticated button:focus:not(:focus-visible),
  .zzzh-page .btn:focus:not(:focus-visible),
  .zzzh-authenticated .btn:focus:not(:focus-visible),
  .zzzh-navbar-brand:focus:not(:focus-visible),
  .zzzh-authenticated .navbar-brand:focus:not(:focus-visible),
  .zzzh-faq-item summary:focus:not(:focus-visible) {
    outline: 0 !important;
    box-shadow: none !important;
  }
}
.zzzh-page a:focus-visible,
.zzzh-authenticated a:focus-visible,
.zzzh-guest a:focus-visible,
.zzzh-guest button:focus-visible,
.zzzh-page .btn:focus-visible,
.zzzh-authenticated .btn:focus-visible,
.zzzh-navbar-brand:focus-visible,
.zzzh-authenticated .navbar-brand:focus-visible,
.zzzh-login-card .form-control:focus-visible,
.zzzh-page .form-control:focus-visible,
.zzzh-authenticated .form-control:focus-visible {
  outline: 3px solid rgba(37,99,235,.18) !important;
  outline-offset: 3px;
  box-shadow: 0 0 0 5px rgba(37,99,235,.08);
  border-radius: 16px;
}
.zzzh-brand-logo-image {
  display: block;
  width: 280px;
  max-width: 100%;
  max-height: 58px;
  height: auto;
  object-fit: contain;
  filter: none !important;
  transform-origin: left center;
}
.zzzh-authenticated .navbar-brand .zzzh-brand-logo-image {
  width: 240px;
  max-height: 52px;
}
/* Logo 尺寸覆盖：确保图片品牌在桌面和移动端都清晰不拥挤 */
.zzzh-navbar-brand .zzzh-brand-logo-image,
.zzzh-authenticated .navbar-brand .zzzh-brand-logo-image {
  width: 280px;
  max-width: min(280px, 64vw);
  max-height: 58px;
}
@media (max-width: 991px) {
  .zzzh-navbar-brand .zzzh-brand-logo-image,
  .zzzh-authenticated .navbar-brand .zzzh-brand-logo-image {
    width: 220px;
    max-width: 58vw;
    max-height: 48px;
  }
}
@media (max-width: 767px) {
  .zzzh-hero-copy,
  .zzzh-login-card,
  .zzzh-workbench-card,
  .zzzh-page-hero .container,
  .zzzh-page-body > .container,
  .zzzh-page-body > .container-fluid {
    animation-duration: .28s;
    animation-delay: 0s;
  }
  .zzzh-navbar-brand .zzzh-brand-logo-image,
  .zzzh-authenticated .navbar-brand .zzzh-brand-logo-image {
    width: 184px;
    max-width: 54vw;
    max-height: 42px;
  }
}
/* Mobile polish: turn dense public tables/code into readable phone layouts */
@media (max-width: 767px) {
  .zzzh-services-page .nav-pills {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 10px;
    margin-bottom: 16px;
  }
  .zzzh-services-page .nav-pills > li {
    float: none !important;
    margin: 0;
    min-width: 0;
  }
  .zzzh-services-page .nav-pills > li.search {
    grid-column: 2;
    width: 100%;
    min-width: 0;
  }
  .zzzh-services-page .nav-pills .input-group {
    width: 100%;
  }
  .zzzh-services-page .well-float {
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    overflow: visible;
  }
  .zzzh-services-page #service-table,
  .zzzh-services-page #service-table thead,
  .zzzh-services-page #service-table tbody,
  .zzzh-services-page #service-table tr,
  .zzzh-services-page #service-table th,
  .zzzh-services-page #service-table td {
    display: block;
    width: 100%;
  }
  .zzzh-services-page #service-table thead {
    display: none;
  }
  .zzzh-services-page #service-table tr {
    margin: 0 0 12px;
    padding: 13px 14px;
    border: 1px solid var(--zzzh-line);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 10px 28px rgba(37,99,235,.06);
  }
  .zzzh-services-page #service-table td {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    padding: 8px 0;
    border: 0;
    border-top: 1px solid #eef5ff;
    color: var(--zzzh-ink);
    white-space: normal;
    word-break: break-word;
    overflow-wrap: anywhere;
  }
  .zzzh-services-page #service-table td:first-child {
    border-top: 0;
  }
  .zzzh-services-page #service-table td:empty {
    display: none;
  }
  .zzzh-services-page #service-table td::before {
    flex: 0 0 86px;
    color: #64748b;
    font-size: 12px;
    font-weight: 900;
  }
  .zzzh-services-page #service-table td[data-filter-table-service-id]::before { content: "服务 ID"; }
  .zzzh-services-page #service-table td.service-name::before { content: "服务名称"; }
  .zzzh-services-page #service-table td:nth-child(3)::before { content: "单价"; }
  .zzzh-services-page #service-table td:nth-child(4)::before { content: "最小数量"; }
  .zzzh-services-page #service-table td:nth-child(5)::before { content: "最大数量"; }
  .zzzh-services-page #service-table td:nth-child(6)::before { content: "说明"; }
  .zzzh-services-page #service-table td[colspan] {
    display: block;
    padding: 10px 12px;
    border: 0;
    border-radius: 13px;
    background: var(--zzzh-soft);
    color: var(--zzzh-blue);
    font-weight: 900;
  }
  .zzzh-services-page #service-table td[colspan]::before {
    content: "";
    display: none;
  }
  .zzzh-services-page #service-table .zzzh-service-empty-row {
    padding: 0;
    border: 0;
    box-shadow: none;
    background: transparent;
  }
  .zzzh-services-page #service-table .zzzh-service-empty-row > td {
    padding: 0;
    background: transparent;
  }
  .zzzh-services-page #service-table .zzzh-service-empty {
    min-height: 260px;
    padding: 30px 20px;
    border: 1px solid var(--zzzh-line);
    box-shadow: 0 10px 28px rgba(37,99,235,.06);
  }
  .zzzh-services-page .zzzh-service-empty-actions {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
    max-width: 240px;
  }
  .zzzh-services-page .zzzh-service-empty-actions .zzzh-btn {
    width: 100%;
  }
  .zzzh-services-page #service-table .service-name {
    display: block;
    font-weight: 900;
  }
  .zzzh-services-page #service-table .service-name::before {
    display: block;
    margin-bottom: 4px;
  }
  .zzzh-api-page .well-float,
  .zzzh-api-page .center-big-content-block {
    max-width: 100%;
    overflow: hidden;
  }
  .zzzh-api-page .well-float {
    padding: 18px;
  }
  .zzzh-api-page .table {
    table-layout: fixed;
    width: 100%;
  }
  .zzzh-api-page .table th,
  .zzzh-api-page .table td {
    white-space: normal;
    word-break: break-word;
    overflow-wrap: anywhere;
  }
  .zzzh-api-page pre {
    max-width: 100%;
    overflow-x: auto;
    white-space: pre-wrap;
    word-break: break-word;
    overflow-wrap: anywhere;
    font-size: 12px;
    line-height: 1.65;
  }
  .zzzh-cta {
    padding-bottom: 36px;
  }
  .zzzh-footer {
    padding-top: 34px;
    padding-bottom: 18px;
  }
}
/* UI polish layer: responsive fixes and refined interaction without touching business templates */
.zzzh-hero {
  isolation: isolate;
}
.zzzh-hero::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(37,99,235,.24), transparent);
  pointer-events: none;
}
.zzzh-login-card,
.zzzh-workbench-card,
.zzzh-card,
.zzzh-step-card,
.zzzh-split-card,
.zzzh-proof-card,
.zzzh-signup-aside,
.zzzh-table-note,
.zzzh-faq-list {
  transform: translateZ(0);
}
.zzzh-proof-card,
.zzzh-mini-item,
.zzzh-table-note,
.zzzh-service-empty,
.zzzh-api-page .well-float {
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background-color .18s ease;
}
@media (hover: hover) and (pointer: fine) {
  .zzzh-proof-card:hover,
  .zzzh-mini-item:hover,
  .zzzh-table-note:hover {
    transform: translate3d(0, -2px, 0);
    border-color: rgba(37,99,235,.32);
    box-shadow: var(--zzzh-shadow-hover);
  }
}
.zzzh-services-page #service-table tr[data-filter-table-category-id] > td[colspan] {
  background: #f8fbff;
  color: var(--zzzh-ink);
  font-weight: 900;
}
.zzzh-services-page #service-table tr[data-filter-table-category-id] > td[colspan] strong {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
}
.zzzh-api-page .center-big-content-block > h2,
.zzzh-api-page .center-big-content-block > h4 {
  color: var(--zzzh-ink);
}
.zzzh-api-page .center-big-content-block > h4 {
  margin: 30px 0 12px;
  padding: 13px 16px;
  border: 1px solid var(--zzzh-line);
  border-left: 4px solid var(--zzzh-blue);
  border-radius: 14px;
  background: #f8fbff;
}
.zzzh-api-page .table-bordered {
  border: 1px solid var(--zzzh-line);
  border-radius: 16px;
  overflow: hidden;
  border-collapse: separate;
  border-spacing: 0;
}
.zzzh-api-page .table-bordered > tbody > tr > td,
.zzzh-api-page .table-bordered > thead > tr > th {
  border-color: #eaf2ff;
}
.zzzh-signup-page .zzzh-login-card .row {
  margin-left: -8px;
  margin-right: -8px;
}
.zzzh-signup-page .zzzh-login-card .row > [class*="col-"] {
  padding-left: 8px;
  padding-right: 8px;
}
.zzzh-signup-page .pull-right-middle {
  display: inline-flex;
  align-items: center;
  min-height: 52px;
  color: var(--zzzh-muted);
}
.zzzh-signup-page .pull-right-middle a {
  margin-left: 4px;
  color: var(--zzzh-blue);
  font-weight: 900;
}
.zzzh-footer-grid {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.zzzh-footer-links a,
.zzzh-footer-links li {
  line-height: 1.75;
}
.zzzh-auth-helper,
.zzzh-auth-empty {
  margin: 0 0 18px;
  border: 1px solid rgba(37,99,235,.14);
  border-radius: 22px;
  background: linear-gradient(135deg, #ffffff 0%, #f8fbff 100%);
  box-shadow: 0 16px 42px rgba(15,23,42,.07);
}
.zzzh-auth-helper {
  padding: 22px;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(280px, .95fr);
  gap: 18px;
  align-items: stretch;
}
.zzzh-helper-eyebrow,
.zzzh-empty-eyebrow {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  background: rgba(37,99,235,.09);
  color: var(--zzzh-blue);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: .02em;
}
.zzzh-auth-helper h2,
.zzzh-auth-empty h2 {
  margin: 12px 0 8px;
  color: var(--zzzh-ink);
  font-size: 22px;
  line-height: 1.35;
  font-weight: 900;
}
.zzzh-auth-helper p,
.zzzh-auth-empty p {
  margin: 0;
  color: var(--zzzh-muted);
  font-size: 14px;
  line-height: 1.8;
}
.zzzh-auth-helper-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.zzzh-helper-step {
  min-height: 98px;
  padding: 14px;
  border: 1px solid rgba(226,232,240,.92);
  border-radius: 18px;
  background: rgba(255,255,255,.86);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.zzzh-helper-step strong {
  display: block;
  margin-bottom: 6px;
  color: var(--zzzh-ink);
  font-size: 14px;
  line-height: 1.4;
  font-weight: 900;
}
.zzzh-helper-step span {
  display: block;
  color: var(--zzzh-muted);
  font-size: 13px;
  line-height: 1.6;
}
.zzzh-auth-empty {
  padding: 34px 28px;
  text-align: center;
}
.zzzh-empty-icon {
  width: 58px;
  height: 58px;
  margin: 0 auto 14px;
  border: 1px solid rgba(37,99,235,.18);
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(37,99,235,.12), rgba(6,182,212,.11));
  color: var(--zzzh-blue);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  font-weight: 900;
}
.zzzh-auth-actions {
  margin-top: 20px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
}
.zzzh-page-tickets .tickets-uploader {
  border: 1px dashed rgba(37,99,235,.24);
  border-radius: 16px;
  background: #f8fbff;
  padding: 12px;
}
.zzzh-page-tickets .table a {
  color: var(--zzzh-blue);
  font-weight: 800;
}
.zzzh-page-tickets .zzzh-ticket-empty {
  margin-top: 18px;
}
.zzzh-page-viewticket .titcket-title {
  margin-bottom: 18px;
  padding-bottom: 16px;
  border-bottom: 1px solid rgba(226,232,240,.9);
  color: var(--zzzh-ink);
  font-size: 20px;
  line-height: 1.4;
  font-weight: 900;
}
.zzzh-page-viewticket .ticket-message-block {
  margin-bottom: 18px;
}
.zzzh-page-viewticket .ticket-message {
  border: 1px solid rgba(226,232,240,.95);
  border-radius: 18px;
  background: #fff;
  padding: 16px;
  box-shadow: 0 12px 28px rgba(15,23,42,.05);
}
.zzzh-page-viewticket .ticket-message-right .ticket-message {
  border-color: rgba(37,99,235,.18);
  background: linear-gradient(135deg, rgba(37,99,235,.08), rgba(6,182,212,.06));
}
.zzzh-page-viewticket .ticket-message .message {
  color: var(--zzzh-ink);
  font-size: 14px;
  line-height: 1.8;
}
.zzzh-page-viewticket .info {
  margin-top: 8px;
  color: var(--zzzh-muted);
  font-size: 12px;
}
.zzzh-page-viewticket .panel-border-top {
  margin-top: 24px;
  padding-top: 20px;
  border-top: 1px solid rgba(226,232,240,.9);
}
.zzzh-page-viewticket .tickets-uploader {
  border: 1px dashed rgba(37,99,235,.24);
  border-radius: 16px;
  background: #f8fbff;
  padding: 12px;
}
.zzzh-page-massorder .zzzh-format-card {
  margin: 0 0 18px;
  padding: 18px;
  border: 1px solid rgba(226,232,240,.95);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 16px 38px rgba(15,23,42,.06);
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(260px, 1.08fr);
  gap: 16px;
  align-items: stretch;
}
.zzzh-page-massorder .zzzh-format-card p {
  margin: 10px 0 0;
  color: var(--zzzh-muted);
  font-size: 14px;
  line-height: 1.75;
}
.zzzh-page-massorder .zzzh-format-card pre {
  margin: 0;
  min-height: 100%;
  padding: 16px;
  border: 1px solid rgba(15,23,42,.08);
  border-radius: 16px;
  background: #0f172a;
  color: #dbeafe;
  font-size: 13px;
  line-height: 1.8;
  white-space: pre-wrap;
  word-break: break-word;
}
.zzzh-page-massorder textarea#links {
  min-height: 280px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 13px;
  line-height: 1.7;
}
.zzzh-page-drip-feed .well-float,
.zzzh-page-subscriptions .well-float,
.zzzh-page-updates .well-float,
.zzzh-page-affiliates .well-float,
.zzzh-page-child-panel .well-float {
  overflow-x: auto;
}
.zzzh-page-drip-feed .nav-pills,
.zzzh-page-subscriptions .nav-pills,
.zzzh-page-updates .nav-pills {
  margin-bottom: 18px;
}
.zzzh-page-drip-feed .table,
.zzzh-page-subscriptions .table,
.zzzh-page-updates .table,
.zzzh-page-affiliates .table,
.zzzh-page-child-panel .table {
  margin-bottom: 0;
}
.zzzh-page-drip-feed .table th,
.zzzh-page-subscriptions .table th,
.zzzh-page-updates .table th,
.zzzh-page-affiliates .table th,
.zzzh-page-child-panel .table th {
  white-space: nowrap;
}
.zzzh-page-affiliates .table td:first-child,
.zzzh-page-child-panel .table td:first-child,
.zzzh-page-updates .service-name {
  color: var(--zzzh-ink);
  font-weight: 800;
}
.zzzh-page-affiliates .table td,
.zzzh-page-child-panel .table td {
  vertical-align: middle;
}
.zzzh-page-child-panel-order .alert-info {
  border: 1px solid rgba(37,99,235,.16);
  border-radius: 16px;
  background: #f8fbff;
  color: var(--zzzh-muted);
}
.zzzh-page-child-panel-order .alert-info ul {
  margin: 10px 0 0;
}
.zzzh-page-account .nav-pills {
  margin-bottom: 18px;
}
.zzzh-page-account .well + .well {
  margin-top: 18px;
}
.zzzh-page-account #api_key {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 13px;
}
.zzzh-page .btn,
.zzzh-authenticated .btn,
.zzzh-page .form-control,
.zzzh-authenticated .form-control,
.zzzh-authenticated .navbar-toggle,
.zzzh-authenticated .navbar-nav > li > a {
  outline: 0;
}
.zzzh-page .btn:focus,
.zzzh-authenticated .btn:focus,
.zzzh-page .form-control:focus,
.zzzh-authenticated .form-control:focus {
  outline: 0;
}
@media (hover: hover) and (pointer: fine) {
  .zzzh-helper-step:hover {
    transform: translateY(-2px);
    border-color: rgba(37,99,235,.28);
    box-shadow: 0 14px 30px rgba(15,23,42,.08);
  }
  .zzzh-authenticated .navbar-nav > li > a:hover {
    transform: translateY(-1px);
  }
}
@media (max-width: 991px) {
  .zzzh-auth-helper {
    grid-template-columns: 1fr;
  }
  .zzzh-workspace-layout {
    grid-template-columns: 1fr;
  }
  .zzzh-funds-layout,
  .zzzh-child-order-layout {
    grid-template-columns: 1fr;
  }
  .zzzh-workspace-side {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .zzzh-funds-side,
  .zzzh-child-order-side {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .zzzh-workspace-side .zzzh-side-card:first-child {
    grid-column: 1 / -1;
  }
  .zzzh-dashboard-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .zzzh-orders-overview {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .zzzh-quick-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .zzzh-quick-action:nth-child(2n) {
    border-right: 0;
  }
  .zzzh-quick-action:nth-child(-n + 2) {
    border-bottom: 1px solid #eaf2ff;
  }
}
@media (max-width: 991px) {
  .zzzh-navbar-header {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 15px;
    padding-right: 15px;
    justify-content: space-between;
  }
  .zzzh-navbar-brand.navbar-brand {
    order: 1;
    flex: 0 1 auto;
  }
  .zzzh-navbar-toggle {
    order: 2;
    flex: 0 0 auto;
    margin: 20px 0 0 auto;
  }
  .zzzh-signup-grid {
    display: block !important;
  }
  .zzzh-signup-grid > [class*="col-"] {
    float: none !important;
    width: 100% !important;
    max-width: none;
    margin-left: 0 !important;
  }
  .zzzh-signup-grid .zzzh-signup-aside,
  .zzzh-signup-grid .zzzh-login-card {
    width: 100%;
    max-width: none;
  }
}
@media (max-width: 767px) {
  .zzzh-navbar-header {
    min-height: 70px;
  }
  .zzzh-navbar-brand.navbar-brand {
    min-height: 70px;
    padding-left: 0;
  }
  .zzzh-navbar-toggle {
    margin-top: 18px;
  }
  .zzzh-signup-grid .zzzh-signup-aside,
  .zzzh-signup-grid .zzzh-login-card {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .zzzh-signup-page .zzzh-login-card .row {
    margin-left: 0;
    margin-right: 0;
  }
  .zzzh-signup-page .zzzh-login-card .row > [class*="col-"] {
    padding-left: 0;
    padding-right: 0;
  }
  .zzzh-signup-page .form-inline,
  .zzzh-signup-page .form-inline .form-group {
    display: block;
    width: 100%;
  }
  .zzzh-signup-page .form-inline .g_id_signin {
    margin-top: 12px;
  }
  .zzzh-signup-page .pull-right-middle {
    display: block;
    float: none !important;
    min-height: 0;
    margin-top: 16px;
    text-align: center;
  }
  .zzzh-footer-grid {
    display: block;
  }
  .zzzh-footer .col-sm-3,
  .zzzh-footer .col-sm-5 {
    margin-bottom: 22px;
  }
  .zzzh-api-page .center-big-content-block > h4 {
    padding: 12px 14px;
    font-size: 16px;
  }
  .zzzh-auth-helper,
  .zzzh-auth-empty {
    border-radius: 18px;
  }
  .zzzh-auth-helper {
    padding: 18px;
  }
  .zzzh-workbench-hero {
    padding-bottom: 16px;
  }
  .zzzh-workspace-layout {
    gap: 16px;
  }
  .zzzh-workspace-side {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .zzzh-funds-side,
  .zzzh-child-order-side {
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .zzzh-dashboard-metrics {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .zzzh-orders-overview {
    grid-template-columns: 1fr;
    gap: 12px;
    margin-bottom: 14px;
  }
  .zzzh-dashboard-card {
    min-height: 0;
    padding: 18px;
    border-radius: 18px;
  }
  .zzzh-quick-actions {
    grid-template-columns: 1fr;
    border-radius: 18px;
  }
  .zzzh-quick-action,
  .zzzh-quick-action:nth-child(2n),
  .zzzh-quick-action:nth-child(-n + 2) {
    border-right: 0;
    border-bottom: 1px solid #eaf2ff;
  }
  .zzzh-quick-action:last-child {
    border-bottom: 0;
  }
  .zzzh-form-card-head {
    display: block;
  }
  .zzzh-side-card {
    padding: 18px;
    border-radius: 18px;
  }
  .zzzh-progress-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .zzzh-auth-helper-grid {
    grid-template-columns: 1fr;
  }
  .zzzh-auth-empty {
    padding: 26px 18px;
  }
  .zzzh-page-orders .nav-pills {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px;
    overflow-x: visible;
    padding: 2px 2px 10px;
    margin-bottom: 14px;
    -webkit-overflow-scrolling: touch;
  }
  .zzzh-page-orders .nav-pills > li {
    float: none !important;
    flex: 0 0 auto;
    margin: 0 !important;
  }
  .zzzh-page-orders .nav-pills > li > a {
    display: inline-flex !important;
    align-items: center;
    min-height: 42px;
    white-space: nowrap;
  }
  .zzzh-page-orders .nav-pills > li.search {
    order: 20;
    flex: 0 0 100%;
    width: 100%;
    margin-top: 4px !important;
  }
  .zzzh-page-orders .nav-pills > li.search .input-group {
    width: 100%;
  }
  .zzzh-page-orders .well-float {
    padding: 0;
    overflow-x: auto;
  }
  .zzzh-page-orders .table {
    margin-bottom: 0;
  }
  .zzzh-page-massorder .zzzh-format-card {
    grid-template-columns: 1fr;
    border-radius: 18px;
    padding: 16px;
  }
  .zzzh-page-drip-feed .nav-pills,
  .zzzh-page-subscriptions .nav-pills,
  .zzzh-page-updates .nav-pills {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px;
    overflow-x: visible;
    padding: 2px 2px 10px;
    margin-bottom: 14px;
  }
  .zzzh-page-drip-feed .nav-pills > li,
  .zzzh-page-subscriptions .nav-pills > li,
  .zzzh-page-updates .nav-pills > li {
    float: none !important;
    flex: 0 0 auto;
    margin: 0 !important;
  }
  .zzzh-page-drip-feed .nav-pills > li > a,
  .zzzh-page-subscriptions .nav-pills > li > a,
  .zzzh-page-updates .nav-pills > li > a {
    display: inline-flex !important;
    align-items: center;
    min-height: 42px;
    white-space: nowrap;
  }
  .zzzh-page-drip-feed .nav-pills > li.search,
  .zzzh-page-subscriptions .nav-pills > li.search,
  .zzzh-page-updates .nav-pills > li.search {
    order: 20;
    flex: 0 0 100%;
    width: 100%;
    margin-top: 4px !important;
  }
  .zzzh-page-drip-feed .nav-pills > li.search .input-group,
  .zzzh-page-subscriptions .nav-pills > li.search .input-group,
  .zzzh-page-updates .nav-pills > li.search .input-group {
    width: 100%;
  }
}
/* V8 登录后工作台外壳：融合版左侧导航 + 顶部账户栏 */
body.zzzh-authenticated {
  min-height: 100vh;
  background:
    radial-gradient(circle at 18% -6%, rgba(37, 99, 235, .10), transparent 30%),
    linear-gradient(180deg, #f7fbff 0%, #f4f7fb 44%, #eef4fb 100%);
}
.zzzh-app-shell {
  min-height: 100vh;
}
.zzzh-app-sidebar {
  position: fixed;
  inset: 0 auto 0 0;
  z-index: 1025;
  width: 258px;
  padding: 24px 18px;
  overflow-y: auto;
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,251,255,.98)),
    #fff;
  border-right: 1px solid #dbeafe;
  box-shadow: 18px 0 44px rgba(15, 23, 42, .06);
}
.zzzh-app-brand {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-height: 58px;
  padding: 9px 10px;
  border: 1px solid rgba(37,99,235,.13);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 10px 26px rgba(15,23,42,.05);
}
.zzzh-app-brand img {
  display: block;
  width: 190px;
  max-width: 100%;
  max-height: 46px;
  object-fit: contain;
}
.zzzh-app-brand-note {
  margin: 12px 8px 20px;
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .02em;
}
.zzzh-app-nav {
  display: grid;
  gap: 6px;
}
.zzzh-app-nav-link {
  display: flex;
  align-items: center;
  gap: 11px;
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid transparent;
  border-radius: 14px;
  color: #475569;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.2;
  transition: transform .16s ease, background-color .16s ease, color .16s ease, border-color .16s ease, box-shadow .16s ease;
}
.zzzh-app-nav-link:hover,
.zzzh-app-nav-link:focus,
.zzzh-app-nav-link.active {
  color: #1d4ed8;
  background: #eff6ff;
  border-color: rgba(37,99,235,.18);
  box-shadow: 0 10px 22px rgba(37,99,235,.08);
}
.zzzh-app-nav-link:hover {
  transform: translateX(2px);
}
.zzzh-app-nav-icon {
  flex: 0 0 auto;
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  background: #f8fbff;
  color: #2563eb;
  font-size: 13px;
  font-style: normal;
  font-weight: 900;
}
.zzzh-app-nav-link.active .zzzh-app-nav-icon,
.zzzh-app-nav-link:hover .zzzh-app-nav-icon {
  background: #2563eb;
  color: #fff;
}
.zzzh-app-help {
  margin-top: 28px;
  padding: 18px;
  border: 1px solid rgba(37,99,235,.16);
  border-radius: 20px;
  background:
    radial-gradient(circle at 100% 0%, rgba(37,99,235,.13), transparent 42%),
    #f8fbff;
}
.zzzh-app-help-kicker {
  display: inline-flex;
  margin-bottom: 8px;
  padding: 5px 8px;
  border-radius: 999px;
  background: #eff6ff;
  color: #2563eb;
  font-size: 11px;
  font-weight: 900;
}
.zzzh-app-help strong {
  display: block;
  color: #0f172a;
  font-size: 16px;
  font-weight: 900;
}
.zzzh-app-help p {
  margin: 8px 0 14px;
  color: #64748b;
  font-size: 12px;
  line-height: 1.7;
}
.zzzh-app-help a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 8px 12px;
  border-radius: 12px;
  background: #2563eb;
  color: #fff;
  font-size: 12px;
  font-weight: 900;
  box-shadow: 0 12px 24px rgba(37,99,235,.18);
}
.zzzh-app-main {
  min-height: 100vh;
  margin-left: 258px;
}
.zzzh-app-topbar {
  position: sticky;
  top: 0;
  z-index: 1015;
  display: flex;
  align-items: center;
  gap: 16px;
  min-height: 72px;
  padding: 12px 30px;
  background: rgba(247, 251, 255, .88);
  border-bottom: 1px solid rgba(219,234,254,.86);
  backdrop-filter: blur(16px);
}
.zzzh-app-mobile-brand {
  display: none;
}
.zzzh-app-toggle {
  display: none;
}
.zzzh-app-topbar-title {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.zzzh-app-topbar-title span {
  color: #64748b;
  font-size: 12px;
  font-weight: 800;
}
.zzzh-app-topbar-title strong {
  color: #0f172a;
  font-size: 18px;
  font-weight: 900;
  line-height: 1.25;
}
.zzzh-app-topbar-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin-left: auto;
  min-width: 0;
}
.zzzh-top-balance {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 46px;
  min-width: 148px;
  padding: 8px 14px;
  border: 1px solid #dbeafe;
  border-radius: 16px;
  background: #fff;
  color: #64748b;
  box-shadow: 0 10px 24px rgba(15,23,42,.045);
}
.zzzh-top-balance span {
  font-size: 11px;
  font-weight: 800;
  line-height: 1.2;
}
.zzzh-top-balance strong {
  margin-top: 2px;
  color: #0f172a;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.2;
}
.zzzh-top-recharge,
.zzzh-top-account > a,
.zzzh-top-currency > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 9px 14px;
  border: 1px solid #dbeafe;
  border-radius: 14px;
  background: #fff;
  color: #334155;
  font-size: 13px;
  font-weight: 900;
  box-shadow: 0 10px 22px rgba(15,23,42,.04);
}
.zzzh-top-recharge {
  background: #2563eb;
  border-color: #2563eb;
  color: #fff;
  box-shadow: 0 12px 24px rgba(37,99,235,.18);
}
.zzzh-top-recharge:hover,
.zzzh-app-help a:hover {
  background: #1d4ed8;
  color: #fff;
  transform: translateY(-1px);
}
.zzzh-top-account {
  display: flex;
  align-items: center;
  gap: 8px;
}
.zzzh-top-account > a:hover,
.zzzh-top-account > a.active,
.zzzh-top-currency > a:hover {
  background: #eff6ff;
  border-color: rgba(37,99,235,.20);
  color: #2563eb;
}
.zzzh-app-content {
  padding: 0 30px 42px;
}
.zzzh-app-content .zzzh-page {
  padding: 0;
  background: transparent;
}
.zzzh-app-content .zzzh-page-hero {
  padding: 28px 0 18px;
}
.zzzh-app-content .zzzh-page-hero .container,
.zzzh-app-content .zzzh-page-body > .container,
.zzzh-app-content .zzzh-page-body > .container-fluid {
  width: 100%;
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}
.zzzh-app-content .zzzh-page-hero h1 {
  font-size: 32px;
  letter-spacing: 0;
}
.zzzh-app-content .zzzh-page-hero p {
  max-width: 820px;
  font-size: 15px;
  line-height: 1.75;
}
.zzzh-app-content .zzzh-kicker {
  margin-bottom: 12px;
  border-radius: 999px;
}
.zzzh-app-content .zzzh-workspace-layout,
.zzzh-app-content .zzzh-funds-layout,
.zzzh-app-content .zzzh-child-order-layout {
  grid-template-columns: minmax(0, 1fr) 318px;
  gap: 20px;
}
.zzzh-app-content .zzzh-dashboard-metrics {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
.zzzh-app-content .zzzh-dashboard-card,
.zzzh-app-content .zzzh-side-card,
.zzzh-app-content .well,
.zzzh-app-content .well-float,
.zzzh-app-content .zzzh-quick-actions {
  border-color: rgba(191,219,254,.86);
  box-shadow: 0 14px 34px rgba(15,23,42,.055);
}
.zzzh-app-content .zzzh-dashboard-card {
  min-height: 136px;
  border-radius: 20px;
}
.zzzh-app-content .zzzh-dashboard-card strong {
  font-size: 20px;
}
.zzzh-app-content .zzzh-order-form-card,
.zzzh-app-content .zzzh-funds-form-card,
.zzzh-app-content .zzzh-child-order-form {
  border-radius: 24px;
}
.zzzh-app-content .zzzh-quick-actions {
  border-radius: 20px;
}
.zzzh-authenticated a,
.zzzh-authenticated button,
.zzzh-authenticated .btn,
.zzzh-authenticated .form-control,
.zzzh-authenticated .navbar-toggle {
  outline: none !important;
}
.zzzh-authenticated a:focus,
.zzzh-authenticated button:focus,
.zzzh-authenticated .btn:focus,
.zzzh-authenticated .navbar-toggle:focus {
  outline: none !important;
  box-shadow: 0 0 0 4px rgba(37,99,235,.12);
}
.zzzh-authenticated .form-control:focus {
  outline: none !important;
  border-color: #2563eb;
  box-shadow: 0 0 0 4px rgba(37,99,235,.11);
}
@media (hover: hover) and (pointer: fine) {
  .zzzh-app-content .zzzh-dashboard-card:hover,
  .zzzh-app-content .zzzh-side-card:hover,
  .zzzh-app-content .well:hover,
  .zzzh-app-content .well-float:hover {
    border-color: rgba(37,99,235,.28);
    box-shadow: 0 18px 42px rgba(15,23,42,.075);
  }
  .zzzh-authenticated .btn:hover {
    transform: translateY(-1px);
  }
  .zzzh-authenticated .btn:active,
  .zzzh-top-recharge:active,
  .zzzh-app-help a:active {
    transform: translateY(0);
  }
}
@media (max-width: 1199px) {
  .zzzh-app-sidebar {
    width: 238px;
  }
  .zzzh-app-main {
    margin-left: 238px;
  }
  .zzzh-app-content .zzzh-workspace-layout,
  .zzzh-app-content .zzzh-funds-layout,
  .zzzh-app-content .zzzh-child-order-layout {
    grid-template-columns: minmax(0, 1fr);
  }
  .zzzh-app-content .zzzh-workspace-side,
  .zzzh-app-content .zzzh-funds-side,
  .zzzh-app-content .zzzh-child-order-side {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 991px) {
  .zzzh-app-sidebar {
    display: none;
  }
  .zzzh-app-main {
    margin-left: 0;
  }
  .zzzh-app-topbar {
    min-height: 68px;
    padding: 10px 16px;
    gap: 10px;
  }
  .zzzh-app-toggle.navbar-toggle {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 4px;
    float: none;
    width: 42px;
    height: 42px;
    margin: 0;
    padding: 8px;
    border: 1px solid #dbeafe;
    border-radius: 14px;
    background: #fff;
  }
  .zzzh-app-toggle .icon-bar {
    width: 18px;
    height: 2px;
    margin: 0;
    background: #0f172a;
  }
  .zzzh-app-mobile-brand {
    display: flex;
    align-items: center;
    min-width: 0;
  }
  .zzzh-app-mobile-brand img {
    width: 168px;
    max-width: 42vw;
    max-height: 42px;
    object-fit: contain;
  }
  .zzzh-app-topbar-title {
    display: none;
  }
  .zzzh-top-account {
    display: none;
  }
  .zzzh-top-balance {
    min-width: 112px;
    padding: 7px 10px;
  }
  .zzzh-top-recharge {
    min-height: 38px;
    padding: 8px 11px;
  }
  .zzzh-mobile-nav.collapse {
    display: none !important;
  }
  .zzzh-mobile-nav.collapse.in {
    display: grid !important;
  }
  .zzzh-mobile-nav {
    position: sticky;
    top: 68px;
    z-index: 1005;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 12px 16px 16px;
    background: rgba(247,251,255,.96);
    border-bottom: 1px solid #dbeafe;
    box-shadow: 0 16px 30px rgba(15,23,42,.06);
    backdrop-filter: blur(14px);
  }
  .zzzh-mobile-nav a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 9px 10px;
    border: 1px solid #dbeafe;
    border-radius: 13px;
    background: #fff;
    color: #334155;
    font-size: 13px;
    font-weight: 900;
  }
  .zzzh-mobile-nav a.active,
  .zzzh-mobile-nav a:hover {
    background: #eff6ff;
    color: #2563eb;
  }
  .zzzh-app-content {
    padding: 0 16px 34px;
  }
  .zzzh-app-content .zzzh-page-hero {
    padding-top: 22px;
  }
  .zzzh-app-content .zzzh-dashboard-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .zzzh-app-topbar {
    align-items: center;
  }
  .zzzh-app-topbar-actions {
    gap: 7px;
  }
  .zzzh-top-balance span {
    display: none;
  }
  .zzzh-top-balance {
    min-width: 0;
    max-width: 120px;
  }
  .zzzh-top-balance strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .zzzh-app-content .zzzh-page-hero h1 {
    font-size: 28px;
  }
  .zzzh-app-content .zzzh-dashboard-metrics,
  .zzzh-app-content .zzzh-workspace-side,
  .zzzh-app-content .zzzh-funds-side,
  .zzzh-app-content .zzzh-child-order-side {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 420px) {
  .zzzh-app-mobile-brand img {
    width: 142px;
    max-width: 36vw;
  }
  .zzzh-top-recharge {
    padding-left: 9px;
    padding-right: 9px;
  }
  .zzzh-mobile-nav {
    grid-template-columns: 1fr;
  }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .001ms !important;
  }
}

/* Signup/footer focused hotfix: visual layout only, no form logic changes. */
.zzzh-signup-page .zzzh-login-section {
  padding-bottom: 44px;
}
.zzzh-signup-page .zzzh-proof-grid {
  margin-top: 24px;
  margin-bottom: 0;
}
.zzzh-signup-page .zzzh-login-card form > .row {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 13px;
  margin-left: 0;
  margin-right: 0;
}
.zzzh-signup-page .zzzh-login-card form > .row > [class*="col-"] {
  float: none !important;
  width: 100% !important;
  padding-left: 0;
  padding-right: 0;
}
.zzzh-signup-page .zzzh-login-card .form-inline {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 12px;
  width: 100%;
}
.zzzh-signup-page .zzzh-login-card .form-inline > .form-group {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 0;
}
.zzzh-signup-page .zzzh-login-card .zzzh-login-submit {
  width: 100%;
  margin-top: 0;
}
.zzzh-signup-page .zzzh-login-card .g_id_signin {
  display: flex;
  justify-content: center;
  width: 100%;
  padding-top: 12px;
  border-top: 1px solid var(--zzzh-line);
}
.zzzh-signup-page .pull-right-middle {
  display: block;
  float: none !important;
  min-height: 0;
  text-align: center;
}
@media (min-width: 992px) {
  .zzzh-signup-page .zzzh-login-section {
    padding-bottom: 52px;
  }
}
@media (max-width: 767px) {
  .zzzh-signup-page .zzzh-login-section {
    padding-bottom: 34px;
  }
  .zzzh-signup-page .zzzh-proof-grid {
    margin-top: 18px;
  }
}
			

			/* Shared guest-page motion: lightweight, scoped, and non-continuous. */
			body.zzzh-guest {
				--bzkj-guest-motion-ease: cubic-bezier(.22, .61, .36, 1);
				--bzkj-guest-motion-fast: 170ms;
				--bzkj-guest-enter-duration: 420ms;
				--bzkj-guest-enter-y: 10px;
			}

			body.zzzh-guest .zzzh-signup-page .zzzh-section-head,
			body.zzzh-guest .zzzh-signup-page .zzzh-login-card,
			body.zzzh-guest .zzzh-signup-page .zzzh-proof-card,
			body.zzzh-guest .zzzh-services-page .zzzh-section-head,
			body.zzzh-guest .zzzh-services-page .bzkj-services-hero-note,
			body.zzzh-guest .zzzh-services-page .zzzh-v12-services-tools,
			body.zzzh-guest .zzzh-api-page .bzkj-api-hero,
			body.zzzh-guest .zzzh-page-terms .zzzh-page-hero {
				animation: bzkjGuestShellEnter var(--bzkj-guest-enter-duration) var(--bzkj-guest-motion-ease) both;
			}

			body.zzzh-guest .zzzh-signup-page .zzzh-login-card,
			body.zzzh-guest .zzzh-services-page .bzkj-services-hero-note {
				animation-delay: 70ms;
			}

			body.zzzh-guest .zzzh-signup-page .zzzh-proof-card,
			body.zzzh-guest .zzzh-services-page .zzzh-v12-services-tools {
				animation-delay: 140ms;
			}

			@keyframes bzkjGuestShellEnter {
				from {
					opacity: .01;
					transform: translate3d(0, var(--bzkj-guest-enter-y), 0);
				}
				to {
					opacity: 1;
					transform: translate3d(0, 0, 0);
				}
			}

			body.zzzh-guest .btn,
			body.zzzh-guest button[type="submit"],
			body.zzzh-guest .zzzh-cta-actions a,
			body.zzzh-guest .zzzh-navbar-nav > li > a,
			body.zzzh-guest .form-control {
				transition:
					color var(--bzkj-guest-motion-fast) ease,
					background-color var(--bzkj-guest-motion-fast) ease,
					border-color var(--bzkj-guest-motion-fast) ease,
					box-shadow var(--bzkj-guest-motion-fast) ease,
					transform var(--bzkj-guest-motion-fast) var(--bzkj-guest-motion-ease);
			}

			body.zzzh-guest .form-control:focus {
				box-shadow: 0 0 0 3px rgba(37, 99, 235, .18) !important;
			}

			body.zzzh-guest .btn:focus-visible,
			body.zzzh-guest button:focus-visible,
			body.zzzh-guest a:focus-visible,
			body.zzzh-guest .form-control:focus-visible {
				outline: 2px solid rgba(96, 165, 250, .95) !important;
				outline-offset: 3px !important;
			}

			@media (hover: hover) and (pointer: fine) {
				body.zzzh-guest .zzzh-signup-page .zzzh-login-card,
				body.zzzh-guest .zzzh-signup-page .zzzh-proof-card,
				body.zzzh-guest .zzzh-services-page .zzzh-proof-card,
				body.zzzh-guest .zzzh-services-page .zzzh-v12-services-tools,
				body.zzzh-guest .zzzh-api-page .bzkj-api-card,
				body.zzzh-guest .zzzh-api-page .bzkj-api-panel {
					transition:
						border-color 190ms ease,
						box-shadow 190ms ease,
						transform 190ms var(--bzkj-guest-motion-ease);
				}

				body.zzzh-guest .zzzh-signup-page .zzzh-login-card:hover,
				body.zzzh-guest .zzzh-signup-page .zzzh-proof-card:hover,
				body.zzzh-guest .zzzh-services-page .zzzh-proof-card:hover,
				body.zzzh-guest .zzzh-services-page .zzzh-v12-services-tools:hover,
				body.zzzh-guest .zzzh-api-page .bzkj-api-card:hover,
				body.zzzh-guest .zzzh-api-page .bzkj-api-panel:hover {
					transform: translate3d(0, -3px, 0);
					border-color: rgba(59, 130, 246, .42) !important;
					box-shadow: 0 18px 42px rgba(0, 0, 0, .18), 0 0 0 1px rgba(59, 130, 246, .08) !important;
				}

				body.zzzh-guest .btn:not([disabled]):hover,
				body.zzzh-guest button[type="submit"]:not([disabled]):hover,
				body.zzzh-guest .zzzh-cta-actions a:hover {
					transform: translate3d(0, -1px, 0);
				}
			}

			body.zzzh-guest .btn:not([disabled]):active,
			body.zzzh-guest button[type="submit"]:not([disabled]):active,
			body.zzzh-guest .zzzh-cta-actions a:active {
				transform: translate3d(0, 1px, 0);
			}

			@media (max-width: 767px) {
				body.zzzh-guest {
					--bzkj-guest-enter-duration: 320ms;
					--bzkj-guest-enter-y: 6px;
				}

				body.zzzh-guest .zzzh-signup-page .zzzh-login-card,
				body.zzzh-guest .zzzh-services-page .bzkj-services-hero-note,
				body.zzzh-guest .zzzh-signup-page .zzzh-proof-card,
				body.zzzh-guest .zzzh-services-page .zzzh-v12-services-tools {
					animation-delay: 45ms;
				}
			}

			@media (prefers-reduced-motion: reduce) {
				body.zzzh-guest .zzzh-signup-page .zzzh-section-head,
				body.zzzh-guest .zzzh-signup-page .zzzh-login-card,
				body.zzzh-guest .zzzh-signup-page .zzzh-proof-card,
				body.zzzh-guest .zzzh-services-page .zzzh-section-head,
				body.zzzh-guest .zzzh-services-page .bzkj-services-hero-note,
				body.zzzh-guest .zzzh-services-page .zzzh-v12-services-tools,
				body.zzzh-guest .zzzh-api-page .bzkj-api-hero,
				body.zzzh-guest .zzzh-page-terms .zzzh-page-hero {
					animation: none !important;
				}

				body.zzzh-guest *,
				body.zzzh-guest *::before,
				body.zzzh-guest *::after {
					scroll-behavior: auto !important;
					transition-duration: .01ms !important;
					animation-duration: .01ms !important;
					animation-iteration-count: 1 !important;
				}
			}
		

			/* Shared navigation icon system: consistent size, contrast and states. */
			body.zzzh-authenticated .zzzh-app-nav-icon,
			body.zzzh-authenticated .zzzh-mobile-nav-icon {
				display: inline-flex;
				align-items: center;
				justify-content: center;
				width: 34px;
				height: 34px;
				flex: 0 0 34px;
				border: 1px solid rgba(37, 99, 235, .08);
				border-radius: 10px;
				background: #eff6ff;
				color: #2563eb;
				font-style: normal;
				transition: background-color .15s ease, border-color .15s ease, color .15s ease;
			}

			body.zzzh-authenticated .zzzh-app-nav-icon i,
			body.zzzh-authenticated .zzzh-mobile-nav-icon i {
				display: block;
				width: 18px;
				font-size: 18px;
				line-height: 1;
				text-align: center;
			}

			body.zzzh-authenticated .zzzh-app-nav-link:hover .zzzh-app-nav-icon,
			body.zzzh-authenticated .zzzh-app-nav-link:focus .zzzh-app-nav-icon,
			body.zzzh-authenticated .zzzh-mobile-nav a:hover .zzzh-mobile-nav-icon,
			body.zzzh-authenticated .zzzh-mobile-nav a:focus .zzzh-mobile-nav-icon {
				border-color: rgba(37, 99, 235, .16);
				background: #dbeafe;
				color: #1d4ed8;
			}

			body.zzzh-authenticated .zzzh-app-nav-link.active .zzzh-app-nav-icon,
			body.zzzh-authenticated .zzzh-mobile-nav a.active .zzzh-mobile-nav-icon {
				border-color: #2563eb;
				background: #2563eb;
				color: #fff;
			}

			body.zzzh-authenticated .zzzh-app-nav-link:focus-visible,
			body.zzzh-authenticated .zzzh-mobile-nav a:focus-visible {
				outline: 3px solid rgba(37, 99, 235, .2);
				outline-offset: 2px;
			}

			@media (prefers-reduced-motion: reduce) {
				body.zzzh-authenticated .zzzh-app-nav-icon,
				body.zzzh-authenticated .zzzh-mobile-nav-icon {
					transition: none;
				}
			}
		

			/* V22 mobile orders empty state, updates filters, and floating action safe area */
			@media (max-width: 767px) {
			  body.zzzh-authenticated .zzzh-page-orders,
			  body.zzzh-authenticated .zzzh-page-updates {
			    padding-bottom: 112px !important;
			  }
			
			  body.zzzh-authenticated .zzzh-page-orders .container-fluid,
			  body.zzzh-authenticated .zzzh-page-updates .container-fluid {
			    overflow-x: hidden !important;
			  }
			
			  body.zzzh-authenticated .zzzh-page-orders .container-fluid > .row,
			  body.zzzh-authenticated .zzzh-page-updates .container-fluid > .row,
			  body.zzzh-authenticated .zzzh-page-updates .container-fluid > .row .row {
			    margin-left: 0 !important;
			    margin-right: 0 !important;
			  }
			
			  body.zzzh-authenticated .zzzh-page-orders .container-fluid > .row > [class*="col-"],
			  body.zzzh-authenticated .zzzh-page-updates .container-fluid > .row > [class*="col-"],
			  body.zzzh-authenticated .zzzh-page-updates .container-fluid > .row .row > [class*="col-"] {
			    padding-left: 0 !important;
			    padding-right: 0 !important;
			    min-width: 0 !important;
			  }
			
			  body.zzzh-authenticated .zzzh-page-orders .zzzh-orders-overview {
			    gap: 10px !important;
			    margin-bottom: 14px !important;
			  }
			
			  body.zzzh-authenticated .zzzh-page-orders .zzzh-dashboard-card {
			    min-height: 0 !important;
			    padding: 16px 16px 14px !important;
			  }
			
			  body.zzzh-authenticated .zzzh-page-orders .zzzh-dashboard-card strong {
			    font-size: 18px !important;
			    line-height: 1.35 !important;
			  }
			
			  body.zzzh-authenticated .zzzh-orders-empty {
			    margin-top: 14px !important;
			    text-align: center !important;
			  }
			
			  body.zzzh-authenticated .zzzh-empty-actions {
			    display: grid !important;
			    grid-template-columns: 1fr !important;
			    gap: 10px !important;
			    margin-top: 18px !important;
			  }
			
			  body.zzzh-authenticated .zzzh-empty-actions .btn {
			    width: 100% !important;
			    min-height: 44px !important;
			    border-radius: 14px !important;
			    font-weight: 800 !important;
			  }
			
			  body.zzzh-authenticated .zzzh-page-updates .zzzh-updates-filterbar {
			    display: grid !important;
			    grid-template-columns: 1fr !important;
			    gap: 10px !important;
			    width: 100% !important;
			    margin: 0 0 14px !important;
			    padding: 0 !important;
			    float: none !important;
			  }
			
			  body.zzzh-authenticated .zzzh-page-updates .zzzh-updates-type-chips {
			    display: grid !important;
			    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
			    gap: 8px !important;
			    width: 100% !important;
			    margin: 0 !important;
			    float: none !important;
			  }
			
			  body.zzzh-authenticated .zzzh-page-updates .zzzh-update-chip {
			    display: flex !important;
			    align-items: center !important;
			    justify-content: center !important;
				    min-height: 44px !important;
			    padding: 9px 10px !important;
			    border: 1px solid rgba(191, 219, 254, .95) !important;
			    border-radius: 13px !important;
			    background: rgba(255, 255, 255, .86) !important;
			    color: #0f172a !important;
			    font-size: 13px !important;
			    font-weight: 800 !important;
			    line-height: 1.25 !important;
			    text-align: center !important;
			  }
			
			  body.zzzh-authenticated .zzzh-page-updates .zzzh-update-chip.active {
			    border-color: #2563eb !important;
			    background: #2563eb !important;
			    color: #fff !important;
			    box-shadow: 0 10px 22px rgba(37, 99, 235, .18) !important;
			  }
			
			  body.zzzh-authenticated .zzzh-page-updates .zzzh-updates-filterbar > li.search {
			    width: 100% !important;
			    margin: 0 !important;
			    float: none !important;
			  }
			
			  body.zzzh-authenticated .zzzh-page-updates .zzzh-updates-filterbar .input-group {
			    display: grid !important;
			    grid-template-columns: minmax(0, 1fr) 52px !important;
			    width: 100% !important;
			    min-width: 0 !important;
			    overflow: hidden !important;
			    border: 1px solid rgba(191, 219, 254, .95) !important;
			    border-radius: 16px !important;
			    background: #fff !important;
			  }
			
			  body.zzzh-authenticated .zzzh-page-updates .zzzh-updates-filterbar .form-control,
			  body.zzzh-authenticated .zzzh-page-updates .zzzh-updates-filterbar .btn {
			    height: 48px !important;
			    border: 0 !important;
			    border-radius: 0 !important;
			    box-shadow: none !important;
			  }
			
			  body.zzzh-authenticated .integration-fixed.integration-fixed__bottom-right {
			    right: max(10px, env(safe-area-inset-right)) !important;
			    bottom: max(20px, calc(env(safe-area-inset-bottom) + 16px)) !important;
			    width: 84px !important;
			    height: 84px !important;
			    transform: scale(.9) !important;
			    transform-origin: right bottom !important;
			    pointer-events: none !important;
			  }
			
			  body.zzzh-authenticated .integration-fixed.integration-fixed__bottom-right a,
			  body.zzzh-authenticated .integration-fixed.integration-fixed__bottom-right button,
			  body.zzzh-authenticated .integration-fixed.integration-fixed__bottom-right iframe,
			  body.zzzh-authenticated .integration-fixed.integration-fixed__bottom-right .telegram-button {
			    pointer-events: auto !important;
			  }
			}
			
				@media (max-width: 319px) {
			  body.zzzh-authenticated .zzzh-page-updates .zzzh-updates-type-chips {
			    grid-template-columns: 1fr !important;
			  }
			}
		

			/* Option 1 public-site visual system: dark SaaS surfaces, blue horizon and restrained glow. */
			body.zzzh-guest {
				--bzkj-guest-bg: #020817;
				--bzkj-guest-surface: rgba(7, 25, 55, .88);
				--bzkj-guest-surface-strong: rgba(9, 31, 66, .96);
				--bzkj-guest-line: rgba(87, 151, 247, .34);
				--bzkj-guest-line-soft: rgba(96, 165, 250, .18);
				--bzkj-guest-text: #f8fbff;
				--bzkj-guest-muted: #a7b7cd;
				--bzkj-guest-blue: #1977ff;
				--bzkj-guest-blue-bright: #29a8ff;
				background: var(--bzkj-guest-bg) !important;
				color: var(--bzkj-guest-muted) !important;
			}

			body.zzzh-guest .zzzh-navbar {
				min-height: 76px !important;
				margin-bottom: 0 !important;
				border: 0 !important;
				border-bottom: 1px solid rgba(96, 165, 250, .3) !important;
				background:
					radial-gradient(circle at 16% -170%, rgba(45, 140, 255, .3), transparent 58%),
					linear-gradient(180deg, #081d40 0%, #06152f 100%) !important;
				box-shadow:
					0 12px 30px rgba(1, 11, 31, .2),
					inset 0 1px 0 rgba(255, 255, 255, .035) !important;
			}

			body.zzzh-guest .zzzh-navbar-inner { min-height: 76px !important; }
			body.zzzh-guest .zzzh-navbar-brand {
				height: 76px !important;
				padding-top: 13px !important;
				padding-bottom: 13px !important;
			}
			body.zzzh-guest .zzzh-navbar-brand img {
				max-height: 50px !important;
				filter: none !important;
			}
			body.zzzh-guest .zzzh-guest-menu > li > a {
				color: #d9e4f4 !important;
			}
			body.zzzh-guest .zzzh-guest-menu > li > a:hover,
			body.zzzh-guest .zzzh-guest-menu > li > a:focus {
				color: #fff !important;
				background: rgba(37, 99, 235, .1) !important;
			}
			body.zzzh-guest .zzzh-nav-cta > a {
				color: #fff !important;
				border-color: var(--bzkj-guest-blue) !important;
				background: var(--bzkj-guest-blue) !important;
				box-shadow: 0 12px 28px rgba(25, 119, 255, .22) !important;
			}

			body.zzzh-guest .zzzh-signup-page,
			body.zzzh-guest .zzzh-services-page,
			body.zzzh-guest .zzzh-api-page,
			body.zzzh-guest .zzzh-page-terms,
			body.zzzh-guest .zzzh-page-resetpassword,
			body.zzzh-guest .zzzh-page-blog {
				position: relative;
				isolation: isolate;
				min-height: calc(100vh - 76px);
				overflow: hidden;
				background:
					radial-gradient(ellipse 105% 20% at 50% 0%, rgba(24, 112, 255, .26), transparent 72%),
					radial-gradient(circle at 84% 18%, rgba(20, 103, 255, .12), transparent 30%),
					linear-gradient(180deg, #020817 0%, #04112b 48%, #020817 100%) !important;
				color: var(--bzkj-guest-muted) !important;
			}

			body.zzzh-guest .zzzh-signup-page::before,
			body.zzzh-guest .zzzh-services-page::before,
			body.zzzh-guest .zzzh-api-page::before,
			body.zzzh-guest .zzzh-page-terms::before,
			body.zzzh-guest .zzzh-page-resetpassword::before,
			body.zzzh-guest .zzzh-page-blog::before {
				content: "";
				position: absolute;
				z-index: -1;
				top: 74px;
				left: -8%;
				width: 116%;
				height: 180px;
				border-top: 1px solid rgba(48, 142, 255, .9);
				border-radius: 50% 50% 0 0 / 26% 26% 0 0;
				box-shadow: 0 -7px 28px rgba(20, 109, 255, .22), inset 0 12px 45px rgba(21, 103, 255, .08);
				pointer-events: none;
			}

			body.zzzh-guest .zzzh-signup-page h1,
			body.zzzh-guest .zzzh-signup-page h2,
			body.zzzh-guest .zzzh-signup-page h3,
			body.zzzh-guest .zzzh-services-page h1,
			body.zzzh-guest .zzzh-services-page h2,
			body.zzzh-guest .zzzh-services-page h3,
			body.zzzh-guest .zzzh-api-page h1,
			body.zzzh-guest .zzzh-api-page h2,
			body.zzzh-guest .zzzh-api-page h3,
			body.zzzh-guest .zzzh-page-terms h1,
			body.zzzh-guest .zzzh-page-terms h2,
			body.zzzh-guest .zzzh-page-terms h3,
			body.zzzh-guest .zzzh-page-resetpassword h1,
			body.zzzh-guest .zzzh-page-resetpassword h2,
			body.zzzh-guest .zzzh-page-resetpassword h3,
			body.zzzh-guest .zzzh-page-blog h1,
			body.zzzh-guest .zzzh-page-blog h2,
			body.zzzh-guest .zzzh-page-blog h3 {
				color: var(--bzkj-guest-text) !important;
				letter-spacing: 0 !important;
			}

			body.zzzh-guest .zzzh-signup-page p,
			body.zzzh-guest .zzzh-services-page p,
			body.zzzh-guest .zzzh-api-page p,
			body.zzzh-guest .zzzh-page-terms p,
			body.zzzh-guest .zzzh-page-resetpassword p,
			body.zzzh-guest .zzzh-page-blog p {
				color: var(--bzkj-guest-muted) !important;
			}

			body.zzzh-guest .zzzh-signup-page .zzzh-kicker,
			body.zzzh-guest .zzzh-services-page .zzzh-kicker,
			body.zzzh-guest .zzzh-api-page .zzzh-kicker,
			body.zzzh-guest .zzzh-page-terms .zzzh-kicker,
			body.zzzh-guest .zzzh-page-resetpassword .zzzh-kicker,
			body.zzzh-guest .zzzh-page-blog .zzzh-kicker,
			body.zzzh-guest .zzzh-signup-page .zzzh-chip,
			body.zzzh-guest .zzzh-services-page .zzzh-chip,
			body.zzzh-guest .zzzh-api-page .zzzh-chip {
				color: #8ec5ff !important;
				border-color: rgba(75, 145, 255, .34) !important;
				background: rgba(18, 67, 145, .2) !important;
			}

			body.zzzh-guest .zzzh-signup-page .zzzh-login-card,
			body.zzzh-guest .zzzh-signup-page .zzzh-signup-aside,
			body.zzzh-guest .zzzh-signup-page .zzzh-mini-item,
			body.zzzh-guest .zzzh-signup-page .zzzh-proof-card,
			body.zzzh-guest .zzzh-services-page .zzzh-proof-card,
			body.zzzh-guest .zzzh-services-page .zzzh-table-note,
			body.zzzh-guest .zzzh-services-page .zzzh-v12-services-tools,
			body.zzzh-guest .zzzh-api-page .panel,
			body.zzzh-guest .zzzh-api-page .well,
			body.zzzh-guest .zzzh-api-page [class*="card"],
			body.zzzh-guest .zzzh-page-terms .zzzh-v24-terms-toc,
			body.zzzh-guest .zzzh-page-terms .zzzh-terms-content,
			body.zzzh-guest .zzzh-page-resetpassword .well,
			body.zzzh-guest .zzzh-page-resetpassword form,
			body.zzzh-guest .zzzh-page-blog .well,
			body.zzzh-guest .zzzh-page-blog article,
			body.zzzh-guest .zzzh-page-blog .panel {
				color: var(--bzkj-guest-muted) !important;
				border-color: var(--bzkj-guest-line) !important;
				background: linear-gradient(145deg, rgba(11, 37, 78, .94), rgba(4, 18, 43, .94)) !important;
				box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035), 0 22px 55px rgba(0, 0, 0, .22) !important;
			}

			body.zzzh-guest .zzzh-signup-page .zzzh-mini-item,
			body.zzzh-guest .zzzh-signup-page .zzzh-proof-card,
			body.zzzh-guest .zzzh-services-page .zzzh-proof-card {
				background: rgba(8, 30, 64, .7) !important;
				box-shadow: none !important;
			}

			body.zzzh-guest .zzzh-signup-page label,
			body.zzzh-guest .zzzh-api-page label,
			body.zzzh-guest .zzzh-page-resetpassword label {
				color: #e7eef9 !important;
			}

			body.zzzh-guest .zzzh-signup-page .form-control,
			body.zzzh-guest .zzzh-services-page .form-control,
			body.zzzh-guest .zzzh-api-page .form-control,
			body.zzzh-guest .zzzh-page-resetpassword .form-control,
			body.zzzh-guest .zzzh-signup-page select,
			body.zzzh-guest .zzzh-services-page select,
			body.zzzh-guest .zzzh-api-page select {
				color: #eef5ff !important;
				border-color: rgba(93, 150, 237, .38) !important;
				background: rgba(2, 15, 36, .82) !important;
				box-shadow: inset 0 1px 0 rgba(255, 255, 255, .02) !important;
			}

			body.zzzh-guest .zzzh-signup-page .form-control::placeholder,
			body.zzzh-guest .zzzh-services-page .form-control::placeholder,
			body.zzzh-guest .zzzh-api-page .form-control::placeholder,
			body.zzzh-guest .zzzh-page-resetpassword .form-control::placeholder {
				color: #7286a3 !important;
			}

			body.zzzh-guest .zzzh-signup-page .form-control:focus,
			body.zzzh-guest .zzzh-services-page .form-control:focus,
			body.zzzh-guest .zzzh-api-page .form-control:focus,
			body.zzzh-guest .zzzh-page-resetpassword .form-control:focus {
				border-color: #2d8cff !important;
				box-shadow: 0 0 0 3px rgba(45, 140, 255, .14) !important;
			}

			body.zzzh-guest .zzzh-signup-page .btn-primary,
			body.zzzh-guest .zzzh-services-page .zzzh-btn-primary,
			body.zzzh-guest .zzzh-api-page .zzzh-btn-primary,
			body.zzzh-guest .zzzh-page-resetpassword .btn-primary {
				color: #fff !important;
				border-color: #1977ff !important;
				background: linear-gradient(135deg, #0b69f3, #1a7dff) !important;
				box-shadow: 0 13px 30px rgba(17, 102, 255, .24) !important;
			}

			body.zzzh-guest .zzzh-services-page .zzzh-btn-secondary,
			body.zzzh-guest .zzzh-api-page .zzzh-btn-secondary {
				color: #e5efff !important;
				border-color: rgba(75, 145, 255, .58) !important;
				background: rgba(4, 18, 43, .72) !important;
			}

			body.zzzh-guest .zzzh-services-page .zzzh-section-alt,
			body.zzzh-guest .zzzh-api-page .zzzh-section-alt,
			body.zzzh-guest .zzzh-page-terms .zzzh-page-hero,
			body.zzzh-guest .zzzh-page-resetpassword .zzzh-page-hero,
			body.zzzh-guest .zzzh-page-blog .zzzh-page-hero,
			body.zzzh-guest .zzzh-page-terms .zzzh-page-body,
			body.zzzh-guest .zzzh-page-resetpassword .zzzh-page-body,
			body.zzzh-guest .zzzh-page-blog .zzzh-page-body {
				background: transparent !important;
			}

			body.zzzh-guest .zzzh-services-page table,
			body.zzzh-guest .zzzh-api-page table {
				color: #c7d4e7 !important;
				border-color: var(--bzkj-guest-line-soft) !important;
				background: rgba(3, 17, 40, .78) !important;
			}
			body.zzzh-guest .zzzh-services-page table th,
			body.zzzh-guest .zzzh-services-page table td,
			body.zzzh-guest .zzzh-api-page table th,
			body.zzzh-guest .zzzh-api-page table td {
				color: inherit !important;
				border-color: var(--bzkj-guest-line-soft) !important;
				background: rgba(5, 23, 50, .72) !important;
			}
			body.zzzh-guest .zzzh-services-page .zzzh-service-category-row td {
				color: #fff !important;
				background: linear-gradient(90deg, rgba(20, 91, 210, .72), rgba(7, 34, 76, .9)) !important;
			}

			body.zzzh-guest .zzzh-api-page pre,
			body.zzzh-guest .zzzh-api-page code {
				color: #b9dcff !important;
				border-color: rgba(83, 148, 244, .28) !important;
				background: #020d20 !important;
			}
			body.zzzh-guest .zzzh-api-page .alert,
			body.zzzh-guest .zzzh-page-terms .zzzh-terms-note {
				color: #cfe2ff !important;
				border-color: rgba(64, 141, 255, .35) !important;
				background: rgba(11, 52, 112, .34) !important;
			}

			body.zzzh-guest .zzzh-page-terms .zzzh-v24-terms-toc a,
			body.zzzh-guest .zzzh-page-blog a,
			body.zzzh-guest .zzzh-api-page a:not(.btn),
			body.zzzh-guest .zzzh-services-page a:not(.btn) {
				color: #62adff !important;
			}

			body.zzzh-guest .zzzh-footer {
				border-top: 1px solid rgba(77, 136, 224, .2) !important;
				background: #020817 !important;
				color: #94a6be !important;
			}
			body.zzzh-guest .zzzh-footer h3,
			body.zzzh-guest .zzzh-footer h4,
			body.zzzh-guest .zzzh-footer strong { color: #f8fbff !important; }
			body.zzzh-guest .zzzh-footer a { color: #aebdd2 !important; }
			body.zzzh-guest .zzzh-footer a:hover { color: #62adff !important; }
			body.zzzh-guest .zzzh-footer-logo {
				width: 220px !important;
				max-height: 58px !important;
				padding: 0 !important;
				border: 0 !important;
				border-radius: 0 !important;
				background: transparent !important;
				box-shadow: none !important;
				object-fit: contain !important;
			}

			/* Option 1 guest global V1.1: remove remaining light Bootstrap surfaces. */
			body.zzzh-guest .zzzh-signup-page .zzzh-login-section {
				background: transparent !important;
			}

			body.zzzh-guest .zzzh-signup-page strong,
			body.zzzh-guest .zzzh-services-page strong,
			body.zzzh-guest .zzzh-api-page strong,
			body.zzzh-guest .zzzh-api-page h4,
			body.zzzh-guest .zzzh-api-page .bzkj-api-code-title {
				color: var(--bzkj-guest-text) !important;
			}

			body.zzzh-guest .zzzh-services-page .bzkj-services-boundary,
			body.zzzh-guest .zzzh-services-page .well.well-float,
			body.zzzh-guest .zzzh-api-page .bzkj-api-panel,
			body.zzzh-guest .zzzh-api-page .bzkj-api-method {
				color: var(--bzkj-guest-muted) !important;
				border-color: var(--bzkj-guest-line) !important;
				background: linear-gradient(145deg, rgba(11, 37, 78, .94), rgba(4, 18, 43, .94)) !important;
				box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035), 0 22px 55px rgba(0, 0, 0, .22) !important;
			}

			body.zzzh-guest .zzzh-services-page .zzzh-v12-services-platforms button,
			body.zzzh-guest .zzzh-services-page .btn-default,
			body.zzzh-guest .zzzh-api-page .btn-default {
				color: #dbeafe !important;
				border-color: rgba(87, 151, 247, .42) !important;
				background: rgba(5, 23, 50, .86) !important;
				box-shadow: none !important;
			}

			body.zzzh-guest .zzzh-services-page .zzzh-v12-services-platforms button:hover,
			body.zzzh-guest .zzzh-services-page .zzzh-v12-services-platforms button:focus,
			body.zzzh-guest .zzzh-services-page .zzzh-v12-services-platforms button.active,
			body.zzzh-guest .zzzh-services-page .btn-default:hover,
			body.zzzh-guest .zzzh-services-page .btn-default:focus,
			body.zzzh-guest .zzzh-api-page .btn-default:hover,
			body.zzzh-guest .zzzh-api-page .btn-default:focus {
				color: #fff !important;
				border-color: #2d8cff !important;
				background: rgba(20, 91, 210, .58) !important;
			}

			body.zzzh-guest .zzzh-services-page .dropdown-menu {
				border-color: var(--bzkj-guest-line) !important;
				background: #06152f !important;
				box-shadow: 0 20px 48px rgba(0, 0, 0, .34) !important;
			}

			body.zzzh-guest .zzzh-services-page .dropdown-menu > li > a {
				color: #dbeafe !important;
			}

			body.zzzh-guest .zzzh-services-page .dropdown-menu > li > a:hover,
			body.zzzh-guest .zzzh-services-page .dropdown-menu > li > a:focus {
				color: #fff !important;
				background: rgba(37, 99, 235, .22) !important;
			}

			body.zzzh-guest .zzzh-page-terms .zzzh-terms-content > p:first-child {
				color: #b9dcff !important;
				background: rgba(20, 91, 210, .2) !important;
			}

			@media (max-width: 767px) {
				body.zzzh-guest .zzzh-navbar,
				body.zzzh-guest .zzzh-navbar-inner,
				body.zzzh-guest .zzzh-navbar-header { min-height: 68px !important; }
				body.zzzh-guest .zzzh-navbar-brand {
					height: 68px !important;
					padding-top: 13px !important;
					padding-bottom: 13px !important;
				}
				body.zzzh-guest .zzzh-navbar-toggle {
					margin-top: 12px !important;
					margin-bottom: 12px !important;
					border-color: rgba(96, 165, 250, .38) !important;
					background: rgba(9, 29, 62, .76) !important;
				}
				body.zzzh-guest .zzzh-navbar-toggle .icon-bar { background-color: #dbeafe !important; }
				body.zzzh-guest .zzzh-navbar-collapse {
					border-top-color: rgba(96, 165, 250, .2) !important;
					background: #061126 !important;
				}
				body.zzzh-guest .zzzh-signup-page,
				body.zzzh-guest .zzzh-services-page,
				body.zzzh-guest .zzzh-api-page,
				body.zzzh-guest .zzzh-page-terms,
				body.zzzh-guest .zzzh-page-resetpassword,
				body.zzzh-guest .zzzh-page-blog {
					min-height: calc(100vh - 68px);
					overflow-x: hidden;
				}
				body.zzzh-guest .zzzh-signup-page::before,
				body.zzzh-guest .zzzh-services-page::before,
				body.zzzh-guest .zzzh-api-page::before,
				body.zzzh-guest .zzzh-page-terms::before,
				body.zzzh-guest .zzzh-page-resetpassword::before,
				body.zzzh-guest .zzzh-page-blog::before {
					top: 42px;
					height: 120px;
				}
				body.zzzh-guest .zzzh-section-head h1,
				body.zzzh-guest .zzzh-page-hero h1 { font-size: 32px !important; }
				body.zzzh-guest .zzzh-footer-logo { width: 184px !important; }
			}

			@media (prefers-reduced-motion: reduce) {
				body.zzzh-guest *,
				body.zzzh-guest *::before,
				body.zzzh-guest *::after {
					animation: none !important;
					transition-duration: .01ms !important;
					scroll-behavior: auto !important;
				}
			}
		

			/* Guest Header only: keep tablet navigation on one row and mobile controls fully visible. */
			@media (min-width: 768px) and (max-width: 991px) {
				body.zzzh-guest .zzzh-navbar {
					min-height: 76px !important;
				}
				body.zzzh-guest .zzzh-navbar .zzzh-navbar-inner {
					min-height: 76px !important;
					display: flex !important;
					align-items: center !important;
					justify-content: space-between !important;
					flex-wrap: nowrap !important;
				}
				body.zzzh-guest .zzzh-navbar .zzzh-navbar-header {
					width: auto !important;
					min-height: 76px !important;
					margin: 0 !important;
					padding: 0 !important;
					flex: 0 1 auto !important;
				}
				body.zzzh-guest .zzzh-navbar .zzzh-navbar-brand {
					min-height: 76px !important;
					height: 76px !important;
					margin: 0 !important;
					padding: 13px 0 !important;
				}
				body.zzzh-guest .zzzh-navbar .zzzh-navbar-toggle {
					display: none !important;
				}
				body.zzzh-guest .zzzh-navbar .zzzh-navbar-collapse {
					display: block !important;
					width: auto !important;
					flex: 0 0 auto !important;
					margin: 0 !important;
					padding: 0 !important;
					border: 0 !important;
					background: transparent !important;
					box-shadow: none !important;
				}
				body.zzzh-guest .zzzh-navbar .zzzh-guest-menu {
					display: flex !important;
					align-items: center !important;
					min-height: 76px !important;
					margin: 0 !important;
					padding: 0 !important;
					white-space: nowrap;
				}
				body.zzzh-guest .zzzh-navbar .zzzh-guest-menu > li {
					float: none !important;
				}
				body.zzzh-guest .zzzh-navbar .zzzh-guest-menu > li > a {
					width: auto !important;
					justify-content: center !important;
					margin: 0 0 0 6px !important;
					padding: 9px 11px !important;
					font-size: 14px !important;
				}
				body.zzzh-guest .zzzh-navbar .zzzh-guest-menu > li.zzzh-nav-cta > a {
					padding-left: 16px !important;
					padding-right: 16px !important;
				}
				body.zzzh-guest .zzzh-navbar .zzzh-brand-logo-image {
					width: 220px !important;
					max-width: 31vw !important;
					max-height: 48px !important;
				}
			}

			@media (max-width: 767px) {
				body.zzzh-guest .zzzh-navbar {
					position: relative !important;
					top: 0 !important;
					margin-top: 0 !important;
					min-height: 68px !important;
				}
				body.zzzh-guest .zzzh-navbar .zzzh-navbar-inner {
					min-height: 68px !important;
					display: block !important;
				}
				body.zzzh-guest .zzzh-navbar .zzzh-navbar-header {
					width: 100% !important;
					min-height: 68px !important;
					margin: 0 !important;
					padding: 0 15px !important;
					display: flex !important;
					align-items: center !important;
					justify-content: space-between !important;
				}
				body.zzzh-guest .zzzh-navbar .zzzh-navbar-brand {
					order: 1 !important;
					flex: 0 1 auto !important;
					min-width: 0 !important;
					min-height: 68px !important;
					height: 68px !important;
					margin: 0 !important;
					padding: 13px 0 !important;
				}
				body.zzzh-guest .zzzh-navbar .zzzh-navbar-toggle {
					order: 2 !important;
					position: relative !important;
					top: auto !important;
					right: auto !important;
					flex: 0 0 44px !important;
					width: 44px !important;
					height: 44px !important;
					min-width: 44px !important;
					min-height: 44px !important;
					margin: 0 !important;
					padding: 10px !important;
					display: inline-flex !important;
					flex-direction: column !important;
					align-items: center !important;
					justify-content: center !important;
					gap: 4px;
					z-index: 20 !important;
					pointer-events: auto !important;
					touch-action: manipulation;
				}
				body.zzzh-guest .zzzh-navbar .zzzh-navbar-toggle * {
					pointer-events: none !important;
				}
				body.zzzh-guest .zzzh-navbar .zzzh-navbar-toggle .icon-bar {
					width: 22px !important;
					height: 2px !important;
					margin: 0 !important;
				}
				body.zzzh-guest .zzzh-navbar .zzzh-brand-logo-image {
					width: 184px !important;
					max-width: calc(100vw - 92px) !important;
					max-height: 42px !important;
				}
				body.zzzh-guest .zzzh-navbar .zzzh-navbar-collapse {
					position: relative !important;
					z-index: 19 !important;
					margin: 0 !important;
				}
			}
		

			/* Public shell polish: consistent dark form states and restrained interaction. */
			body.zzzh-guest {
				color-scheme: dark;
				text-rendering: optimizeLegibility;
				-webkit-font-smoothing: antialiased;
			}

			body.zzzh-guest .zzzh-navbar .zzzh-guest-menu > li:not(.zzzh-nav-cta) > a {
				position: relative;
			}

			body.zzzh-guest .zzzh-navbar .zzzh-guest-menu > li:not(.zzzh-nav-cta) > a::after {
				content: "";
				position: absolute;
				left: 14px;
				right: 14px;
				bottom: 7px;
				height: 2px;
				border-radius: 999px;
				background: #2d8cff;
				transform: scaleX(0);
				transform-origin: center;
				opacity: 0;
				transition: transform 180ms cubic-bezier(.22, .61, .36, 1), opacity 180ms ease;
			}

			@media (hover: hover) and (pointer: fine) {
				body.zzzh-guest .zzzh-navbar .zzzh-guest-menu > li:not(.zzzh-nav-cta) > a:hover::after,
				body.zzzh-guest .zzzh-navbar .zzzh-guest-menu > li:not(.zzzh-nav-cta) > a:focus-visible::after {
					transform: scaleX(1);
					opacity: 1;
				}
			}

			body.zzzh-guest .form-control,
			body.zzzh-guest input.form-control,
			body.zzzh-guest textarea.form-control,
			body.zzzh-guest select.form-control {
				color: #eef5ff !important;
				caret-color: #8ec5ff;
				border-color: rgba(93, 150, 237, .38) !important;
				background-color: rgba(2, 15, 36, .86) !important;
				box-shadow: inset 0 1px 0 rgba(255, 255, 255, .025) !important;
			}

			body.zzzh-guest input.form-control:-webkit-autofill,
			body.zzzh-guest input.form-control:-webkit-autofill:hover,
			body.zzzh-guest input.form-control:-webkit-autofill:focus,
			body.zzzh-guest input.form-control:-webkit-autofill:active {
				-webkit-text-fill-color: #eef5ff !important;
				caret-color: #eef5ff !important;
				-webkit-box-shadow: 0 0 0 1000px #06152f inset, 0 0 0 3px transparent !important;
				box-shadow: 0 0 0 1000px #06152f inset, 0 0 0 3px transparent !important;
				transition: background-color 99999s ease-out 0s;
			}

			body.zzzh-guest input.form-control:-webkit-autofill:focus {
				border-color: #2d8cff !important;
				-webkit-box-shadow: 0 0 0 1000px #06152f inset, 0 0 0 3px rgba(45, 140, 255, .16) !important;
				box-shadow: 0 0 0 1000px #06152f inset, 0 0 0 3px rgba(45, 140, 255, .16) !important;
			}

			body.zzzh-guest input[type="checkbox"],
			body.zzzh-guest input[type="radio"] {
				accent-color: #1977ff;
			}

			body.zzzh-guest .zzzh-signup-page::before,
			body.zzzh-guest .zzzh-services-page::before,
			body.zzzh-guest .zzzh-api-page::before,
			body.zzzh-guest .zzzh-page-terms::before,
			body.zzzh-guest .zzzh-page-resetpassword::before,
			body.zzzh-guest .zzzh-page-blog::before {
				animation: bzkjGuestHorizonReveal 680ms cubic-bezier(.22, .61, .36, 1) both;
				transform-origin: center top;
			}

			@keyframes bzkjGuestHorizonReveal {
				from { opacity: 0; transform: scaleX(.9) translate3d(0, -4px, 0); }
				to { opacity: 1; transform: scaleX(1) translate3d(0, 0, 0); }
			}

			@media (max-width: 767px) {
				body.zzzh-guest .form-control,
				body.zzzh-guest input.form-control,
				body.zzzh-guest textarea.form-control,
				body.zzzh-guest select.form-control {
					font-size: 16px !important;
				}

				body.zzzh-guest .zzzh-navbar .zzzh-guest-menu > li:not(.zzzh-nav-cta) > a::after {
					display: none;
				}
			}

			@media (prefers-reduced-motion: reduce) {
				body.zzzh-guest .zzzh-signup-page::before,
				body.zzzh-guest .zzzh-services-page::before,
				body.zzzh-guest .zzzh-api-page::before,
				body.zzzh-guest .zzzh-page-terms::before,
				body.zzzh-guest .zzzh-page-resetpassword::before,
				body.zzzh-guest .zzzh-page-blog::before {
					animation: none !important;
				}

				body.zzzh-guest .zzzh-navbar .zzzh-guest-menu > li:not(.zzzh-nav-cta) > a::after {
					transition: none !important;
				}
			}
		

			/* Keep public content immediately visible; retain only interaction feedback. */
			body.zzzh-guest .zzzh-navbar,
			body.zzzh-guest .zzzh-hero-copy,
			body.zzzh-guest .zzzh-login-card,
			body.zzzh-guest .zzzh-workbench-card,
			body.zzzh-guest .zzzh-page-hero .container,
			body.zzzh-guest .zzzh-page-body > .container,
			body.zzzh-guest .zzzh-page-body > .container-fluid,
			body.zzzh-guest .zzzh-signup-page .zzzh-section-head,
			body.zzzh-guest .zzzh-signup-page .zzzh-proof-card,
			body.zzzh-guest .zzzh-services-page .zzzh-section-head,
			body.zzzh-guest .zzzh-services-page .bzkj-services-hero-note,
			body.zzzh-guest .zzzh-services-page .zzzh-v12-services-tools,
			body.zzzh-guest .zzzh-api-page .bzkj-api-hero,
			body.zzzh-guest .zzzh-page-terms .zzzh-page-hero,
			body.zzzh-guest .zzzh-home::before,
			body.zzzh-guest .zzzh-signup-page::before,
			body.zzzh-guest .zzzh-services-page::before,
			body.zzzh-guest .zzzh-api-page::before,
			body.zzzh-guest .zzzh-page-terms::before,
			body.zzzh-guest .zzzh-page-resetpassword::before,
			body.zzzh-guest .zzzh-page-blog::before {
				animation: none !important;
				animation-delay: 0s !important;
				opacity: 1 !important;
				transform: none !important;
			}
		

			/* Prominent domestic social growth entry without crowding the mobile top bar. */
			body.zzzh-guest .zzzh-guest-menu > li.zzzh-nav-domestic > a {
				display: inline-flex !important;
				align-items: center !important;
				justify-content: center !important;
				gap: 7px;
				border: 1px solid rgba(96, 165, 250, .5) !important;
				background: rgba(37, 99, 235, .12) !important;
				color: #dbeafe !important;
				box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04);
			}

			body.zzzh-authenticated .zzzh-top-domestic {
				display: inline-flex;
				align-items: center;
				justify-content: center;
				gap: 7px;
				min-height: 42px;
				padding: 9px 13px;
				border: 1px solid #bfdbfe;
				border-radius: 13px;
				background: #eff6ff;
				color: #1d4ed8;
				font-size: 13px;
				font-weight: 900;
				line-height: 1;
				text-decoration: none;
				white-space: nowrap;
				box-shadow: 0 8px 18px rgba(37, 99, 235, .08);
				transition: transform 160ms ease, border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease;
			}

			body.zzzh-authenticated .zzzh-mobile-nav > a.zzzh-mobile-nav-domestic {
				border-color: rgba(37, 99, 235, .28) !important;
				background: #eff6ff !important;
				color: #1d4ed8 !important;
				font-weight: 900 !important;
			}

			body.zzzh-authenticated .zzzh-mobile-nav > a.zzzh-mobile-nav-domestic .zzzh-mobile-nav-icon {
				background: #dbeafe !important;
				color: #2563eb !important;
			}

			/* Always-visible service switcher for domestic users. */
			.bzkj-domestic-spotlight {
				position: relative;
				z-index: 18;
			}

			.bzkj-domestic-spotlight-inner {
				display: flex;
				align-items: center;
				gap: 14px;
				width: 100%;
				min-height: 68px;
			}

			.bzkj-domestic-spotlight-icon {
				display: inline-flex;
				align-items: center;
				justify-content: center;
				flex: 0 0 42px;
				width: 42px;
				height: 42px;
				border-radius: 12px;
				font-size: 17px;
			}

			.bzkj-domestic-spotlight-copy {
				display: flex;
				flex: 1 1 auto;
				min-width: 0;
				flex-direction: column;
				gap: 3px;
			}

			.bzkj-domestic-spotlight-kicker {
				display: inline-flex;
				align-items: center;
				gap: 6px;
				font-size: 11px;
				font-weight: 900;
				line-height: 1.2;
				letter-spacing: 0;
				text-transform: uppercase;
			}

			.bzkj-domestic-spotlight-copy strong {
				font-size: 16px;
				font-weight: 900;
				line-height: 1.3;
				letter-spacing: 0;
			}

			.bzkj-domestic-spotlight-copy small {
				font-size: 12px;
				line-height: 1.45;
			}

			.bzkj-domestic-spotlight-actions {
				display: flex;
				align-items: center;
				justify-content: flex-end;
				gap: 8px;
				flex: 0 0 auto;
			}

			.bzkj-domestic-spotlight-actions a {
				display: inline-flex;
				align-items: center;
				justify-content: center;
				min-height: 38px;
				padding: 8px 12px;
				border-radius: 10px;
				font-size: 12px;
				font-weight: 900;
				line-height: 1;
				text-decoration: none !important;
				white-space: nowrap;
				transition: transform 160ms ease, border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease;
			}

			.bzkj-domestic-spotlight-actions .bzkj-domestic-primary {
				min-width: 126px;
				background: #2563eb;
				border: 1px solid #3b82f6;
				color: #ffffff;
				box-shadow: 0 10px 24px rgba(37, 99, 235, .24);
			}

			.bzkj-domestic-spotlight-actions .bzkj-domestic-backup {
				min-width: 64px;
				background: transparent;
			}

			body.zzzh-guest .bzkj-domestic-spotlight {
				border-top: 1px solid rgba(96, 165, 250, .26);
				border-bottom: 1px solid rgba(96, 165, 250, .28);
				background: linear-gradient(90deg, rgba(13, 48, 96, .98), rgba(12, 64, 129, .98));
				box-shadow: 0 12px 36px rgba(0, 16, 43, .22);
			}

			body.zzzh-guest .bzkj-domestic-spotlight-inner {
				max-width: 1140px;
				margin: 0 auto;
				padding: 0 15px;
			}

			body.zzzh-guest .bzkj-domestic-spotlight-icon {
				border: 1px solid rgba(147, 197, 253, .42);
				background: rgba(37, 99, 235, .28);
				color: #bfdbfe;
			}

			body.zzzh-guest .bzkj-domestic-spotlight-kicker,
			body.zzzh-guest .bzkj-domestic-spotlight-copy strong {
				color: #ffffff;
			}

			body.zzzh-guest .bzkj-domestic-spotlight-copy small {
				color: rgba(219, 234, 254, .78);
			}

			body.zzzh-guest .bzkj-domestic-spotlight-actions .bzkj-domestic-backup {
				border: 1px solid rgba(147, 197, 253, .34);
				color: #dbeafe;
			}


			/* Compact, quieter treatment on task-focused guest pages; the sign-in home keeps the full spotlight. */
			body.zzzh-guest .bzkj-domestic-spotlight--compact {
				border-color: rgba(96, 165, 250, .18);
				background: rgba(7, 28, 60, .94);
				box-shadow: none;
			}

			body.zzzh-guest .bzkj-domestic-spotlight--compact .bzkj-domestic-spotlight-inner {
				min-height: 52px;
				gap: 10px;
			}

			body.zzzh-guest .bzkj-domestic-spotlight--compact .bzkj-domestic-spotlight-icon {
				flex-basis: 34px;
				width: 34px;
				height: 34px;
				border-radius: 10px;
				font-size: 14px;
			}

			body.zzzh-guest .bzkj-domestic-spotlight--compact .bzkj-domestic-spotlight-copy {
				flex-direction: row;
				align-items: baseline;
				gap: 8px;
			}

			body.zzzh-guest .bzkj-domestic-spotlight--compact .bzkj-domestic-spotlight-copy strong {
				font-size: 13px;
				white-space: nowrap;
			}

			body.zzzh-guest .bzkj-domestic-spotlight--compact .bzkj-domestic-spotlight-copy small {
				overflow: hidden;
				font-size: 11px;
				text-overflow: ellipsis;
				white-space: nowrap;
			}

			body.zzzh-guest .bzkj-domestic-spotlight--compact .bzkj-domestic-spotlight-actions {
				gap: 6px;
			}

			body.zzzh-guest .bzkj-domestic-spotlight--compact .bzkj-domestic-spotlight-actions a {
				min-height: 36px;
				padding: 7px 10px;
				font-size: 11px;
			}

			body.zzzh-guest .bzkj-domestic-spotlight--compact .bzkj-domestic-spotlight-actions .bzkj-domestic-primary {
				min-width: 118px;
				box-shadow: none;
			}

			body.zzzh-guest .bzkj-domestic-spotlight--compact .bzkj-domestic-spotlight-actions .bzkj-domestic-backup {
				min-width: 58px;
			}

			body.zzzh-authenticated .bzkj-domestic-spotlight {
				margin: 14px 18px 0;
				border: 1px solid #bfdbfe;
				border-radius: 14px;
				background: linear-gradient(90deg, #eff6ff 0%, #ffffff 58%, #f8fbff 100%);
				box-shadow: 0 10px 26px rgba(37, 99, 235, .08);
			}

			body.zzzh-authenticated .bzkj-domestic-spotlight-inner {
				padding: 0 14px;
			}

			body.zzzh-authenticated .bzkj-domestic-spotlight-icon {
				background: #dbeafe;
				color: #2563eb;
			}

			body.zzzh-authenticated .bzkj-domestic-spotlight-kicker {
				color: #2563eb;
			}

			body.zzzh-authenticated .bzkj-domestic-spotlight-copy strong {
				color: #0f172a;
			}

			body.zzzh-authenticated .bzkj-domestic-spotlight-copy small {
				color: #64748b;
			}

			body.zzzh-authenticated .bzkj-domestic-spotlight-actions .bzkj-domestic-backup {
				border: 1px solid #dbeafe;
				background: #ffffff;
				color: #1d4ed8;
			}

			@media (hover: hover) and (pointer: fine) {
				body.zzzh-guest .zzzh-guest-menu > li.zzzh-nav-domestic > a:hover,
				body.zzzh-guest .zzzh-guest-menu > li.zzzh-nav-domestic > a:focus-visible {
					border-color: #60a5fa !important;
					background: rgba(37, 99, 235, .22) !important;
					color: #ffffff !important;
					transform: translateY(-1px);
				}

				body.zzzh-authenticated .zzzh-top-domestic:hover,
				body.zzzh-authenticated .zzzh-top-domestic:focus-visible {
					border-color: #93c5fd;
					background: #dbeafe;
					color: #1d4ed8;
					transform: translateY(-1px);
					box-shadow: 0 10px 22px rgba(37, 99, 235, .12);
				}

				.bzkj-domestic-spotlight-actions a:hover,
				.bzkj-domestic-spotlight-actions a:focus-visible {
					transform: translateY(-1px);
				}

				.bzkj-domestic-spotlight-actions .bzkj-domestic-primary:hover,
				.bzkj-domestic-spotlight-actions .bzkj-domestic-primary:focus-visible {
					background: #1d4ed8;
					border-color: #60a5fa;
					color: #ffffff;
					box-shadow: 0 12px 28px rgba(37, 99, 235, .3);
				}
			}

			@media (max-width: 991px) {
				body.zzzh-authenticated .zzzh-top-domestic {
					display: none !important;
				}

				body.zzzh-guest .zzzh-guest-menu > li.zzzh-nav-domestic > a {
					width: 100% !important;
					min-height: 44px;
					margin: 4px 0 !important;
				}

				body.zzzh-authenticated .bzkj-domestic-spotlight {
					margin: 10px 12px 0;
				}
			}

			@media (max-width: 767px) {
				.bzkj-domestic-spotlight-inner {
					display: grid;
					grid-template-columns: 40px minmax(0, 1fr);
					gap: 9px 11px;
					min-height: 0;
					padding-top: 11px !important;
					padding-bottom: 11px !important;
				}

				.bzkj-domestic-spotlight-icon {
					width: 40px;
					height: 40px;
					flex-basis: 40px;
				}

				.bzkj-domestic-spotlight-copy strong {
					font-size: 15px;
				}

				.bzkj-domestic-spotlight-copy small {
					font-size: 11px;
				}

				.bzkj-domestic-spotlight-actions {
					grid-column: 1 / -1;
					display: grid;
					grid-template-columns: minmax(0, 1fr) 76px 76px;
					width: 100%;
				}

				.bzkj-domestic-spotlight-actions a,
				.bzkj-domestic-spotlight-actions .bzkj-domestic-primary,
				.bzkj-domestic-spotlight-actions .bzkj-domestic-backup {
					width: 100%;
					min-width: 0;
					padding-left: 8px;
					padding-right: 8px;
				}

				body.zzzh-guest .bzkj-domestic-spotlight--compact .bzkj-domestic-spotlight-inner {
					display: grid;
					grid-template-columns: minmax(0, 1fr);
					gap: 7px;
					min-height: 0;
					padding-top: 8px !important;
					padding-bottom: 8px !important;
				}

				body.zzzh-guest .bzkj-domestic-spotlight--compact .bzkj-domestic-spotlight-icon {
					display: none;
				}

				body.zzzh-guest .bzkj-domestic-spotlight--compact .bzkj-domestic-spotlight-copy {
					display: flex;
					flex-direction: row;
					align-items: baseline;
					gap: 7px;
					min-width: 0;
				}

				body.zzzh-guest .bzkj-domestic-spotlight--compact .bzkj-domestic-spotlight-copy strong {
					font-size: 13px;
				}

				body.zzzh-guest .bzkj-domestic-spotlight--compact .bzkj-domestic-spotlight-copy small {
					min-width: 0;
					font-size: 10.5px;
				}

				body.zzzh-guest .bzkj-domestic-spotlight--compact .bzkj-domestic-spotlight-actions {
					grid-column: auto;
					display: grid;
					grid-template-columns: minmax(0, 1fr) 64px 64px;
					gap: 6px;
					width: 100%;
					margin-left: 0;
				}

				body.zzzh-guest .bzkj-domestic-spotlight--compact .bzkj-domestic-spotlight-actions a,
				body.zzzh-guest .bzkj-domestic-spotlight--compact .bzkj-domestic-spotlight-actions .bzkj-domestic-primary,
				body.zzzh-guest .bzkj-domestic-spotlight--compact .bzkj-domestic-spotlight-actions .bzkj-domestic-backup {
					width: 100%;
					min-width: 0;
					min-height: 44px !important;
					padding: 0 8px;
					font-size: 11px !important;
				}

			}

			@media (max-width: 374px) {
				.bzkj-domestic-spotlight-actions {
					grid-template-columns: minmax(0, 1fr) 64px 64px;
				}

				.bzkj-domestic-spotlight-actions a {
					font-size: 11px;
				}
			}


			@media (max-width: 374px) {
				body.zzzh-guest .bzkj-domestic-spotlight--compact .bzkj-domestic-spotlight-copy small {
					position: absolute;
					width: 1px;
					height: 1px;
					padding: 0;
					margin: -1px;
					overflow: hidden;
					clip: rect(0, 0, 0, 0);
					white-space: nowrap;
					border: 0;
				}

				body.zzzh-guest .bzkj-domestic-spotlight--compact .bzkj-domestic-spotlight-actions {
					grid-template-columns: minmax(0, 1fr) 58px 58px;
				}
			}

			@media (prefers-reduced-motion: reduce) {
				body.zzzh-guest .zzzh-guest-menu > li.zzzh-nav-domestic > a,
				body.zzzh-authenticated .zzzh-top-domestic,
				.bzkj-domestic-spotlight-actions a {
					transition: none !important;
					transform: none !important;
				}
			}
		

		body.zzzh-guest .zzzh-guest-menu > li > a {
			display: flex;
			align-items: center;
			min-height: 44px;
		}
		body.zzzh-guest a:focus-visible,
		body.zzzh-guest button:focus-visible,
		body.zzzh-guest input:focus-visible,
		body.zzzh-guest select:focus-visible {
			outline: 2px solid #60a5fa;
			outline-offset: 3px;
		}
		@media (max-width: 767px) {
			body.zzzh-guest .bzkj-domestic-spotlight-actions a,
			body.zzzh-guest .zzzh-footer-links a {
				display: inline-flex;
				align-items: center;
				justify-content: center;
				min-height: 44px !important;
			}
			body.zzzh-guest .bzkj-domestic-spotlight-actions a {
				font-size: 12px !important;
			}
			body.zzzh-guest .zzzh-footer-links a {
				font-size: 14px !important;
			}
		}