@media (max-width: 768px) {
  body:not(.auth-page) {
    --mobile-home-ink: #17233f;
    --mobile-home-muted: #72809c;
    --mobile-home-line: rgba(112, 129, 164, 0.18);
    --mobile-home-glass: rgba(255, 255, 255, 0.74);
    --mobile-home-glass-strong: rgba(255, 255, 255, 0.9);
    --mobile-home-soft: rgba(238, 242, 255, 0.78);
    --mobile-home-gradient: linear-gradient(105deg, #408df4, #7459ee);
    --mobile-home-shadow: 0 14px 34px rgba(62, 72, 131, 0.11), inset 0 1px 0 rgba(255, 255, 255, 0.82);
    background:
      radial-gradient(circle at 15% 7%, rgba(255, 255, 255, 0.96) 0 8%, transparent 30%),
      radial-gradient(circle at 88% 76%, rgba(142, 211, 255, 0.48), transparent 34%),
      linear-gradient(145deg, #dcecff 0%, #f1f3ff 46%, #ebdfff 100%) !important;
  }

  body:not(.auth-page) #root > div,
  body:not(.auth-page) #root > div > div:first-child,
  body:not(.auth-page) .page-transition,
  body:not(.auth-page) .adm-pull-to-refresh,
  body:not(.auth-page) .adm-pull-to-refresh-content {
    background: transparent !important;
  }

  body:not(.auth-page) #root > div > div[style*="background: rgb(245, 245, 245)"] {
    background: transparent !important;
  }

  body:not(.auth-page) :is(
    .conversation-list-page,
    .conversation-list-content,
    .profile-page-v3,
    .profile-page-v3-content,
    [style*="background: rgb(10, 14, 39)"],
    [style*="background: linear-gradient(rgb(10, 14, 39)"],
    [style*="background: linear-gradient(rgb(15, 12, 41)"]
  ) {
    background: transparent !important;
    color: var(--mobile-home-ink) !important;
  }

  body:not(.auth-page) .page-transition > div[style*="min-height: 100vh"],
  body:not(.auth-page) .page-transition > div[style*="height: 100%"] {
    background-color: transparent !important;
  }

  body:not(.auth-page) :is(
    [style*="background: linear-gradient(135deg, rgba(17, 24, 39"],
    [style*="background: rgba(15, 20, 35"],
    [style*="background: linear-gradient(rgba(10, 14, 39"],
    .conversation-list-page .adm-nav-bar,
    .conversation-scene-tabs
  ) {
    border-color: rgba(255, 255, 255, 0.78) !important;
    background: rgba(255, 255, 255, 0.78) !important;
    box-shadow: 0 10px 28px rgba(62, 72, 131, 0.1), inset 0 1px rgba(255, 255, 255, 0.88) !important;
    color: var(--mobile-home-ink) !important;
    backdrop-filter: blur(22px) saturate(145%) !important;
    -webkit-backdrop-filter: blur(22px) saturate(145%) !important;
  }

  body:not(.auth-page) :is(
    [style*="background: linear-gradient(135deg, rgba(17, 24, 39"],
    [style*="background: rgba(15, 20, 35"],
    [style*="background: linear-gradient(rgba(10, 14, 39"]
  ) [style*="color: rgb(255, 255, 255)"],
  body:not(.auth-page) :is(
    [style*="background: linear-gradient(135deg, rgba(17, 24, 39"],
    [style*="background: rgba(15, 20, 35"],
    [style*="background: linear-gradient(rgba(10, 14, 39"]
  ) [style*="color: rgba(255, 255, 255"] {
    color: var(--mobile-home-ink) !important;
  }

  body:not(.auth-page) .page-transition [style*="background: rgba(255, 255, 255, 0.05)"],
  body:not(.auth-page) .page-transition [style*="background: rgba(255, 255, 255, 0.06)"],
  body:not(.auth-page) .page-transition [style*="background: rgba(255, 255, 255, 0.08)"] {
    border-color: var(--mobile-home-line) !important;
    background: rgba(255, 255, 255, 0.64) !important;
    color: var(--mobile-home-ink) !important;
  }

  body:not(.auth-page) [style*="background: linear-gradient(rgba(10, 14, 39"] > .adm-button {
    border-color: var(--mobile-home-line) !important;
    background: rgba(255, 255, 255, 0.7) !important;
    color: #5e6c86 !important;
    box-shadow: 0 8px 20px rgba(62, 72, 131, 0.09) !important;
  }

  body:not(.auth-page) .page-transition [style*="color: rgb(255, 255, 255)"]:not([style*="background: linear-gradient"]):not(.custom-unread-badge),
  body:not(.auth-page) .page-transition [style*="color: rgba(255, 255, 255"]:not([style*="background: linear-gradient"]) {
    color: var(--mobile-home-ink) !important;
  }

  body:not(.auth-page) :is(.adm-input, .adm-search-bar-input-box) {
    border: 1px solid var(--mobile-home-line) !important;
    border-radius: 12px !important;
    background: rgba(255, 255, 255, 0.72) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.72);
  }

  body:not(.auth-page) :is(.adm-input-element, .adm-text-area-element) {
    background: transparent !important;
    color: var(--mobile-home-ink) !important;
  }

  body:not(.auth-page) :is(.adm-input-element, .adm-text-area-element)::placeholder {
    color: #9ca8c0 !important;
  }

  body:not(.auth-page) .conversation-list-page .adm-nav-bar-title,
  body:not(.auth-page) .navbar-title-text {
    color: var(--mobile-home-ink) !important;
  }

  body:not(.auth-page) .conversation-list-sound-toggle {
    border-color: var(--mobile-home-line) !important;
    background: rgba(255, 255, 255, 0.7) !important;
    color: #73819a !important;
  }

  body:not(.auth-page) .conversation-list-sound-toggle.enabled {
    border-color: rgba(64, 141, 244, 0.24) !important;
    background: rgba(71, 132, 242, 0.1) !important;
    color: #496de1 !important;
  }

  body:not(.auth-page) .conversation-scene-tabs {
    gap: 7px;
    padding: 9px 10px;
  }

  body:not(.auth-page) .conversation-scene-tabs button {
    border-color: transparent !important;
    background: rgba(229, 235, 250, 0.72) !important;
    color: #75829b !important;
  }

  body:not(.auth-page) .conversation-scene-tabs button.active {
    border-color: rgba(255, 255, 255, 0.72) !important;
    background: var(--mobile-home-gradient) !important;
    box-shadow: 0 8px 18px rgba(79, 88, 218, 0.2) !important;
    color: #fff !important;
  }

  body:not(.auth-page) .conversation-list-content {
    padding: 10px 10px 18px;
  }

  body:not(.auth-page) .conversation-list-content .adm-list-item,
  body:not(.auth-page) .customer-service-entry {
    border: 1px solid rgba(255, 255, 255, 0.82) !important;
    border-radius: 16px !important;
    background: var(--mobile-home-glass) !important;
    box-shadow: var(--mobile-home-shadow) !important;
    backdrop-filter: blur(18px) saturate(135%);
    -webkit-backdrop-filter: blur(18px) saturate(135%);
  }

  body:not(.auth-page) .customer-service-entry {
    border-color: rgba(72, 149, 235, 0.22) !important;
  }

  body:not(.auth-page) :is(.conversation-title, .customer-service-entry-title) {
    color: var(--mobile-home-ink) !important;
  }

  body:not(.auth-page) :is(.conversation-last-message, .customer-service-entry-desc, .conversation-time) {
    color: var(--mobile-home-muted) !important;
  }

  body:not(.auth-page) .conversation-list-content .adm-infinite-scroll-content,
  body:not(.auth-page) .conversation-list-content .adm-empty-description,
  body:not(.auth-page) .conversation-list-page .adm-pull-to-refresh-head {
    color: var(--mobile-home-muted) !important;
  }

  body:not(.auth-page) .profile-hero-card,
  body:not(.auth-page) .profile-service-card,
  body:not(.auth-page) .profile-page-v3 [style*="background: rgba(17, 24, 39"] {
    border: 1px solid rgba(255, 255, 255, 0.8) !important;
    background: var(--mobile-home-glass) !important;
    box-shadow: var(--mobile-home-shadow) !important;
    color: var(--mobile-home-ink) !important;
    backdrop-filter: blur(20px) saturate(140%);
    -webkit-backdrop-filter: blur(20px) saturate(140%);
  }

  body:not(.auth-page) .profile-hero-card {
    background:
      radial-gradient(circle at 90% 5%, rgba(91, 125, 244, 0.15), transparent 38%),
      rgba(255, 255, 255, 0.8) !important;
  }

  body:not(.auth-page) .profile-service-item,
  body:not(.auth-page) .profile-service-wide,
  body:not(.auth-page) .profile-hero-card [style*="background: rgba(255, 255, 255"] {
    border-color: var(--mobile-home-line) !important;
    background: rgba(246, 248, 255, 0.8) !important;
    color: var(--mobile-home-ink) !important;
  }

  body:not(.auth-page) :is(
    .profile-service-heading strong,
    .profile-service-item-title,
    .profile-service-item
  ) {
    color: var(--mobile-home-ink) !important;
  }

  body:not(.auth-page) :is(
    .profile-service-heading small,
    .profile-service-group-label,
    .profile-service-item-description,
    .profile-service-item-arrow
  ) {
    color: var(--mobile-home-muted) !important;
  }

  body:not(.auth-page) .profile-hero-card [style*="color: rgb(255, 255, 255)"]:not([style*="background: linear-gradient"]),
  body:not(.auth-page) .profile-hero-card [style*="color: rgba(255, 255, 255"]:not([style*="background: linear-gradient"]) {
    color: var(--mobile-home-ink) !important;
  }

  body:not(.auth-page) :is(.forum-page, .forum-detail-page) {
    background: transparent !important;
    color: var(--mobile-home-ink) !important;
  }

  body:not(.auth-page) .forum-sticky-top {
    border-bottom: 1px solid rgba(255, 255, 255, 0.8) !important;
    background: rgba(255, 255, 255, 0.76) !important;
    box-shadow: 0 10px 28px rgba(62, 72, 131, 0.1) !important;
    backdrop-filter: blur(22px) saturate(145%);
    -webkit-backdrop-filter: blur(22px) saturate(145%);
  }

  body:not(.auth-page) :is(
    .forum-header,
    .forum-header-subtitle-row,
    .forum-search-bar,
    .forum-view-mode-tabs,
    .forum-tabs-wrapper,
    .forum-detail-navbar,
    .forum-detail-reply-bar
  ) {
    border-color: var(--mobile-home-line) !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body:not(.auth-page) :is(
    .forum-header-title,
    .forum-detail-navbar .adm-nav-bar-title,
    .forum-detail-author-name,
    .forum-detail-post-title,
    .forum-detail-poll-question,
    .forum-reply-author,
    .forum-post-title,
    .forum-author-name
  ) {
    color: var(--mobile-home-ink) !important;
  }

  body:not(.auth-page) :is(
    .forum-header-subtitle,
    .forum-detail-post-time,
    .forum-detail-post-content,
    .forum-detail-stat-item,
    .forum-detail-replies-title,
    .forum-reply-time,
    .forum-reply-floor,
    .forum-reply-content,
    .forum-post-time,
    .forum-post-content,
    .forum-stat-item,
    .forum-author-stat-label,
    .forum-author-stat-val,
    .forum-notify-label
  ) {
    color: var(--mobile-home-muted) !important;
  }

  body:not(.auth-page) .forum-header-refresh,
  body:not(.auth-page) .forum-notify-switch,
  body:not(.auth-page) .forum-view-mode-tab {
    border-color: var(--mobile-home-line) !important;
    background: rgba(238, 242, 255, 0.72) !important;
    color: #75829b !important;
  }

  body:not(.auth-page) .forum-view-mode-tab.active,
  body:not(.auth-page) .forum-tabs-wrapper .adm-tabs-tab-active {
    border-color: rgba(255, 255, 255, 0.72) !important;
    background: var(--mobile-home-gradient) !important;
    box-shadow: 0 8px 18px rgba(79, 88, 218, 0.2) !important;
    color: #fff !important;
  }

  body:not(.auth-page) .forum-notice-banner {
    border: 1px solid rgba(225, 97, 97, 0.24) !important;
    border-radius: 14px;
    background: rgba(255, 245, 245, 0.72) !important;
    box-shadow: 0 10px 24px rgba(144, 62, 62, 0.07);
    margin: 8px 10px 0;
  }

  body:not(.auth-page) .forum-notice-rules li {
    color: #6e5b68 !important;
  }

  body:not(.auth-page) .forum-list {
    background: transparent !important;
  }

  body:not(.auth-page) :is(.forum-post-card, .forum-detail-post, .forum-reply-item) {
    border-color: rgba(255, 255, 255, 0.82) !important;
    background: var(--mobile-home-glass) !important;
    box-shadow: var(--mobile-home-shadow) !important;
    color: var(--mobile-home-ink) !important;
  }

  body:not(.auth-page) .forum-post-card,
  body:not(.auth-page) .forum-detail-post {
    border: 1px solid rgba(255, 255, 255, 0.82) !important;
    border-radius: 16px;
  }

  body:not(.auth-page) :is(.forum-loading, .forum-detail-loading, .forum-page .adm-empty-description) {
    color: var(--mobile-home-muted) !important;
  }

  body:not(.auth-page) .forum-create-modal {
    border: 1px solid rgba(255, 255, 255, 0.82);
    background: rgba(255, 255, 255, 0.93) !important;
    box-shadow: 0 -18px 54px rgba(49, 59, 105, 0.18);
    backdrop-filter: blur(24px) saturate(145%);
    -webkit-backdrop-filter: blur(24px) saturate(145%);
  }

  body:not(.auth-page) :is(.forum-create-modal-title, .forum-form-label) {
    color: var(--mobile-home-ink) !important;
  }

  body:not(.auth-page) :is(.forum-form-hint, .forum-form-counter, .forum-create-modal-close) {
    color: var(--mobile-home-muted) !important;
  }

  body:not(.auth-page) .forum-create-modal-body :is(.adm-input, .adm-text-area),
  body:not(.auth-page) .forum-detail-reply-input {
    border-color: var(--mobile-home-line) !important;
    background: rgba(246, 248, 255, 0.86) !important;
    color: var(--mobile-home-ink) !important;
  }

  body:not(.auth-page) .forum-create-modal-body :is(.adm-input-element, .adm-text-area-element),
  body:not(.auth-page) .forum-detail-reply-input .adm-text-area-element {
    color: var(--mobile-home-ink) !important;
  }

  body:not(.auth-page) .mobile-tabbar {
    border-top: 1px solid rgba(255, 255, 255, 0.86) !important;
    background: rgba(255, 255, 255, 0.88) !important;
    box-shadow: 0 -12px 32px rgba(62, 72, 131, 0.12) !important;
    --adm-color-primary: #526fe3 !important;
    --adm-color-text-secondary: #8390a8 !important;
    backdrop-filter: blur(24px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(24px) saturate(150%) !important;
  }

  body:not(.auth-page) .mobile-tabbar .adm-tab-bar-item {
    color: #8390a8 !important;
  }

  body:not(.auth-page) .mobile-tabbar .adm-tab-bar-item-active {
    color: #526fe3 !important;
  }

  body:not(.auth-page) :is(.adm-popup-body, .adm-modal-content, .adm-dialog-body) {
    border-color: rgba(255, 255, 255, 0.82) !important;
    background: rgba(255, 255, 255, 0.92) !important;
    color: var(--mobile-home-ink) !important;
    box-shadow: 0 24px 64px rgba(49, 59, 105, 0.2) !important;
    backdrop-filter: blur(24px) saturate(145%);
    -webkit-backdrop-filter: blur(24px) saturate(145%);
  }
}

@media (max-width: 360px) {
  body:not(.auth-page) .conversation-list-content {
    padding-inline: 8px;
  }

  body:not(.auth-page) .profile-service-section {
    padding-inline: 10px !important;
  }
}