/* Shared dimensions for the public site and the isolated resource result page. */
:root {
  --site-header-height: 64px;
  --site-header-padding: 0 28px;
  --site-brand-size: 46px;
  --site-brand-symbol-size: 34px;
  --site-brand-gap: 12px;
  --site-brand-font-size: 19px;
}
.topbar { min-height: var(--site-header-height); padding: var(--site-header-padding); }
.topbar .brand-mark, .result-topbar .result-brand-mark { width: var(--site-brand-size); height: var(--site-brand-size); }
.topbar .luxury-game-logo, .result-topbar .result-brand-symbol { width: var(--site-brand-symbol-size); height: var(--site-brand-symbol-size); }
.topbar .brand-lockup, .result-topbar .result-brand { gap: var(--site-brand-gap); }
.topbar .brand-lockup strong, .result-topbar .result-brand-copy strong { font-size: var(--site-brand-font-size); }
.result-topbar {
  position: sticky; top: 0; z-index: 20; gap: 22px;
  font-family: Inter, "Noto Sans SC", "Microsoft YaHei UI", "Microsoft YaHei", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  border-bottom: 1px solid var(--result-border);
}
.result-brand { padding: 1px 6px; }
.result-brand-mark { position: relative; border-radius: 12px; }
.result-brand-mark::before { position: absolute; inset: 6px; content: ""; border: 1px solid #d6b76a24; border-radius: 10px; }
.result-brand-symbol { position: relative; z-index: 1; filter: drop-shadow(0 4px 8px rgb(0 0 0 / 50%)); }
.result-brand-copy { gap: 0; }
.result-brand-copy strong { font-weight: 850; letter-spacing: 0; line-height: 1; }
.result-brand-domain { margin-top: 5px; padding: 3px 8px; line-height: 1; }
.result-topbar .top-actions { display: flex; align-items: center; gap: 10px; }
html[data-baoku-theme="light"] .result-brand-mark,
html[data-baoku-theme="light"] .result-brand-domain { border-color: #daceac; }
@media (max-width: 760px) {
  :root { --site-header-height: 60px; --site-header-padding: 8px 12px; --site-brand-size: 42px; --site-brand-symbol-size: 30px; }
  .result-topbar { gap: 10px; }
  .result-brand-domain { padding: 2px 7px; font-size: 11px; }
}
@media (max-width: 600px) {
  .result-topbar .top-actions { gap: 5px; flex-wrap: nowrap; }
  .result-topbar { gap: 8px; }
}
@media (max-width: 480px) {
  :root { --site-brand-size: 34px; --site-brand-gap: 7px; --site-brand-font-size: 16px; }
  .result-brand-domain { font-size: 10px; }
}