/* Zhuqing user-interface color archive. Keep admin and public-site styles out of this file. */

:root {
  --zhuqing-paper: #eff8f1;
  --zhuqing-layer-1: #eef6f0;
  --zhuqing-layer-2: #ecf4ee;
  --zhuqing-layer-3: #e9f1eb;
  --zhuqing-overlay: #dde6df;
  --zhuqing-surface: #f5fcf6;
  --zhuqing-sidebar: #dbf0e3;
  --zhuqing-hover: #c5e3d0;
  --zhuqing-active: #b4ddc4;
  --zhuqing-bubble: #9cd5b4;
  --zhuqing-anchor: #00a86b;
  --zhuqing-brand-text: #009b5f;
  --zhuqing-primary: #007b42;
  --zhuqing-primary-hover: #006931;
  --zhuqing-primary-soft: #dff3e7;
  --zhuqing-ink: #0d120e;
  --zhuqing-ink-secondary: #49524a;
  --zhuqing-ink-tertiary: #677069;
  --zhuqing-caption: #abb5ac;
  --zhuqing-line: rgba(13, 18, 14, 0.1);
  --zhuqing-line-strong: rgba(13, 18, 14, 0.16);
  --zhuqing-focus-ring: rgba(0, 123, 66, 0.2);
  --zhuqing-shadow: rgba(13, 18, 14, 0.14);
  --zhuqing-disabled: #dfe7e1;
  --zhuqing-danger: #82111f;
  --zhuqing-danger-soft: #fbeaec;
  --zhuqing-warning: #835e1d;
  --zhuqing-warning-soft: #fdf0de;
  --zhuqing-success: #00810c;
  --zhuqing-on-primary: #eff8f1;
}

html.lingling-user-theme body.mode-user,
body.zhuqing-user-interface {
  --creator-brand-ink: var(--zhuqing-ink);
  --creator-brand-muted: var(--zhuqing-ink-secondary);
  --creator-brand-bg: var(--zhuqing-paper);
  --creator-brand-surface: var(--zhuqing-surface);
  --creator-brand-surface-muted: var(--zhuqing-layer-1);
  --creator-brand-hover: var(--zhuqing-layer-3);
  --creator-brand-line: var(--zhuqing-line);
  --creator-brand-line-strong: var(--zhuqing-line-strong);
  --creator-brand-accent: var(--zhuqing-primary);
  --creator-brand-accent-strong: var(--zhuqing-primary-hover);
  --creator-brand-accent-soft: var(--zhuqing-primary-soft);
  --creator-brand-success: var(--zhuqing-success);
  --creator-brand-disabled: var(--zhuqing-disabled);
  --creator-brand-focus-ring: var(--zhuqing-focus-ring);
  --creator-brand-shadow: var(--zhuqing-shadow);
  --creator-red: var(--zhuqing-primary);
  --focus: var(--zhuqing-primary);
  --user-shell-ink: var(--zhuqing-ink);
  --user-shell-muted: var(--zhuqing-ink-secondary);
  --user-shell-line: var(--zhuqing-line);
  --user-shell-line-strong: var(--zhuqing-line-strong);
  --user-shell-soft: var(--zhuqing-layer-1);
  --user-shell-accent: var(--zhuqing-primary);
  --user-shell-accent-strong: var(--zhuqing-primary-hover);
  --user-shell-brand-success: var(--zhuqing-success);
}

html.lingling-user-theme body.mode-user {
  --lingling-ink: var(--zhuqing-ink);
  --lingling-muted: var(--zhuqing-ink-secondary);
  --lingling-soft: var(--zhuqing-paper);
  --lingling-surface: var(--zhuqing-surface);
  --lingling-line: var(--zhuqing-line);
  --lingling-line-strong: var(--zhuqing-line-strong);
  --lingling-red: var(--zhuqing-primary);
  --lingling-red-deep: var(--zhuqing-primary-hover);
  --lingling-red-soft: var(--zhuqing-primary-soft);
}

body.zhuqing-user-interface {
  --bg: var(--zhuqing-sidebar);
  --surface: var(--zhuqing-surface);
  --surface-muted: var(--zhuqing-layer-1);
  --ink: var(--zhuqing-ink);
  --muted: var(--zhuqing-ink-secondary);
  --line: var(--zhuqing-line);
  --line-strong: var(--zhuqing-line-strong);
  --accent: var(--zhuqing-primary);
  --accent-strong: var(--zhuqing-primary-hover);
  --accent-soft: var(--zhuqing-primary-soft);
  --success: var(--zhuqing-success);
  --danger: var(--zhuqing-danger);
  --disabled: var(--zhuqing-disabled);
  --workspace-bg: var(--zhuqing-paper);
  color: var(--zhuqing-ink);
  background: var(--zhuqing-sidebar);
}

html.lingling-user-entry .login-screen {
  --login-ink: var(--zhuqing-ink);
  --login-muted: var(--zhuqing-ink-secondary);
  --login-green: var(--zhuqing-anchor);
  --login-green-deep: var(--zhuqing-primary);
  --login-green-light: var(--zhuqing-sidebar);
  --login-red: var(--zhuqing-danger);
  --login-red-light: var(--zhuqing-danger-soft);
  background:
    linear-gradient(116deg, rgba(0, 168, 107, 0.055) 0 35%, transparent 35%),
    linear-gradient(138deg, var(--zhuqing-surface) 0%, var(--zhuqing-paper) 58%, var(--zhuqing-sidebar) 122%);
}

html.lingling-user-entry .login-screen::before {
  opacity: 0.42;
  background-image: repeating-linear-gradient(116deg, rgba(0, 123, 66, 0.06) 0 1px, transparent 1px 24px);
}

html.lingling-user-entry .login-intro h1 span::after {
  border-color: rgba(0, 168, 107, 0.58);
}

html.lingling-user-entry .login-panel {
  border-color: var(--zhuqing-line);
  background: rgba(245, 252, 246, 0.92);
  box-shadow: 0 28px 80px rgba(13, 18, 14, 0.12);
}

html.lingling-user-entry .auth-mode-switch {
  border-color: var(--zhuqing-line);
  background: rgba(219, 240, 227, 0.68);
}

html.lingling-user-entry .auth-mode-switch button.is-active,
html.lingling-user-entry .login-panel input,
html.lingling-user-entry .phone-legal-dialog,
html.lingling-user-entry .phone-legal-header,
html.lingling-user-entry .phone-legal-content,
html.lingling-user-entry .phone-legal-actions {
  background: var(--zhuqing-surface);
}

html.lingling-user-entry .login-logo,
html.lingling-user-entry .login-check,
body.mode-user .creator-global-brand-mark,
body.zhuqing-user-interface .creator-global-brand-mark {
  background: var(--zhuqing-anchor);
  box-shadow: 0 7px 16px rgba(0, 123, 66, 0.18);
}

html.lingling-user-entry .login-submit,
html.lingling-user-entry .phone-legal-confirm {
  color: var(--zhuqing-on-primary);
  background: var(--zhuqing-primary);
}

html.lingling-user-entry .login-submit:hover,
html.lingling-user-entry .phone-legal-confirm:hover {
  background: var(--zhuqing-primary-hover);
}

body.mode-user .user-shell-header,
body.zhuqing-user-interface .user-shell-header {
  border-bottom-color: var(--zhuqing-line);
  background: rgba(245, 252, 246, 0.94);
}

body.mode-user .user-shell-main-nav :is(a, button):hover,
body.mode-user .user-shell-main-nav :is(a, button):focus-visible,
body.mode-user .user-shell-contact-action:hover,
body.mode-user .user-shell-contact-action:focus-visible,
body.zhuqing-user-interface .user-shell-main-nav :is(a, button):hover,
body.zhuqing-user-interface .user-shell-main-nav :is(a, button):focus-visible,
body.zhuqing-user-interface .user-shell-contact-action:hover,
body.zhuqing-user-interface .user-shell-contact-action:focus-visible {
  color: var(--zhuqing-primary-hover);
  background: var(--zhuqing-primary-soft);
}

body.mode-user .user-shell-recharge svg,
body.zhuqing-user-interface .user-shell-recharge svg {
  color: var(--zhuqing-primary);
}

body.mode-user .user-shell-recharge:hover,
body.zhuqing-user-interface .user-shell-recharge:hover {
  background: var(--zhuqing-layer-3);
}

body.mode-user .user-shell-actions .admin-return-link,
body.mode-user .user-shell-guide-action,
body.zhuqing-user-interface .user-shell-actions .admin-return-link,
body.zhuqing-user-interface .user-shell-guide-action {
  border-color: var(--zhuqing-line);
  color: var(--zhuqing-ink-secondary);
  background: var(--zhuqing-surface);
}

body.mode-user .user-shell-actions .admin-return-link:hover,
body.mode-user .user-shell-actions .admin-return-link:focus-visible,
body.mode-user .user-shell-guide-action:hover,
body.mode-user .user-shell-guide-action:focus-visible,
body.zhuqing-user-interface .user-shell-actions .admin-return-link:hover,
body.zhuqing-user-interface .user-shell-actions .admin-return-link:focus-visible,
body.zhuqing-user-interface .user-shell-guide-action:hover,
body.zhuqing-user-interface .user-shell-guide-action:focus-visible {
  border-color: var(--zhuqing-line-strong);
  color: var(--zhuqing-ink);
  background: var(--zhuqing-layer-3);
}

body.mode-user .user-shell-account .user-shell-account-trigger:hover,
body.mode-user .user-shell-account .user-shell-account-trigger:focus-visible,
body.mode-user .user-shell-account.is-open .user-shell-account-trigger,
body.zhuqing-user-interface .user-shell-account .user-shell-account-trigger:hover,
body.zhuqing-user-interface .user-shell-account .user-shell-account-trigger:focus-visible,
body.zhuqing-user-interface .user-shell-account.is-open .user-shell-account-trigger {
  border-color: var(--zhuqing-primary);
  background: var(--zhuqing-primary-hover);
  box-shadow: 0 0 0 3px var(--zhuqing-focus-ring);
}

body.mode-user :is(.user-shell-account-menu, .user-shell-workspace-menu, .user-shell-contact-dialog, .user-shell-payment-records-dialog),
body.zhuqing-user-interface :is(.user-shell-account-menu, .user-shell-workspace-menu, .user-shell-contact-dialog, .user-shell-payment-records-dialog) {
  border-color: var(--zhuqing-line);
  background: var(--zhuqing-surface);
  box-shadow: 0 18px 50px var(--zhuqing-shadow);
}

body.mode-user :is(.user-shell-workspace-option-icon, .user-shell-icon-button, .user-shell-account-quick-actions, .user-shell-contact-copy button),
body.zhuqing-user-interface :is(.user-shell-workspace-option-icon, .user-shell-icon-button, .user-shell-account-quick-actions, .user-shell-contact-copy button) {
  background: var(--zhuqing-surface);
}

body.mode-user .user-shell-workspace-option-icon.is-studio,
body.zhuqing-user-interface .user-shell-workspace-option-icon.is-studio {
  color: var(--zhuqing-primary);
  background: var(--zhuqing-primary-soft);
}

body.mode-user .user-shell-contact-qr,
body.zhuqing-user-interface .user-shell-contact-qr {
  background: var(--zhuqing-layer-1);
}

body.mode-user .user-shell-payment-records-filters button[aria-pressed="true"],
body.zhuqing-user-interface .user-shell-payment-records-filters button[aria-pressed="true"] {
  color: var(--zhuqing-primary-hover);
  background: var(--zhuqing-surface);
  box-shadow: inset 0 0 0 1px var(--zhuqing-line);
}

body.mode-user .user-shell-payment-records-recharge,
body.zhuqing-user-interface .user-shell-payment-records-recharge {
  color: var(--zhuqing-on-primary);
  background: var(--zhuqing-primary);
}

html.lingling-user-theme body.mode-user .portal-task-progress {
  background: var(--zhuqing-sidebar);
}

html.lingling-user-theme body.mode-user :is(.creator-shell, .creator-layout, .creator-compose) {
  background: var(--zhuqing-paper);
}

html.lingling-user-theme body.mode-user .creator-preview {
  background: var(--zhuqing-surface);
}

html.lingling-user-theme body.mode-user .creator-form label {
  color: var(--zhuqing-ink-secondary);
}

html.lingling-user-theme body.mode-user .creator-form :is(select, textarea) {
  border-color: var(--zhuqing-line-strong);
  color: var(--zhuqing-ink);
  background: rgba(245, 252, 246, 0.96);
}

html.lingling-user-theme body.mode-user .creator-form :is(select, textarea):hover,
html.lingling-user-theme body.mode-user .creator-form :is(select, textarea):focus {
  background: var(--zhuqing-surface);
}

html.lingling-user-theme body.mode-user .creator-form :is(select, textarea):focus {
  border-color: var(--zhuqing-primary);
  box-shadow: 0 0 0 3px var(--zhuqing-focus-ring);
}

html.lingling-user-theme body.mode-user .creator-primary {
  color: var(--zhuqing-on-primary);
  background: var(--zhuqing-primary);
  box-shadow: 0 10px 22px rgba(0, 123, 66, 0.17);
}

html.lingling-user-theme body.mode-user .creator-primary:hover {
  background: var(--zhuqing-primary-hover);
  box-shadow: 0 13px 26px rgba(0, 105, 49, 0.22);
}

html.lingling-user-theme body.mode-user .creator-submit-row .secondary-button {
  border-color: var(--zhuqing-line-strong);
  color: var(--zhuqing-ink-secondary);
  background: rgba(245, 252, 246, 0.7);
}

html.lingling-user-theme body.mode-user :is(.creator-sample-image, .portal-result, .portal-history-frame, .portal-history-empty) {
  border-color: var(--zhuqing-line);
  background-color: var(--zhuqing-surface);
}

html.lingling-user-theme body.mode-user :is(.portal-result-actions, .portal-payment-panel, .portal-payment-dialog, .portal-payment-success-dialog, .studio-unlock-dialog, .portal-task-row-actions button) {
  border-color: var(--zhuqing-line);
  background: var(--zhuqing-surface);
}

html.lingling-user-theme body.mode-user .portal-payment-current {
  border-color: var(--zhuqing-line);
  color: var(--zhuqing-ink-secondary);
  background: var(--zhuqing-layer-1);
}

html.lingling-user-theme body.mode-user .portal-payment-tabs button {
  border-color: var(--zhuqing-line);
  color: var(--zhuqing-ink-secondary);
  background: var(--zhuqing-layer-1);
}

html.lingling-user-theme body.mode-user .portal-payment-tabs button.is-active,
html.lingling-user-theme body.mode-user .creator-product-switch a.is-active {
  border-color: var(--zhuqing-primary);
  color: var(--zhuqing-on-primary);
  background: var(--zhuqing-primary);
}

html.lingling-user-theme body.mode-user .portal-credit-recharge {
  border-color: var(--zhuqing-active);
  color: var(--zhuqing-primary-hover);
  background: var(--zhuqing-primary-soft);
}

html.lingling-user-theme body.mode-user :is(.generation-pause-notice, .portal-input-issue) {
  border-color: var(--zhuqing-danger);
  color: var(--zhuqing-danger);
  background: var(--zhuqing-danger-soft);
}

html.lingling-user-theme body.mode-user .portal-announcement-banner {
  border-bottom-color: var(--zhuqing-active);
  color: var(--zhuqing-ink);
  background: var(--zhuqing-primary-soft);
}

body.mode-user .portal-announcement-banner :is(strong, span, button),
body.mode-user .portal-announcement-banner .portal-announcement-view {
  color: var(--zhuqing-ink-secondary);
}

body.mode-user .portal-announcement-banner button:hover,
body.mode-user .portal-announcement-close:hover {
  color: var(--zhuqing-ink);
  background: var(--zhuqing-hover);
}

body.mode-user :is(.portal-announcement-dialog, .portal-notification-panel) {
  border-color: var(--zhuqing-line);
  background: var(--zhuqing-surface);
  box-shadow: 0 22px 60px var(--zhuqing-shadow);
}

body.mode-user .portal-notification-sidebar {
  border-right-color: var(--zhuqing-line);
  background: var(--zhuqing-layer-1);
}

body.mode-user .portal-notification-item.is-unread {
  background: var(--zhuqing-primary-soft);
  box-shadow: inset 4px 0 0 var(--zhuqing-primary), inset 0 0 0 1px var(--zhuqing-active);
}

body.mode-user :is(.portal-notification-item, .portal-notification-detail) {
  border-color: var(--zhuqing-line);
  background: var(--zhuqing-surface);
}

body.mode-user .portal-notification-item:hover {
  background: var(--zhuqing-layer-1);
}

body.mode-user .portal-notification-item.is-selected,
body.mode-user .portal-notification-item.is-selected:hover {
  background: var(--zhuqing-primary-soft);
  box-shadow: inset 4px 0 0 var(--zhuqing-primary), inset 0 0 0 1px var(--zhuqing-active);
}

body.mode-user .portal-notification-unread {
  background: var(--zhuqing-primary);
}

html.lingling-user-theme body.mode-user .marketplace-surface {
  background: var(--zhuqing-paper);
}

body.mode-user :is(.marketplace-owned-entry, .marketplace-card, .marketplace-detail-panel, .marketplace-detail-toolbar, .marketplace-detail-action, .marketplace-card-action, .marketplace-empty button) {
  border-color: var(--zhuqing-line);
  background-color: var(--zhuqing-surface);
}

body.mode-user .marketplace-card:hover,
body.mode-user .marketplace-card:focus-within {
  border-color: var(--zhuqing-line-strong);
  box-shadow: 0 12px 28px rgba(13, 18, 14, 0.09);
}

body.mode-user .marketplace-card-image,
body.mode-user .marketplace-image-fallback {
  border-color: var(--zhuqing-line);
  background-color: var(--zhuqing-layer-1);
}

body.mode-user .marketplace-category-filter select:focus,
body.mode-user .marketplace-card-select:focus-visible {
  border-color: var(--zhuqing-primary);
  outline-color: var(--zhuqing-focus-ring);
}

body.mode-user .marketplace-pagination-controls button {
  border-color: var(--zhuqing-line);
  color: var(--zhuqing-ink-secondary);
  background: var(--zhuqing-surface);
}

body.mode-user .marketplace-pagination-controls button:hover:not(:disabled) {
  border-color: var(--zhuqing-primary);
  color: var(--zhuqing-primary-hover);
  background: var(--zhuqing-primary-soft);
}

body.mode-user .marketplace-pagination-controls button.is-active,
body.mode-user .marketplace-pagination-controls button.is-active:hover {
  border-color: var(--zhuqing-primary);
  color: var(--zhuqing-on-primary);
  background: var(--zhuqing-primary);
}

body.mode-user :is(.marketplace-card-action.is-owned, .marketplace-detail-action.is-owned, .marketplace-detail-action.is-contact) {
  border-color: var(--zhuqing-primary);
  color: var(--zhuqing-on-primary);
  background: var(--zhuqing-primary);
}

body.mode-user .marketplace-detail-action.is-unlock,
body.mode-user .marketplace-setting-toggle.is-enabled {
  border-color: var(--zhuqing-active);
  color: var(--zhuqing-primary-hover);
  background: var(--zhuqing-primary-soft);
}

body.mode-user .marketplace-card-state.is-ready {
  background: var(--zhuqing-success);
}

body.mode-user .marketplace-card-state.is-action {
  background: var(--zhuqing-primary);
}

body.mode-user .marketplace-card-state.is-preview {
  background: var(--zhuqing-anchor);
}

body.mode-user .marketplace-detail-state.is-ready {
  color: var(--zhuqing-success);
}

body.mode-user .marketplace-detail-state.is-action {
  color: var(--zhuqing-primary-hover);
}

body.mode-user .marketplace-detail-state.is-preview {
  color: var(--zhuqing-anchor);
}

body.mode-user :is(.marketplace-card-state.is-exclusive, .marketplace-detail-state.is-exclusive) {
  color: var(--zhuqing-on-primary);
  background: var(--zhuqing-primary-hover);
}

body.mode-user .marketplace-related-access.is-exclusive {
  border-color: var(--zhuqing-active);
  color: var(--zhuqing-primary-hover);
  background: var(--zhuqing-primary-soft);
}

body.mode-user :is(.marketplace-detail-related.is-service-catalog button, .marketplace-contact-dialog, .marketplace-image-viewer .lightbox-head) {
  border-color: var(--zhuqing-line);
  background: var(--zhuqing-surface);
}

body.mode-user .marketplace-exclusive-context {
  border-color: var(--zhuqing-active);
  background: var(--zhuqing-primary-soft);
}

body.mode-user :is(.marketplace-exclusive-mark, .marketplace-detail-action.is-trial) {
  border-color: var(--zhuqing-primary);
  color: var(--zhuqing-on-primary);
  background: var(--zhuqing-primary);
}

body.mode-user :is(.result-image img, .result-copy, .copy-box, .task-input-box) {
  border-color: var(--zhuqing-line);
  background: var(--zhuqing-surface);
}

body.mode-user .result-image-placeholder {
  border-color: var(--zhuqing-active);
  color: var(--zhuqing-primary-hover);
  background: var(--zhuqing-primary-soft);
}

body.mode-user .result-image-placeholder span:last-child {
  color: var(--zhuqing-primary-hover);
}

body.mode-user .result-image-loading-dot,
body.mode-user .image-regenerate-button {
  border-color: var(--zhuqing-active);
}

body.mode-user .image-regenerate-button {
  color: var(--zhuqing-primary);
  background: var(--zhuqing-surface);
}

body.mode-user .image-regenerate-button:hover {
  border-color: var(--zhuqing-primary);
  background: var(--zhuqing-primary-soft);
}

body.zhuqing-user-interface .conversation-sidebar {
  border-right-color: var(--zhuqing-line);
  background: var(--zhuqing-sidebar);
}

body.zhuqing-user-interface .conversation-row.is-active {
  background: rgba(245, 252, 246, 0.76);
  box-shadow: inset 2px 0 0 var(--zhuqing-primary);
}

body.zhuqing-user-interface .conversation-row:hover {
  background: rgba(245, 252, 246, 0.48);
}

body.zhuqing-user-interface :is(.new-conversation-button, .task-card, .composer, .empty-mark, .workspace-action-menu, .mention-picker, .workspace-name-shell, .prompt-reconstruction-shell) {
  border-color: var(--zhuqing-line);
  background: var(--zhuqing-surface);
}

body.zhuqing-user-interface .composer:focus-within,
body.zhuqing-user-interface .composer.is-drag-over:focus-within {
  border-color: var(--zhuqing-primary);
  box-shadow: 0 0 0 3px var(--zhuqing-focus-ring), 0 10px 30px rgba(13, 18, 14, 0.09);
}

body.zhuqing-user-interface :is(.submit-button, .composer-submit) {
  color: var(--zhuqing-on-primary);
  background: var(--zhuqing-primary);
}

body.zhuqing-user-interface :is(.submit-button, .composer-submit):hover {
  background: var(--zhuqing-primary-hover);
}

body.zhuqing-user-interface :is(.tool-button, .secondary-button) {
  border-color: var(--zhuqing-line);
  color: var(--zhuqing-ink-secondary);
  background: var(--zhuqing-layer-1);
}

body.zhuqing-user-interface :is(.tool-button, .secondary-button):hover {
  border-color: var(--zhuqing-line-strong);
  color: var(--zhuqing-ink);
  background: var(--zhuqing-layer-3);
}

body.zhuqing-user-interface :is(.style-marketplace-link > span:first-child, .tool-tooltip, .lightbox-panel, .lightbox-head button, .mini-action) {
  border-color: var(--zhuqing-line);
  color: var(--zhuqing-ink-secondary);
  background: var(--zhuqing-surface);
}

body.zhuqing-user-interface :is(.conversation-delete:hover, .workspace-action-menu button:hover) {
  color: var(--zhuqing-danger);
  background: var(--zhuqing-danger-soft);
}

body.zhuqing-user-interface .task-card.is-processing .task-status-line,
body.zhuqing-user-interface .studio-feature-notice {
  border-color: var(--zhuqing-active);
  color: var(--zhuqing-primary-hover);
  background: var(--zhuqing-primary-soft);
}

body.zhuqing-user-interface .mention-picker-tabs button.is-active {
  color: var(--zhuqing-primary-hover);
  background: transparent;
}

body.zhuqing-user-interface .mention-picker-tabs button.is-active::after {
  background: var(--zhuqing-primary);
}

body.zhuqing-user-interface :is(.mention-item.is-active, .prompt-reconstruction-reference.is-selected) {
  border-color: var(--zhuqing-primary);
  color: var(--zhuqing-primary-hover);
  background: var(--zhuqing-primary-soft);
}

html.lingling-user-theme body.mode-user :is(.portal-input-guidance details, .portal-input-guidance-sample, .user-guide-card, .user-guide-pointer),
body.zhuqing-user-interface :is(.portal-input-guidance details, .portal-input-guidance-sample, .user-guide-card, .user-guide-pointer) {
  border-color: var(--zhuqing-line);
  color: var(--zhuqing-ink);
  background: var(--zhuqing-surface);
}

html.lingling-user-theme body.mode-user .expired-account-dialog {
  border-color: var(--zhuqing-line);
  color: var(--zhuqing-ink);
  background: var(--zhuqing-surface);
}

html.lingling-user-theme body.mode-user .expired-account-contact-value button,
html.lingling-user-theme body.mode-user .expired-account-secondary {
  border-color: var(--zhuqing-line-strong);
  color: var(--zhuqing-ink-secondary);
  background: var(--zhuqing-surface);
}

html.lingling-user-theme body.mode-user .expired-account-primary {
  border-color: var(--zhuqing-primary);
  color: var(--zhuqing-on-primary);
  background: var(--zhuqing-primary);
}

@media (prefers-reduced-motion: reduce) {
  body.mode-user *,
  body.zhuqing-user-interface * {
    scroll-behavior: auto !important;
  }
}