/* Grok：星夜高对比。浅色为冷石灰与墨色，深色为近黑与星光金。 */
:root[data-ui-theme="grok"] {
  color-scheme: light;
  --bg: #f2f1ec;
  --surface: #fbfaf6;
  --surface-soft: #ebeae3;
  --text: #121211;
  --muted: #6a6963;
  --line: #dddcd4;
  --accent: #1b1b18;
  --accent-strong: #0a0a09;
  --sun: #c9a227;
  --blue: #3d5a80;
  --red: #c45c4a;
  --shadow: 0 18px 48px rgba(18, 18, 16, 0.08);
  --shadow-soft: 0 8px 24px rgba(18, 18, 16, 0.05);
  --radius: 14px;
  --theme-accent-fill: #171714;
  --theme-accent-fill-hover: #000000;
  --theme-accent-on-fill: #f7f4ea;
}

:root[data-ui-theme="grok"] body {
  background:
    radial-gradient(920px 420px at 100% -8%, rgba(201, 162, 39, 0.12), transparent 62%),
    radial-gradient(880px 460px at 0% 0%, rgba(18, 18, 16, 0.05), transparent 58%),
    var(--bg);
  letter-spacing: 0.01em;
}

:root[data-ui-theme="grok"] ::selection {
  background: rgba(201, 162, 39, 0.28);
  color: #121211;
}

:root[data-ui-theme="grok"] button:focus-visible,
:root[data-ui-theme="grok"] a:focus-visible,
:root[data-ui-theme="grok"] input:focus-visible,
:root[data-ui-theme="grok"] select:focus-visible,
:root[data-ui-theme="grok"] textarea:focus-visible {
  outline: 3px solid rgba(201, 162, 39, 0.38);
  outline-offset: 3px;
}

:root[data-ui-theme="grok"] .sidebar {
  background: #f7f6f1;
  border-right-color: rgba(18, 18, 16, 0.08);
}

:root[data-ui-theme="grok"] .portal-header {
  background: rgba(247, 246, 241, 0.9);
  border-bottom-color: rgba(18, 18, 16, 0.08);
  box-shadow: 0 6px 24px rgba(18, 18, 16, 0.04);
}

:root[data-ui-theme="grok"] .home-search-shell .topbar-search-panel,
:root[data-ui-theme="grok"] .mobile-tabs,
:root[data-ui-theme="grok"] .submit-navigation {
  background: rgba(247, 246, 241, 0.96);
}

:root[data-ui-theme="grok"] .brand-mark,
:root[data-ui-theme="grok"] .portal-brand-mark {
  background: linear-gradient(160deg, #2c2c28 0%, #11110f 74%);
  border: 1px solid rgba(228, 197, 106, 0.28);
  box-shadow: 0 10px 26px rgba(12, 12, 10, 0.26);
}

:root[data-ui-theme="grok"] .portal-brand-mark {
  box-shadow: 0 10px 24px rgba(12, 12, 10, 0.22);
}

:root[data-ui-theme="grok"] .brand-mark-sun {
  background: #e4c56a;
  box-shadow:
    0 0 0 4px rgba(228, 197, 106, 0.16),
    0 0 12px rgba(228, 197, 106, 0.5);
}

:root[data-ui-theme="grok"] .brand-mark-gate {
  border-color: rgba(247, 244, 234, 0.92);
  border-radius: 14px 14px 2px 2px;
}

:root[data-ui-theme="grok"] .brand-mark-gate::before,
:root[data-ui-theme="grok"] .brand-mark-gate::after {
  background: rgba(247, 244, 234, 0.92);
}

:root[data-ui-theme="grok"] .eyebrow {
  color: var(--sun);
  letter-spacing: 0.12em;
}

:root[data-ui-theme="grok"] .nav-item.active,
:root[data-ui-theme="grok"] .nav-item:hover,
:root[data-ui-theme="grok"] .portal-nav-item.active,
:root[data-ui-theme="grok"] .portal-nav-item:hover,
:root[data-ui-theme="grok"] .mobile-tabs button.active,
:root[data-ui-theme="grok"] .community-tab.active,
:root[data-ui-theme="grok"] .submit-steps button.is-active {
  color: var(--accent-strong);
  background: color-mix(in srgb, var(--sun) 16%, var(--surface));
  box-shadow: inset 0 0 0 1px rgba(201, 162, 39, 0.18);
}

:root[data-ui-theme="grok"] .primary-button,
:root[data-ui-theme="grok"] .auth-page .wide {
  border-color: var(--theme-accent-fill);
  background: var(--theme-accent-fill);
  color: var(--theme-accent-on-fill);
}

:root[data-ui-theme="grok"] .primary-button:hover,
:root[data-ui-theme="grok"] .auth-page .wide:hover {
  background: var(--theme-accent-fill-hover);
}

:root[data-ui-theme="grok"] .text-button {
  color: var(--accent);
}

:root[data-ui-theme="grok"] .home-hero-card {
  border-color: rgba(18, 18, 16, 0.1);
  background:
    radial-gradient(520px 260px at 14% 0%, rgba(255, 255, 255, 0.9), transparent 68%),
    linear-gradient(135deg, #efece3 0%, #fbfaf6 54%, #f3ead0 100%);
  box-shadow: 0 22px 64px rgba(18, 18, 16, 0.08);
}

:root[data-ui-theme="grok"] .home-hero-card::after {
  background: rgba(201, 162, 39, 0.12);
}

:root[data-ui-theme="grok"] .home-hero-card p:not(.eyebrow) {
  color: var(--muted);
}

:root[data-ui-theme="grok"] .home-hero-trust span {
  border-color: rgba(18, 18, 16, 0.1);
  background: rgba(255, 255, 255, 0.62);
  color: var(--accent-strong);
}

:root[data-ui-theme="grok"] .eyebrow-dot {
  background: var(--sun);
  box-shadow: 0 0 0 5px rgba(201, 162, 39, 0.16);
}

:root[data-ui-theme="grok"] .motif-sun {
  background: linear-gradient(145deg, #f0d58a, #c9a227);
  box-shadow:
    0 16px 36px rgba(201, 162, 39, 0.28),
    0 0 0 10px rgba(201, 162, 39, 0.08);
}

:root[data-ui-theme="grok"] .motif-gate,
:root[data-ui-theme="grok"] .motif-gate-back {
  color: #1b1b18;
  border-color: #1b1b18;
  opacity: 0.16;
}

:root[data-ui-theme="grok"] .market-card {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0)),
    #10100e;
  border-color: #26261f;
  box-shadow:
    inset 0 1px 0 rgba(228, 197, 106, 0.08),
    0 12px 34px rgba(12, 12, 10, 0.16);
}

:root[data-ui-theme="grok"] .market-label,
:root[data-ui-theme="grok"] .market-note-inline {
  color: #b7b19a;
}

:root[data-ui-theme="grok"] .market-item strong {
  color: #f6f1de;
}

:root[data-ui-theme="grok"] .market-separator {
  color: #3a382e;
}

:root[data-ui-theme="grok"] .up {
  color: #7dcea0;
  text-shadow: 0 0 10px rgba(125, 206, 160, 0.18);
}

:root[data-ui-theme="grok"] .down {
  color: #e08a7a;
  text-shadow: 0 0 10px rgba(224, 138, 122, 0.18);
}

:root[data-ui-theme="grok"] .neutral {
  color: #9a9688;
}

:root[data-ui-theme="grok"] .news-block,
:root[data-ui-theme="grok"] .news-list,
:root[data-ui-theme="grok"] .news-item {
  border-color: rgba(18, 18, 16, 0.1);
}

:root[data-ui-theme="grok"] .news-block-head span {
  background: linear-gradient(180deg, var(--sun), #8a7016);
}

:root[data-ui-theme="grok"] .news-item[href]:hover {
  background: #f3efe3;
  color: var(--accent-strong);
}

:root[data-ui-theme="grok"] .search-card {
  background: #141410;
  color: #f6f1de;
}

:root[data-ui-theme="grok"] .search-card p {
  color: rgba(246, 241, 222, 0.74);
}

:root[data-ui-theme="grok"] .my-hero {
  background:
    radial-gradient(circle at 92% 18%, rgba(228, 197, 106, 0.28) 0 5%, transparent 6%),
    linear-gradient(130deg, color-mix(in srgb, var(--sun) 12%, var(--surface)), var(--surface) 56%);
}

:root[data-ui-theme="grok"] .profile-cover {
  background: linear-gradient(128deg, #11110f 0%, #2a271c 52%, #c9a227 100%);
}

:root[data-ui-theme="grok"] .profile-back {
  color: #1b1b18;
  border-color: rgba(18, 18, 16, 0.12);
  background: rgba(251, 250, 246, 0.92);
  box-shadow: 0 6px 18px rgba(12, 12, 10, 0.1);
}

:root[data-ui-theme="grok"] .guide-list a,
:root[data-ui-theme="grok"] .password-form input,
:root[data-ui-theme="grok"] .submit-form textarea,
:root[data-ui-theme="grok"] .submit-form select,
:root[data-ui-theme="grok"] .auth-form input,
:root[data-ui-theme="grok"] .static-language-control select,
:root[data-ui-theme="grok"] .contact-form input,
:root[data-ui-theme="grok"] .contact-form textarea {
  background: var(--surface);
  border-color: var(--line);
}

:root[data-ui-theme="grok"] .bbs-badge.highlighted,
:root[data-ui-theme="grok"] .my-submission-status.status-published,
:root[data-ui-theme="grok"] .module-row span.module-state.ok {
  background: #efe6c6;
  color: #6d5610;
}

:root[data-ui-theme="grok"] .platform-discussion-item {
  border-bottom-color: rgba(18, 18, 16, 0.1);
}

:root[data-ui-theme="grok"] .platform-content-type {
  border-color: rgba(18, 18, 16, 0.16);
}

:root[data-ui-theme="grok"][data-theme="dark"] {
  color-scheme: dark;
  --bg: #0a0a09;
  --surface: #141412;
  --surface-soft: #1c1c19;
  --text: #f3f1e8;
  --muted: #a8a59a;
  --line: #2c2c26;
  --accent: #e4c56a;
  --accent-strong: #f4e6b0;
  --sun: #e8c56b;
  --blue: #8fb4d4;
  --red: #e08a7a;
  --shadow: 0 18px 50px rgba(0, 0, 0, 0.48);
  --shadow-soft: 0 8px 24px rgba(0, 0, 0, 0.32);
  --theme-accent-fill: #e4c56a;
  --theme-accent-fill-hover: #f0d58a;
  --theme-accent-on-fill: #141410;
}

:root[data-ui-theme="grok"][data-theme="dark"] body {
  background:
    radial-gradient(900px 460px at 8% -10%, rgba(228, 197, 106, 0.1), transparent 64%),
    radial-gradient(820px 480px at 100% 4%, rgba(92, 74, 140, 0.1), transparent 60%),
    var(--bg);
}

:root[data-ui-theme="grok"][data-theme="dark"] ::selection {
  background: rgba(228, 197, 106, 0.34);
  color: #141410;
}

:root[data-ui-theme="grok"][data-theme="dark"] .sidebar {
  background: #10100e;
}

:root[data-ui-theme="grok"][data-theme="dark"] .portal-header {
  background: rgba(16, 16, 14, 0.92);
  border-bottom-color: rgba(228, 197, 106, 0.14);
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.28);
}

:root[data-ui-theme="grok"][data-theme="dark"] .home-search-shell .topbar-search-panel,
:root[data-ui-theme="grok"][data-theme="dark"] .mobile-tabs,
:root[data-ui-theme="grok"][data-theme="dark"] .submit-navigation {
  background: rgba(16, 16, 14, 0.96);
}

:root[data-ui-theme="grok"][data-theme="dark"] .nav-item.active,
:root[data-ui-theme="grok"][data-theme="dark"] .portal-nav-item.active,
:root[data-ui-theme="grok"][data-theme="dark"] .mobile-tabs button.active,
:root[data-ui-theme="grok"][data-theme="dark"] .home-search-toggle:hover,
:root[data-ui-theme="grok"][data-theme="dark"] .home-search-shell.is-open .home-search-toggle,
:root[data-ui-theme="grok"][data-theme="dark"] .community-tab.active {
  background: color-mix(in srgb, var(--accent) 16%, var(--surface));
  color: var(--accent-strong);
}

:root[data-ui-theme="grok"][data-theme="dark"] .primary-button,
:root[data-ui-theme="grok"][data-theme="dark"] .auth-page .wide,
:root[data-ui-theme="grok"][data-theme="dark"] .submit-steps button.is-active,
:root[data-ui-theme="grok"][data-theme="dark"] .message-chat-row.is-mine .message-chat-bubble {
  border-color: var(--theme-accent-fill);
  background: var(--theme-accent-fill);
  color: var(--theme-accent-on-fill);
}

:root[data-ui-theme="grok"][data-theme="dark"] .primary-button:hover,
:root[data-ui-theme="grok"][data-theme="dark"] .auth-page .wide:hover {
  background: var(--theme-accent-fill-hover);
}

:root[data-ui-theme="grok"][data-theme="dark"] .home-hero-card {
  border-color: rgba(228, 197, 106, 0.2);
  background:
    radial-gradient(520px 260px at 15% 0%, rgba(228, 197, 106, 0.08), transparent 68%),
    linear-gradient(135deg, #1a1914 0%, #141410 58%, #2a2416 100%);
  box-shadow: 0 22px 64px rgba(0, 0, 0, 0.3);
}

:root[data-ui-theme="grok"][data-theme="dark"] .home-hero-card p:not(.eyebrow),
:root[data-ui-theme="grok"][data-theme="dark"] .market-label,
:root[data-ui-theme="grok"][data-theme="dark"] .market-note-inline,
:root[data-ui-theme="grok"][data-theme="dark"] .site-footer {
  color: var(--muted);
}

:root[data-ui-theme="grok"][data-theme="dark"] .home-hero-trust span {
  border-color: rgba(228, 197, 106, 0.2);
  background: rgba(28, 26, 18, 0.86);
  color: var(--accent-strong);
}

:root[data-ui-theme="grok"][data-theme="dark"] .my-hero {
  background:
    radial-gradient(circle at 92% 18%, rgba(228, 197, 106, 0.16) 0 5%, transparent 6%),
    linear-gradient(130deg, color-mix(in srgb, var(--accent) 14%, var(--surface)), var(--surface) 56%);
}

:root[data-ui-theme="grok"][data-theme="dark"] .market-card {
  border-color: rgba(228, 197, 106, 0.18);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)),
    #12110d;
}

:root[data-ui-theme="grok"][data-theme="dark"] .market-separator {
  color: #6d6858;
}

:root[data-ui-theme="grok"][data-theme="dark"] .up {
  color: #7dcea0;
}

:root[data-ui-theme="grok"][data-theme="dark"] .down {
  color: #f08c84;
}

:root[data-ui-theme="grok"][data-theme="dark"] .news-item[href]:hover {
  background: #221e16;
}

:root[data-ui-theme="grok"][data-theme="dark"] .skeleton-line,
:root[data-ui-theme="grok"][data-theme="dark"] .skeleton-thumb {
  background: linear-gradient(100deg, #1c1c18 25%, #2a2a22 42%, #1c1c18 62%);
}

:root[data-ui-theme="grok"][data-theme="dark"] .search-card {
  background: linear-gradient(135deg, #2a2416, #141410);
}

:root[data-ui-theme="grok"][data-theme="dark"] .my-submission-status {
  background: #26241c;
  color: #d8d2c0;
}

:root[data-ui-theme="grok"][data-theme="dark"] .bbs-badge.highlighted,
:root[data-ui-theme="grok"][data-theme="dark"] .my-submission-status.status-published {
  background: #2a2416;
  color: #f0d58a;
}

:root[data-ui-theme="grok"][data-theme="dark"] .verify-banner,
:root[data-ui-theme="grok"][data-theme="dark"] .my-profile-deletion-status {
  border-color: #a8782a;
  background: #2a2416;
  color: #f4c86f;
}

:root[data-ui-theme="grok"][data-theme="dark"] .profile-cover {
  background: linear-gradient(128deg, #0d0d0b 0%, #2a2416 58%, #c9a227 100%);
}

:root[data-ui-theme="grok"][data-theme="dark"] .profile-back {
  border-color: rgba(243, 241, 232, 0.16);
  background: rgba(20, 20, 18, 0.9);
  color: var(--text);
}

:root[data-ui-theme="grok"][data-theme="dark"] .guide-list a,
:root[data-ui-theme="grok"][data-theme="dark"] .auth-tabs,
:root[data-ui-theme="grok"][data-theme="dark"] .bbs-visual-toolbar {
  background: var(--surface-soft);
}