:root {
  color-scheme: light;
  --bg: #f3f4f6;
  --bg-alt: #f7f8fa;
  --panel: #ffffff;
  --panel-bg: #ffffff;
  --panel-strong: #ffffff;
  --card: #ffffff;
  --text: #182230;
  --muted: #667085;
  --accent: #175cd3;
  --accent-strong: #1849a9;
  --accent-soft: #eff4ff;
  --border: #dfe3e8;
  --shadow: 0 1px 2px rgba(16, 24, 40, 0.05), 0 6px 18px rgba(16, 24, 40, 0.04);
  --shadow-strong: 0 2px 4px rgba(16, 24, 40, 0.06), 0 12px 28px rgba(16, 24, 40, 0.06);
}

html {
  background: #f3f4f6;
}

html.chain-price-html {
  background: #05070d;
}

body:not(.chain-price-page) {
  color: var(--text);
  background: #f3f4f6;
  background-attachment: scroll;
}

body:not(.chain-price-page)::before {
  display: none;
}

body,
button,
input,
select,
textarea {
  font-family: "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
}

h1,
h2,
h3,
.hero-title,
.panel-head,
.site-brand-text strong,
.site-mobile-brand,
.search-title,
.download-title,
.member-only-title {
  letter-spacing: 0;
}

body:not(.chain-price-page) :where(
  .hero,
  .panel,
  .topic-card,
  .post,
  .pager,
  .popup,
  .copy-choice-dialog,
  .card,
  .table-card,
  .section-card,
  .sidebar-panel,
  .content-panel,
  .search-hero,
  .search-panel,
  .search-empty,
  .member-only-panel,
  .pm-sidebar,
  .pm-chat,
  .download-hero,
  .download-card,
  .download-note,
  .chart-panel,
  .price-card,
  .status-card,
  .report-card
) {
  border-color: var(--border);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: var(--shadow);
  backdrop-filter: none;
}

body:not(.chain-price-page) :where(.hero, .search-hero, .download-hero)::after {
  display: none;
}

body:not(.chain-price-page) :where(.hero, .search-hero, .download-hero) h1 {
  font-size: 28px;
  line-height: 1.18;
}

body:not(.chain-price-page) :where(.panel-head, .sidebar-head, .content-head, thead) {
  border-color: var(--border);
  background: #f8f9fb;
}

body:not(.chain-price-page) :where(.tabs) {
  gap: 4px;
  margin-top: 16px;
  padding: 12px 0 0;
  border: 0;
  border-top: 1px solid var(--border);
  border-radius: 0;
  background: transparent;
}

body:not(.chain-price-page) :where(
  .tab-link,
  .link-btn,
  .logout-btn,
  .pager-btn,
  .page-btn,
  .popup-btn,
  .copy-choice-btn,
  .member-only-button,
  .focus-btn
) {
  min-height: 36px;
  padding: 8px 12px;
  border-radius: 6px;
  box-shadow: none;
}

body:not(.chain-price-page) .tab-link {
  min-width: auto;
  border-color: transparent;
  background: transparent;
  color: #475467;
  font-weight: 700;
}

body:not(.chain-price-page) .tab-link:hover {
  transform: none;
  background: #f5f7fa;
  color: var(--text);
  box-shadow: none;
}

body:not(.chain-price-page) .tab-link.active {
  border-color: #c7d7fe;
  background: var(--accent-soft);
  color: var(--accent-strong);
  box-shadow: inset 0 -2px 0 var(--accent);
}

body:not(.chain-price-page) :where(
  .link-btn,
  .logout-btn,
  .pager-btn,
  .page-btn,
  .popup-btn,
  .copy-choice-btn,
  .member-only-button,
  .focus-btn
):hover {
  transform: none;
  box-shadow: none;
}

body:not(.chain-price-page) :where(.logout-btn, .save-btn, .member-only-button.primary) {
  border-color: var(--accent);
  background: var(--accent);
  color: #ffffff;
}

body:not(.chain-price-page) :where(.badge, .kind, .trend, .search-kicker, .member-only-kicker) {
  box-shadow: none;
}

body:not(.chain-price-page) :where(input[type="text"], input[type="password"], input[type="search"], input[type="datetime-local"], input[type="number"], select, textarea) {
  border-color: var(--border);
  border-radius: 6px;
  background: #ffffff;
  box-shadow: none;
}

body:not(.chain-price-page) :where(input, select, textarea):focus {
  border-color: #84adff;
  outline: 2px solid rgba(23, 92, 211, 0.12);
  outline-offset: 1px;
}

body:not(.has-site-nav):not(.chain-price-page) .card {
  border-radius: 8px;
  background: #ffffff;
  box-shadow: var(--shadow-strong);
}

body:not(.has-site-nav):not(.chain-price-page) .card::before {
  height: 2px;
  background: var(--accent);
}

body:not(.has-site-nav):not(.chain-price-page) button {
  border-radius: 6px;
  background: var(--accent);
  box-shadow: none;
}

body:not(.chain-price-page) .form-alert {
  border-radius: 8px;
}

body .site-sidebar {
  gap: 10px;
  padding: 12px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 4px 18px rgba(16, 24, 40, 0.07);
  backdrop-filter: none;
}

body .site-brand {
  gap: 10px;
  padding: 2px;
}

body .site-brand-mark {
  width: 38px;
  height: 38px;
  border-radius: 8px;
  background: var(--accent);
  box-shadow: none;
}

body .site-brand-text strong {
  font-size: 16px;
}

body .site-user-card {
  padding: 9px;
  border-color: var(--border);
  border-radius: 8px;
  background: #f8f9fb;
}

body .site-user-card-link:hover {
  border-color: #b2ccff;
  box-shadow: none;
  transform: none;
}

body .site-user-avatar,
body .site-user-card.compact.is-name-hidden .site-user-avatar {
  border-radius: 7px;
  background: #e9eef5;
  color: #344054;
  box-shadow: none;
}

body .site-nav-list {
  gap: 2px;
  scrollbar-color: #c5cbd3 transparent;
}

body .site-nav-list::-webkit-scrollbar-thumb {
  background: #c5cbd3;
}

body .site-nav-node,
body .site-nav-children {
  gap: 1px;
}

body .site-nav-link {
  min-height: 36px;
  padding: 6px 8px;
  border-radius: 6px;
  color: #344054;
  font-weight: 700;
  transition: background 0.14s ease, color 0.14s ease, border-color 0.14s ease;
}

body .site-nav-link.child {
  min-height: 28px;
  padding: 4px 7px;
  border-radius: 5px;
}

body .site-nav-link:hover {
  transform: none;
  border-color: transparent;
  background: #f3f5f7;
  color: #182230;
  box-shadow: none;
}

body .site-nav-link.active {
  border-color: #d6e4ff;
  background: var(--accent-soft);
  color: var(--accent-strong);
  box-shadow: inset 3px 0 0 var(--accent);
}

body .site-nav-node.child-active > .site-nav-link:not(.active) {
  border-color: transparent;
  background: #f5f7fa;
}

body .site-nav-icon {
  width: 24px;
  height: 24px;
  border-radius: 6px;
  background: #eef2f6;
  color: #475467;
  font-weight: 800;
}

body .site-nav-link.active .site-nav-icon {
  background: #dbe7ff;
  color: var(--accent-strong);
}

body .site-nav-dot {
  width: 6px;
  height: 6px;
  background: #98a2b3;
  box-shadow: none;
}

body .site-nav-link.active .site-nav-dot {
  background: var(--accent);
}

body .site-nav-badge,
body .site-nav-link.active .site-nav-badge {
  height: 20px;
  min-width: 20px;
  padding: 0 6px;
  background: #d92d20;
  color: #ffffff;
  box-shadow: none;
}

body .site-nav-auth {
  min-height: 36px;
  border: 1px solid var(--border);
  border-radius: 6px;
  background: #f5f7fa;
  color: #344054;
}

body .site-nav-auth:hover {
  background: #eef1f4;
}

body .site-search-form,
body .site-search-form.desktop-top,
body .site-search-dialog {
  border-color: var(--border);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 2px 8px rgba(16, 24, 40, 0.06);
  backdrop-filter: none;
}

body .site-search-form.desktop-top {
  padding: 6px 6px 6px 14px;
}

body .site-search-submit,
body .site-mobile-search-button {
  border-radius: 6px;
  background: var(--accent);
  box-shadow: none;
}

body:not(.chain-price-page) .topic-list {
  gap: 12px;
  margin-top: 14px;
}

body:not(.chain-price-page) .topic-card-copyable:hover {
  border-color: #a9c4f5;
  box-shadow: 0 2px 4px rgba(16, 24, 40, 0.06), 0 10px 24px rgba(16, 24, 40, 0.05);
}

body:not(.chain-price-page) :where(.topic-image-link, .topic-image, .monitor-hit-image-link, .monitor-hit-image) {
  border-radius: 6px;
  background: #f8fafc;
}

body:not(.chain-price-page) :where(.ai-btn, .brief-share-btn, .daily-analysis-toggle-btn, .manual-brief-collapsed) {
  border-radius: 6px;
  box-shadow: none;
}

body:not(.chain-price-page) .ai-btn {
  border-color: #d0d5dd;
  background: #ffffff;
  color: #344054;
}

body:not(.chain-price-page) .brief-share-btn {
  border-color: #b2ccff;
  background: var(--accent-soft);
  color: var(--accent-strong);
}

body:not(.chain-price-page) .daily-analysis-toggle-btn {
  border-color: #182230;
  background: #182230;
  color: #ffffff;
  box-shadow: 0 4px 12px rgba(16, 24, 40, 0.16);
}

body:not(.chain-price-page) :where(.manual-brief-form, .daily-analysis-modal, .x-publish-dialog, .image-modal-dialog) {
  border-color: var(--border);
  border-radius: 8px;
  background: #ffffff;
  box-shadow: var(--shadow-strong);
}

body:not(.chain-price-page) .member-only-head {
  border-bottom-color: var(--border);
  background: #ffffff;
}

body:not(.chain-price-page) .member-only-kicker {
  border-radius: 5px;
  background: var(--accent-soft);
  color: var(--accent-strong);
}

body:not(.chain-price-page) :where(.search-hero, .search-panel, .search-empty) {
  border-radius: 8px;
}

body:not(.chain-price-page) .search-hero::after {
  display: none;
}

body:not(.chain-price-page) .search-title {
  font-size: 34px;
  line-height: 1.12;
}

body:not(.chain-price-page) .search-main-form {
  padding: 8px;
  border-color: var(--border);
  border-radius: 8px;
  background: #ffffff;
}

body:not(.chain-price-page) :where(.search-main-input, .search-main-submit) {
  border-radius: 6px;
}

body:not(.chain-price-page) .search-main-submit {
  background: var(--accent);
  box-shadow: none;
}

body.private-message-body :where(.hero, .pm-sidebar, .pm-chat) {
  border-radius: 8px;
  box-shadow: var(--shadow);
}

body.private-message-body :where(.pm-conversation, .pm-user-search-input, .pm-button, .pm-bubble, .pm-user-edit-panel, .pm-user-edit-form input, .pm-user-edit-form textarea) {
  border-radius: 6px;
}

body.private-message-body .pm-conversation.active,
body.private-message-body .pm-conversation:hover {
  border-color: #c7d7fe;
  background: var(--accent-soft);
}

body.admin-page :where(.sidebar-panel, .content-panel, .message) {
  border-radius: 8px;
  box-shadow: var(--shadow);
}

body.admin-page :where(.admin-nav-card, .action-card) {
  border-radius: 6px;
  box-shadow: none;
}

body.admin-page .admin-nav-card.active {
  border-color: #c7d7fe;
  background: var(--accent-soft);
  color: var(--accent-strong);
}

body:not(.chain-price-page) :where(.profile-page .hero, .profile-page .panel, .profile-summary) {
  border-radius: 8px;
  box-shadow: var(--shadow);
}

body:not(.chain-price-page) :where(.monitor-page .hero, .monitor-page .panel, .monitor-hit-image-link) {
  border-radius: 8px;
}

body:not(.chain-price-page) :where(.download-hero, .download-card, .download-note, .chart-panel, .price-card, .status-card, .chart-wrap, .report-card, .signal-card, .signal-item) {
  border-radius: 8px;
}

body.chain-price-page :where(.hero, .content-panel, .chain-stat-card) {
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28);
}

body.chain-price-page .hero::after {
  height: 2px;
  background: #38bdf8;
}

body .site-footer-inner {
  border-top-color: #d7dce2;
}

@media (max-width: 1040px) {
  body .site-mobile-topbar {
    border-bottom-color: var(--border);
    background: rgba(255, 255, 255, 0.97);
    box-shadow: 0 1px 3px rgba(16, 24, 40, 0.08);
    backdrop-filter: blur(10px);
  }

  body .site-nav-toggle,
  body .site-drawer-close {
    border-radius: 6px;
    background: #ffffff;
  }

  body .site-mobile-drawer {
    gap: 12px;
    padding: 14px;
    border-right-color: var(--border);
    background: #ffffff;
    box-shadow: 14px 0 32px rgba(16, 24, 40, 0.14);
    backdrop-filter: none;
  }

  body .site-drawer-backdrop {
    background: rgba(16, 24, 40, 0.36);
  }
}

@media (max-width: 720px) {
  body:not(.chain-price-page) :where(.page, .member-only-page, .search-page, .download-page) {
    width: calc(100% - 16px);
    margin-top: 10px;
  }

  body.chain-price-page .page {
    width: calc(100% - 14px);
  }

  body:not(.chain-price-page) :where(.hero, .topic-card, .panel, .post, .pager, .notice) {
    border-radius: 8px;
  }

  body:not(.chain-price-page) :where(.hero, .topic-card) {
    padding: 16px;
  }

  body:not(.chain-price-page) :where(.hero, .search-hero, .download-hero) h1,
  body:not(.chain-price-page) .search-title {
    font-size: 26px;
  }
}