body:not(.mobile-ui-enabled) .birth-sheet-backdrop {
      position: fixed;
      inset: 0;
      z-index: 1800;
      display: block;
      background: rgba(20, 36, 26, 0.24);
      backdrop-filter: blur(4px);
      -webkit-backdrop-filter: blur(4px);
      opacity: 0;
      pointer-events: none;
      transition: opacity 0.18s ease;
    }
    body:not(.mobile-ui-enabled) .birth-sheet-backdrop.is-opening,
    body:not(.mobile-ui-enabled) .birth-sheet-backdrop.is-open {
      opacity: 1;
      pointer-events: auto;
    }
    body:not(.mobile-ui-enabled) .birth-sheet-backdrop.is-closing {
      opacity: 0;
      pointer-events: none;
    }
    body:not(.mobile-ui-enabled) .birth-sheet {
      position: fixed;
      inset: 0;
      z-index: 1810;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 1.5rem;
      overflow: auto;
    }
    body:not(.mobile-ui-enabled) .birth-sheet:not([hidden]) {
      visibility: visible !important;
      pointer-events: auto !important;
    }
    body:not(.mobile-ui-enabled) .birth-sheet-backdrop:not([hidden]) {
      visibility: visible !important;
    }
    body:not(.mobile-ui-enabled) .birth-sheet__panel {
      width: min(92vw, 760px);
      max-height: min(86vh, 660px);
      display: flex;
      flex-direction: column;
      overflow: hidden;
      border: 1px solid #d6eeee;
      border-radius: 18px;
      background: #ffffff;
      box-shadow: 0 24px 60px rgba(38, 72, 54, 0.2);
    }
    body:not(.mobile-ui-enabled) .birth-place-sheet .birth-sheet__panel {
      width: min(92vw, 700px);
    }
    body:not(.mobile-ui-enabled) .birth-sheet__grab {
      display: none;
    }
    body:not(.mobile-ui-enabled) .birth-sheet__head {
      display: grid;
      grid-template-columns: 5rem 1fr 5rem;
      align-items: center;
      gap: 0.75rem;
      padding: 0.9rem 1.1rem;
      border-bottom: 1px solid #e4f1f1;
    }
    body:not(.mobile-ui-enabled) .birth-sheet__title {
      margin: 0;
      text-align: center;
      color: #354936;
      font-size: 1rem;
      font-weight: 700;
      letter-spacing: 0.06em;
    }
    body:not(.mobile-ui-enabled) .birth-sheet__head-btn {
      min-height: 2.25rem;
      border: 1px solid #d6eeee;
      border-radius: 999px;
      background: #ffffff;
      color: #4b6349;
      font-size: 0.92rem;
      font-weight: 650;
      cursor: pointer;
    }
    body:not(.mobile-ui-enabled) .birth-sheet__head-btn--primary {
      border-color: #4b6349;
      background: #4b6349;
      color: #ffffff;
    }
    body:not(.mobile-ui-enabled) .birth-sheet__body {
      flex: 1 1 auto;
      min-height: 0;
      overflow-y: auto;
      padding: 1rem 1.1rem 1.15rem;
    }
    body:not(.mobile-ui-enabled) .birth-date-sheet__content,
    body:not(.mobile-ui-enabled) .birth-place-sheet__content,
    body:not(.mobile-ui-enabled) .birth-date-sheet__pane,
    body:not(.mobile-ui-enabled) .birth-place-sheet__pane {
      display: grid;
      gap: 0.9rem;
      min-height: 0;
    }
    body:not(.mobile-ui-enabled) .birth-date-sheet__pane[hidden],
    body:not(.mobile-ui-enabled) .birth-place-sheet__pane[hidden] {
      display: none !important;
    }
    body:not(.mobile-ui-enabled) .birth-wheel-grid {
      display: grid;
      gap: 0.65rem;
    }
    body:not(.mobile-ui-enabled) .birth-wheel-grid--date {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    body:not(.mobile-ui-enabled) .birth-wheel-grid--place {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    body:not(.mobile-ui-enabled) .birth-wheel-column {
      position: relative;
      display: grid;
      gap: 0.38rem;
      min-width: 0;
    }
    body:not(.mobile-ui-enabled) .birth-wheel-label {
      margin: 0;
      text-align: center;
      color: #6f8668;
      font-size: 0.78rem;
      font-weight: 650;
    }
    body:not(.mobile-ui-enabled) .birth-wheel {
      --pc-birth-wheel-item-height: 42px;
      height: 220px;
      overflow-y: auto;
      overflow-x: hidden;
      border: 1px solid #dbecec;
      border-radius: 12px;
      background: #f8ffff;
      padding: calc((220px - var(--pc-birth-wheel-item-height)) / 2) 0.45rem;
      scroll-snap-type: none;
      scrollbar-width: none;
      -ms-overflow-style: none;
      box-sizing: border-box;
      position: relative;
      isolation: isolate;
    }
    body:not(.mobile-ui-enabled) .birth-wheel::-webkit-scrollbar {
      width: 0;
      height: 0;
      display: none;
    }
    body:not(.mobile-ui-enabled) .birth-wheel::before {
      content: "";
      position: absolute;
      left: 0.45rem;
      right: 0.45rem;
      top: 50%;
      transform: translateY(-50%);
      height: var(--pc-birth-wheel-item-height);
      border: 1px solid rgba(75, 99, 73, 0.32);
      border-radius: 10px;
      background: rgba(75, 99, 73, 0.08);
      box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.72);
      pointer-events: none;
      z-index: 1;
    }
    body:not(.mobile-ui-enabled) .birth-wheel::after {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(to bottom, rgba(248, 255, 255, 0.98), rgba(248, 255, 255, 0) 28%, rgba(248, 255, 255, 0) 72%, rgba(248, 255, 255, 0.98));
      pointer-events: none;
      z-index: 1;
    }
    body:not(.mobile-ui-enabled) .birth-wheel__item {
      position: relative;
      z-index: 2;
      width: 100%;
      height: var(--pc-birth-wheel-item-height);
      min-height: var(--pc-birth-wheel-item-height);
      display: flex;
      align-items: center;
      justify-content: center;
      border: 0;
      border-radius: 9px;
      background: transparent;
      color: rgba(53, 73, 54, 0.42);
      font-size: 0.92rem;
      font-weight: 500;
      cursor: pointer;
      scroll-snap-align: center;
      transition: color 0.14s ease, font-size 0.14s ease, font-weight 0.14s ease, background 0.14s ease, opacity 0.14s ease;
    }
    body:not(.mobile-ui-enabled) .birth-wheel__item:hover,
    body:not(.mobile-ui-enabled) .birth-wheel__item.is-near {
      color: rgba(53, 73, 54, 0.72);
      background: transparent;
    }
    body:not(.mobile-ui-enabled) .birth-wheel__item.is-far,
    body:not(.mobile-ui-enabled) .birth-wheel__item.is-edge {
      color: rgba(53, 73, 54, 0.28);
    }
    body:not(.mobile-ui-enabled) .birth-wheel__item.is-selected {
      background: rgba(75, 99, 73, 0.14);
      color: #354936;
      font-size: 1.08rem;
      font-weight: 800;
      box-shadow:
        inset 0 0 0 1px rgba(75, 99, 73, 0.26),
        0 8px 18px rgba(53, 73, 54, 0.1);
    }
    body:not(.mobile-ui-enabled) .birth-place-sheet__extras {
      display: grid;
      gap: 0.75rem;
      padding-top: 0.1rem;
    }
    body:not(.mobile-ui-enabled) .birth-place-sheet__switch-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.75rem;
      padding: 0.7rem 0.85rem;
      border: 1px solid #dbecec;
      border-radius: 12px;
      background: #f8ffff;
    }
    body:not(.mobile-ui-enabled) .birth-place-sheet__switch-label,
    body:not(.mobile-ui-enabled) .birth-place-sheet__coord {
      color: #6f8668;
      font-size: 0.86rem;
    }
    body:not(.mobile-ui-enabled) .birth-place-sheet__coord {
      margin: 0;
      text-align: right;
    }

    
    
    
    
    
    
    
    
    
    
    
    
    body:not(.mobile-ui-enabled) .mobile-home-topcard {
      display: block;
      margin: 0;
      padding: 1rem 1rem 1.1rem;
      border-radius: 24px 24px 0 0;
      background: linear-gradient(180deg, #2aa7a5 0%, #239f9d 100%);
      color: #fff;
      box-shadow: 0 18px 36px rgba(42, 167, 165, 0.16);
    }
    body:not(.mobile-ui-enabled) .mobile-home-topcard__main {
      display: grid;
      grid-template-columns: 92px minmax(0, 1fr);
      gap: 0.9rem;
      align-items: center;
    }
    body:not(.mobile-ui-enabled) .mobile-home-topcard__icon {
      width: 92px;
      height: 92px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      background: rgba(255, 255, 255, 0.16);
      position: relative;
      border: 1px solid rgba(255, 255, 255, 0.28);
    }
    body:not(.mobile-ui-enabled) .mobile-home-topcard__icon-ring {
      position: absolute;
      inset: 10px;
      border-radius: 50%;
      border: 1px solid rgba(255, 255, 255, 0.36);
    }
    body:not(.mobile-ui-enabled) .mobile-home-topcard__icon-core {
      position: relative;
      z-index: 1;
      font-size: 1.25rem;
      font-weight: 600;
      color: rgba(255, 255, 255, 0.96);
      letter-spacing: 0.18em;
      text-indent: 0.18em;
    }
    body:not(.mobile-ui-enabled) .mobile-home-topcard__content {
      min-width: 0;
    }
    body:not(.mobile-ui-enabled) .mobile-home-topcard__now,
    body:not(.mobile-ui-enabled) .mobile-home-topcard__line {
      margin: 0;
      color: rgba(255, 255, 255, 0.94);
    }
    body:not(.mobile-ui-enabled) .mobile-home-topcard__now {
      font-size: 0.98rem;
      font-weight: 600;
    }
    body:not(.mobile-ui-enabled) .mobile-home-topcard__line {
      margin-top: 0.34rem;
      font-size: 0.82rem;
      line-height: 1.55;
    }
    body:not(.mobile-ui-enabled) .mobile-home-topcard__pillars {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 0.42rem;
      margin-top: 0.82rem;
    }
    body:not(.mobile-ui-enabled) .mobile-home-topcard__pillars span {
      display: flex;
      align-items: center;
      justify-content: center;
      min-height: 2.35rem;
      border-radius: 14px;
      background: rgba(255, 255, 255, 0.16);
      border: 1px solid rgba(255, 255, 255, 0.28);
      color: rgba(255, 255, 255, 0.96);
      font-size: 1rem;
      font-weight: 600;
      letter-spacing: 0.08em;
    }
    body:not(.mobile-ui-enabled) #homeConsolePane {
      max-width: 720px;
      margin: -1rem auto 1rem;
      padding: 0 !important;
      background: transparent !important;
      border: 0 !important;
      box-shadow: none !important;
    }
    body:not(.mobile-ui-enabled) #homeConsolePane .console-shell.cg-shell {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 0.75rem;
      border: 1px solid #d6eeee;
      border-radius: 24px;
      background: #ffffff;
      box-shadow: 0 10px 26px rgba(33, 115, 116, 0.08);
      padding: 1rem 1rem 1.1rem;
    }
    body:not(.mobile-ui-enabled) #homeConsolePane .console-shell.cg-shell > * {
      grid-column: 1 / -1 !important;
      grid-row: auto !important;
      width: 100% !important;
      max-width: none !important;
      min-width: 0 !important;
    }
    body:not(.mobile-ui-enabled) #homeConsolePane .mobile-home-topform-row {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 0.72rem;
      align-items: stretch;
    }
    body:not(.mobile-ui-enabled) #homeConsolePane .mobile-home-compact-row {
      display: grid;
      grid-template-columns: minmax(110px, 0.8fr) minmax(190px, 1.4fr);
      gap: 0.6rem 0.8rem;
      align-items: end;
    }
    body:not(.mobile-ui-enabled) #homeConsolePane .mobile-home-info-list {
      display: grid;
      gap: 0.6rem;
      margin-top: 0.15rem;
    }
    body:not(.mobile-ui-enabled) #homeConsolePane .mobile-home-info-row {
      width: 100%;
      min-height: 52px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.65rem;
      padding: 0.1rem 0;
      border: 0;
      border-bottom: 1px solid #dfeeee;
      background: transparent;
      color: #222222;
      cursor: pointer;
      text-align: left;
    }
    body:not(.mobile-ui-enabled) #homeConsolePane .mobile-home-info-row:first-child {
      padding-top: 0.2rem;
    }
    body:not(.mobile-ui-enabled) #homeConsolePane .mobile-home-info-row__label {
      color: #222222;
      font-size: 0.98rem;
      font-weight: 600;
    }
    body:not(.mobile-ui-enabled) #homeConsolePane .mobile-home-info-row__value {
      margin-left: auto;
      color: #7c9699;
      font-size: 0.94rem;
      font-weight: 400;
    }
    body:not(.mobile-ui-enabled) #homeConsolePane .mobile-home-info-row__arrow {
      color: #7c9699;
      font-size: 1.05rem;
    }
    body:not(.mobile-ui-enabled) #homeConsolePane .mobile-home-save-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 0.75rem;
      margin-top: 0.2rem;
      padding-top: 0.2rem;
    }
    body:not(.mobile-ui-enabled) #homeConsolePane .mobile-home-save-row__label {
      color: #5a8483;
      font-size: 0.94rem;
      font-weight: 600;
    }
    body:not(.mobile-ui-enabled) #homeConsolePane .mobile-home-switch {
      display: inline-flex;
      align-items: center;
      cursor: pointer;
    }
    body:not(.mobile-ui-enabled) #homeConsolePane .mobile-home-switch input {
      position: absolute;
      opacity: 0;
      pointer-events: none;
    }
    body:not(.mobile-ui-enabled) #homeConsolePane .mobile-home-switch__track {
      position: relative;
      width: 3rem;
      height: 1.72rem;
      border-radius: 999px;
      background: #d8f1f1;
      transition: background 0.2s ease;
    }
    body:not(.mobile-ui-enabled) #homeConsolePane .mobile-home-switch__thumb {
      position: absolute;
      top: 0.15rem;
      left: 0.16rem;
      width: 1.42rem;
      height: 1.42rem;
      border-radius: 50%;
      background: #ffffff;
      box-shadow: 0 2px 8px rgba(18, 82, 83, 0.18);
      transition: transform 0.2s ease;
    }
    body:not(.mobile-ui-enabled) #homeConsolePane .mobile-home-switch input:checked + .mobile-home-switch__track {
      background: #2aa7a5;
    }
    body:not(.mobile-ui-enabled) #homeConsolePane .mobile-home-switch input:checked + .mobile-home-switch__track .mobile-home-switch__thumb {
      transform: translateX(1.25rem);
    }
    body:not(.mobile-ui-enabled) #homeConsolePane .cg-r1-gen,
    body:not(.mobile-ui-enabled) #homeConsolePane .cg-r1-cal,
    body:not(.mobile-ui-enabled) #homeConsolePane .cg-date-block,
    body:not(.mobile-ui-enabled) #homeConsolePane .lunar-cell,
    body:not(.mobile-ui-enabled) #homeConsolePane .time-cell,
    body:not(.mobile-ui-enabled) #homeConsolePane .cg-place-rest,
    body:not(.mobile-ui-enabled) #homeConsolePane .cg-bazi-manual-shell,
    body:not(.mobile-ui-enabled) #homeConsolePane .reading-question-wrap,
    body:not(.mobile-ui-enabled) #homeConsolePane .reading-topic-wrap,
    body:not(.mobile-ui-enabled) #homeConsolePane .reading-moa-wrap {
      display: none !important;
    }
    body:not(.mobile-ui-enabled) #homeConsolePane .cg-actions-stack {
      display: flex;
      flex-direction: column;
      gap: 0.65rem;
    }
    body:not(.mobile-ui-enabled) #homeConsolePane .cg-actions-main-btns {
      display: flex;
      flex-direction: column;
      align-items: stretch;
      gap: 0.55rem;
      padding-top: 0;
    }
    body:not(.mobile-ui-enabled) #homeConsolePane .cg-actions-main-btns #btnPaipan {
      width: 100%;
      min-height: 54px;
      border-radius: 16px;
      border: 0;
      background: #2aa7a5;
      color: #ffffff;
      font-size: 1rem;
      font-weight: 600;
      box-shadow: 0 12px 22px rgba(42, 167, 165, 0.18);
    }
    body:not(.mobile-ui-enabled) #homeConsolePane .cg-actions-main-btns .ai-reading-item {
      display: block !important;
      width: 100%;
    }
    body:not(.mobile-ui-enabled) #homeConsolePane .cg-actions-main-btns #btnAiPro {
      width: 100%;
      min-height: 54px;
      border-radius: 16px;
      border: 0;
      background: #2aa7a5;
      color: #ffffff;
      font-size: 1rem;
      font-weight: 600;
      box-shadow: 0 12px 22px rgba(42, 167, 165, 0.18);
    }
    body:not(.mobile-ui-enabled) #homeConsolePane .cg-actions-main-btns #btnPaipan::before {
      display: none;
    }
    body:not(.mobile-ui-enabled) .mobile-home-disclaimer {
      display: block;
      max-width: 720px;
      margin: 0.85rem auto 0;
      padding: 0 1rem;
      color: #7b9898;
      font-size: 0.86rem;
      text-align: center;
    }
    
    
    
    body:not(.mobile-ui-enabled) .mobile-measure-pane,
    body:not(.mobile-ui-enabled) .mobile-single-reading-pane,
    body:not(.mobile-ui-enabled) .classics-pane,
    body:not(.mobile-ui-enabled) .mobile-me-pane,
    body:not(.mobile-ui-enabled) .pair-toolbar {
      display: block;
      max-width: 720px;
      margin: 0.85rem auto 1rem;
      padding: 0 1rem 1rem;
    }
    body:not(.mobile-ui-enabled) .mobile-result-summary {
      display: block;
    }
    body:not(.mobile-ui-enabled) .mobile-measure-pane__inner,
    body:not(.mobile-ui-enabled) .mobile-single-reading-pane__inner,
    body:not(.mobile-ui-enabled) .classics-shell,
    body:not(.mobile-ui-enabled) #mobileMeContent,
    body:not(.mobile-ui-enabled) #pairPane .pair-shell {
      border: 1px solid #d6eeee;
      border-radius: 24px;
      background: rgba(255, 255, 255, 0.98) !important;
      color: #222222;
      box-shadow: 0 12px 28px rgba(33, 115, 116, 0.08);
    }
    body:not(.mobile-ui-enabled) .mobile-measure-pane__inner,
    body:not(.mobile-ui-enabled) .mobile-single-reading-pane__inner,
    body:not(.mobile-ui-enabled) .classics-shell,
    body:not(.mobile-ui-enabled) #mobileMeContent {
      padding: 1rem;
    }
    body:not(.mobile-ui-enabled) .mobile-measure-head {
      border: 1px solid #d6eeee;
      border-radius: 18px;
      background: linear-gradient(180deg, #2aa7a5 0%, #239f9d 100%);
      color: #ffffff;
      padding: 0.9rem;
      box-shadow: 0 14px 30px rgba(42, 167, 165, 0.12);
    }
    body:not(.mobile-ui-enabled) .mobile-measure-head__title,
    body:not(.mobile-ui-enabled) .mobile-measure-card__title,
    body:not(.mobile-ui-enabled) .mobile-single-reading-pane__title,
    body:not(.mobile-ui-enabled) .mobile-me-pane__title,
    body:not(.mobile-ui-enabled) .classics-title {
      color: #222222;
      font-weight: 600;
    }
    body:not(.mobile-ui-enabled) .mobile-measure-head__title {
      color: rgba(255, 255, 255, 0.95);
      letter-spacing: 0.08em;
    }
    body:not(.mobile-ui-enabled) .mobile-single-reading-pane__eyebrow {
      color: #2aa7a5;
      letter-spacing: 0.08em;
    }
    body:not(.mobile-ui-enabled) .mobile-measure-head__meta {
      color: rgba(255, 255, 255, 0.9);
    }
    body:not(.mobile-ui-enabled) .mobile-measure-head__meta,
    body:not(.mobile-ui-enabled) .mobile-single-reading-pane__meta,
    body:not(.mobile-ui-enabled) .mobile-me-pane__desc,
    body:not(.mobile-ui-enabled) .classics-sub,
    body:not(.mobile-ui-enabled) .mobile-measure-card__desc {
      color: #6d7f7f;
    }
    body:not(.mobile-ui-enabled) .mobile-profile-tab,
    body:not(.mobile-ui-enabled) .mobile-measure-card,
    body:not(.mobile-ui-enabled) .mobile-me-link-btn,
    body:not(.mobile-ui-enabled) .classics-category-card,
    body:not(.mobile-ui-enabled) .pair-card {
      border: 1px solid #d6eeee;
      background: #ffffff;
      color: #222222;
      box-shadow: 0 8px 20px rgba(84, 70, 45, 0.06);
    }
    body:not(.mobile-ui-enabled) .mobile-profile-tab.is-active,
    body:not(.mobile-ui-enabled) .classics-category-card.is-active,
    body:not(.mobile-ui-enabled) .mobile-bottom-nav__btn.is-active {
      background: linear-gradient(180deg, #33b7b2 0%, #2aa7a5 100%);
      color: #ffffff;
      border-color: rgba(42, 167, 165, 0.7);
      box-shadow: 0 10px 24px rgba(42, 167, 165, 0.16);
    }
    body:not(.mobile-ui-enabled) .mobile-measure-card {
      min-height: 104px;
      border-radius: 18px;
      text-align: left;
      padding: 0.95rem 1rem;
    }
    body:not(.mobile-ui-enabled) .mobile-measure-head.is-empty .mobile-profile-create {
      display: inline-flex;
    }
    body:not(.mobile-ui-enabled) .mobile-profile-create,
    body:not(.mobile-ui-enabled) .me-action-btn.primary,
    body:not(.mobile-ui-enabled) .mobile-measure-card,
    body:not(.mobile-ui-enabled) #btnPairReading,
    body:not(.mobile-ui-enabled) #btnPaipan {
      min-height: 52px;
      border-radius: 16px;
    }
    body:not(.mobile-ui-enabled) .mobile-profile-create,
    body:not(.mobile-ui-enabled) .me-action-btn.primary,
    body:not(.mobile-ui-enabled) #btnPaipan,
    body:not(.mobile-ui-enabled) #btnPairReading {
      border: 0;
      background: #2aa7a5;
      color: #ffffff;
      box-shadow: 0 12px 24px rgba(42, 167, 165, 0.16);
    }
    body:not(.mobile-ui-enabled) .mobile-profile-create {
      border: 1px solid #d6eeee;
      background: #ffffff;
      color: #2aa7a5;
      box-shadow: 0 8px 18px rgba(84, 70, 45, 0.06);
    }
    body:not(.mobile-ui-enabled) .mobile-measure-head__meta,
    body:not(.mobile-ui-enabled) .mobile-single-reading-pane__meta,
    body:not(.mobile-ui-enabled) .mobile-me-pane__desc,
    body:not(.mobile-ui-enabled) .classics-category-hint,
    body:not(.mobile-ui-enabled) .classics-category-panel,
    body:not(.mobile-ui-enabled) .mobile-result-summary__meta {
      line-height: 1.65;
    }
    
    
    
    
    
    
    
    
    
    
    
    
    body:not(.mobile-ui-enabled) .pair-toolbar {
      margin-top: 0.85rem;
    }
    body:not(.mobile-ui-enabled) .pair-shell {
      border: 1px solid #d6eeee;
      background: #ffffff;
      box-shadow: 0 12px 28px rgba(33, 115, 116, 0.08);
      border-radius: 24px;
      padding: 0.95rem;
    }
    body:not(.mobile-ui-enabled) .pair-card {
      border: 1px solid #d6eeee;
      background: #ffffff;
      border-radius: 18px;
      box-shadow: none;
    }
    body:not(.mobile-ui-enabled) .pair-card legend {
      color: #2aa7a5;
    }
    body:not(.mobile-ui-enabled) .pair-scene-btn,
    body:not(.mobile-ui-enabled) .pair-switch-btn {
      border: 1px solid #d6eeee;
      background: #ffffff;
      color: #222222;
    }
    body:not(.mobile-ui-enabled) .pair-scene-btn.is-active {
      border-color: rgba(42, 167, 165, 0.7);
      background: linear-gradient(180deg, #33b7b2 0%, #2aa7a5 100%);
      color: #ffffff;
    }
    body:not(.mobile-ui-enabled) .pair-output {
      border: 1px solid #d6eeee;
      background: #ffffff;
      border-radius: 18px;
      padding: 0.9rem;
      box-shadow: 0 8px 20px rgba(84, 70, 45, 0.06);
    }
    body:not(.mobile-ui-enabled) .pair-output__title {
      color: #222222;
    }
    body:not(.mobile-ui-enabled) .pair-output__body {
      color: #5f7272;
    }
    body:not(.mobile-ui-enabled) .mingbook-inner {
      max-width: 920px;
      margin: 0.9rem auto 1rem;
      border: 1px solid #d6eeee;
      border-radius: 24px;
      background: rgba(255, 255, 255, 0.98);
      box-shadow: 0 12px 28px rgba(33, 115, 116, 0.08);
      overflow: hidden;
    }
    body:not(.mobile-ui-enabled) .col-chart {
      background: #f7ffff;
      color: #222222;
      border-right: 1px solid #d6eeee;
    }
    body:not(.mobile-ui-enabled) .col-text {
      background: #ffffff;
    }
    body:not(.mobile-ui-enabled) .ming-title,
    body:not(.mobile-ui-enabled) .reading-calligraphy-title {
      color: #222222;
      text-shadow: none;
    }
    body:not(.mobile-ui-enabled) .ming-sub,
    body:not(.mobile-ui-enabled) .reading-paper-sub,
    body:not(.mobile-ui-enabled) .mobile-result-summary__meta {
      color: #7c9699;
    }
    body:not(.mobile-ui-enabled) .mingbook-inner .col-chart,
    body:not(.mobile-ui-enabled) .mingbook-inner .col-text,
    body:not(.mobile-ui-enabled) .reading-paper.reading-wechat,
    body:not(.mobile-ui-enabled) .mobile-result-summary {
      background: #ffffff;
      color: #222222;
    }
    body:not(.mobile-ui-enabled) .reading-paper.reading-wechat {
      padding: 0.25rem 0.15rem 0.5rem;
    }
    body:not(.mobile-ui-enabled) .reading-wechat__head,
    body:not(.mobile-ui-enabled) .reading-paper-head {
      border-bottom: 1px solid #d6eeee;
      padding-bottom: 0.85rem;
      margin-bottom: 0.9rem;
      text-align: left;
    }
    body:not(.mobile-ui-enabled) .reading-wechat__title,
    body:not(.mobile-ui-enabled) .reading-calligraphy-title {
      color: #222222;
      text-shadow: none;
      letter-spacing: 0.08em;
    }
    body:not(.mobile-ui-enabled) .reading-wechat__sub,
    body:not(.mobile-ui-enabled) .reading-paper-sub {
      color: #7c9699;
    }
    body:not(.mobile-ui-enabled) #baziTableHost table.mini,
    body:not(.mobile-ui-enabled) .table-wrap table.mini {
      background: #ffffff;
      color: #222222;
      border: 1px solid #d6eeee;
      border-radius: 16px;
      overflow: hidden;
    }
    body:not(.mobile-ui-enabled) #baziTableHost table.mini th,
    body:not(.mobile-ui-enabled) #baziTableHost table.mini td,
    body:not(.mobile-ui-enabled) .table-wrap table.mini th,
    body:not(.mobile-ui-enabled) .table-wrap table.mini td {
      border-bottom: 1px solid #e8efef;
      color: #222222;
    }
    body:not(.mobile-ui-enabled) #baziTableHost table.mini th,
    body:not(.mobile-ui-enabled) .table-wrap table.mini th {
      background: #f4fbfb;
      color: #5a7f83;
      font-weight: 600;
    }
    body:not(.mobile-ui-enabled) #baziTableHost .block-head,
    body:not(.mobile-ui-enabled) .table-wrap + .block-head,
    body:not(.mobile-ui-enabled) .reading-paper-head h2,
    body:not(.mobile-ui-enabled) .mobile-result-summary__title {
      color: #222222;
    }
    body:not(.mobile-ui-enabled) .mobile-result-summary {
      border: 1px solid #d6eeee;
      border-radius: 18px;
      padding: 0.9rem;
      box-shadow: 0 8px 20px rgba(84, 70, 45, 0.06);
    }
    body:not(.mobile-ui-enabled) .mobile-result-summary__title {
      color: #222222;
      font-size: 1rem;
      font-weight: 600;
    }
    body:not(.mobile-ui-enabled) .mobile-result-summary__pillars {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 0.5rem;
      margin: 0.45rem 0 0.65rem;
    }
    body:not(.mobile-ui-enabled) .mobile-result-summary__pillar {
      padding: 0.45rem 0.2rem 0.5rem;
      border-radius: 12px;
      border: 1px solid #d6eeee;
      background: #f8ffff;
      text-align: center;
    }
    body:not(.mobile-ui-enabled) .mobile-result-summary__pillar b {
      display: block;
      color: #5a7f83;
      font-size: 0.78rem;
      font-weight: 600;
    }
    body:not(.mobile-ui-enabled) .mobile-result-summary__pillar span {
      display: block;
      margin-top: 0.14rem;
      color: #222222;
      font-size: 0.98rem;
      font-weight: 500;
    }
    body:not(.mobile-ui-enabled) .mobile-result-summary__core {
      margin: 0.5rem 0;
      padding: 0.72rem 0.8rem;
      border-radius: 14px;
      background: #f8ffff;
      color: #5f7272;
      line-height: 1.72;
      border: 1px solid #d6eeee;
    }
    body:not(.mobile-ui-enabled) .mobile-result-summary__actions {
      display: grid;
      grid-template-columns: 1fr;
      gap: 0.55rem;
      margin-top: 0.7rem;
    }
    body:not(.mobile-ui-enabled) .mobile-result-summary__actions button {
      min-height: 48px;
      border-radius: 14px;
      border: 0;
      background: #2aa7a5;
      color: #ffffff;
      font-size: 0.92rem;
      font-weight: 600;
      letter-spacing: 0.06em;
    }
    body:not(.mobile-ui-enabled) .mobile-result-summary__actions .mobile-result-summary__primary {
      background: linear-gradient(180deg, #33b7b2 0%, #2aa7a5 100%);
      box-shadow: 0 10px 22px rgba(42, 167, 165, 0.14);
    }

    @media (min-width: 721px) {
      body:not(.mobile-ui-enabled) {
        --pc-page-max: min(1200px, calc(100vw - 48px));
      }
      body:not(.mobile-ui-enabled) #siteHeaderZone,
      body:not(.mobile-ui-enabled) #appHeader,
      body:not(.mobile-ui-enabled) .page-switch,
      body:not(.mobile-ui-enabled) #homeConsolePane,
      body:not(.mobile-ui-enabled) .mobile-measure-pane,
      body:not(.mobile-ui-enabled) .classics-pane,
      body:not(.mobile-ui-enabled) #pairPane,
      body:not(.mobile-ui-enabled) .mingbook {
        width: var(--pc-page-max);
      max-width: none;
    }
      body:not(.mobile-ui-enabled) #mobileSingleReadingPane {
        display: none !important;
      }
      body:not(.mobile-ui-enabled) #siteHeaderZone {
        padding: 0;
      }
      body:not(.mobile-ui-enabled) #appHeader {
        margin-top: 1.1rem;
      }
      body:not(.mobile-ui-enabled) .page-switch {
        justify-content: flex-start;
        margin-top: 0.7rem;
        padding: 0;
      }
      body:not(.mobile-ui-enabled) .page-switch__btn {
        min-width: 6.4rem;
      }
      body:not(.mobile-ui-enabled) .mobile-home-topcard {
        border-radius: 24px;
      }
      body:not(.mobile-ui-enabled) #homeConsolePane {
        margin: 0.85rem auto 1.2rem;
      }
      body:not(.mobile-ui-enabled) #homeConsolePane .console-shell.cg-shell {
        grid-template-columns: minmax(300px, 0.95fr) minmax(360px, 1.05fr);
        align-items: start;
        gap: 1rem 1.1rem;
        padding: 1.1rem;
      }
      body:not(.mobile-ui-enabled) #homeConsolePane .console-shell.cg-shell > * {
        width: auto !important;
      }
      body:not(.mobile-ui-enabled) #homeConsolePane .mobile-home-topform-row,
      body:not(.mobile-ui-enabled) #homeConsolePane .mobile-home-info-list,
      body:not(.mobile-ui-enabled) #homeConsolePane .mobile-home-save-row {
        grid-column: 1 !important;
      }
      body:not(.mobile-ui-enabled) #homeConsolePane .console-actions.cg-actions {
        grid-column: 2 !important;
        grid-row: 1 / span 3 !important;
        align-self: stretch;
      }
      body:not(.mobile-ui-enabled) #homeConsolePane .cg-actions-stack {
        height: 100%;
        justify-content: center;
      }
      body:not(.mobile-ui-enabled) #homeConsolePane .cg-actions-main-btns {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.75rem;
      }
      body:not(.mobile-ui-enabled) #homeConsolePane .cg-actions-main-btns .ai-reading-item {
        display: block !important;
      }
      body:not(.mobile-ui-enabled).page-mode-home #homeConsolePane .cg-actions-main-btns .ai-reading-item {
        display: none !important;
      }
      body:not(.mobile-ui-enabled) #homeConsolePane .cg-actions-main-btns #btnPaipan,
      body:not(.mobile-ui-enabled) #homeConsolePane .cg-actions-main-btns #btnAiPro {
        min-height: 56px;
      }
      body:not(.mobile-ui-enabled) .mobile-measure-pane,
      body:not(.mobile-ui-enabled) .classics-pane,
      body:not(.mobile-ui-enabled) #pairPane {
        padding-left: 0;
        padding-right: 0;
      }
      body:not(.mobile-ui-enabled) .mobile-measure-pane__inner {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1rem;
        padding: 1.1rem;
      }
      body:not(.mobile-ui-enabled) .classics-shell {
        padding: 1.1rem;
      }
      body:not(.mobile-ui-enabled) .classics-mobile-cats {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
      body:not(.mobile-ui-enabled) .pair-shell {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1rem;
        padding: 1.1rem;
      }
      body:not(.mobile-ui-enabled) .pair-scene-wrap,
      body:not(.mobile-ui-enabled) .pair-output {
        grid-column: 1 / -1;
      }
      body:not(.mobile-ui-enabled) .mingbook-inner {
        width: var(--pc-page-max);
        max-width: none;
        margin: 1rem auto 1.4rem;
      }
    }

    @media (min-width: 1100px) {
      body:not(.mobile-ui-enabled) #homeConsolePane .console-shell.cg-shell {
        grid-template-columns: minmax(360px, 0.9fr) minmax(460px, 1.1fr);
      }
      body:not(.mobile-ui-enabled) .mingbook-inner {
        display: grid;
        grid-template-columns: minmax(440px, 0.95fr) minmax(460px, 1.05fr);
        align-items: stretch;
      }
      body:not(.mobile-ui-enabled) .mingbook-inner .col-chart,
      body:not(.mobile-ui-enabled) .mingbook-inner .col-text {
        min-width: 0;
      }
      body:not(.mobile-ui-enabled) .reading-paper.reading-wechat {
        min-height: 100%;
      }
      body:not(.mobile-ui-enabled) .pair-shell {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
      }
    }

    @media (min-width: 721px) and (max-width: 900px) {
      body:not(.mobile-ui-enabled) {
        --pc-page-max: min(720px, calc(100vw - 32px));
      }
      body:not(.mobile-ui-enabled) #homeConsolePane .console-shell.cg-shell,
      body:not(.mobile-ui-enabled) .pair-shell,
      body:not(.mobile-ui-enabled) .mobile-measure-pane__inner {
        grid-template-columns: minmax(0, 1fr);
      }
      body:not(.mobile-ui-enabled) #homeConsolePane .console-actions.cg-actions,
      body:not(.mobile-ui-enabled) #homeConsolePane .mobile-home-topform-row,
      body:not(.mobile-ui-enabled) #homeConsolePane .mobile-home-info-list,
      body:not(.mobile-ui-enabled) #homeConsolePane .mobile-home-save-row {
        grid-column: 1 !important;
        grid-row: auto !important;
      }
      body:not(.mobile-ui-enabled) #homeConsolePane .cg-actions-main-btns {
        grid-template-columns: minmax(0, 1fr);
      }
      body:not(.mobile-ui-enabled) .classics-mobile-cats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (min-width: 721px) {
      body:not(.mobile-ui-enabled) {
        --pc-green: #4b6349;
        --pc-green-deep: #354936;
        --pc-green-light: #6f8668;
        --pc-gold: #c8a45d;
        --pc-gold-soft: #d6b76a;
        --pc-card: #ffffff;
        --pc-line: rgba(75, 99, 73, 0.16);
        --pc-line-strong: rgba(75, 99, 73, 0.26);
        --pc-muted: #6f7f70;
        --pc-text: #1f271f;
        --pc-bg: #f6f8f3;
        --pc-bg-tint: #eef4ea;
        --pc-page-max: min(1180px, calc(100vw - 56px));
        background:
          radial-gradient(900px 460px at 50% -160px, rgba(214, 183, 106, 0.14), transparent 70%),
          linear-gradient(180deg, #f7faf4 0%, #eef5eb 100%) !important;
        color: var(--pc-text);
      }

      body:not(.mobile-ui-enabled)::before {
        background:
          radial-gradient(920px 520px at 50% -170px, rgba(75, 99, 73, 0.14), transparent 68%),
          linear-gradient(180deg, #f7faf4 0%, #eef5eb 100%);
        opacity: 1;
      }

      body:not(.mobile-ui-enabled)::after {
        background: radial-gradient(ellipse 125% 90% at 50% 45%, transparent 34%, rgba(75, 99, 73, 0.05) 100%);
      }

      body:not(.mobile-ui-enabled) #siteHeaderZone,
      body:not(.mobile-ui-enabled) #appHeader,
      body:not(.mobile-ui-enabled) .page-switch,
      body:not(.mobile-ui-enabled) #homeConsolePane,
      body:not(.mobile-ui-enabled) .mobile-measure-pane,
      body:not(.mobile-ui-enabled) .classics-pane,
      body:not(.mobile-ui-enabled) #pairPane,
      body:not(.mobile-ui-enabled) .mingbook {
        width: var(--pc-page-max);
        max-width: none;
      }

      body:not(.mobile-ui-enabled) #appHeader {
        margin-top: 1.1rem;
      }

      body:not(.mobile-ui-enabled) .page-switch {
        display: flex;
        justify-content: flex-start;
        gap: 0.7rem;
        margin: 1rem auto 1rem;
        padding: 0;
      }

      body:not(.mobile-ui-enabled) .page-switch__btn {
        min-width: 7.1rem;
        min-height: 3rem;
        border-radius: 18px;
        border: 1px solid var(--pc-line);
        background: rgba(255, 255, 255, 0.92);
        color: var(--pc-green-deep);
        font-size: 1rem;
        font-weight: 600;
        letter-spacing: 0.04em;
        box-shadow: 0 10px 24px rgba(53, 73, 54, 0.06);
      }

      body:not(.mobile-ui-enabled) .page-switch__btn.is-active {
        border-color: transparent;
        background: linear-gradient(180deg, var(--pc-green) 0%, var(--pc-green-deep) 100%);
        color: #fff;
        box-shadow: 0 14px 30px rgba(53, 73, 54, 0.18);
      }

      body:not(.mobile-ui-enabled) .mobile-home-topcard {
        display: none !important;
      }

      body:not(.mobile-ui-enabled) #homeConsolePane {
        margin: 0 auto 1.35rem;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
      }

      body:not(.mobile-ui-enabled) #homeConsolePane .console-shell.cg-shell {
        display: grid;
        grid-template-columns: minmax(420px, 1fr) minmax(320px, 0.72fr);
        gap: 1.15rem 1.35rem;
        align-items: stretch;
        min-height: 0;
        padding: 1.35rem 1.45rem;
        border: 1px solid var(--pc-line);
        border-radius: 26px;
        background: var(--pc-card);
        box-shadow: 0 22px 52px rgba(53, 73, 54, 0.1);
      }

      body:not(.mobile-ui-enabled) #homeConsolePane .console-shell.cg-shell > * {
        grid-column: auto !important;
        grid-row: auto !important;
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
      }

      body:not(.mobile-ui-enabled) #homeConsolePane .console-shell.cg-shell > .mobile-home-topform-row {
        grid-column: 1 !important;
        grid-row: 1 !important;
        display: grid;
        grid-template-columns: minmax(210px, 0.75fr) minmax(320px, 1fr);
        gap: 0.95rem;
        align-items: end;
      }

      body:not(.mobile-ui-enabled) #homeConsolePane .mobile-home-compact-row {
        display: grid;
        grid-template-columns: minmax(130px, 0.8fr) minmax(210px, 1.2fr);
        gap: 0.8rem;
      }

      body:not(.mobile-ui-enabled) #homeConsolePane .console-shell.cg-shell > .mobile-home-info-list {
        grid-column: 1 !important;
        grid-row: 2 !important;
      }

      body:not(.mobile-ui-enabled) #homeConsolePane .console-shell.cg-shell > .mobile-home-save-row {
        grid-column: 1 !important;
        grid-row: 3 !important;
      }

      body:not(.mobile-ui-enabled) #homeConsolePane .console-shell.cg-shell > .console-actions.cg-actions {
        grid-column: 1 !important;
        grid-row: 4 !important;
        align-self: start;
        display: flex !important;
        align-items: stretch;
        justify-content: stretch;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
      }

      body:not(.mobile-ui-enabled) #homeConsolePane :where(.micro-field label, .mobile-home-seg-field label) {
        margin-bottom: 0.42rem;
        color: var(--pc-muted);
        font-size: 0.86rem;
        font-weight: 600;
        letter-spacing: 0.04em;
      }

      body:not(.mobile-ui-enabled) #homeConsolePane :where(input, select, textarea, .geo-dd__trigger) {
        border: 1px solid var(--pc-line);
        border-radius: 14px;
        background: #fff;
        color: var(--pc-text);
        box-shadow: none;
      }

      body:not(.mobile-ui-enabled) #homeConsolePane #nameInput {
        min-height: 48px;
        padding: 0 0.9rem;
        font-size: 1rem;
      }

      body:not(.mobile-ui-enabled) #homeConsolePane .mobile-home-seg {
        min-height: 48px;
        border: 1px solid var(--pc-line);
        border-radius: 14px;
        background: var(--pc-bg);
        overflow: hidden;
      }

      body:not(.mobile-ui-enabled) #homeConsolePane .mobile-home-seg button,
      body:not(.mobile-ui-enabled) #homeConsolePane .seg button {
        border: 0;
        background: transparent;
        color: var(--pc-muted);
        font-weight: 600;
      }

      body:not(.mobile-ui-enabled) #homeConsolePane .mobile-home-seg button.active,
      body:not(.mobile-ui-enabled) #homeConsolePane .seg button.active {
        background: var(--pc-green);
        color: #fff;
      }

      body:not(.mobile-ui-enabled) #homeConsolePane .mobile-home-info-list {
        display: grid;
        gap: 0;
        margin-top: 0.35rem;
      }

      body:not(.mobile-ui-enabled) #homeConsolePane .mobile-home-info-row {
        min-height: 66px;
        padding: 0.2rem 0;
        border: 0;
        border-bottom: 1px solid var(--pc-line);
        background: transparent;
        color: var(--pc-text);
        box-shadow: none;
      }

      body:not(.mobile-ui-enabled) #homeConsolePane .mobile-home-info-row__label {
        color: var(--pc-text);
        font-size: 1rem;
        font-weight: 700;
      }

      body:not(.mobile-ui-enabled) #homeConsolePane .mobile-home-info-row__value,
      body:not(.mobile-ui-enabled) #homeConsolePane .mobile-home-info-row__arrow {
        color: var(--pc-muted);
        font-weight: 600;
      }

      body:not(.mobile-ui-enabled) #homeConsolePane .mobile-home-save-row {
        align-self: end;
        margin-top: 0.35rem;
        padding: 0.2rem 0 0;
      }

      body:not(.mobile-ui-enabled) #homeConsolePane .mobile-home-save-row__label {
        color: var(--pc-green);
        font-size: 1rem;
        font-weight: 700;
      }

      body:not(.mobile-ui-enabled) #homeConsolePane .mobile-home-switch__track {
        background: #e5ebe2;
      }

      body:not(.mobile-ui-enabled) #homeConsolePane .mobile-home-switch input:checked + .mobile-home-switch__track {
        background: var(--pc-green);
      }

      body:not(.mobile-ui-enabled) #homeConsolePane .cg-actions-stack {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        gap: 0.9rem;
      }

      body:not(.mobile-ui-enabled) #homeConsolePane .cg-actions-main-btns {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 0.85rem;
        padding: 0;
      }

      body:not(.mobile-ui-enabled) #homeConsolePane .cg-actions-main-btns .ai-reading-item {
        display: block !important;
        width: 100%;
      }

      body:not(.mobile-ui-enabled) #homeConsolePane .cg-actions-main-btns #btnPaipan,
      body:not(.mobile-ui-enabled) #homeConsolePane .cg-actions-main-btns #btnAiPro,
      body:not(.mobile-ui-enabled) #btnPairReading,
      body:not(.mobile-ui-enabled) #readingChatSend {
        width: 100%;
        min-height: 54px;
        border: 0;
        border-radius: 16px;
        background: linear-gradient(180deg, var(--pc-green) 0%, var(--pc-green-deep) 100%);
        color: #fff;
        font-size: 1rem;
        font-weight: 700;
        letter-spacing: 0.04em;
        box-shadow: 0 14px 28px rgba(53, 73, 54, 0.18);
      }

      body:not(.mobile-ui-enabled) #homeConsolePane .cg-actions-main-btns #btnPaipan:hover,
      body:not(.mobile-ui-enabled) #homeConsolePane .cg-actions-main-btns #btnAiPro:hover,
      body:not(.mobile-ui-enabled) #btnPairReading:hover,
      body:not(.mobile-ui-enabled) #readingChatSend:hover {
        background: linear-gradient(180deg, var(--pc-green-light) 0%, var(--pc-green) 100%);
      }

      body:not(.mobile-ui-enabled) #homeConsolePane .cg-actions-main-btns #btnPaipan::before {
        display: none !important;
      }

      body:not(.mobile-ui-enabled) #homeConsolePane .reading-question-wrap,
      body:not(.mobile-ui-enabled) #homeConsolePane .reading-topic-wrap,
      body:not(.mobile-ui-enabled) #homeConsolePane .reading-moa-wrap {
        display: none !important;
      }

      body:not(.mobile-ui-enabled) .mobile-home-disclaimer {
        display: block;
        width: var(--pc-page-max);
        max-width: none;
        margin: 0.95rem auto 1rem;
        padding: 0;
        color: var(--pc-muted);
        font-size: 0.96rem;
        text-align: center;
      }

      body:not(.mobile-ui-enabled) .mobile-result-summary[hidden],
      body:not(.mobile-ui-enabled) #mobileResultSummary[hidden],
      body:not(.mobile-ui-enabled) #mobileResultSummary:empty {
        display: none !important;
      }

      body:not(.mobile-ui-enabled) .mobile-measure-pane,
      body:not(.mobile-ui-enabled) .classics-pane,
      body:not(.mobile-ui-enabled) #pairPane {
        margin: 1rem auto 1.5rem;
        padding: 0;
      }

      body:not(.mobile-ui-enabled) .mobile-measure-pane__inner {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1.35rem;
        padding: 1.45rem;
        border: 1px solid var(--pc-line);
        border-radius: 28px;
        background: var(--pc-card) !important;
        box-shadow: 0 22px 52px rgba(53, 73, 54, 0.1);
      }

      body:not(.mobile-ui-enabled) .mobile-measure-card {
        position: relative;
        aspect-ratio: 1 / 1;
        min-height: 0;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 1.35rem;
        border: 1px solid var(--pc-line);
        border-radius: 24px;
        background:
          linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(247, 250, 244, 0.96)),
          var(--pc-card);
        color: var(--pc-text);
        text-align: left;
        box-shadow: inset 0 0 0 8px rgba(75, 99, 73, 0.035), 0 14px 32px rgba(53, 73, 54, 0.08);
      }

      body:not(.mobile-ui-enabled) .mobile-measure-card::after {
        content: "";
        position: absolute;
        inset: 1rem;
        border: 1px solid rgba(200, 164, 93, 0.32);
        border-radius: 18px;
        pointer-events: none;
      }

      body:not(.mobile-ui-enabled) .mobile-measure-card:hover {
        border-color: var(--pc-line-strong);
        transform: translateY(-3px);
        box-shadow: inset 0 0 0 8px rgba(75, 99, 73, 0.04), 0 20px 40px rgba(53, 73, 54, 0.12);
      }

      body:not(.mobile-ui-enabled) .mobile-measure-card__title {
        position: relative;
        z-index: 1;
        color: var(--pc-green-deep);
        font-size: clamp(1.35rem, 1.7vw, 1.7rem);
        font-weight: 800;
        letter-spacing: 0.06em;
      }

      body:not(.mobile-ui-enabled) .mobile-measure-card__desc {
        position: relative;
        z-index: 1;
        max-width: 22em;
        color: var(--pc-muted);
        font-size: 1rem;
        line-height: 1.7;
      }

      body:not(.mobile-ui-enabled) .mingbook-inner {
        width: var(--pc-page-max);
        max-width: none;
        margin: 1rem auto 1.6rem;
        border: 1px solid var(--pc-line);
        border-radius: 28px;
        background: var(--pc-card);
        box-shadow: 0 22px 52px rgba(53, 73, 54, 0.1);
        overflow: hidden;
      }

      body:not(.mobile-ui-enabled) .mingbook-inner .col-chart,
      body:not(.mobile-ui-enabled) .mingbook-inner .col-text {
        background: #fff;
        color: var(--pc-text);
      }

      body:not(.mobile-ui-enabled) .mingbook-inner .col-chart {
        border-right: 1px solid var(--pc-line);
      }

      body:not(.mobile-ui-enabled) .ming-title,
      body:not(.mobile-ui-enabled) .reading-calligraphy-title,
      body:not(.mobile-ui-enabled) .reading-wechat__title,
      body:not(.mobile-ui-enabled) .mobile-result-summary__title,
      body:not(.mobile-ui-enabled) .pair-output__title {
        color: var(--pc-green-deep);
        text-shadow: none;
      }

      body:not(.mobile-ui-enabled) .ming-sub,
      body:not(.mobile-ui-enabled) .reading-paper-sub,
      body:not(.mobile-ui-enabled) .reading-wechat__sub,
      body:not(.mobile-ui-enabled) .mobile-result-summary__meta,
      body:not(.mobile-ui-enabled) .pair-output__body {
        color: var(--pc-muted);
      }

      body:not(.mobile-ui-enabled) .reading-paper.reading-wechat {
        padding: 1.1rem 1.25rem 1.25rem;
        background: #fff;
        color: var(--pc-text);
      }

      body:not(.mobile-ui-enabled) .reading-wechat__head,
      body:not(.mobile-ui-enabled) .reading-paper-head {
        border-bottom: 1px solid var(--pc-line);
        text-align: left;
      }

      body:not(.mobile-ui-enabled) .reading-wechat__stream {
        gap: 0.75rem;
        padding: 0;
        margin: 0 0 0.75rem;
        background: transparent;
        scrollbar-color: rgba(75, 99, 73, 0.35) transparent;
      }

      body:not(.mobile-ui-enabled) .reading-chat__msg,
      body:not(.mobile-ui-enabled) #readingMainSlot.reading-chat__msg.reading-chat__msg--main {
        border: 1px solid var(--pc-line);
        background: #fbfcf8;
        color: var(--pc-text);
        box-shadow: none;
      }

      body:not(.mobile-ui-enabled) .reading-chat__msg--user {
        background: #eef4ea;
        border-color: rgba(75, 99, 73, 0.22);
        color: var(--pc-green-deep);
      }

      body:not(.mobile-ui-enabled) .reading-body,
      body:not(.mobile-ui-enabled) .reading-body.reading-body--chat-first {
        background: transparent;
        color: var(--pc-text);
        border: 0;
        box-shadow: none;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
      }

      body:not(.mobile-ui-enabled) .reading-body:empty::before {
        color: rgba(75, 99, 73, 0.56);
      }

      body:not(.mobile-ui-enabled) .reading-body .reading-hit {
        color: var(--pc-green-deep);
        border-bottom-color: rgba(200, 164, 93, 0.6);
      }

      body:not(.mobile-ui-enabled) .reading-chat__composer textarea {
        min-height: 62px;
        border: 1px solid var(--pc-line);
        border-radius: 16px;
        background: #fbfcf8;
        color: var(--pc-text);
        box-shadow: none;
      }

      body:not(.mobile-ui-enabled) .reading-chat__composer textarea:focus {
        border-color: var(--pc-green-light);
        box-shadow: 0 0 0 3px rgba(75, 99, 73, 0.1);
      }

      body:not(.mobile-ui-enabled) .reading-chat__row {
        justify-content: flex-end;
      }

      body:not(.mobile-ui-enabled) #readingChatSend {
        width: auto;
        min-width: 88px;
        min-height: 42px;
        padding: 0 1.15rem;
        border-radius: 14px;
      }

      body:not(.mobile-ui-enabled) #baziTableHost table.mini,
      body:not(.mobile-ui-enabled) .table-wrap table.mini {
        border: 1px solid var(--pc-line);
        background: #fff;
        color: var(--pc-text);
      }

      body:not(.mobile-ui-enabled) #baziTableHost table.mini th,
      body:not(.mobile-ui-enabled) .table-wrap table.mini th {
        background: #eef4ea;
        color: var(--pc-green-deep);
      }

      body:not(.mobile-ui-enabled) table.bazi-grid th,
      body:not(.mobile-ui-enabled) table.bazi-grid td {
        border-color: var(--pc-line);
        background: #fbfcf8;
        color: var(--pc-text);
      }

      body:not(.mobile-ui-enabled) .classics-shell {
        padding: 1.35rem 1.45rem 1.65rem;
        border: 1px solid var(--pc-line);
        border-radius: 28px;
        background: var(--pc-card) !important;
        box-shadow: 0 22px 52px rgba(53, 73, 54, 0.1);
      }

      body:not(.mobile-ui-enabled) .classics-head {
        margin: 0 0 1.3rem;
        text-align: left;
        width: auto;
      }

      body:not(.mobile-ui-enabled) .classics-title {
        color: var(--pc-green-deep);
        font-size: 1.28rem;
        letter-spacing: 0.04em;
        text-shadow: none;
      }

      body:not(.mobile-ui-enabled) .classics-sub {
        color: var(--pc-muted);
        font-size: 0.96rem;
      }

      body:not(.mobile-ui-enabled) .classics-grid {
        grid-template-columns: repeat(4, minmax(160px, 1fr));
        gap: 3.2rem 2.1rem;
        margin-top: 2.2rem;
      }

      body:not(.mobile-ui-enabled) .book-cover {
        max-width: 12.5rem;
      }

      body:not(.mobile-ui-enabled) .book-cover::before {
        border-color: rgba(200, 164, 93, 0.42);
        box-shadow: 7px 7px 0 rgba(75, 99, 73, 0.18), 0 0 0 1px rgba(255, 255, 255, 0.35);
      }

      body:not(.mobile-ui-enabled) .book-cover::after {
        border-color: rgba(214, 183, 106, 0.28);
        box-shadow: 10px 10px 0 rgba(75, 99, 73, 0.11), inset 0 0 0 1px rgba(255, 255, 255, 0.28);
      }
    }

    @media (min-width: 721px) and (max-width: 980px) {
      body:not(.mobile-ui-enabled) {
        --pc-page-max: min(820px, calc(100vw - 32px));
      }

      body:not(.mobile-ui-enabled) #homeConsolePane .console-shell.cg-shell,
      body:not(.mobile-ui-enabled) .mobile-measure-pane__inner {
        grid-template-columns: minmax(0, 1fr);
      }

      body:not(.mobile-ui-enabled) #homeConsolePane .mobile-home-topform-row {
        grid-template-columns: minmax(0, 1fr);
      }

      body:not(.mobile-ui-enabled) #homeConsolePane .console-actions.cg-actions,
      body:not(.mobile-ui-enabled) #homeConsolePane .mobile-home-topform-row,
      body:not(.mobile-ui-enabled) #homeConsolePane .mobile-home-info-list,
      body:not(.mobile-ui-enabled) #homeConsolePane .mobile-home-save-row {
        grid-column: 1 !important;
        grid-row: auto !important;
      }

      body:not(.mobile-ui-enabled) .mobile-measure-card {
        aspect-ratio: 16 / 9;
      }

      body:not(.mobile-ui-enabled) .classics-grid {
        grid-template-columns: repeat(3, minmax(140px, 1fr));
      }
    }

    @media (min-width: 1180px) {
      body:not(.mobile-ui-enabled) #homeConsolePane .console-shell.cg-shell {
        grid-template-columns: minmax(560px, 1fr) minmax(360px, 0.58fr);
      }

      body:not(.mobile-ui-enabled) #homeConsolePane .cg-actions-main-btns {
        grid-template-columns: minmax(0, 1fr);
      }
    }

    @media (max-width: 720px) {
      html.mobile-ui-enabled {
        background: var(--mobile-bg);
        color-scheme: light;
      }
      body.mobile-ui-enabled {
        color: var(--mobile-text);
        background: var(--mobile-bg) !important;
        padding-bottom: calc(66px + env(safe-area-inset-bottom));
      }
      body.mobile-ui-enabled::before {
        background:
          linear-gradient(180deg, #f8f5ee 0%, #f7f4ed 100%),
          radial-gradient(120% 88% at 50% -8%, rgba(255, 255, 255, 0.48) 0%, transparent 52%);
        opacity: 1;
      }
      body.mobile-ui-enabled::after {
        background: radial-gradient(ellipse 130% 90% at 50% 48%, transparent 28%, rgba(0, 0, 0, 0.05) 100%);
        opacity: 1;
      }
      body.mobile-ui-enabled .page-switch,
      body.mobile-ui-enabled #pageSwitchNav.page-switch {
        display: none !important;
      }
      body.mobile-ui-enabled #siteHeaderZone {
        max-width: 28rem;
        margin: 0 auto;
        padding: 0 0.88rem;
      }
      body.mobile-ui-enabled #homeConsolePane {
        background: transparent !important;
        box-shadow: none !important;
        border: 0 !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
      }
      body.mobile-ui-enabled .hero {
        min-height: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-top: 1.2rem;
        padding-bottom: 0.72rem;
      }
      body.mobile-ui-enabled .hero__inner {
        max-width: 23rem;
        width: 100%;
      }
      body.mobile-ui-enabled .hero__title {
        font-size: clamp(1.25rem, 5.6vw, 1.55rem);
        letter-spacing: 0.08em;
        color: var(--mobile-text);
        text-shadow: none;
      }
      body.mobile-ui-enabled .hero__tagline {
        margin-top: 0.74rem;
        font-size: 0.84rem;
        color: var(--mobile-muted);
        line-height: 1.58;
      }
      body.mobile-ui-enabled .hero__clock {
        margin-top: 0.54rem;
        font-size: 0.8rem;
        color: var(--mobile-faint);
      }

      body.mobile-ui-enabled .mobile-home-luck {
        display: block;
        width: min(100%, 23rem);
        margin: 0.88rem auto 0;
        cursor: pointer;
      }
      .mobile-home-ling {
        border: 1px solid var(--mobile-line);
        border-radius: 18px;
        background:
          radial-gradient(circle at 20% 12%, rgba(184, 148, 77, 0.08), transparent 46%),
          linear-gradient(180deg, #fffdf8 0%, #fffaf1 100%);
        box-shadow: 0 4px 8px rgba(84, 70, 45, 0.02);
        padding: 0.8rem 0.84rem 0.9rem;
        text-align: center;
      }
      .mobile-home-ling__stage {
        position: relative;
        width: 8.5rem;
        height: 9.6rem;
        margin: 0 auto 0.68rem;
        border-radius: 999px;
        background:
          radial-gradient(circle at 50% 18%, rgba(190, 161, 114, 0.18), transparent 56%),
          rgba(251, 247, 238, 0.96);
      }
      .mobile-home-ling__svg {
        width: 100%;
        height: 100%;
        display: block;
      }
      .mobile-home-ling__elem {
        position: absolute;
        border-radius: 999px;
        opacity: 0.95;
      }
      .mobile-home-ling__elem--metal {
        width: 0.64rem;
        height: 0.64rem;
        background: #ddd8cd;
        box-shadow: 1.9rem 1.5rem 0 rgba(216, 206, 188, 0.9), -1.8rem 1.8rem 0 rgba(194, 184, 168, 0.85);
        left: 50%;
        top: 2.2rem;
        transform: translateX(-50%);
      }
      .mobile-home-ling__elem--wood {
        width: 2.9rem;
        height: 0.25rem;
        border-radius: 0.2rem;
        background: rgba(114, 154, 116, 0.85);
        left: 50%;
        top: 4.8rem;
        transform: translateX(-50%) rotate(-8deg);
      }
      .mobile-home-ling__elem--water {
        width: 3.35rem;
        height: 1.05rem;
        border: 1px solid rgba(102, 130, 150, 0.72);
        background: rgba(56, 74, 87, 0.28);
        left: 50%;
        top: 7.05rem;
        transform: translateX(-50%);
      }
      .mobile-home-ling__elem--fire {
        width: 0.52rem;
        height: 0.52rem;
        background: #b85f42;
        left: 50%;
        top: 3.85rem;
        transform: translateX(-50%);
        box-shadow: 0 0 0 0.22rem rgba(184, 95, 66, 0.28);
      }
      .mobile-home-ling__elem--earth {
        width: 0.78rem;
        height: 0.78rem;
        background: #b49864;
        left: 50%;
        top: 5.95rem;
        transform: translateX(-50%);
      }
      .mobile-home-ling__name {
        margin: 0;
        font-size: 0.95rem;
        color: var(--mobile-text);
        letter-spacing: 0.06em;
        font-weight: 700;
      }
      .mobile-home-ling__state {
        margin: 0.28rem 0 0;
        color: var(--mobile-muted);
        font-size: 0.78rem;
      }
      .mobile-home-ling__hint {
        margin: 0.58rem 0 0;
        padding-top: 0.56rem;
        border-top: 1px solid var(--mobile-line);
        color: var(--mobile-muted);
        font-size: 0.8rem;
        line-height: 1.66;
      }

      body.mobile-ui-enabled.mobile-flow-landing #homeConsolePane,
      body.mobile-ui-enabled.mobile-flow-form #homeConsolePane {
        display: block !important;
      }
      body.mobile-ui-enabled.mobile-flow-landing #mingbookRoot,
      body.mobile-ui-enabled.mobile-flow-landing #masterIntroBlock,
      body.mobile-ui-enabled.mobile-flow-landing #mobileMeasurePane,
      body.mobile-ui-enabled.mobile-flow-landing #mobileMePane,
      body.mobile-ui-enabled.mobile-flow-form #mingbookRoot,
      body.mobile-ui-enabled.mobile-flow-form #masterIntroBlock,
      body.mobile-ui-enabled.mobile-flow-form #mobileMeasurePane,
      body.mobile-ui-enabled.mobile-flow-form #mobileMePane {
        display: none !important;
      }
      body.mobile-ui-enabled.mobile-flow-measure #homeConsolePane,
      body.mobile-ui-enabled.mobile-flow-measure #mingbookRoot,
      body.mobile-ui-enabled.mobile-flow-measure #masterIntroBlock,
      body.mobile-ui-enabled.mobile-flow-measure #mobileMePane {
        display: none !important;
      }
      body.mobile-ui-enabled.mobile-flow-measure #mobileMeasurePane {
        display: block !important;
      }
      body.mobile-ui-enabled.mobile-flow-result #homeConsolePane {
        display: none !important;
      }
      body.mobile-ui-enabled.mobile-flow-result #mingbookRoot {
        display: block !important;
      }
      body.mobile-ui-enabled.mobile-flow-result #masterIntroBlock {
        display: none !important;
      }
      body.mobile-ui-enabled.mobile-flow-result #mobileMeasurePane,
      body.mobile-ui-enabled.mobile-flow-result #mobileMePane {
        display: none !important;
      }
      body.mobile-ui-enabled.mobile-flow-me #homeConsolePane,
      body.mobile-ui-enabled.mobile-flow-me #mingbookRoot,
      body.mobile-ui-enabled.mobile-flow-me #mobileMeasurePane,
      body.mobile-ui-enabled.mobile-flow-me #masterIntroBlock {
        display: none !important;
      }
      body.mobile-ui-enabled.mobile-flow-me #mobileMePane {
        display: block !important;
      }

      #homeConsolePane {
        margin-top: 0.62rem;
      }
      #homeConsolePane .console-shell.cg-shell {
        border: 1px solid var(--mobile-line);
        border-radius: 18px;
        background: var(--mobile-card-strong);
        box-shadow: 0 12px 26px rgba(84, 70, 45, 0.08);
      }
      #homeConsolePane .console-shell.cg-shell > .console-actions.cg-actions {
        margin-top: 0.2rem;
      }
      #homeConsolePane .micro-field label {
        color: var(--mobile-muted);
      }

      .mobile-measure-pane {
        padding: 0.62rem 0 1rem;
      }
      .mobile-measure-pane__inner {
        display: grid;
        gap: 0.7rem;
      }
      .mobile-measure-head {
        border: 1px solid rgba(193, 163, 117, 0.2);
        border-radius: 10px;
        background: rgba(20, 17, 13, 0.95);
        padding: 0.72rem;
      }
      .mobile-measure-head__title {
        margin: 0 0 0.48rem;
        color: rgba(228, 199, 149, 0.94);
        font-size: 0.88rem;
        letter-spacing: 0.08em;
      }
      .mobile-measure-head__meta {
        margin: 0 0 0.55rem;
        color: rgba(214, 199, 178, 0.88);
        font-size: 0.8rem;
        line-height: 1.6;
      }
      .mobile-profile-tabs {
        display: flex;
        gap: 0.45rem;
        flex-wrap: wrap;
      }
      .mobile-profile-tab {
        min-height: 30px;
        padding: 0 0.65rem;
        border-radius: 999px;
        border: 1px solid rgba(193, 163, 117, 0.26);
        background: rgba(42, 34, 27, 0.82);
        color: rgba(219, 208, 192, 0.94);
        font-size: 0.74rem;
      }
      .mobile-profile-tab.is-active {
        background: linear-gradient(180deg, rgba(113, 88, 56, 0.96) 0%, rgba(69, 53, 39, 0.98) 100%);
        color: rgba(252, 243, 229, 0.98);
        border-color: rgba(208, 174, 120, 0.48);
      }
      .mobile-profile-tab--add {
        border-style: dashed;
      }
      .mobile-profile-create {
        display: none;
        width: 100%;
        min-height: 40px;
        margin-top: 0.62rem;
        border-radius: 8px;
        border: 1px solid rgba(199, 168, 118, 0.34);
        background: rgba(60, 47, 35, 0.82);
        color: rgba(246, 237, 225, 0.96);
        font-size: 0.82rem;
      }
      .mobile-measure-head.is-empty .mobile-profile-create {
        display: block;
      }
      .mobile-measure-card {
        width: 100%;
        min-height: 98px;
        border-radius: 10px;
        border: 1px solid rgba(193, 163, 117, 0.25);
        background: rgba(22, 18, 14, 0.95);
        color: rgba(245, 238, 226, 0.95);
        text-align: left;
        padding: 0.9rem 0.95rem;
      }
      .mobile-measure-card__title {
        display: block;
        margin-bottom: 0.32rem;
        font-size: 0.98rem;
        font-weight: 700;
        color: rgba(242, 223, 188, 0.98);
      }
      .mobile-measure-card__desc {
        display: block;
        color: rgba(212, 198, 176, 0.86);
        font-size: 0.81rem;
        line-height: 1.62;
      }

      body.mobile-ui-enabled .mobile-result-summary {
        display: block;
        margin: 0 0 0.85rem;
        padding: 0.86rem 0.9rem;
        border-radius: 12px;
        border: 1px solid rgba(204, 171, 118, 0.24);
        background: rgba(22, 19, 16, 0.86);
        box-shadow: 0 10px 24px rgba(0, 0, 0, 0.26);
      }
      .mobile-result-summary__title {
        margin: 0 0 0.5rem;
        font-size: 1.05rem;
        letter-spacing: 0.08em;
        color: rgba(248, 240, 226, 0.96);
      }
      .mobile-result-summary__meta {
        margin: 0 0 0.55rem;
        font-size: 0.93rem;
        line-height: 1.68;
        color: rgba(220, 208, 192, 0.95);
      }
      .mobile-result-summary__pillars {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 0.46rem;
        margin: 0.35rem 0 0.6rem;
      }
      .mobile-result-summary__pillar {
        padding: 0.45rem 0.2rem 0.5rem;
        border-radius: 9px;
        border: 1px solid rgba(186, 156, 110, 0.2);
        background: rgba(35, 29, 24, 0.66);
        text-align: center;
      }
      .mobile-result-summary__pillar b {
        display: block;
        font-size: 0.78rem;
        color: rgba(182, 168, 148, 0.95);
        font-weight: 500;
      }
      .mobile-result-summary__pillar span {
        display: block;
        margin-top: 0.18rem;
        font-size: 1rem;
        color: rgba(246, 236, 220, 0.98);
      }
      .mobile-result-summary__core {
        margin: 0.5rem 0;
        padding: 0.6rem 0.62rem;
        border-radius: 9px;
        background: rgba(41, 34, 27, 0.74);
        color: rgba(236, 224, 206, 0.96);
        line-height: 1.76;
        font-size: 0.98rem;
      }
      .mobile-result-summary__actions {
        display: grid;
        grid-template-columns: 1fr;
        gap: 0.5rem;
        margin-top: 0.56rem;
      }
      .mobile-result-summary__actions button {
        min-height: 44px;
        border-radius: 10px;
        border: 1px solid rgba(196, 165, 118, 0.36);
        background: rgba(57, 45, 35, 0.85);
        color: rgba(246, 236, 220, 0.96);
        font-size: 0.9rem;
        letter-spacing: 0.08em;
      }
      .mobile-result-summary__actions .mobile-result-summary__primary {
        background: linear-gradient(180deg, rgba(113, 88, 56, 0.96) 0%, rgba(74, 56, 40, 0.98) 100%);
      }

      body.mobile-ui-enabled.mobile-flow-result .col-chart {
        display: none;
      }
      body.mobile-ui-enabled.mobile-flow-result.mobile-pro-open .col-chart {
        display: block;
      }
      body.mobile-ui-enabled.mobile-flow-result.mobile-pro-open .mingbook-inner {
        display: flex;
        flex-direction: column;
      }

      body.mobile-ui-enabled .reading-body,
      body.mobile-ui-enabled .reading-p,
      body.mobile-ui-enabled .reading-chat__msg,
      body.mobile-ui-enabled .pair-output__body {
        font-size: 16px;
      }

      body.mobile-ui-enabled .mobile-bottom-nav {
        display: grid;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 2600;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 0.25rem;
        padding: 0.42rem 0.48rem calc(0.48rem + env(safe-area-inset-bottom));
        background: rgba(255, 255, 255, 0.96);
        border-top: 1px solid #d6eeee;
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
      }
      .mobile-bottom-nav__btn {
        min-height: 56px;
        border-radius: 0;
        border: 0;
        background: transparent;
        color: #7a8c8c;
        font-size: 0.76rem;
        letter-spacing: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 0.18rem;
        box-shadow: none;
        padding: 0.15rem 0;
      }
      .mobile-bottom-nav__btn.is-active {
        color: #2aa7a5;
        background: transparent;
        border: 0;
        box-shadow: none;
      }

      .mobile-me-pane {
        position: relative;
        z-index: 1;
        padding: 0.72rem 0 1rem;
        background: transparent;
        border-top: none;
        max-height: none;
        overflow: visible;
      }
      .mobile-me-pane__title {
        margin: 0 0 0.45rem;
        font-size: 1rem;
        letter-spacing: 0.08em;
        color: rgba(232, 202, 154, 0.94);
      }
      .mobile-me-pane__desc {
        margin: 0;
        font-size: 0.84rem;
        line-height: 1.7;
        color: rgba(206, 193, 174, 0.9);
      }
      #mobileMeContent {
        border: 1px solid rgba(193, 163, 117, 0.2);
        border-radius: 10px;
        background: rgba(19, 16, 13, 0.95);
        padding: 0.78rem;
      }
      .mobile-me-links {
        margin-top: 0.72rem;
        display: grid;
        gap: 0.45rem;
      }
      .mobile-me-link-btn {
        min-height: 44px;
        text-align: left;
        padding: 0 0.82rem;
        border-radius: 9px;
        border: 1px solid rgba(193, 163, 117, 0.2);
        background: rgba(23, 19, 15, 0.93);
        color: rgba(232, 220, 202, 0.94);
        font-size: 0.86rem;
      }
      .mobile-single-reading-pane {
        padding: 0.72rem 0 0.5rem;
      }
      .mobile-single-reading-pane__inner {
        border: 1px solid rgba(193, 163, 117, 0.22);
        border-radius: 10px;
        background: rgba(19, 16, 13, 0.95);
        padding: 0.82rem;
      }
      .mobile-single-reading-pane__eyebrow {
        margin: 0 0 0.22rem;
        color: rgba(188, 173, 151, 0.82);
        font-size: 0.72rem;
        letter-spacing: 0.08em;
      }
      .mobile-single-reading-pane__title {
        margin: 0;
        color: rgba(238, 213, 172, 0.96);
        font-size: 1rem;
      }
      .mobile-single-reading-pane__meta {
        margin: 0.4rem 0 0;
        color: rgba(214, 199, 178, 0.88);
        font-size: 0.82rem;
        line-height: 1.62;
      }
      .mobile-page-home .reading-question-wrap,
      .mobile-page-home .reading-topic-wrap,
      .mobile-page-home .reading-moa-wrap,
      .mobile-page-home .ai-reading-item {
        display: none !important;
      }
      body.mobile-ui-enabled.mobile-page-home #homeConsolePane .reading-question-wrap,
      body.mobile-ui-enabled.mobile-page-home #homeConsolePane .reading-topic-wrap,
      body.mobile-ui-enabled.mobile-page-home #homeConsolePane .reading-moa-wrap,
      body.mobile-ui-enabled.mobile-page-home #homeConsolePane .cg-actions-main-btns .ai-reading-item {
        display: none !important;
      }
      .mobile-page-single #homeConsolePane .console-shell.cg-shell > *:not(.console-actions) {
        display: none !important;
      }
      .mobile-page-single #homeConsolePane .cg-actions-main-btns #btnPaipan {
        display: none !important;
      }
      .mobile-page-single #homeConsolePane .console-shell.cg-shell {
        display: block !important;
      }
      .mobile-page-single #homeConsolePane .console-actions.cg-actions {
        display: block !important;
      }
      .mobile-page-single #homeConsolePane .cg-actions-stack {
        display: grid;
        gap: 0.72rem;
      }
      .mobile-page-single #homeConsolePane .reading-question-wrap,
      .mobile-page-single #homeConsolePane .reading-topic-wrap,
      .mobile-page-single #homeConsolePane .reading-moa-wrap,
      .mobile-page-single #homeConsolePane .ai-reading-item {
        display: block !important;
      }
      .mobile-page-single #homeConsolePane .cg-actions-main-btns {
        display: block !important;
      }
      .mobile-page-single #homeConsolePane .cg-actions-main-btns .ai-reading-item button {
        width: 100%;
      }
      .classics-mobile-cats {
        margin-top: 0.45rem;
        display: grid;
        grid-template-columns: 1fr;
        gap: 0.52rem;
      }
      .classics-search {
        display: block;
        margin-top: 0.72rem;
      }
      .classics-search input {
        width: 100%;
        min-height: 42px;
        border: 1px solid rgba(193, 163, 117, 0.24);
        border-radius: 8px;
        background: rgba(11, 10, 9, 0.8);
        color: rgba(242, 232, 216, 0.96);
        padding: 0 0.78rem;
        font-size: 0.86rem;
      }
      .classics-search input::placeholder {
        color: rgba(170, 157, 139, 0.78);
      }
      .classics-category-card {
        display: grid;
        grid-template-columns: auto 1fr auto;
        column-gap: 0.62rem;
        align-items: center;
        min-height: 64px;
        border: 1px solid rgba(193, 163, 117, 0.22);
        border-radius: 8px;
        background: rgba(22, 18, 14, 0.94);
        color: rgba(240, 226, 205, 0.96);
        text-align: left;
        padding: 0.64rem 0.7rem;
      }
      .classics-category-card.is-active {
        border-color: rgba(208, 174, 119, 0.48);
        background: rgba(40, 32, 24, 0.96);
      }
      .classics-category-card::after {
        content: ">";
        color: rgba(207, 176, 125, 0.9);
      }
      .classics-category-card__icon {
        display: grid;
        place-items: center;
        width: 2rem;
        height: 2rem;
        border: 1px solid rgba(193, 163, 117, 0.25);
        border-radius: 50%;
        background: rgba(65, 49, 32, 0.56);
        color: rgba(228, 201, 156, 0.95);
        font-size: 0.82rem;
      }
      .classics-category-card strong {
        display: block;
        color: rgba(246, 235, 218, 0.98);
        font-size: 0.9rem;
        font-weight: 700;
      }
      .classics-category-card em {
        display: block;
        margin-top: 0.18rem;
        color: rgba(197, 184, 165, 0.86);
        font-size: 0.75rem;
        font-style: normal;
        line-height: 1.45;
      }
      .classics-category-hint {
        margin: 0.62rem 0 0;
        color: rgba(186, 173, 154, 0.82);
        font-size: 0.78rem;
        line-height: 1.6;
      }
      .classics-category-panel {
        margin-top: 0.58rem;
        padding: 0.68rem 0.72rem;
        border-radius: 9px;
        border: 1px solid rgba(193, 163, 117, 0.18);
        background: rgba(16, 14, 12, 0.86);
        color: rgba(218, 204, 184, 0.9);
        line-height: 1.58;
      }
      .classics-category-panel strong {
        display: block;
        margin-bottom: 0.18rem;
        color: rgba(239, 217, 180, 0.96);
        font-size: 0.88rem;
      }
      .classics-category-panel span {
        display: block;
        font-size: 0.78rem;
      }

      body.mobile-ui-enabled {
        --moss-main: #4b6349;
        --moss-deep: #354936;
        --moss-soft: #6f8668;
        --moss-light: #f2f6f1;
        --moss-line: #d9e2d8;
        --moss-gold: #c8a45d;
        --moss-gold-soft: #d6b76a;
        --mobile-bg: #eef8f8;
        --mobile-card: #f8ffff;
        --mobile-card-strong: #ffffff;
        --mobile-text: #222222;
        --mobile-muted: #6d7f7f;
        --mobile-faint: #90a1a1;
        --mobile-line: var(--moss-line);
        --mobile-accent: var(--moss-main);
        --mobile-accent-dark: var(--moss-deep);
        color: var(--mobile-text);
        background: var(--mobile-bg);
        padding-bottom: calc(72px + env(safe-area-inset-bottom));
        overflow-x: hidden;
      }
      html.mobile-ui-enabled {
        overflow-x: hidden;
      }
      body.mobile-ui-enabled #siteHeaderZone {
        max-width: 30rem;
      }
      body.mobile-ui-enabled .hero {
        justify-content: flex-start;
        padding-top: 0.9rem;
        padding-bottom: 0.5rem;
      }
      body.mobile-ui-enabled .hero__ambient,
      body.mobile-ui-enabled .hero__taiji {
        display: none !important;
      }
      body.mobile-ui-enabled .hero__title {
        color: var(--mobile-text);
        font-size: 1.24rem;
        line-height: 1.25;
        letter-spacing: 0.03em;
        text-indent: 0;
        text-align: left;
        font-weight: 800;
        text-shadow: none;
      }
      body.mobile-ui-enabled .hero__tagline {
        margin-top: 0.36rem;
        color: var(--mobile-muted);
        font-size: 0.78rem;
        line-height: 1.55;
        letter-spacing: 0;
        text-align: left;
      }
      body.mobile-ui-enabled .hero__clock {
        margin-top: 0.3rem;
        color: var(--mobile-faint);
        font-size: 0.75rem;
        text-align: left;
      }
      body.mobile-ui-enabled .mobile-home-luck {
        width: 100%;
        margin-top: 0.75rem;
      }
      body.mobile-ui-enabled .mobile-home-ling {
        border-color: var(--mobile-line);
        background: linear-gradient(180deg, #fffdf8 0%, #fbf6ed 100%);
        box-shadow: 0 4px 8px rgba(83, 67, 42, 0.02);
      }
      body.mobile-ui-enabled .mobile-home-ling__stage {
        background: radial-gradient(circle at 50% 20%, rgba(184, 148, 77, 0.15), transparent 58%), #f2eadf;
      }
      body.mobile-ui-enabled .mobile-home-ling__name {
        color: var(--mobile-text);
      }
      body.mobile-ui-enabled .mobile-home-ling__state,
      body.mobile-ui-enabled .mobile-home-ling__hint {
        color: var(--mobile-muted);
      }
      body.mobile-ui-enabled .mobile-home-ling__hint {
        border-top-color: var(--mobile-line);
      }
      body.mobile-ui-enabled #homeConsolePane .console-shell.cg-shell,
      body.mobile-ui-enabled .mobile-measure-head,
      body.mobile-ui-enabled .mobile-single-reading-pane__inner,
      body.mobile-ui-enabled #mobileMeContent,
      body.mobile-ui-enabled .classics-shell,
      body.mobile-ui-enabled #pairPane .pair-shell {
        border-color: var(--mobile-line);
        background: var(--mobile-card-strong) !important;
        color: var(--mobile-text);
        box-shadow: 0 10px 24px rgba(84, 70, 45, 0.08);
      }
      body.mobile-ui-enabled #homeConsolePane .micro-field > label,
      body.mobile-ui-enabled #homeConsolePane .place-heading,
      body.mobile-ui-enabled #homeConsolePane .micro-field label {
        color: var(--mobile-muted);
      }
      body.mobile-ui-enabled #homeConsolePane .micro-field input,
      body.mobile-ui-enabled #homeConsolePane .micro-field select,
      body.mobile-ui-enabled #homeConsolePane .ctrl-select,
      body.mobile-ui-enabled #homeConsolePane .ctrl-input,
      body.mobile-ui-enabled #homeConsolePane .geo-dd__trigger,
      body.mobile-ui-enabled #homeConsolePane .seg,
      body.mobile-ui-enabled #homeConsolePane #ziSectSel,
      body.mobile-ui-enabled #homeConsolePane .geo-inline-coord,
      body.mobile-ui-enabled .reading-question-input,
      body.mobile-ui-enabled .reading-chat__composer textarea,
      body.mobile-ui-enabled .classics-search input {
        border-color: var(--mobile-line);
        background: #ffffff;
        color: var(--mobile-text);
        box-shadow: none;
      }
      body.mobile-ui-enabled #homeConsolePane .seg button {
        color: var(--mobile-muted);
        background: transparent;
      }
      body.mobile-ui-enabled #homeConsolePane .seg button.active {
        color: #fff;
        background: var(--mobile-accent-dark);
      }
      body.mobile-ui-enabled #homeConsolePane .cg-actions-main-btns #btnPaipan,
      body.mobile-ui-enabled #homeConsolePane .cg-actions-main-btns .ai-reading-item button,
      body.mobile-ui-enabled .me-action-btn.primary,
      body.mobile-ui-enabled #readingChatSend,
      body.mobile-ui-enabled #btnPairReading,
      body.mobile-ui-enabled .mobile-chart-empty button,
      body.mobile-ui-enabled .mobile-chart-create {
        border: 0;
        background: var(--mobile-accent-dark);
        color: #fff;
        box-shadow: none;
      }
      body.mobile-ui-enabled .mobile-measure-head__title,
      body.mobile-ui-enabled .mobile-single-reading-pane__title,
      body.mobile-ui-enabled .mobile-me-pane__title,
      body.mobile-ui-enabled .classics-title,
      body.mobile-ui-enabled .mobile-measure-card__title {
        color: var(--mobile-text);
      }
      body.mobile-ui-enabled .mobile-measure-head__meta,
      body.mobile-ui-enabled .mobile-single-reading-pane__meta,
      body.mobile-ui-enabled .mobile-me-pane__desc,
      body.mobile-ui-enabled .classics-sub,
      body.mobile-ui-enabled .mobile-measure-card__desc {
        color: var(--mobile-muted);
      }
      body.mobile-ui-enabled .mobile-profile-tab,
      body.mobile-ui-enabled .mobile-measure-card,
      body.mobile-ui-enabled .mobile-me-link-btn,
      body.mobile-ui-enabled .classics-category-card,
    body.mobile-ui-enabled #pairPane .pair-card {
      border-color: var(--mobile-line);
      background: #ffffff;
      color: var(--mobile-text);
      box-shadow: 0 8px 20px rgba(84, 70, 45, 0.06);
    }
    body.mobile-ui-enabled.mobile-single-mode-pair #pairPane .pair-card--primary,
    body.mobile-ui-enabled.mobile-single-mode-pair #pairPane .pair-target-hidden,
    body.mobile-ui-enabled.mobile-single-mode-pair #pairPane .pair-tools .pair-switch-btn {
      display: none !important;
    }
    body.mobile-ui-enabled.mobile-single-mode-pair #pairPane .pair-shell {
      padding: 0.9rem 1rem 1rem !important;
      border: 0 !important;
      border-radius: 0 !important;
      background: transparent !important;
      box-shadow: none !important;
    }
    body.mobile-ui-enabled.mobile-single-mode-pair #pairPane .pair-grid {
      display: block !important;
      margin: 0 !important;
    }
    body.mobile-ui-enabled.mobile-single-mode-pair #pairPane .pair-card--target {
      display: block !important;
      margin: 0 0 0.76rem !important;
      padding: 0.78rem 0 !important;
      border: 0 !important;
      border-top: 1px solid rgba(217, 226, 216, 0.72) !important;
      border-bottom: 1px solid rgba(217, 226, 216, 0.72) !important;
      border-radius: 0 !important;
      background: transparent !important;
      box-shadow: none !important;
    }
    body.mobile-ui-enabled.mobile-single-mode-pair #pairPane .pair-card--target legend {
      padding: 0 0 0.5rem !important;
      color: #1f2d2d !important;
      font-size: 1.02rem !important;
      font-weight: 800 !important;
    }
    body.mobile-ui-enabled.mobile-single-mode-pair #pairPane .pair-card--target .micro-field {
      margin: 0 0 0.62rem !important;
    }
    body.mobile-ui-enabled.mobile-single-mode-pair #pairPane .pair-card--target .micro-field:last-child {
      margin-bottom: 0 !important;
    }
    body.mobile-ui-enabled.mobile-single-mode-pair #pairPane .pair-card--target .pair-target-name {
      display: flex !important;
      align-items: center !important;
      min-height: 3.48rem !important;
      margin: 0 !important;
      padding: 0.2rem 0 !important;
      border-top: 1px solid rgba(237, 243, 237, 0.86) !important;
    }
    body.mobile-ui-enabled.mobile-single-mode-pair #pairPane .pair-card--target .pair-bazi-field {
      margin: 0 !important;
      border-top: 1px solid rgba(237, 243, 237, 0.86) !important;
      border-bottom: 1px solid rgba(237, 243, 237, 0.86) !important;
    }
    body.mobile-ui-enabled.mobile-single-mode-pair #pairPane .pair-card--target .pair-target-name label,
    body.mobile-ui-enabled.mobile-single-mode-pair #pairPane .pair-card--target .pair-bazi-field > label {
      display: none !important;
    }
    body.mobile-ui-enabled.mobile-single-mode-pair #pairPane .pair-card--target .pair-target-name::before {
      content: "姓名";
      min-width: 4.35rem;
      color: #1f2d2d;
      font-size: 0.96rem;
      font-weight: 600;
      line-height: 1.25;
    }
    body.mobile-ui-enabled.mobile-single-mode-pair #pairPane .pair-card--target .pair-target-name input {
      flex: 1 1 auto !important;
      width: auto !important;
      min-width: 0 !important;
      min-height: 2.7rem !important;
      padding: 0 !important;
      border: 0 !important;
      border-radius: 0 !important;
      background: transparent !important;
      box-shadow: none !important;
      color: #1f2d2d !important;
      font-size: 0.94rem !important;
      font-weight: 600 !important;
      text-align: right !important;
    }
    body.mobile-ui-enabled.mobile-single-mode-pair #pairPane .pair-card--target .pair-target-name input::placeholder {
      color: #94a5a2 !important;
      font-weight: 500 !important;
    }
    body.mobile-ui-enabled.mobile-single-mode-pair #pairPane .pair-target-date-row {
      display: flex !important;
      align-items: center !important;
      width: 100% !important;
      min-height: 3.5rem !important;
      padding: 0.54rem 0 !important;
      gap: 0.46rem !important;
      border: 0 !important;
      background: transparent !important;
      color: inherit !important;
      font: inherit !important;
      text-align: left !important;
      cursor: pointer !important;
    }
    body.mobile-ui-enabled.mobile-single-mode-pair #pairPane .pair-target-date-row__label {
      min-width: 4.35rem !important;
      color: #1f2d2d !important;
      font-size: 0.96rem !important;
      font-weight: 600 !important;
      line-height: 1.25 !important;
    }
    body.mobile-ui-enabled.mobile-single-mode-pair #pairPane .pair-target-date-row__value {
      flex: 1 1 auto !important;
      min-width: 0 !important;
      color: #7d908d !important;
      font-size: 0.9rem !important;
      font-weight: 500 !important;
      line-height: 1.35 !important;
      text-align: right !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
    }
    body.mobile-ui-enabled.mobile-single-mode-pair #pairPane .pair-target-date-row__arrow {
      color: #6f8668 !important;
      font-size: 1.18rem !important;
      font-weight: 500 !important;
      line-height: 1 !important;
      transition: transform 0.18s ease !important;
    }
    body.mobile-ui-enabled.mobile-single-mode-pair #pairPane .pair-card--target.is-date-open .pair-target-date-row__arrow {
      transform: rotate(90deg) !important;
    }
    body.mobile-ui-enabled.mobile-single-mode-pair #pairPane .pair-card--target:not(.is-date-open) .pair-target-date-grid {
      display: none !important;
    }
    body.mobile-ui-enabled.mobile-single-mode-pair #pairPane .pair-card--target.is-date-open .pair-target-date-grid {
      display: grid !important;
      grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
      gap: 0.34rem !important;
      padding: 0 0 0.62rem !important;
    }
    body.mobile-ui-enabled.mobile-single-mode-pair #pairPane .pair-card--target .pair-target-date-grid .geo-dd__trigger {
      min-height: 2.48rem !important;
      border: 1px solid rgba(217, 226, 216, 0.68) !important;
      border-radius: 9px !important;
      background: #ffffff !important;
      box-shadow: none !important;
      color: #1f2d2d !important;
      font-size: 0.82rem !important;
      font-weight: 600 !important;
    }
    body.mobile-ui-enabled.mobile-single-mode-pair #pairPane .pair-tools,
    body.mobile-ui-enabled.mobile-single-mode-pair #pairPane .pair-scene-wrap,
    body.mobile-ui-enabled.mobile-single-mode-pair #pairPane .pair-output {
      margin: 0 0 0.78rem !important;
      padding: 0 !important;
      border: 0 !important;
      border-radius: 0 !important;
      background: transparent !important;
      box-shadow: none !important;
    }
    body.mobile-ui-enabled.mobile-single-mode-pair #pairPane .pair-tip {
      margin: 0 !important;
      color: #71816e !important;
      font-size: 0.78rem !important;
      line-height: 1.55 !important;
    }
    body.mobile-ui-enabled.mobile-single-mode-pair #pairPane .pair-scene-title,
    body.mobile-ui-enabled.mobile-single-mode-pair #pairPane .pair-output__title {
      margin: 0 0 0.5rem !important;
      color: #1f2d2d !important;
      font-size: 0.94rem !important;
      font-weight: 800 !important;
    }
    body.mobile-ui-enabled.mobile-single-mode-pair #pairPane .pair-scene-group {
      gap: 0.42rem !important;
    }
    body.mobile-ui-enabled.mobile-single-mode-pair #pairPane .pair-scene-btn {
      min-height: 2.55rem !important;
      border: 1px solid rgba(217, 226, 216, 0.74) !important;
      border-radius: 11px !important;
      background: #ffffff !important;
      box-shadow: none !important;
    }
    body.mobile-ui-enabled.mobile-single-mode-pair #pairPane .pair-scene-btn.is-active {
      border-color: rgba(75, 99, 73, 0.32) !important;
      background: #f2f6f1 !important;
    }
      body.mobile-ui-enabled .mobile-profile-tab.is-active,
      body.mobile-ui-enabled .classics-category-card.is-active {
        border-color: rgba(184, 148, 77, 0.45);
        background: #fff8ea;
        color: var(--mobile-accent-dark);
      }
      body.mobile-ui-enabled .classics-category-card strong,
      body.mobile-ui-enabled .classics-category-card__icon,
      body.mobile-ui-enabled .classics-category-panel strong {
        color: var(--mobile-accent-dark);
      }
      body.mobile-ui-enabled .classics-category-card em,
      body.mobile-ui-enabled .classics-category-hint,
      body.mobile-ui-enabled .classics-category-panel,
      body.mobile-ui-enabled .classics-category-panel span {
        color: var(--mobile-muted);
      }
      body.mobile-ui-enabled .classics-category-card__icon,
      body.mobile-ui-enabled .classics-category-panel {
        border-color: var(--mobile-line);
        background: #fffaf1;
      }
      body.mobile-ui-enabled .mobile-bottom-nav {
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 0.18rem;
        padding: 0.42rem 0.34rem calc(0.46rem + env(safe-area-inset-bottom));
        background: rgba(255, 253, 248, 0.96);
        border-top: 1px solid var(--mobile-line);
        box-shadow: 0 -10px 24px rgba(84, 70, 45, 0.08);
      }
      body.mobile-ui-enabled .mobile-bottom-nav__btn {
        min-height: 42px;
        border: 0;
        border-radius: 10px;
        background: transparent;
        color: #8f877b;
        font-size: 0.75rem;
        letter-spacing: 0;
      }
      body.mobile-ui-enabled .mobile-bottom-nav__btn.is-active {
        color: var(--mobile-accent-dark);
        background: #fff4df;
        box-shadow: inset 0 0 0 1px rgba(184, 148, 77, 0.22);
      }
      .mobile-chart-pane {
        padding: 0 0 1rem;
        background: #f7f4ed;
      }
      .mobile-chart-shell {
        display: grid;
        gap: 0;
        width: 100%;
        min-width: 0;
        background: #f7f4ed;
      }
      .mobile-chart-shell > *,
      .mobile-chart-head,
      .mobile-chart-tabs,
      .mobile-chart-summary,
      .mobile-chart-panel,
      .mobile-chart-tablewrap,
      .mobile-chart-content {
        width: 100%;
        min-width: 0;
        box-sizing: border-box;
      }
      .mobile-chart-head {
        display: grid;
        grid-template-columns: 2rem 1fr 2rem;
        align-items: center;
        gap: 0.35rem;
        min-height: 3.3rem;
        padding: 0.2rem 0.82rem 0.12rem;
        background: #ffffff;
        border-bottom: 1px solid #ece4d8;
      }
      .mobile-chart-title {
        margin: 0;
        color: #111111;
        font-size: 1.06rem;
        line-height: 1.2;
        text-align: center;
        letter-spacing: 0.02em;
      }
      .mobile-chart-nav,
      .mobile-chart-head__spacer {
        width: 2rem;
        height: 2rem;
      }
      .mobile-chart-nav {
        padding: 0;
        border: 0;
        border-radius: 999px;
        background: transparent;
        color: #2f2f2f;
      }
      .mobile-chart-nav svg {
        width: 1.08rem;
        height: 1.08rem;
        fill: currentColor;
        display: block;
      }
      .mobile-chart-tabs {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        min-height: 3.1rem;
        padding: 0 0.32rem;
        background: #0d0d0d;
        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
      }
      .mobile-chart-tabs button {
        position: relative;
        min-height: 3.1rem;
        border: 0;
        background: transparent;
        color: rgba(255, 255, 255, 0.82);
        font-size: 0.82rem;
        letter-spacing: 0.01em;
      }
      .mobile-chart-tabs button.is-active {
        color: #d8b97a;
      }
      .mobile-chart-tabs button.is-active::after {
        content: "";
        position: absolute;
        left: 24%;
        right: 24%;
        bottom: 0.48rem;
        height: 2px;
        border-radius: 999px;
        background: linear-gradient(90deg, transparent, #d8b97a 15%, #d8b97a 85%, transparent);
      }
      .mobile-chart-summary {
        display: grid;
        grid-template-columns: 4.2rem minmax(0, 1fr) auto;
        gap: 0.74rem;
        align-items: center;
        padding: 0.92rem;
        background:
          radial-gradient(circle at 18% 12%, rgba(255, 220, 145, 0.08), transparent 42%),
          linear-gradient(180deg, #171412 0%, #0f0f0f 100%);
        color: #ffffff;
      }
      .mobile-chart-summary__avatar {
        width: 4.2rem;
        height: 4.2rem;
      }
      .mobile-chart-summary__avatar svg {
        width: 100%;
        height: 100%;
        display: block;
      }
      .mobile-chart-summary__body {
        min-width: 0;
      }
      .mobile-chart-summary__title {
        margin: 0;
        color: #d4b06f;
        font-size: 1rem;
        line-height: 1.32;
      }
      .mobile-chart-summary__line {
        margin: 0.16rem 0 0;
        color: rgba(255, 255, 255, 0.94);
        font-size: 0.85rem;
        line-height: 1.55;
        overflow-wrap: anywhere;
      }
      .mobile-chart-summary__side {
        display: grid;
        justify-items: end;
        gap: 0.42rem;
      }
      .mobile-chart-summary__actions {
        display: flex;
        gap: 0.38rem;
      }
      .mobile-chart-summary__icon {
        width: 2rem;
        height: 2rem;
        padding: 0;
        border: 0;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.08);
        color: #d9bd7b;
      }
      .mobile-chart-summary__icon svg {
        width: 1rem;
        height: 1rem;
        display: block;
        fill: currentColor;
      }
      .mobile-chart-summary__toggle {
        display: inline-flex;
        align-items: center;
        gap: 0.45rem;
        color: rgba(244, 233, 206, 0.84);
        font-size: 0.78rem;
        white-space: nowrap;
      }
      .mobile-chart-summary__toggle input {
        width: 3.15rem;
        height: 1.68rem;
        appearance: none;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.18);
        position: relative;
        outline: none;
      }
      .mobile-chart-summary__toggle input::after {
        content: "";
        width: 1.34rem;
        height: 1.34rem;
        border-radius: 999px;
        position: absolute;
        left: 0.17rem;
        top: 0.17rem;
        background: #ffffff;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.18);
      }
      .mobile-chart-empty {
        padding: 0.7rem 0.92rem 0.8rem;
        background: transparent;
      }
      .mobile-chart-empty h3 {
        margin: 0 0 0.34rem;
        color: #2a2620;
        font-size: 1rem;
      }
      .mobile-chart-empty p {
        margin: 0 0 0.76rem;
        color: #7a7266;
        line-height: 1.65;
      }
      .mobile-chart-empty button {
        min-height: 2.5rem;
        padding: 0 1rem;
        border-radius: 10px;
      }
      .mobile-chart-panel {
        display: grid;
        gap: 0;
        background: #f7f4ed;
      }
      .mobile-chart-info-card,
      .mobile-chart-tablewrap,
      .mobile-chart-meta,
      .mobile-chart-strip {
        margin-top: 0.68rem;
        background: #ffffff;
      }
      .mobile-chart-info-card {
        padding: 0;
        border-top: 1px solid #e8e0d2;
        border-bottom: 1px solid #e8e0d2;
      }
      .mobile-chart-tablewrap {
        overflow-x: auto;
        border-top: 1px solid #e8e0d2;
        border-bottom: 1px solid #e8e0d2;
      }
      .mobile-chart-table {
        width: max-content;
        min-width: 100%;
        table-layout: fixed;
        border-collapse: collapse;
        border: 0;
        background: #ffffff;
        font-size: 0.72rem;
      }
      .mobile-chart-table th,
      .mobile-chart-table td {
        border: 1px solid #e8e0d2;
        background: #ffffff;
        padding: 0.44rem 0.22rem;
        text-align: center;
        color: #2f2b25;
        font-size: 0.72rem;
        line-height: 1.42;
        vertical-align: top;
        overflow-wrap: anywhere;
      }
      .mobile-chart-table thead th {
        position: sticky;
        top: 0;
        z-index: 3;
        background: #f4f1eb;
        color: #968c7f;
        font-weight: 600;
      }
      .mobile-chart-table .row-h {
        position: sticky;
        left: 0;
        z-index: 2;
        width: 3.4rem;
        min-width: 3.4rem;
        background: #f4f1eb;
        color: #968c7f;
        font-weight: 600;
      }
      .mobile-chart-table--basic th:not(:first-child),
      .mobile-chart-table--basic td:not(:first-child) {
        min-width: 4.88rem;
      }
      .mobile-chart-table--pro th:not(:first-child),
      .mobile-chart-table--pro td:not(:first-child) {
        min-width: 4.7rem;
      }
      .mobile-chart-table td.is-day-col,
      .mobile-chart-table th.is-day-col {
        background: #fff8e8;
      }
      .mobile-chart-table .cell-gz {
        font-size: 0.98rem;
        font-weight: 700;
      }
      .mobile-chart-cell-lines {
        display: grid;
        gap: 0.12rem;
        justify-items: center;
        white-space: pre-line;
      }
      .mobile-chart-muted-cell {
        color: #aca296;
      }
      .mobile-chart-meta {
        display: grid;
        gap: 0;
        border-top: 1px solid #e8e0d2;
        border-bottom: 1px solid #e8e0d2;
      }
      .mobile-chart-meta-line {
        display: grid;
        grid-template-columns: 3.7rem 1fr;
        gap: 0.58rem;
        padding: 0.72rem 0.92rem;
        border-top: 1px solid #f0e9dd;
        color: #51483d;
        font-size: 0.82rem;
        line-height: 1.58;
      }
      .mobile-chart-meta-line:first-child {
        border-top: 0;
      }
      .mobile-chart-meta-line strong {
        color: #90784c;
        font-weight: 600;
      }
      .mobile-chart-strip {
        display: grid;
        gap: 0.48rem;
        padding: 0.82rem 0.92rem 0.25rem;
        border-top: 1px solid #e8e0d2;
        border-bottom: 1px solid #e8e0d2;
      }
      .mobile-chart-strip[hidden] {
        display: none !important;
      }
      .mobile-chart-strip__head {
        display: flex;
        align-items: baseline;
        justify-content: space-between;
        gap: 0.58rem;
      }
      .mobile-chart-strip__head h3 {
        margin: 0;
        color: #372f25;
        font-size: 0.94rem;
        font-weight: 600;
      }
      .mobile-chart-strip__hint {
        color: #9b8d7b;
        font-size: 0.76rem;
      }
      .mobile-chart-strip__scroll {
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: 6.2rem;
        gap: 0.52rem;
        overflow-x: auto;
        padding-bottom: 0.1rem;
      }
      .mobile-chart-token {
        display: grid;
        gap: 0.18rem;
        padding: 0.62rem 0.58rem;
        border: 1px solid #e8e0d2;
        border-radius: 14px;
        background: #fffcf7;
        color: #342f28;
      }
      .mobile-chart-token.is-current {
        border-color: rgba(184, 148, 77, 0.52);
        background: #f8efe0;
        box-shadow: inset 0 0 0 1px rgba(184, 148, 77, 0.12);
      }
      .mobile-chart-token__year {
        color: #978a78;
        font-size: 0.74rem;
      }
      .mobile-chart-token__main {
        font-size: 0.98rem;
        font-weight: 600;
        color: #2e2a24;
      }
      .mobile-chart-token__sub {
        color: #7a6f62;
        font-size: 0.76rem;
        line-height: 1.45;
      }
      body.mobile-ui-enabled.mobile-page-single #mingbookRoot {
        background: transparent;
        box-shadow: none;
      }
      body.mobile-ui-enabled.mobile-page-single #mingbookRoot .mingbook-inner {
        display: block;
      }
      body.mobile-ui-enabled.mobile-page-single #mingbookRoot .col-chart,
      body.mobile-ui-enabled.mobile-page-single #mobileResultSummary,
      body.mobile-ui-enabled.mobile-page-single .luck-avatar-host,
      body.mobile-ui-enabled.mobile-page-single #btnToggleProChart,
      body.mobile-ui-enabled.mobile-page-single #btnMobileUnlockReading,
      body.mobile-ui-enabled.mobile-page-single #homeConsolePane .reading-moa-wrap {
        display: none !important;
      }
      body.mobile-ui-enabled.mobile-page-single #mingbookRoot .col-text,
      body.mobile-ui-enabled.mobile-page-single .reading-wechat {
        width: 100%;
        max-width: none;
      }
      body.mobile-ui-enabled.mobile-page-single .reading-wechat {
        border: 1px solid var(--mobile-line);
        border-radius: 12px;
        background: #ffffff;
        color: var(--mobile-text);
        box-shadow: 0 8px 20px rgba(84, 70, 45, 0.06);
      }
      body.mobile-ui-enabled.mobile-page-single .reading-wechat__title {
        color: var(--mobile-text);
        font-size: 1rem;
        letter-spacing: 0.04em;
        text-indent: 0;
      }
      body.mobile-ui-enabled.mobile-page-single .reading-wechat__sub {
        color: var(--mobile-muted);
      }
      body.mobile-ui-enabled.mobile-page-single .reading-wechat__stream,
      body.mobile-ui-enabled.mobile-page-single .reading-chat__composer {
        background: #ffffff;
        color: var(--mobile-text);
      }
      body.mobile-ui-enabled.mobile-page-single .reading-body,
      body.mobile-ui-enabled.mobile-page-single .reading-p,
      body.mobile-ui-enabled.mobile-page-single .reading-chat__msg {
        color: var(--mobile-text);
      }
      body.mobile-ui-enabled.mobile-page-single #homeConsolePane .reading-topic-wrap {
        order: 10;
      }
      body.mobile-ui-enabled.mobile-page-single #homeConsolePane .reading-question-wrap {
        order: 20;
      }
      body.mobile-ui-enabled.mobile-page-single #homeConsolePane .cg-actions-main-btns {
        order: 30;
      }
      body.mobile-ui-enabled.mobile-page-single #homeConsolePane .cg-actions-main-btns .ai-reading-item {
        margin-top: 0;
      }
      body.mobile-ui-enabled #appHeader,
      body.mobile-ui-enabled #homeConsolePane,
      body.mobile-ui-enabled #mobileMeasurePane,
      body.mobile-ui-enabled #mobileSingleReadingPane,
      body.mobile-ui-enabled #pairPane,
      body.mobile-ui-enabled #classicsPane,
      body.mobile-ui-enabled #mobileMePane,
      body.mobile-ui-enabled #mingbookRoot,
      body.mobile-ui-enabled #masterIntroBlock {
        display: none !important;
      }
      body.mobile-ui-enabled.mobile-page-home #appHeader {
        display: flex !important;
      }
      body.mobile-ui-enabled.mobile-page-home #homeConsolePane,
      body.mobile-ui-enabled.mobile-page-measure #mobileMeasurePane,
      body.mobile-ui-enabled.mobile-page-single #mobileSingleReadingPane,
      body.mobile-ui-enabled.mobile-page-single #homeConsolePane,
      body.mobile-ui-enabled.mobile-page-single #mingbookRoot,
      body.mobile-ui-enabled.mobile-page-single.mobile-single-mode-pair #pairPane,
      body.mobile-ui-enabled.mobile-page-pair #pairPane,
      body.mobile-ui-enabled.mobile-page-classics #classicsPane,
      body.mobile-ui-enabled.mobile-page-me #mobileMePane {
        display: block !important;
      }
      body.mobile-ui-enabled.mobile-page-single.mobile-single-mode-pair #homeConsolePane,
      body.mobile-ui-enabled.mobile-page-single.mobile-single-mode-pair #mingbookRoot {
        display: none !important;
      }
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot {
        display: block !important;
      }
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot .col-text {
        display: none !important;
      }
      body.mobile-ui-enabled.mobile-page-single #mingbookRoot {
        max-width: 30rem;
        width: 100%;
        margin: 0 auto calc(1.15rem + env(safe-area-inset-bottom));
        padding: 0 1rem 1rem;
        background: transparent;
        min-height: auto;
        overflow: visible;
      }
      body.mobile-ui-enabled.mobile-page-single #mingbookRoot .mingbook-inner {
        display: block !important;
        width: 100%;
        min-height: 0;
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        overflow: visible;
      }
      body.mobile-ui-enabled.mobile-page-single #mingbookRoot .col-text {
        display: block !important;
        width: 100%;
        min-height: auto;
        margin: 0;
        padding: 0;
        background: transparent;
        overflow: visible;
      }
      body.mobile-ui-enabled.mobile-page-single .reading-paper.reading-wechat {
        display: flex !important;
        width: 100%;
        min-height: 26rem;
        margin: 0 0 1rem;
        padding: 1rem;
        overflow: visible;
      }
      body.mobile-ui-enabled.mobile-page-single .reading-wechat__head {
        flex: 0 0 auto;
        margin-bottom: 0.75rem;
        padding-bottom: 0.72rem;
        border-bottom: 1px solid var(--mobile-line);
      }
      body.mobile-ui-enabled.mobile-page-single .reading-wechat__stream {
        display: flex !important;
        flex: 1 1 auto;
        min-height: 14rem;
        max-height: none;
        overflow-y: auto;
        margin: 0 0 0.75rem;
      }
      body.mobile-ui-enabled.mobile-page-single #readingMainSlot.reading-chat__msg.reading-chat__msg--main {
        display: flex !important;
        min-height: 12rem;
        margin: 0;
        padding: 0.85rem 0.9rem;
        border-radius: 12px;
      }
      body.mobile-ui-enabled.mobile-page-single #result {
        display: block !important;
        min-height: 10rem;
        width: 100%;
        opacity: 1;
        overflow: visible;
      }
      body.mobile-ui-enabled.mobile-page-single .reading-wechat__thread {
        display: flex !important;
        flex-direction: column;
        min-height: 0;
      }
      body.mobile-ui-enabled.mobile-page-single .reading-chat__composer {
        display: block !important;
        flex: 0 0 auto;
        margin-top: 0.75rem;
        padding-top: 0;
      }
      body.mobile-ui-enabled.mobile-page-single #readingChatInput {
        display: block !important;
        width: 100%;
        min-height: 3.8rem;
        margin: 0 0 0.65rem;
      }
      body.mobile-ui-enabled.mobile-page-single .reading-chat__row {
        display: flex !important;
        justify-content: flex-end;
      }
      body.mobile-ui-enabled.mobile-page-single #readingChatSend {
        display: inline-flex !important;
        min-width: 4.8rem;
      }
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot {
        max-width: none;
        width: 100%;
        margin: 0;
        padding: 0.46rem 0.72rem calc(1.2rem + env(safe-area-inset-bottom));
        background: var(--moss-light);
        min-height: calc(100dvh - 58px - env(safe-area-inset-bottom));
      }
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot .mingbook-inner {
        display: block;
        min-height: 0;
        max-width: none;
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        overflow: visible;
        font-family: "HarmonyOS Sans", "PingFang SC", "Noto Sans SC", "Microsoft YaHei", sans-serif;
      }
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot .col-chart {
        border: 0;
        border-right: 0;
        border-bottom: 0;
        background: transparent;
        color: #1f2d2d;
        padding: 0;
      }
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartTabNav {
        position: sticky;
        top: calc(env(safe-area-inset-top) + 0.12rem);
        z-index: 6;
        margin: 0 0 0.58rem;
        padding: 0 0 0.26rem;
        border: 0;
        border-bottom: 0;
        border-radius: 0;
        background: var(--moss-light);
        gap: 0.14rem;
        box-shadow: none;
      }
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartTabNav .chart-tab-btn {
        min-height: 32px;
        border-radius: 0;
        border: 0;
        border-bottom: 1.5px solid transparent;
        background: transparent;
        color: #889a9a;
        font-size: 0.8rem;
        font-weight: 600;
        letter-spacing: 0.01em;
        padding: 0.3rem 0.06rem 0.26rem;
      }
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartTabNav .chart-tab-btn.is-active {
        border-bottom-color: var(--moss-main);
        color: var(--moss-main);
        background: transparent;
        box-shadow: none;
      }
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartTabPanes {
        position: relative;
        margin: 0;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        overflow: hidden;
        touch-action: pan-y;
      }
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartBasicInfoPane,
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartBasicPaipanPane,
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartProDetailPane,
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartNotesPane {
        margin: 0;
        padding: 0.08rem 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        overflow: visible;
        will-change: transform, opacity;
      }
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot .chart-tab-pane.is-chart-tab-enter-next {
        animation: chartTabEnterNext 220ms cubic-bezier(0.22, 0.8, 0.26, 1) both;
      }
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot .chart-tab-pane.is-chart-tab-enter-prev {
        animation: chartTabEnterPrev 220ms cubic-bezier(0.22, 0.8, 0.26, 1) both;
      }
      @keyframes chartTabEnterNext {
        from {
          opacity: 0.42;
          transform: translateX(1.4rem);
        }
        to {
          opacity: 1;
          transform: translateX(0);
        }
      }
      @keyframes chartTabEnterPrev {
        from {
          opacity: 0.42;
          transform: translateX(-1.4rem);
        }
        to {
          opacity: 1;
          transform: translateX(0);
        }
      }
      @media (prefers-reduced-motion: reduce) {
        body.mobile-ui-enabled.mobile-page-chart #mingbookRoot .chart-tab-pane.is-chart-tab-enter-next,
        body.mobile-ui-enabled.mobile-page-chart #mingbookRoot .chart-tab-pane.is-chart-tab-enter-prev {
          animation: none;
        }
      }
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartBasicPaipanPane {
        background: #ffffff !important;
      }
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartBasicInfoHost,
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartBasicPaipanGridHost,
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartBasicLuckHost,
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartProGridHost,
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartProShenShaHost,
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartNotesQaLog {
        margin-top: 0.06rem;
      }
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartProShenShaHost {
        display: none !important;
      }
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartProGridHost table.bazi-grid {
        background: transparent;
        border: 0;
        border-collapse: collapse;
        border-spacing: 0;
        margin-bottom: 0.55rem;
      }
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartBasicPaipanPane #chartProGridHost .table-wrap,
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartBasicPaipanPane #chartProGridHost table.bazi-grid {
        background: #ffffff !important;
      }
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartProGridHost table.bazi-grid th,
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartProGridHost table.bazi-grid td {
        border-radius: 0;
        box-shadow: none;
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
      }
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot .table-wrap {
        border: 0;
        border-radius: 0;
        background: #ffffff;
        overflow: hidden;
      }
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot .chart-paipan-main,
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartProGridHost table.bazi-grid {
        border-collapse: collapse;
        border-spacing: 0;
      }
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot .chart-paipan-main th,
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot .chart-paipan-main td,
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartProGridHost table.bazi-grid th,
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartProGridHost table.bazi-grid td {
        border: 0;
        border-right: 0;
        border-bottom: 0;
      }
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot .chart-paipan-main tbody tr:last-child td,
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartProGridHost table.bazi-grid tbody tr:last-child td {
        border-bottom: 0;
      }
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot .chart-paipan-main thead th,
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartProGridHost table.bazi-grid thead th {
        background: #f8fbf6;
        color: #71816e;
        font-weight: 700;
        font-size: 0.74rem;
        letter-spacing: 0.01em;
      }
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot .chart-paipan-main thead th:not(:first-child),
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartProGridHost table.bazi-grid thead th:not(:first-child) {
        color: #74826f;
        font-weight: 700;
        font-size: 0.74rem;
        letter-spacing: 0.01em;
      }
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot .chart-paipan-main .row-h,
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartProGridHost table.bazi-grid td.row-h {
        background: #f3f8f1;
        color: #74826f;
        font-weight: 700;
        font-size: 0.74rem;
        letter-spacing: 0.01em;
      }
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot .chart-paipan-main thead th:first-child,
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartProGridHost table.bazi-grid thead th:first-child {
        color: #7f8b79;
        font-weight: 700;
        font-size: 0.74rem;
        letter-spacing: 0.01em;
      }
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot .chart-paipan-main td,
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartProGridHost table.bazi-grid td {
        font-weight: 500;
        background: #ffffff;
      }
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot .chart-paipan-main .cell-shensha,
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartProGridHost table.bazi-grid .cell-shensha {
        color: #766a52;
        line-height: 1.44;
      }
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot .chart-paipan-main .ganzhi-lg,
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartProGridHost table.bazi-grid .ganzhi-lg {
        font-size: 1.2rem;
        font-weight: 1000;
        line-height: 1.08;
        letter-spacing: 0.02em;
      }
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot .chart-paipan-main .ganzhi-lg span,
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartProGridHost table.bazi-grid .ganzhi-lg span {
        font-weight: 1000 !important;
        font-size: 1em;
      }
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot .chart-paipan-main tbody tr:nth-child(odd) td:not(.row-h),
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartProGridHost table.bazi-grid tbody tr:nth-child(odd) td:not(.row-h) {
        background: #fbfdf8;
      }
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot .chart-paipan-main tbody tr:nth-child(even) td:not(.row-h),
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartProGridHost table.bazi-grid tbody tr:nth-child(even) td:not(.row-h) {
        background: #f6faf3;
      }
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartBasicPaipanPane #chartProGridHost table.bazi-grid tbody tr:nth-child(odd) td {
        background: #ffffff !important;
      }
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartBasicPaipanPane #chartProGridHost table.bazi-grid tbody tr:nth-child(even) td {
        background: #f2f6f1 !important;
      }
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot .chart-basic-luck-meta {
        margin: 0.28rem 0 0.06rem;
        color: #6f806d;
      }
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot .chart-basic-luck-meta--current {
        display: none !important;
      }
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot .chart-basic-luck-meta b {
        color: #4b6349;
      }
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot .chart-basic-strip {
        grid-template-columns: 2.2rem 1fr;
        gap: 0.3rem;
        margin-top: 0.18rem;
        padding: 0.06rem 0;
        border-radius: 0;
        border: 0;
        border-top: 0;
        background: transparent;
        align-items: center;
      }
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot .chart-basic-strip__label {
        border: 0;
        border-radius: 0;
        background: transparent;
        color: #4b6349;
        font-weight: 700;
        justify-content: flex-start;
      }
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot .chart-basic-strip__scroll {
        border: 0;
        border-radius: 0;
        background: transparent;
        padding: 0.04rem 0.02rem 0.1rem;
        min-height: auto;
        gap: 0.18rem;
        overflow-x: auto;
        overflow-y: hidden;
        flex-wrap: nowrap;
        white-space: nowrap;
        scrollbar-width: none;
        -ms-overflow-style: none;
      }
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot .chart-basic-strip__scroll::-webkit-scrollbar {
        display: none;
        width: 0;
        height: 0;
      }
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot .chart-basic-chip {
        flex: 0 0 auto;
        min-width: 2.24rem;
        min-height: 2.18rem;
        padding: 0.14rem 0.14rem;
        border-radius: 8px;
        border: 0;
        background: #eef5eb;
        box-shadow: none;
        color: #354936;
      }
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot .chart-basic-chip b {
        color: #4b6349;
      }
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot .chart-basic-chip.is-current {
        background: #4b6349;
        color: #ffffff;
        box-shadow: 0 8px 18px rgba(53, 73, 54, 0.18);
      }
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot .chart-basic-chip.is-current b,
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot .chart-basic-chip.is-current .wuxing-huo,
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot .chart-basic-chip.is-current .wuxing-mu,
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot .chart-basic-chip.is-current .wuxing-shui,
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot .chart-basic-chip.is-current .wuxing-tu,
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot .chart-basic-chip.is-current .wuxing-jin {
        color: #ffffff !important;
      }
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartProShenShaHost {
        display: grid;
        gap: 0.44rem;
        margin-top: 0.36rem;
      }
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot .chart-pro-block,
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot .chart-info-card,
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot .chart-notes-block,
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot .chart-notes-qa-item,
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartNotesEmpty {
        border: 0;
        border-top: 0;
        border-radius: 0;
        background: #ffffff;
        box-shadow: none;
        padding-left: 0;
        padding-right: 0;
      }
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot .chart-pro-title {
        color: #4b6349;
        font-weight: 700;
      }
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot .ss-tag {
        display: inline;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        padding: 0 !important;
        margin-right: 0.22rem;
        margin-top: 0;
      }
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot .ss-tone-noble {
        color: #3E8A5A !important;
      }
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot .ss-tone-study {
        color: #3C8296 !important;
      }
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot .ss-tone-power {
        color: #9A7628 !important;
      }
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot .ss-tone-love-good {
        color: #B9657C !important;
      }
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot .ss-tone-love-block {
        color: #806A91 !important;
      }
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot .ss-tone-bad {
        color: #B35A55 !important;
      }
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot .ss-tone-neutral {
        color: #758686 !important;
      }
      body.mobile-ui-enabled.mobile-page-chart #mingbookRoot .cell-shensha {
        background: transparent !important;
      }
      body.mobile-ui-enabled.mobile-page-home .hero__tagline,
      body.mobile-ui-enabled.mobile-page-home .hero__clock {
        display: none !important;
      }
      body.mobile-ui-enabled.mobile-page-home .mobile-home-luck,
      body.mobile-ui-enabled.mobile-page-home #mobileHomeLuckEntry,
      body.mobile-ui-enabled.mobile-page-home #mobileHomeLuckBody {
        display: none !important;
      }
      body.mobile-ui-enabled.mobile-page-home {
        background: #ffffff !important;
      }
      body.mobile-ui-enabled.mobile-page-home::before,
      body.mobile-ui-enabled.mobile-page-home::after {
        display: none;
      }
      body.mobile-ui-enabled.mobile-page-home #siteHeaderZone {
        max-width: none;
        width: 100%;
        padding: 0;
        overflow: visible;
      }
      body.mobile-ui-enabled.mobile-page-home .hero {
        position: relative;
        isolation: isolate;
        padding: 0;
        min-height: 8.8rem;
        background:
          radial-gradient(120% 74% at 20% -8%, rgba(255, 255, 255, 0.24) 0%, rgba(255, 255, 255, 0) 56%),
          radial-gradient(96% 66% at 80% 10%, rgba(198, 164, 93, 0.12) 0%, rgba(198, 164, 93, 0) 62%),
          linear-gradient(150deg, #6f8668 0%, #4b6349 50%, #354936 100%);
        border-radius: 0 0 1.2rem 1.2rem;
        overflow: hidden;
        box-shadow:
          0 12px 26px rgba(53, 73, 54, 0.16),
          inset 0 -1px 0 rgba(255, 255, 255, 0.08);
      }
      body.mobile-ui-enabled.mobile-page-home .hero::before {
        display: none;
      }
      body.mobile-ui-enabled.mobile-page-home .hero::after {
        display: none;
      }
      body.mobile-ui-enabled.mobile-page-home .hero__ambient,
      body.mobile-ui-enabled.mobile-page-home .hero__taiji {
        display: none !important;
      }
      body.mobile-ui-enabled.mobile-page-home .hero__inner {
        position: relative;
        z-index: 2;
        max-width: none;
        width: 100%;
        min-height: 8.8rem;
        padding: 0.84rem 1rem 1.35rem;
        box-sizing: border-box;
      }
      body.mobile-ui-enabled.mobile-page-home .hero__title {
        display: block !important;
        width: 100%;
        color: rgba(255, 255, 255, 0.95) !important;
        text-align: center;
        font-family: "Ma Shan Zheng", "KaiTi", "STKaiti", "Songti SC", serif !important;
        font-size: clamp(2rem, 10.4vw, 2.7rem) !important;
        font-weight: 400 !important;
        letter-spacing: 0.18em;
        text-indent: 0.18em;
        text-shadow: 0 2px 10px rgba(0, 0, 0, 0.18);
      }
      body.mobile-ui-enabled.mobile-page-home .mobile-home-topcard {
        display: block;
      }
      body.mobile-ui-enabled.mobile-page-home .mobile-home-cal-only {
        display: inline-flex;
      }
      body.mobile-ui-enabled.mobile-page-home .mobile-home-save-row {
        display: flex;
      }
      body.mobile-ui-enabled.mobile-page-home .mobile-home-disclaimer {
        display: block;
      }
      body.mobile-ui-enabled.mobile-page-home .mobile-home-info-list {
        display: grid;
        gap: 0;
        margin-top: 0.12rem;
        border-top: 1px solid #e5f2f2;
        border-bottom: 1px solid #e5f2f2;
      }
      body.mobile-ui-enabled.mobile-page-home #homeConsolePane .cg-r1-gen,
      body.mobile-ui-enabled.mobile-page-home #homeConsolePane .cg-r1-cal,
      body.mobile-ui-enabled.mobile-page-home #homeConsolePane #solarDateField,
      body.mobile-ui-enabled.mobile-page-home #homeConsolePane #lunarFields,
      body.mobile-ui-enabled.mobile-page-home #homeConsolePane .time-cell,
      body.mobile-ui-enabled.mobile-page-home #homeConsolePane #cgBaziManualBlock,
      body.mobile-ui-enabled.mobile-page-home #homeConsolePane .cg-place-rest {
        display: none !important;
      }
      body.mobile-ui-enabled.mobile-page-home .mobile-home-topform-row {
        display: grid;
        grid-template-columns: 1fr;
        gap: 0.8rem;
        align-items: stretch;
        margin-bottom: 0.18rem;
      }
      body.mobile-ui-enabled.mobile-page-home .mobile-home-compact-row {
        display: grid;
        grid-template-columns: minmax(96px, 0.8fr) minmax(170px, 1.2fr);
        gap: 10px;
        align-items: end;
      }
      body.mobile-ui-enabled.mobile-page-home #homeConsolePane .cg-r1-name {
        margin-bottom: 0;
      }
      body.mobile-ui-enabled.mobile-page-home #homeConsolePane .cg-r1-name input {
        width: 100%;
        min-height: 3.25rem;
        padding-top: 0.82rem;
        padding-bottom: 0.82rem;
      }
      body.mobile-ui-enabled.mobile-page-home .mobile-home-seg-field > label {
        display: block;
        margin-bottom: 0.34rem;
        font-size: 0.74rem;
        color: #5a8483;
      }
      body.mobile-ui-enabled.mobile-page-home .mobile-home-seg-field {
        min-width: 0;
      }
      body.mobile-ui-enabled.mobile-page-home .mobile-home-gender-seg {
        width: 100%;
        min-width: 0;
        max-width: none;
      }
      body.mobile-ui-enabled.mobile-page-home .mobile-home-seg {
        display: flex;
        align-items: center;
        height: 44px;
        min-height: 44px;
        border: 1px solid var(--moss-line);
        border-radius: 999px;
        padding: 2px;
        box-sizing: border-box;
        background: var(--moss-light);
        overflow: hidden;
      }
      body.mobile-ui-enabled.mobile-page-home .mobile-home-seg button {
        flex: 1 1 0;
        min-width: 0;
        height: 100%;
        border: 0;
        background: transparent;
        color: #5a7f83;
        font-size: 15px;
        font-weight: 600;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        white-space: nowrap;
        text-align: center;
      }
      body.mobile-ui-enabled.mobile-page-home .mobile-home-seg button.is-active,
      body.mobile-ui-enabled.mobile-page-home .mobile-home-seg button.active {
        background: var(--moss-main);
        color: #fff;
      }
      body.mobile-ui-enabled.mobile-page-home .mobile-home-seg-field--calendar .mobile-home-seg {
        width: 100%;
        min-width: 0;
        max-width: none;
      }
      body.mobile-ui-enabled.mobile-page-home .mobile-home-info-row {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.8rem;
        padding: 0.94rem 0.1rem;
        border: 0;
        border-top: 1px solid #eef6f6;
        background: transparent;
        color: #222222;
        box-shadow: none;
      }
      body.mobile-ui-enabled.mobile-page-home .mobile-home-info-row:first-child {
        border-top: 0;
      }
      body.mobile-ui-enabled.mobile-page-home .mobile-home-info-row__label {
        flex: 0 0 auto;
        min-width: 4.7rem;
        font-size: 0.9rem;
        font-weight: 700;
        color: #222222;
        text-align: left;
      }
      body.mobile-ui-enabled.mobile-page-home .mobile-home-info-row__value {
        min-width: 0;
        flex: 1 1 auto;
        font-size: 0.9rem;
        line-height: 1.45;
        color: #90a4a4;
        text-align: right;
      }
      body.mobile-ui-enabled.mobile-page-home .mobile-home-info-row__arrow {
        flex: 0 0 auto;
        color: #7ba7a6;
        font-size: 1.2rem;
        line-height: 1;
      }
      body.mobile-ui-enabled .birth-sheet-backdrop {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 180;
        background: rgba(0, 0, 0, 0.28);
        backdrop-filter: blur(4px);
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.2s ease;
      }
      body.mobile-ui-enabled .birth-sheet-backdrop.is-opening,
      body.mobile-ui-enabled .birth-sheet-backdrop.is-open {
        opacity: 1;
        pointer-events: auto;
      }
      body.mobile-ui-enabled .birth-sheet-backdrop.is-closing {
        opacity: 0;
        pointer-events: none;
      }
      body.mobile-ui-enabled #birthPlaceSheetBackdrop {
        background: rgba(0, 0, 0, 0.28);
      }
      @keyframes birthSheetUp {
        from {
          transform: translateY(100%);
          opacity: 0;
        }
        to {
          transform: translateY(0);
          opacity: 1;
        }
      }
      @keyframes birthSheetDown {
        from {
          transform: translateY(0);
          opacity: 1;
        }
        to {
          transform: translateY(100%);
          opacity: 0;
        }
      }
      body.mobile-ui-enabled .birth-sheet {
        position: fixed;
        inset: auto 0 0;
        z-index: 181;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        padding: 0;
        overflow: hidden;
      }
      body.mobile-ui-enabled .birth-sheet__panel {
        width: min(100%, 32rem);
        border-radius: 24px 24px 0 0;
        background: #ffffff;
        box-shadow: 0 -16px 34px rgba(31, 157, 154, 0.14);
        height: 56vh;
        min-height: 52vh;
        max-height: 58vh;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        animation: none;
        transform-origin: bottom center;
      }
      body.mobile-ui-enabled .birth-sheet.is-opening .birth-sheet__panel {
        animation: birthSheetUp 0.22s ease-out both;
      }
      body.mobile-ui-enabled .birth-sheet.is-closing .birth-sheet__panel {
        animation: birthSheetDown 0.22s ease-in both;
      }
      body.mobile-ui-enabled .birth-place-sheet .birth-sheet__panel {
        box-shadow: 0 -12px 32px rgba(0, 0, 0, 0.16);
      }
      body.mobile-ui-enabled .birth-place-sheet .birth-sheet__body {
        padding-bottom: calc(0.55rem + env(safe-area-inset-bottom));
      }
      body.mobile-ui-enabled .birth-sheet__grab {
        width: 3.1rem;
        height: 0.28rem;
        border-radius: 999px;
        background: #d6eeee;
        margin: 0.65rem auto 0.4rem;
      }
      body.mobile-ui-enabled .birth-sheet__head {
        display: grid;
        grid-template-columns: 3.6rem 1fr 3.6rem;
        align-items: center;
        gap: 0.4rem;
        padding: 0.2rem 0.95rem 0.7rem;
        border-bottom: 1px solid #e6f4f4;
      }
      body.mobile-ui-enabled .birth-sheet__head-btn {
        border: 0;
        background: transparent;
        color: #6d7f7f;
        font-size: 0.92rem;
        padding: 0.2rem 0;
      }
      body.mobile-ui-enabled .birth-sheet__head-btn--primary {
        color: var(--moss-main);
        font-weight: 700;
      }
      body.mobile-ui-enabled .birth-sheet__title {
        margin: 0;
        text-align: center;
        color: #222222;
        font-size: 0.98rem;
        letter-spacing: 0.06em;
      }
      body.mobile-ui-enabled .birth-sheet__body {
        flex: 1 1 auto;
        min-height: 0;
        overflow-y: auto;
        padding: 0.6rem 0.95rem calc(0.8rem + env(safe-area-inset-bottom));
      }
      body.mobile-ui-enabled .birth-sheet__mode {
        display: grid;
        gap: 0.45rem;
      }
      body.mobile-ui-enabled .birth-date-sheet__content,
      body.mobile-ui-enabled .birth-place-sheet__content {
        display: grid;
        gap: 0.55rem;
        min-height: 0;
      }
      body.mobile-ui-enabled .birth-date-sheet__content .birth-wheel-grid,
      body.mobile-ui-enabled .birth-place-sheet .birth-wheel-grid {
        position: relative;
        perspective: 900px;
        perspective-origin: 50% 50%;
        overflow: hidden;
      }
      body.mobile-ui-enabled .birth-date-sheet__content .birth-wheel-grid::before,
      body.mobile-ui-enabled .birth-place-sheet .birth-wheel-grid::before {
        display: none;
      }
      body.mobile-ui-enabled .birth-date-sheet__content .birth-wheel {
        padding-top: 0.08rem;
        padding-bottom: 0.08rem;
      }
      body.mobile-ui-enabled .birth-date-sheet__content .birth-wheel__item {
        scroll-snap-align: center;
      }
      body.mobile-ui-enabled .birth-date-sheet__content .birth-wheel__item.is-selected {
        background: transparent;
      }
      body.mobile-ui-enabled .birth-place-sheet .birth-wheel {
        position: relative;
      }
      body.mobile-ui-enabled .birth-place-sheet .birth-wheel::before {
        display: none;
      }
      body.mobile-ui-enabled .birth-place-sheet .birth-wheel::after {
        background:
          linear-gradient(to bottom,
            rgba(255, 255, 255, 1) 0%,
            rgba(255, 255, 255, 0) 22%,
            rgba(255, 255, 255, 0) 78%,
            rgba(255, 255, 255, 1) 100%);
      }
      body.mobile-ui-enabled .birth-place-sheet .birth-wheel {
        background: #ffffff;
      }
      body.mobile-ui-enabled .birth-date-sheet__pane,
      body.mobile-ui-enabled .birth-place-sheet__pane {
        display: grid;
        gap: 0.8rem;
        min-height: 0;
      }
      body.mobile-ui-enabled .birth-date-sheet__pane[hidden],
      body.mobile-ui-enabled .birth-place-sheet__pane[hidden] {
        display: none !important;
      }
      body.mobile-ui-enabled .birth-wheel-grid {
        display: grid;
        gap: 0.5rem;
        transform-style: preserve-3d;
      }
      body.mobile-ui-enabled .birth-wheel-grid--date {
        grid-template-columns: repeat(5, minmax(0, 1fr));
      }
      body.mobile-ui-enabled .birth-wheel-grid--place {
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }
      body.mobile-ui-enabled .birth-wheel-column {
        --birth-wheel-item-height: 40px;
        --birth-wheel-frame-height: 204px;
        --birth-wheel-label-height: 18px;
        --birth-wheel-column-gap: 0.34rem;
        position: relative;
        display: grid;
        gap: var(--birth-wheel-column-gap);
        perspective: 900px;
        perspective-origin: 50% 50%;
        overflow: hidden;
      }
      body.mobile-ui-enabled .birth-wheel-column::after {
        display: none;
      }
      body.mobile-ui-enabled .birth-wheel-label {
        margin: 0;
        text-align: center;
        color: #5a8483;
        font-size: 0.76rem;
        letter-spacing: 0.04em;
      }
      body.mobile-ui-enabled .birth-wheel {
        position: relative;
        isolation: isolate;
        height: var(--birth-wheel-frame-height);
        overflow-y: auto;
        overflow-x: hidden;
        border: 0;
        border-radius: 0;
        background: transparent;
        padding: calc((var(--birth-wheel-frame-height) - var(--birth-wheel-item-height)) / 2) 0;
        box-sizing: border-box;
        scroll-snap-type: none;
        scroll-behavior: auto;
        overscroll-behavior-y: contain;
        touch-action: pan-y;
        -webkit-overflow-scrolling: touch;
        transform-style: preserve-3d;
        scrollbar-width: none;
        -ms-overflow-style: none;
      }
      body.mobile-ui-enabled .birth-wheel::before {
        content: "";
        position: absolute;
        left: 0.28rem;
        right: 0.28rem;
        top: 50%;
        height: var(--birth-wheel-item-height);
        transform: translateY(-50%);
        border: 1px solid #E2EEEE;
        background: rgba(238, 247, 247, 0.96);
        border-radius: 11px;
        pointer-events: none;
        z-index: 1;
      }
      body.mobile-ui-enabled .birth-wheel::after {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background:
          linear-gradient(to bottom,
            rgba(247, 255, 255, 1) 0%,
            rgba(247, 255, 255, 0) 22%,
            rgba(247, 255, 255, 0) 78%,
            rgba(247, 255, 255, 1) 100%);
        z-index: 0;
      }
      body.mobile-ui-enabled .birth-wheel::-webkit-scrollbar {
        width: 0;
        height: 0;
        display: none;
      }
      body.mobile-ui-enabled .birth-wheel__item {
        position: relative;
        z-index: 2;
        display: flex;
        align-items: center;
        justify-content: center;
        transform-origin: 50% 50%;
        width: 100%;
        height: var(--birth-wheel-item-height);
        border: 0;
        background: transparent !important;
        -webkit-appearance: none;
        appearance: none;
        border-radius: 0;
        box-shadow: none;
        outline: none;
        padding: 0;
        margin: 0;
        color: #7b8f8f;
        font-size: 18px;
        font-weight: 400;
        line-height: 1;
        scroll-snap-align: center;
        transition: transform 0.14s ease, opacity 0.14s ease, color 0.14s ease, font-size 0.14s ease;
        will-change: transform, opacity;
        backface-visibility: hidden;
        -webkit-tap-highlight-color: transparent;
      }
      body.mobile-ui-enabled .birth-wheel__item.is-selected {
        color: #354936;
        font-size: 22px;
        font-weight: 800;
        background: transparent !important;
        transform: translateZ(24px) scale(1);
        opacity: 1;
        z-index: 4;
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
      }
      body.mobile-ui-enabled .birth-wheel__item.is-near {
        color: #6f8484;
        font-size: 18.5px;
        font-weight: 400;
        transform: rotateX(18deg) translateZ(8px) scale(0.9);
        opacity: 0.62;
        z-index: 3;
      }
      body.mobile-ui-enabled .birth-wheel__item.is-far {
        color: #8ca0a0;
        font-size: 16px;
        font-weight: 400;
        transform: rotateX(32deg) translateZ(-10px) scale(0.78);
        opacity: 0.3;
        z-index: 2;
      }
      body.mobile-ui-enabled .birth-wheel__item.is-edge {
        color: #b0bcbc;
        font-size: 16px;
        font-weight: 400;
        transform: rotateX(45deg) translateZ(-24px) scale(0.7);
        opacity: 0.12;
        z-index: 1;
      }
      body.mobile-ui-enabled .birth-wheel__item.is-selected[data-wheel-kind="stem"] { color: #2b9a59; }
      body.mobile-ui-enabled .birth-wheel__item.is-selected[data-wheel-kind="branch"] { color: #3575c3; }
      body.mobile-ui-enabled .birth-place-sheet__extras {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 0.3rem 0.65rem;
        padding-top: 0;
      }
      body.mobile-ui-enabled .birth-place-sheet .birth-wheel {
        scroll-snap-type: none;
      }
      body.mobile-ui-enabled .birth-place-sheet .birth-wheel__item {
        scroll-snap-align: none;
      }
      body.mobile-ui-enabled .birth-place-sheet .birth-wheel__item.is-selected {
        background: transparent;
      }
      body.mobile-ui-enabled .birth-place-sheet__switch-row {
        display: inline-flex;
        align-items: center;
        justify-content: flex-start;
        gap: 0.45rem;
        padding: 0;
        flex: 0 0 auto;
      }
      body.mobile-ui-enabled .birth-place-sheet__switch-label {
        color: #222222;
        font-size: 0.92rem;
        font-weight: 700;
      }
      body.mobile-ui-enabled .birth-place-sheet__coord {
        display: inline-flex;
        align-items: center;
        color: #7b8f8f;
        font-size: 0.8rem;
        line-height: 1.25;
        white-space: nowrap;
        margin: 0;
        flex: 1 1 auto;
      }
      body.mobile-ui-enabled .birth-place-sheet .birth-wheel {
        --birth-wheel-frame-height: 204px;
      }
      body.mobile-ui-enabled .birth-place-sheet .birth-wheel-column {
        --birth-wheel-frame-height: 204px;
      }
      body.mobile-ui-enabled .birth-place-sheet__pane {
        gap: 0.34rem;
      }
      body.mobile-ui-enabled .birth-sheet__mode .micro-field {
        width: 100%;
        margin: 0 0 0.9rem;
      }
      body.mobile-ui-enabled .birth-sheet__mode .micro-field > label {
        display: none;
      }
      body.mobile-ui-enabled .birth-sheet__mode .mobile-home-seg {
        width: 100%;
      }
      body.mobile-ui-enabled .birth-sheet__content .micro-field,
      body.mobile-ui-enabled .birth-sheet__content .cg-place-rest,
      body.mobile-ui-enabled .birth-sheet__content .time-cell,
      body.mobile-ui-enabled .birth-sheet__content .cg-bazi-manual-shell {
        margin-bottom: 0.65rem;
      }
      body.mobile-ui-enabled .birth-sheet__content .cg-place-rest {
        padding-top: 0.1rem;
      }
      body.mobile-ui-enabled .birth-sheet__content .cg-bazi-manual-shell > label {
        margin-bottom: 0.45rem;
      }
      body.mobile-ui-enabled .birth-sheet__content #baziManualInput {
        display: none;
      }
      body.mobile-ui-enabled .birth-sheet__content .cg-bazi-manual__controls {
        grid-template-columns: 1fr;
      }
      body.mobile-ui-enabled .birth-sheet__content #btnBaziLookup {
        width: 100%;
        min-height: 2.8rem;
      }
      body.mobile-ui-enabled .birth-bazi-picker {
        display: grid;
        gap: 0.8rem;
        margin-bottom: 0.8rem;
      }
      body.mobile-ui-enabled .birth-bazi-picker__slots {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 0.55rem;
      }
      body.mobile-ui-enabled .birth-bazi-picker__pillar {
        display: grid;
        gap: 0.32rem;
      }
      body.mobile-ui-enabled .birth-bazi-picker__pillar b {
        font-size: 0.76rem;
        color: #5a8483;
      }
      body.mobile-ui-enabled .birth-bazi-picker__slot {
        min-height: 2.35rem;
        border-radius: 12px;
        border: 1px solid #d6eeee;
        background: #ffffff;
        color: #222222;
        font-size: 0.95rem;
        font-weight: 700;
      }
      body.mobile-ui-enabled .birth-bazi-picker__slot.is-active {
        border-color: #2aa7a5;
        box-shadow: inset 0 0 0 1px rgba(42, 167, 165, 0.18);
        background: #eaffff;
      }
      body.mobile-ui-enabled .birth-bazi-picker__group {
        display: grid;
        gap: 0.42rem;
      }
      body.mobile-ui-enabled .birth-bazi-picker__group h4 {
        margin: 0;
        font-size: 0.78rem;
        color: #5a8483;
      }
      body.mobile-ui-enabled .birth-bazi-picker__grid {
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 0.46rem;
      }
      body.mobile-ui-enabled .birth-bazi-picker__grid--branch {
        grid-template-columns: repeat(4, minmax(0, 1fr));
      }
      body.mobile-ui-enabled .birth-bazi-picker__token,
      body.mobile-ui-enabled .birth-bazi-picker__action {
        min-height: 2.5rem;
        border-radius: 12px;
        border: 1px solid #d6eeee;
        background: #ffffff;
        font-size: 0.94rem;
        font-weight: 700;
        color: #222222;
      }
      body.mobile-ui-enabled .birth-bazi-picker__token.is-selected {
        border-color: #2aa7a5;
        background: #eaffff;
      }
      body.mobile-ui-enabled .birth-bazi-picker__token--mu { color: #2b9a59; }
      body.mobile-ui-enabled .birth-bazi-picker__token--huo { color: #d55050; }
      body.mobile-ui-enabled .birth-bazi-picker__token--tu { color: #aa7c36; }
      body.mobile-ui-enabled .birth-bazi-picker__token--jin { color: #8b8f98; }
      body.mobile-ui-enabled .birth-bazi-picker__token--shui { color: #3575c3; }
      body.mobile-ui-enabled .birth-bazi-picker__actions {
        display: flex;
        justify-content: flex-end;
        gap: 0.52rem;
      }
      body.mobile-ui-enabled.mobile-page-home .mobile-home-topcard__main {
        display: grid;
        grid-template-columns: 92px 1fr;
        gap: 0.9rem;
        align-items: center;
      }
      body.mobile-ui-enabled.mobile-page-home .mobile-home-topcard__icon {
        width: 92px;
        height: 92px;
        border-radius: 50%;
        display: grid;
        place-items: center;
        background: rgba(255, 255, 255, 0.16);
        position: relative;
        border: 1px solid rgba(255, 255, 255, 0.28);
      }
      body.mobile-ui-enabled.mobile-page-home .mobile-home-topcard__icon-ring {
        position: absolute;
        inset: 10px;
        border-radius: 50%;
        border: 1px solid rgba(255, 255, 255, 0.36);
      }
      body.mobile-ui-enabled.mobile-page-home .mobile-home-topcard__icon-core {
        position: relative;
        z-index: 1;
        font-size: 1.3rem;
        font-weight: 700;
        color: rgba(255, 255, 255, 0.95);
        letter-spacing: 0.2em;
        text-indent: 0.2em;
      }
      body.mobile-ui-enabled.mobile-page-home .mobile-home-topcard__content {
        min-width: 0;
      }
      body.mobile-ui-enabled.mobile-page-home .mobile-home-topcard__now,
      body.mobile-ui-enabled.mobile-page-home .mobile-home-topcard__line {
        margin: 0;
        color: rgba(255, 255, 255, 0.94);
      }
      body.mobile-ui-enabled.mobile-page-home .mobile-home-topcard__now {
        font-size: 0.98rem;
        font-weight: 700;
      }
      body.mobile-ui-enabled.mobile-page-home .mobile-home-topcard__line {
        margin-top: 0.34rem;
        font-size: 0.8rem;
        line-height: 1.55;
      }
      body.mobile-ui-enabled.mobile-page-home .mobile-home-topcard__pillars {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 0.42rem;
        margin-top: 0.82rem;
      }
      body.mobile-ui-enabled.mobile-page-home .mobile-home-topcard__pillars span {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 2.35rem;
        border-radius: 14px;
        background: rgba(255, 255, 255, 0.16);
        border: 1px solid rgba(255, 255, 255, 0.28);
        color: rgba(255, 255, 255, 0.96);
        font-size: 1rem;
        font-weight: 700;
        letter-spacing: 0.08em;
      }
      body.mobile-ui-enabled.mobile-page-home #homeConsolePane {
        position: relative;
        z-index: 2;
        margin: -1.35rem 0.96rem 0;
        padding: 0 !important;
        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        overflow: visible !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
      }
      body.mobile-ui-enabled.mobile-page-home #homeConsolePane::before {
        content: "";
        position: absolute;
        left: -0.72rem;
        right: -0.72rem;
        top: 0.35rem;
        height: 6.2rem;
        pointer-events: none;
        border-radius: 1.7rem;
        background:
          radial-gradient(70% 92% at 0% 42%, rgba(75, 99, 73, 0.12) 0%, rgba(75, 99, 73, 0.055) 34%, rgba(75, 99, 73, 0) 72%),
          radial-gradient(70% 92% at 100% 42%, rgba(75, 99, 73, 0.12) 0%, rgba(75, 99, 73, 0.055) 34%, rgba(75, 99, 73, 0) 72%),
          linear-gradient(180deg, rgba(53, 73, 54, 0.08), rgba(53, 73, 54, 0));
        filter: blur(10px);
        opacity: 0.72;
        z-index: -1;
      }
      body.mobile-ui-enabled.mobile-page-home #homeConsolePane .console-shell.cg-shell {
        border: 1px solid var(--moss-line);
        border-radius: 18px;
        background: #ffffff;
        box-shadow:
          0 18px 34px rgba(53, 73, 54, 0.105),
          0 2px 8px rgba(53, 73, 54, 0.045);
        padding: 1rem 0.96rem 1.1rem;
        position: relative;
        z-index: 1;
      }
      body.mobile-ui-enabled.mobile-page-home #homeConsolePane .cg-r1-name {
        margin-bottom: 0.14rem;
      }
      body.mobile-ui-enabled.mobile-page-home #homeConsolePane .cg-r1-name input {
        min-height: 2.9rem;
        padding-top: 0.72rem;
        padding-bottom: 0.72rem;
      }
      body.mobile-ui-enabled.mobile-page-home #homeConsolePane .micro-field > label,
      body.mobile-ui-enabled.mobile-page-home #homeConsolePane .geo-lbl,
      body.mobile-ui-enabled.mobile-page-home #homeConsolePane .place-heading,
      body.mobile-ui-enabled.mobile-page-home #homeConsolePane .reading-question-label,
      body.mobile-ui-enabled.mobile-page-home #homeConsolePane .reading-topic-legend {
        color: #5a8483;
      }
      body.mobile-ui-enabled.mobile-page-home #homeConsolePane input,
      body.mobile-ui-enabled.mobile-page-home #homeConsolePane select,
      body.mobile-ui-enabled.mobile-page-home #homeConsolePane textarea,
      body.mobile-ui-enabled.mobile-page-home #homeConsolePane .geo-dd__trigger,
      body.mobile-ui-enabled.mobile-page-home #homeConsolePane #ziSectSel,
      body.mobile-ui-enabled.mobile-page-home #homeConsolePane .geo-inline-coord {
        border-color: var(--moss-line) !important;
        background: #ffffff !important;
        color: #222222 !important;
        box-shadow: none !important;
      }
      body.mobile-ui-enabled.mobile-page-home #homeConsolePane input:focus,
      body.mobile-ui-enabled.mobile-page-home #homeConsolePane select:focus,
      body.mobile-ui-enabled.mobile-page-home #homeConsolePane textarea:focus,
      body.mobile-ui-enabled.mobile-page-home #homeConsolePane .geo-dd__trigger:focus,
      body.mobile-ui-enabled.mobile-page-home #homeConsolePane #ziSectSel:focus {
        border-color: var(--moss-main) !important;
        box-shadow: 0 0 0 2px rgba(75, 99, 73, 0.12) !important;
      }
      body.mobile-ui-enabled.mobile-page-home #homeConsolePane .geo-inline-coord,
      body.mobile-ui-enabled.mobile-page-home #homeConsolePane .geo-auto-hint {
        color: #777777 !important;
      }
      body.mobile-ui-enabled.mobile-page-home #homeConsolePane .seg {
        border: 1px solid var(--moss-line);
        background: #f7ffff;
        border-radius: 999px;
        padding: 0.18rem;
      }
      body.mobile-ui-enabled.mobile-page-home #homeConsolePane .seg button {
        border-radius: 999px;
        color: #5c7a79;
      }
      body.mobile-ui-enabled.mobile-page-home #homeConsolePane .seg button.active {
        background: var(--moss-main);
        color: #ffffff;
        box-shadow: none;
      }
      body.mobile-ui-enabled.mobile-page-home #homeConsolePane .time-row,
      body.mobile-ui-enabled.mobile-page-home #homeConsolePane .solar-select-row,
      body.mobile-ui-enabled.mobile-page-home #homeConsolePane .lunar-select-row,
      body.mobile-ui-enabled.mobile-page-home #homeConsolePane .cg-geo-dd-row {
        gap: 0.55rem;
      }
      body.mobile-ui-enabled.mobile-page-home #homeConsolePane .cg-place-subrow--solar {
        margin-top: 0.85rem;
        gap: 0.8rem;
      }
      body.mobile-ui-enabled.mobile-page-home #homeConsolePane .cg-solar-slot--zi {
        display: none !important;
      }
      body.mobile-ui-enabled.mobile-page-home #homeConsolePane .cg-bazi-manual-shell {
        border: 1px solid var(--moss-line);
        border-radius: 16px;
        background: #faffff;
        padding: 0.8rem;
      }
      body.mobile-ui-enabled.mobile-page-home #homeConsolePane .cg-bazi-manual__controls button,
      body.mobile-ui-enabled.mobile-page-home #homeConsolePane .cg-bazi-manual__controls #btnBaziLookup {
        border: 0;
        border-radius: 12px;
        background: var(--moss-main);
        color: #fff;
        box-shadow: none;
      }
      body.mobile-ui-enabled.mobile-page-home .mobile-home-save-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.75rem;
        margin-top: 0.3rem;
        padding-top: 0.2rem;
      }
      body.mobile-ui-enabled.mobile-page-home .mobile-home-save-row__label {
        color: #5a8483;
        font-size: 0.86rem;
        font-weight: 600;
      }
      body.mobile-ui-enabled.mobile-page-home .mobile-home-switch {
        display: inline-flex;
        align-items: center;
        cursor: pointer;
      }
      body.mobile-ui-enabled.mobile-page-home .mobile-home-switch input {
        position: absolute;
        opacity: 0;
        pointer-events: none;
      }
      body.mobile-ui-enabled.mobile-page-home .mobile-home-switch__track {
        position: relative;
        width: 3rem;
        height: 1.72rem;
        border-radius: 999px;
        background: var(--moss-light);
        transition: background 0.2s ease;
      }
      body.mobile-ui-enabled.mobile-page-home .mobile-home-switch__thumb {
        position: absolute;
        top: 0.15rem;
        left: 0.16rem;
        width: 1.42rem;
        height: 1.42rem;
        border-radius: 50%;
        background: #ffffff;
        box-shadow: 0 2px 8px rgba(18, 82, 83, 0.18);
        transition: transform 0.2s ease;
      }
      body.mobile-ui-enabled.mobile-page-home .mobile-home-switch input:checked + .mobile-home-switch__track {
        background: var(--moss-main);
      }
      body.mobile-ui-enabled.mobile-page-home .mobile-home-switch input:checked + .mobile-home-switch__track .mobile-home-switch__thumb {
        transform: translateX(1.26rem);
      }
      body.mobile-ui-enabled.mobile-page-home #homeConsolePane .cg-actions-stack {
        gap: 0;
      }
      body.mobile-ui-enabled.mobile-page-home #homeConsolePane .cg-actions-main-btns #btnPaipan {
        width: 100%;
        max-width: none;
        min-height: 3.25rem;
        height: 3.25rem;
        border: 0;
        border-radius: 18px;
        background: linear-gradient(180deg, var(--moss-main) 0%, var(--moss-deep) 100%);
        color: transparent;
        box-shadow: none;
        margin-top: 0.7rem;
        font-size: 0;
        line-height: 0;
      }
      body.mobile-ui-enabled.mobile-page-home #homeConsolePane .cg-actions-main-btns #btnPaipan::before {
        font-size: 1.08rem;
        color: #ffffff;
        line-height: 1;
      }
      body.mobile-ui-enabled.mobile-page-home #homeConsolePane .cg-actions-main-btns #btnPaipan:active:not(:disabled) {
        transform: translateY(1px);
      }
      body.mobile-ui-enabled.mobile-page-home .mobile-home-disclaimer {
        display: block;
        margin: 1rem 1rem calc(0.95rem + env(safe-area-inset-bottom));
        text-align: center;
        color: #7d8f8f;
        font-size: 0.78rem;
        line-height: 1.65;
      }
      body.mobile-ui-enabled .mobile-bottom-nav {
        grid-template-columns: repeat(5, minmax(0, 1fr));
        background: rgba(255, 255, 255, 0.96);
        border-top-color: var(--moss-line);
        box-shadow: 0 -10px 24px rgba(75, 99, 73, 0.08);
      }
      body.mobile-ui-enabled .mobile-bottom-nav__btn {
        color: #7b8b8b;
      }
      body.mobile-ui-enabled .mobile-bottom-nav__btn.is-active {
        color: var(--moss-main);
        background: transparent;
        box-shadow: none;
      }
      body.mobile-ui-enabled .mobile-bottom-nav__btn {
        min-height: 58px;
        border: 0;
        border-radius: 0;
        background: transparent;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 0.2rem;
        padding: 0.18rem 0;
      }
      body.mobile-ui-enabled .mobile-bottom-nav__icon {
        width: 22px;
        height: 22px;
        display: block;
        color: currentColor;
        flex: 0 0 auto;
      }
      body.mobile-ui-enabled .mobile-bottom-nav__icon svg {
        width: 100%;
        height: 100%;
        display: block;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
        stroke-linecap: round;
        stroke-linejoin: round;
      }
      body.mobile-ui-enabled .mobile-bottom-nav__label {
        display: block;
        line-height: 1;
      }
      body.mobile-ui-enabled .mobile-measure-pane__inner,
      body.mobile-ui-enabled .mobile-single-reading-pane__inner,
      body.mobile-ui-enabled .mobile-me-pane,
      body.mobile-ui-enabled .classics-shell,
      body.mobile-ui-enabled #pairPane .pair-shell,
      body.mobile-ui-enabled #pairPane .pair-card,
      body.mobile-ui-enabled #pairPane .pair-tools,
      body.mobile-ui-enabled #pairPane .pair-scene-wrap,
      body.mobile-ui-enabled #pairPane .pair-output {
        border-color: var(--moss-line) !important;
        background: #ffffff !important;
        color: #222222 !important;
        box-shadow: 0 10px 24px rgba(75, 99, 73, 0.08);
      }
      body.mobile-ui-enabled .mobile-measure-head__meta,
      body.mobile-ui-enabled .mobile-single-reading-pane__meta,
      body.mobile-ui-enabled .mobile-me-pane__desc,
      body.mobile-ui-enabled .classics-sub,
      body.mobile-ui-enabled #pairPane .pair-tip {
        color: #777777 !important;
      }
      body.mobile-ui-enabled .mobile-profile-tab,
      body.mobile-ui-enabled .mobile-profile-create,
      body.mobile-ui-enabled .mobile-me-link-btn,
      body.mobile-ui-enabled .classics-category-card,
      body.mobile-ui-enabled .classics-reading-modal__paper,
      body.mobile-ui-enabled #pairPane .pair-scene-btn,
      body.mobile-ui-enabled #pairPane .pair-switch-btn {
        border-color: var(--moss-line) !important;
        background: #ffffff !important;
        color: #222222 !important;
        box-shadow: 0 8px 20px rgba(75, 99, 73, 0.06);
      }
      body.mobile-ui-enabled .mobile-profile-tab.is-active,
      body.mobile-ui-enabled .mobile-profile-create,
      body.mobile-ui-enabled .classics-category-card__icon,
      body.mobile-ui-enabled #pairPane .pair-scene-btn.is-active {
        background: var(--moss-light) !important;
        color: var(--moss-main) !important;
      }
      body.mobile-ui-enabled .me-action-btn.primary,
      body.mobile-ui-enabled #readingChatSend,
      body.mobile-ui-enabled #btnPairReading,
      body.mobile-ui-enabled .auth-modal__actions .primary {
        background: var(--moss-main) !important;
        color: #ffffff !important;
      }
      body.mobile-ui-enabled,
      body.mobile-ui-enabled button,
      body.mobile-ui-enabled input,
      body.mobile-ui-enabled select,
      body.mobile-ui-enabled textarea {
        font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", "Microsoft YaHei", Arial, sans-serif !important;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-rendering: optimizeLegibility;
      }
      body.mobile-ui-enabled {
        font-weight: 400;
      }
      body.mobile-ui-enabled :where(p, span, li, a, label, input, select, textarea, button, th, td, div, strong, em, small) {
        font-weight: 400 !important;
      }
      body.mobile-ui-enabled :where(.hero__title, .mobile-measure-head__title, .mobile-single-reading-pane__title, .mobile-me-pane__title, .classics-title, .mobile-chart-title, .reading-calligraphy-title, .pay-modal__panel h3, .auth-modal__title, .reading-detail-modal__title, .mobile-chart-empty h3, .mobile-measure-card__title, .classics-category-card strong) {
        font-weight: 600 !important;
      }
      body.mobile-ui-enabled :where(.mobile-home-topcard__now, .mobile-home-topcard__line, .mobile-home-topcard__pillars span, .mobile-home-info-row, .mobile-home-info-row__label, .mobile-home-info-row__value, .mobile-home-switch-label, .birth-sheet__title, .birth-wheel-label, .birth-place-sheet__switch-label, .birth-place-sheet__coord, .mobile-measure-card__desc, .classics-sub, .classics-category-hint, .mobile-me-pane__desc, .mobile-me-pane__msg, .reading-body, .reading-p, .pair-output__body, .pair-tip, .mobile-home-disclaimer) {
        font-weight: 400 !important;
      }
      body.mobile-ui-enabled :where(.mobile-bottom-nav__btn, .mobile-profile-tab, .mobile-me-link-btn, .mobile-chart-tabs button, .birth-sheet__head-btn, .birth-sheet__head-btn--primary, .me-action-btn.primary, #btnPaipan, #readingChatSend, #btnPairReading, .auth-modal__tabs button, .classics-category-card__icon) {
        font-weight: 500 !important;
      }
      body.mobile-ui-enabled #homeConsolePane .cg-actions-main-btns #btnPaipan,
      body.mobile-ui-enabled .mobile-chart-empty button,
      body.mobile-ui-enabled .mobile-chart-create {
        font-weight: 600 !important;
      }
      body.mobile-ui-enabled .birth-wheel__item.is-selected {
        color: #354936 !important;
        font-weight: 800 !important;
      }
      body.mobile-ui-enabled .mobile-bottom-nav__btn,
      body.mobile-ui-enabled .mobile-profile-tab,
      body.mobile-ui-enabled .mobile-chart-tabs button {
        font-size: 13px;
      }
      body.mobile-ui-enabled .mobile-home-topcard__now {
        font-size: 16px;
        font-weight: 600 !important;
      }
      body.mobile-ui-enabled .mobile-home-topcard__line,
      body.mobile-ui-enabled .mobile-home-topcard__pillars span {
        font-size: 14px;
      }
      body.mobile-ui-enabled .hero__title {
        font-family: "Ma Shan Zheng", "KaiTi", "STKaiti", "Songti SC", serif !important;
        font-size: clamp(2rem, 10.4vw, 2.7rem);
        font-weight: 400 !important;
        letter-spacing: 0.18em;
        text-indent: 0.18em;
      }
      body.mobile-ui-enabled #homeConsolePane .micro-field > label,
      body.mobile-ui-enabled #homeConsolePane .micro-field label,
      body.mobile-ui-enabled .birth-sheet__head-btn,
      body.mobile-ui-enabled .mobile-home-info-row__label,
      body.mobile-ui-enabled .mobile-home-info-row__value,
      body.mobile-ui-enabled .mobile-home-switch-label {
        font-size: 13px;
      }
      body.mobile-ui-enabled .mobile-home-info-row {
        font-size: 16px;
      }
      body.mobile-ui-enabled #homeConsolePane .cg-actions-main-btns #btnPaipan {
        font-size: 18px;
        letter-spacing: 0.02em;
      }
    }
  
    /* ========== 后置覆盖样式区：命盘、手机页面与细节修正，保持原加载顺序 ========== */
    body.mobile-ui-enabled,
    body.mobile-ui-enabled.mobile-page-home,
    body.mobile-ui-enabled.mobile-page-chart,
    body.mobile-ui-enabled.mobile-page-measure,
    body.mobile-ui-enabled.mobile-page-single,
    body.mobile-ui-enabled.mobile-page-pair,
    body.mobile-ui-enabled.mobile-page-classics,
    body.mobile-ui-enabled.mobile-page-me {
      background: #ffffff !important;
    }
    body.mobile-ui-enabled::before,
    body.mobile-ui-enabled::after {
      display: none !important;
      background: none !important;
    }
    body.mobile-ui-enabled #mobileMeasurePane,
    body.mobile-ui-enabled #mobileSingleReadingPane,
    body.mobile-ui-enabled #pairPane,
    body.mobile-ui-enabled #classicsPane,
    body.mobile-ui-enabled #mobileMePane,
    body.mobile-ui-enabled #mingbookRoot {
      background: #ffffff !important;
    }
    #mingbookRoot #chartTopBar,
    #mingbookRoot #chartProfileCard {
      display: none;
    }
    body:not(.mobile-ui-enabled) #mingbookRoot #chartProfileCard {
      display: grid;
      grid-template-columns: 3.4rem minmax(0, 1fr);
      gap: 0.72rem;
      align-items: center;
      margin: 0 0 0.76rem;
      padding: 0.76rem 0.88rem;
      border: 1px solid rgba(75, 99, 73, 0.16);
      border-radius: 16px;
      background: linear-gradient(130deg, #4b6349 0%, #435a42 58%, #344a35 100%);
      box-shadow: 0 14px 30px rgba(53, 73, 54, 0.12);
    }
    #mingbookRoot #chartProfileCard .chart-profile-card__avatar {
      display: block;
      overflow: hidden;
      object-fit: cover;
      object-position: center;
      border-radius: 50%;
      background: #f8f3e6;
    }
    body:not(.mobile-ui-enabled) #mingbookRoot #chartProfileCard .chart-profile-card__avatar {
      width: 3.35rem;
      height: 3.35rem;
      border: 1px solid rgba(216, 183, 106, 0.58);
      box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.38),
        0 8px 18px rgba(53, 73, 54, 0.16);
    }
    body:not(.mobile-ui-enabled) #mingbookRoot #chartProfileCard .chart-profile-card__meta {
      min-width: 0;
    }
    body:not(.mobile-ui-enabled) #mingbookRoot #chartProfileCard .chart-profile-card__name {
      margin: 0 0 0.22rem;
      color: #e0c27e;
      font-size: 1.05rem;
      font-weight: 700;
      line-height: 1.22;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    body:not(.mobile-ui-enabled) #mingbookRoot #chartProfileCard .chart-profile-card__line {
      margin: 0;
      color: rgba(255, 255, 255, 0.9);
      font-size: 0.86rem;
      line-height: 1.45;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartTabNav,
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartTabPanes,
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartBasicInfoPane,
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartBasicPaipanPane,
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartProDetailPane {
      background: #ffffff !important;
    }
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartTabNav {
      display: grid !important;
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
      gap: 0 !important;
      width: 100% !important;
      margin: 0 0 0.58rem !important;
      padding: 0 0 0.26rem !important;
    }
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot .ming-title,
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #metaLines {
      display: none !important;
    }
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartTopBar {
      display: grid !important;
      grid-template-columns: 2rem 1fr 2rem !important;
      align-items: center !important;
      width: 100% !important;
      min-height: 2.15rem !important;
      margin: 0 0 0.38rem !important;
      padding: 0 0.04rem !important;
      background: #ffffff !important;
    }
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartTopBar .chart-topbar__btn {
      border: 0 !important;
      background: transparent !important;
      color: #424a4a !important;
      font-size: 1.22rem !important;
      line-height: 1 !important;
      width: 2rem !important;
      height: 2rem !important;
      padding: 0 !important;
      border-radius: 999px !important;
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      cursor: default !important;
      pointer-events: none !important;
    }
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartTopBar .chart-topbar__title {
      margin: 0 !important;
      text-align: center !important;
      font-size: 1.08rem !important;
      font-weight: 700 !important;
      letter-spacing: 0.03em !important;
      color: #1f2d2d !important;
    }
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartProfileCard {
      display: grid !important;
      grid-template-columns: 3.05rem minmax(0, 1fr) !important;
      gap: 0.72rem !important;
      align-items: center !important;
      width: 100% !important;
      margin: 0 0 0.48rem !important;
      padding: 0.56rem 0.82rem !important;
      border-radius: 0 !important;
      background: linear-gradient(130deg, #4b6349 0%, #435a42 58%, #344a35 100%) !important;
    }
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartProfileCard .chart-profile-card__avatar {
      width: 3rem !important;
      height: 3rem !important;
      border-radius: 50% !important;
      border: 1px solid rgba(255, 255, 255, 0.45) !important;
      background: radial-gradient(circle at 35% 35%, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.05) 72%, rgba(0, 0, 0, 0.1) 100%) !important;
      box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1) !important;
      object-fit: cover !important;
      object-position: center !important;
    }
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartProfileCard .chart-profile-card__meta {
      min-width: 0 !important;
    }
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartProfileCard .chart-profile-card__name {
      margin: 0 0 0.15rem !important;
      font-size: 0.98rem !important;
      line-height: 1.2 !important;
      font-weight: 700 !important;
      color: #e0c27e !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
    }
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartProfileCard .chart-profile-card__line {
      margin: 0 !important;
      font-size: 0.78rem !important;
      line-height: 1.35 !important;
      color: rgba(255, 255, 255, 0.9) !important;
      white-space: nowrap !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
    }
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartTabNav .chart-tab-btn {
      width: 100% !important;
      justify-self: stretch !important;
      text-align: center !important;
    }
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartTabNav {
      background: #002900 !important;
      margin: 0 !important;
      padding: 0.16rem 0.34rem !important;
      gap: 0.08rem !important;
      border: 0 !important;
      border-radius: 0 !important;
      box-shadow: none !important;
    }
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartTabNav .chart-tab-btn {
      min-height: 1.82rem !important;
      border: 0 !important;
      border-radius: 0 !important;
      background: transparent !important;
      color: rgba(255, 255, 255, 0.82) !important;
      font-size: 0.98rem !important;
      font-weight: 700 !important;
      line-height: 1.15 !important;
      letter-spacing: 0.02em !important;
      padding: 0.18rem 0.08rem !important;
      box-shadow: none !important;
    }
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartTabNav .chart-tab-btn.is-active {
      background: transparent !important;
      color: #EAF4E8 !important;
      border-bottom-color: transparent !important;
      box-shadow: none !important;
    }
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartProfileCard {
      margin-top: 0 !important;
    }
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot {
      padding-left: max(0px, env(safe-area-inset-left)) !important;
      padding-right: max(0px, env(safe-area-inset-right)) !important;
      min-height: auto !important;
    }
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartBasicPaipanPane {
      padding-top: 0.04rem !important;
      padding-bottom: 0.12rem !important;
    }
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartBasicPaipanPane #chartProGridHost .table-wrap,
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartProDetailPane #chartBasicPaipanGridHost .table-wrap {
      box-sizing: border-box !important;
      width: calc(100% - 0.48rem) !important;
      margin-left: auto !important;
      margin-right: auto !important;
      overflow-x: hidden !important;
      border: 0 !important;
      border-radius: 0 !important;
      background: #ffffff !important;
    }
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartBasicPaipanPane #chartProGridHost table.bazi-grid,
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartProDetailPane #chartBasicPaipanGridHost table.bazi-grid,
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartProDetailPane #chartBasicPaipanGridHost table.chart-paipan-main {
      width: 100% !important;
      max-width: 100% !important;
      margin-left: auto !important;
      margin-right: auto !important;
      min-width: 0 !important;
    }
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartProDetailPane #chartBasicPaipanGridHost table.chart-paipan-main th:first-child,
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartProDetailPane #chartBasicPaipanGridHost table.chart-paipan-main td:first-child {
      width: 12% !important;
    }
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartProDetailPane #chartBasicPaipanGridHost table.chart-paipan-main th:not(:first-child),
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartProDetailPane #chartBasicPaipanGridHost table.chart-paipan-main td:not(:first-child) {
      width: 14.6667% !important;
    }
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartBasicPaipanPane #chartProGridHost table.bazi-grid {
      width: 100% !important;
      min-width: 0 !important;
      table-layout: fixed !important;
      margin: 0 !important;
      font-size: 0.9rem !important;
      line-height: 1.56 !important;
    }
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartBasicPaipanPane #chartProGridHost table.bazi-grid th,
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartBasicPaipanPane #chartProGridHost table.bazi-grid td {
      padding: 0.38rem 0.12rem !important;
      font-size: 0.88rem !important;
      line-height: 1.52 !important;
      vertical-align: middle !important;
      word-break: break-word !important;
      white-space: normal !important;
    }
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartBasicPaipanPane #chartProGridHost table.bazi-grid thead th,
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartBasicPaipanPane #chartProGridHost table.bazi-grid td.row-h {
      font-size: 0.9rem !important;
      font-weight: 700 !important;
    }
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartBasicPaipanPane #chartProGridHost table.bazi-grid .ganzhi-lg {
      font-size: 1.72rem !important;
      font-weight: 900 !important;
      line-height: 1.16 !important;
      letter-spacing: 0.01em !important;
    }
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartBasicPaipanPane #chartProGridHost table.bazi-grid thead th {
      background: #f8fbf6 !important;
    }
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartBasicPaipanPane #chartProGridHost table.bazi-grid tbody tr:nth-child(odd) td {
      background: #f6faf3 !important;
    }
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartBasicPaipanPane #chartProGridHost table.bazi-grid tbody tr:nth-child(even) td {
      background: #ffffff !important;
    }
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartBasicPaipanPane #chartProGridHost table.bazi-grid tr:nth-child(4) td:not(.row-h),
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartBasicPaipanPane #chartProGridHost table.bazi-grid tr:nth-child(5) td:not(.row-h) {
      font-size: 0.84rem !important;
      line-height: 1.5 !important;
    }
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartBasicPaipanPane #chartProGridHost table.bazi-grid tr:nth-child(4) td:not(.row-h) span {
      display: block !important;
      margin: 0.02rem 0 !important;
    }
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartBasicPaipanPane #chartProGridHost table.bazi-grid tr:nth-child(5) td:not(.row-h),
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartBasicPaipanPane #chartProGridHost table.bazi-grid tr:nth-child(10) td:not(.row-h) {
      white-space: normal !important;
      text-align: center !important;
    }
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartBasicPaipanPane #chartProGridHost table.bazi-grid tr:nth-child(4) td,
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartBasicPaipanPane #chartProGridHost table.bazi-grid tr:nth-child(5) td,
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartBasicPaipanPane #chartProGridHost table.bazi-grid tr:nth-child(10) td {
      vertical-align: top !important;
      padding-top: 0.22rem !important;
      padding-bottom: 0.22rem !important;
    }
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartBasicPaipanPane #chartProGridHost table.bazi-grid tr:nth-child(9) td:not(.row-h),
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartBasicPaipanPane #chartProGridHost table.bazi-grid tr:nth-child(10) td:not(.row-h) {
      font-size: 0.88rem !important;
      line-height: 1.52 !important;
    }
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartBasicPaipanPane #chartProGridHost table.bazi-grid tr:nth-child(10) td:not(.row-h) .ss-tag {
      display: block !important;
      width: fit-content !important;
      max-width: 100% !important;
      margin: 0.02rem auto !important;
      font-size: inherit !important;
      line-height: inherit !important;
      opacity: 0.92;
    }
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot .wuxing-huo {
      color: #f72b07 !important;
    }
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot .wuxing-mu {
      color: #2feb09 !important;
    }
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot .wuxing-shui {
      color: #1E90FF !important;
    }
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot .wuxing-tu {
      color: #b39a2d !important;
    }
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot .wuxing-jin {
      color: #FFDF00 !important;
    }
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartProGridHost table.bazi-grid thead th,
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartProGridHost table.bazi-grid td.row-h,
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartBasicPaipanGridHost table.bazi-grid thead th,
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartBasicPaipanGridHost table.bazi-grid td.row-h,
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot .chart-paipan-main thead th,
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot .chart-paipan-main td.row-h {
      color: #71816e !important;
      font-weight: 700 !important;
    }
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartProGridHost table.bazi-grid .ganzhi-lg .wuxing-huo,
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartProGridHost table.bazi-grid .ganzhi-lg .wuxing-mu,
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartProGridHost table.bazi-grid .ganzhi-lg .wuxing-shui,
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartProGridHost table.bazi-grid .ganzhi-lg .wuxing-tu,
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartProGridHost table.bazi-grid .ganzhi-lg .wuxing-jin {
      font-weight: 600 !important;
    }
    /* 统一内部列宽：行头 16%，内容列等分剩余；消除偏左的额外偏移 */
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartProGridHost table.bazi-grid col.col-h,
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartBasicPaipanGridHost table.bazi-grid col.col-h {
      width: 16% !important;
    }
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartProGridHost table.bazi-grid col.col-p,
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartBasicPaipanGridHost table.bazi-grid col.col-p {
      width: 21% !important;
    }
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartProDetailPane #chartBasicPaipanGridHost table.chart-paipan-main th:first-child,
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartProDetailPane #chartBasicPaipanGridHost table.chart-paipan-main td:first-child {
      width: 16% !important;
    }
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartProDetailPane #chartBasicPaipanGridHost table.chart-paipan-main th:not(:first-child),
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartProDetailPane #chartBasicPaipanGridHost table.chart-paipan-main td:not(:first-child) {
      width: 14% !important;
    }
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartProGridHost table.bazi-grid,
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartBasicPaipanGridHost table.bazi-grid,
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartProDetailPane #chartBasicPaipanGridHost table.chart-paipan-main {
      table-layout: fixed !important;
      width: 100% !important;
      min-width: 0 !important;
    }
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartProGridHost table.bazi-grid td.row-h,
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartBasicPaipanGridHost table.bazi-grid td.row-h,
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartProDetailPane #chartBasicPaipanGridHost table.chart-paipan-main td.row-h,
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartProGridHost table.bazi-grid thead th:first-child,
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartBasicPaipanGridHost table.bazi-grid thead th:first-child,
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartProDetailPane #chartBasicPaipanGridHost table.chart-paipan-main thead th:first-child {
      text-align: center !important;
      padding-left: 0.12rem !important;
      padding-right: 0.12rem !important;
      letter-spacing: 0.01em !important;
    }
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartProGridHost table.bazi-grid th:nth-child(2),
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartProGridHost table.bazi-grid td:nth-child(2),
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartBasicPaipanGridHost table.bazi-grid th:nth-child(2),
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartBasicPaipanGridHost table.bazi-grid td:nth-child(2),
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartProDetailPane #chartBasicPaipanGridHost table.chart-paipan-main th:nth-child(2),
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartProDetailPane #chartBasicPaipanGridHost table.chart-paipan-main td:nth-child(2) {
      padding-left: 0.12rem !important;
    }
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartProGridHost table.bazi-grid td:not(.row-h):not(.ganzhi-lg),
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartBasicPaipanGridHost table.bazi-grid td:not(.row-h):not(.ganzhi-lg),
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot .chart-paipan-main td:not(.row-h):not(.ganzhi-lg) {
      color: #1f2d2d !important;
      font-weight: 600 !important;
    }
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartBasicPaipanPane #chartProGridHost table.bazi-grid thead th,
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartProDetailPane #chartBasicPaipanGridHost table.chart-paipan-main thead th {
      background: #ffffff !important;
    }
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartProDetailPane #chartBasicPaipanGridHost table.chart-paipan-main tbody tr:nth-child(odd) td {
      background: #f6faf3 !important;
    }
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartProDetailPane #chartBasicPaipanGridHost table.chart-paipan-main tbody tr:nth-child(even) td {
      background: #ffffff !important;
    }
    body.mobile-ui-enabled.mobile-page-chart #mingbookRoot #chartProDetailPane #chartBasicPaipanGridHost table.chart-paipan-main tbody td.row-h {
      color: #71816e !important;
      font-weight: 700 !important;
    }
    body.mobile-ui-enabled.mobile-page-single {
      background: #f7faf4 !important;
    }
    body.mobile-ui-enabled.mobile-page-single #homeConsolePane,
    body.mobile-ui-enabled.mobile-page-single #mobileSingleReadingPane,
    body.mobile-ui-enabled.mobile-page-single #mingbookRoot {
      max-width: 30rem !important;
      width: 100% !important;
      margin-left: auto !important;
      margin-right: auto !important;
      padding-left: 0.9rem !important;
      padding-right: 0.9rem !important;
      background: transparent !important;
      box-sizing: border-box !important;
    }
    body.mobile-ui-enabled.mobile-page-single #homeConsolePane {
      margin-top: 0 !important;
      margin-bottom: 0.82rem !important;
      border: 0 !important;
      box-shadow: none !important;
    }
    body.mobile-ui-enabled.mobile-page-single #homeConsolePane .console-shell.cg-shell,
    body.mobile-ui-enabled.mobile-page-single .mobile-single-reading-pane__inner,
    body.mobile-ui-enabled.mobile-page-single .reading-paper.reading-wechat {
      border: 1px solid #d9e2d8 !important;
      border-radius: 18px !important;
      background: #ffffff !important;
      box-shadow: 0 12px 28px rgba(53, 73, 54, 0.08) !important;
    }
    body.mobile-ui-enabled.mobile-page-single #homeConsolePane .console-shell.cg-shell {
      padding: 0.92rem !important;
    }
    body.mobile-ui-enabled.mobile-page-single #homeConsolePane .console-actions.cg-actions {
      margin: 0 !important;
      padding: 0 !important;
      border: 0 !important;
      background: transparent !important;
      box-shadow: none !important;
    }
    body.mobile-ui-enabled.mobile-page-single #homeConsolePane .cg-actions-stack {
      gap: 0.72rem !important;
    }
    body.mobile-ui-enabled.mobile-page-single #homeConsolePane .reading-topic-wrap,
    body.mobile-ui-enabled.mobile-page-single #homeConsolePane .reading-question-wrap {
      margin: 0 !important;
      padding: 0 !important;
      border: 0 !important;
      background: transparent !important;
      box-shadow: none !important;
    }
    body.mobile-ui-enabled.mobile-page-single #homeConsolePane .reading-topic-legend,
    body.mobile-ui-enabled.mobile-page-single #homeConsolePane .reading-question-label {
      display: block !important;
      margin: 0 0 0.48rem !important;
      color: #4b6349 !important;
      font-size: 0.86rem !important;
      font-weight: 700 !important;
      letter-spacing: 0.04em !important;
    }
    body.mobile-ui-enabled.mobile-page-single #homeConsolePane .reading-topic-group {
      display: grid !important;
      grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
      gap: 0.34rem !important;
      margin: 0 !important;
      padding: 0 !important;
      border: 0 !important;
      border-radius: 0 !important;
      background: transparent !important;
      box-shadow: none !important;
      overflow: visible !important;
    }
    body.mobile-ui-enabled.mobile-page-single #homeConsolePane .reading-topic-group button {
      position: relative !important;
      min-height: 2.18rem !important;
      border: 1px solid #d9e2d8 !important;
      border-radius: 10px !important;
      background: #f3f8f1 !important;
      color: #354936 !important;
      box-shadow: none !important;
      font-size: 0.68rem !important;
      font-weight: 650 !important;
      line-height: 1.15 !important;
      padding: 0.28rem 0.18rem !important;
      text-align: center !important;
      -webkit-tap-highlight-color: transparent;
    }
    body.mobile-ui-enabled.mobile-page-single #homeConsolePane .reading-topic-group button::after {
      display: none !important;
    }
    body.mobile-ui-enabled.mobile-page-single #homeConsolePane .reading-topic-group button.active,
    body.mobile-ui-enabled.mobile-page-single #homeConsolePane .reading-topic-group button[aria-pressed="true"] {
      border-color: #4b6349 !important;
      background: #4b6349 !important;
      color: #ffffff !important;
      box-shadow: 0 8px 16px rgba(53, 73, 54, 0.14) !important;
    }
    body.mobile-ui-enabled.mobile-page-single #readingFocusInput,
    body.mobile-ui-enabled.mobile-page-single #readingChatInput {
      width: 100% !important;
      border: 1px solid #d9e2d8 !important;
      border-radius: 14px !important;
      background: #fbfdf8 !important;
      color: #1f2d2d !important;
      box-shadow: none !important;
      font-size: 0.94rem !important;
      line-height: 1.55 !important;
    }
    body.mobile-ui-enabled.mobile-page-single #readingFocusInput {
      min-height: 5.2rem !important;
      padding: 0.86rem 0.9rem !important;
    }
    body.mobile-ui-enabled.mobile-page-single #readingFocusInput::placeholder,
    body.mobile-ui-enabled.mobile-page-single #readingChatInput::placeholder {
      color: #7f8b79 !important;
    }
    body.mobile-ui-enabled.mobile-page-single #homeConsolePane .cg-actions-main-btns {
      margin: 0 !important;
      padding-top: 0.12rem !important;
      border-top: 1px solid #edf2ea !important;
    }
    body.mobile-ui-enabled.mobile-page-single #btnAiPro {
      width: 100% !important;
      min-height: 3.5rem !important;
      border: 0 !important;
      border-radius: 16px !important;
      background: #4b6349 !important;
      color: #ffffff !important;
      box-shadow: 0 12px 24px rgba(53, 73, 54, 0.16) !important;
      font-size: 0 !important;
      font-weight: 800 !important;
      letter-spacing: 0.04em !important;
    }
    body.mobile-ui-enabled.mobile-page-single #btnAiPro::before {
      content: attr(data-mobile-label) !important;
      font-size: 1rem !important;
      line-height: 1 !important;
    }
    body.mobile-ui-enabled.mobile-page-single #mobileSingleReadingPane {
      margin-top: 0.72rem !important;
      margin-bottom: 0.72rem !important;
    }
    body.mobile-ui-enabled.mobile-page-single .mobile-single-reading-pane__inner {
      padding: 0.9rem 1rem !important;
    }
    body.mobile-ui-enabled.mobile-page-single .mobile-single-reading-pane__eyebrow {
      margin: 0 0 0.35rem !important;
      color: #8c9a86 !important;
      font-size: 0.74rem !important;
      font-weight: 650 !important;
      letter-spacing: 0.06em !important;
    }
    body.mobile-ui-enabled.mobile-page-single .mobile-single-reading-pane__title {
      margin: 0 !important;
      color: #1f2d2d !important;
      font-size: 1rem !important;
      font-weight: 800 !important;
    }
    body.mobile-ui-enabled.mobile-page-single .mobile-single-reading-pane__meta {
      margin: 0.5rem 0 0 !important;
      color: #6f806d !important;
      font-size: 0.9rem !important;
      line-height: 1.55 !important;
    }
    body.mobile-ui-enabled.mobile-page-single #mingbookRoot {
      margin-bottom: calc(1rem + env(safe-area-inset-bottom)) !important;
      padding-bottom: 0.7rem !important;
    }
    body.mobile-ui-enabled.mobile-page-single .reading-paper.reading-wechat {
      min-height: auto !important;
      margin: 0 !important;
      padding: 1rem !important;
      color: #1f2d2d !important;
    }
    body.mobile-ui-enabled.mobile-page-single .reading-wechat__head {
      margin-bottom: 0.82rem !important;
      padding-bottom: 0.72rem !important;
      border-bottom: 1px solid #d9e2d8 !important;
    }
    body.mobile-ui-enabled.mobile-page-single .reading-wechat__title {
      color: #1f2d2d !important;
      font-size: 1.12rem !important;
      font-weight: 600 !important;
      letter-spacing: 0.12em !important;
      text-indent: 0.12em !important;
      text-shadow: none !important;
    }
    body.mobile-ui-enabled.mobile-page-single .reading-wechat__sub {
      margin-top: 0.36rem !important;
      color: #6f806d !important;
      font-size: 0.78rem !important;
      letter-spacing: 0.12em !important;
    }
    body.mobile-ui-enabled.mobile-page-single .reading-wechat__stream {
      min-height: 10.8rem !important;
      margin-bottom: 0.82rem !important;
      background: transparent !important;
      overflow: visible !important;
    }
    body.mobile-ui-enabled.mobile-page-single #readingMainSlot.reading-chat__msg.reading-chat__msg--main {
      min-height: 10.8rem !important;
      padding: 0 !important;
      border: 0 !important;
      border-radius: 14px !important;
      background: transparent !important;
      box-shadow: none !important;
    }
    body.mobile-ui-enabled.mobile-page-single #result {
      min-height: 10.8rem !important;
      padding: 1rem !important;
      border: 1px solid #d9e2d8 !important;
      border-radius: 14px !important;
      background: #fbfdf8 !important;
      color: #354936 !important;
      box-shadow: none !important;
      font-size: 0.96rem !important;
      line-height: 1.9 !important;
    }
    body.mobile-ui-enabled.mobile-page-single #result:empty::before {
      content: "排盘后点击「生成专业批文」，批文会在这里显示。";
      color: #8a9586;
    }
    body.mobile-ui-enabled.mobile-page-single .reading-chat__composer {
      margin-top: 0 !important;
      padding-top: 0.1rem !important;
      background: transparent !important;
    }
    body.mobile-ui-enabled.mobile-page-single #readingChatInput {
      min-height: 3.8rem !important;
      margin-bottom: 0.62rem !important;
      padding: 0.78rem 0.86rem !important;
    }
    body.mobile-ui-enabled.mobile-page-single .reading-chat__row {
      justify-content: stretch !important;
    }
    body.mobile-ui-enabled.mobile-page-single #readingChatSend {
      display: inline-flex !important;
      align-items: center !important;
      justify-content: center !important;
      width: 100% !important;
      min-height: 3rem !important;
      padding: 0 1rem !important;
      border: 0 !important;
      border-radius: 13px !important;
      background: #4b6349 !important;
      color: #ffffff !important;
      font-size: 0.94rem !important;
      font-weight: 750 !important;
      line-height: 1 !important;
      text-align: center !important;
      box-shadow: none !important;
    }

    body.mobile-ui-enabled.mobile-page-measure,
    body.mobile-ui-enabled.mobile-page-single {
      background:
        radial-gradient(circle at 12% 7%, rgba(200, 164, 93, 0.12), transparent 24rem),
        linear-gradient(180deg, #f7faf4 0%, #fbfdf8 100%) !important;
    }

    body.mobile-ui-enabled.mobile-page-measure #mobileMeasurePane {
      max-width: 30rem;
      margin: 0 auto;
      padding: 0.9rem 0.9rem calc(5.8rem + env(safe-area-inset-bottom));
      box-sizing: border-box;
    }

    body.mobile-ui-enabled.mobile-page-measure .mobile-measure-pane__inner {
      display: grid;
      gap: 0.72rem;
    }

    body.mobile-ui-enabled.mobile-page-measure .mobile-measure-hero,
    body.mobile-ui-enabled.mobile-page-single .mobile-single-hero {
      position: relative;
      overflow: hidden;
      border-radius: 0 0 26px 26px;
      background:
        radial-gradient(circle at 82% 24%, rgba(214, 183, 106, 0.26), transparent 2.3rem),
        radial-gradient(circle at 16% 8%, rgba(214, 183, 106, 0.12), transparent 5.5rem),
        linear-gradient(145deg, #183d2f 0%, #274f3c 48%, #102d24 100%);
      color: #fffaf0;
      text-align: center;
      box-shadow: 0 18px 34px rgba(21, 47, 37, 0.18);
    }

    body.mobile-ui-enabled.mobile-page-measure .mobile-measure-hero::before,
    body.mobile-ui-enabled.mobile-page-single .mobile-single-hero::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(135deg, transparent 0 24%, rgba(255, 255, 255, 0.08) 24% 25%, transparent 25% 100%),
        radial-gradient(ellipse at 74% 84%, rgba(234, 244, 232, 0.12), transparent 48%);
      opacity: 0.78;
      pointer-events: none;
    }

    body.mobile-ui-enabled.mobile-page-measure .mobile-measure-hero {
      padding: 2rem 1rem 2.35rem;
    }

    body.mobile-ui-enabled.mobile-page-measure .mobile-measure-hero h2,
    body.mobile-ui-enabled.mobile-page-single .mobile-single-hero__title {
      position: relative;
      margin: 0;
      font-family: "Songti SC", "STSong", "Noto Serif SC", serif;
      font-size: 2.05rem;
      font-weight: 800;
      letter-spacing: 0.18em;
      text-indent: 0.18em;
      color: #fff8dc;
    }

    body.mobile-ui-enabled.mobile-page-measure .mobile-measure-hero p,
    body.mobile-ui-enabled.mobile-page-single .mobile-single-hero__sub {
      position: relative;
      margin: 0.55rem 0 0;
      color: rgba(255, 250, 240, 0.82);
      font-size: 0.92rem;
      letter-spacing: 0.12em;
    }

    body.mobile-ui-enabled.mobile-page-measure .mobile-measure-card {
      min-height: 4.4rem;
      border: 1px solid #d9e2d8;
      border-radius: 18px;
      background: rgba(255, 255, 255, 0.94);
      box-shadow: 0 12px 24px rgba(53, 73, 54, 0.08);
      color: #1f2d2d;
      text-align: left;
    }

    body.mobile-ui-enabled.mobile-page-measure .mobile-measure-card__title {
      color: #354936;
      font-size: 1rem;
      font-weight: 800;
    }

    body.mobile-ui-enabled.mobile-page-measure .mobile-measure-card__desc {
      color: #6f806d;
      font-size: 0.78rem;
      line-height: 1.45;
    }

    body.mobile-ui-enabled.mobile-page-single #mobileSingleReadingPane {
      max-width: none !important;
      margin: 0 auto 0.72rem !important;
      padding: 0 !important;
    }

    body.mobile-ui-enabled.mobile-page-single .mobile-single-reading-pane__inner {
      max-width: 30rem !important;
      margin: 0 auto !important;
      padding: 0 0.9rem !important;
      border: 0 !important;
      border-radius: 0 !important;
      background: transparent !important;
      box-shadow: none !important;
      box-sizing: border-box !important;
    }

    body.mobile-ui-enabled.mobile-page-single .mobile-single-hero {
      margin: 0 -0.9rem -1.9rem;
      padding: 2rem 1rem 4.2rem;
    }

    body.mobile-ui-enabled.mobile-page-single .mobile-single-tabs {
      position: relative;
      z-index: 2;
      display: grid;
      grid-template-columns: 1fr 1fr;
      align-items: center;
      gap: 0;
      width: auto;
      margin: 0 -0.9rem 0.9rem;
      padding: 0;
      border: 0;
      border-radius: 0;
      background: #fffefb;
      box-shadow: 0 1px 0 rgba(217, 226, 216, 0.9), 0 10px 20px rgba(53, 73, 54, 0.06);
    }

    body.mobile-ui-enabled.mobile-page-single .mobile-single-tab {
      min-height: 2.5rem;
      border: 0;
      border-radius: 0;
      background: transparent;
      color: #354936;
      font-size: 0.96rem;
      font-weight: 750;
      letter-spacing: 0.06em;
    }

    body.mobile-ui-enabled.mobile-page-single .mobile-single-tab.is-active {
      background: linear-gradient(180deg, #4b6349 0%, #2f4d39 100%);
      color: #fffaf0;
      box-shadow: inset 0 -2px 0 rgba(214, 183, 106, 0.5);
    }

    body.mobile-ui-enabled.mobile-page-single .mobile-single-intro {
      display: grid;
      grid-template-columns: 3.2rem minmax(0, 1fr);
      gap: 0.85rem;
      align-items: center;
      margin: 0 0 0.68rem;
      padding: 0.92rem;
      border-radius: 17px;
      background:
        radial-gradient(circle at 92% 20%, rgba(214, 183, 106, 0.18), transparent 5rem),
        linear-gradient(135deg, #254d3c 0%, #163a2e 100%);
      color: #fffaf0;
      box-shadow: 0 12px 24px rgba(53, 73, 54, 0.14);
    }

    body.mobile-ui-enabled.mobile-page-single .mobile-single-intro__seal {
      display: block;
      width: 3.35rem;
      height: 3.35rem;
      border-radius: 999px;
      object-fit: cover;
      filter: drop-shadow(0 5px 10px rgba(5, 23, 17, 0.22));
    }

    body.mobile-ui-enabled.mobile-page-single .mobile-single-intro strong {
      display: block;
      font-size: 0.92rem;
      font-weight: 800;
      line-height: 1.45;
      letter-spacing: 0.04em;
    }

    body.mobile-ui-enabled.mobile-page-single .mobile-single-intro p {
      margin: 0.22rem 0 0;
      color: rgba(255, 250, 240, 0.78);
      font-size: 0.75rem;
      line-height: 1.45;
    }

    body.mobile-ui-enabled.mobile-page-single .mobile-single-reading-pane__meta {
      margin: 0.35rem 0 0 !important;
      padding: 0 !important;
      border: 0 !important;
      border-radius: 0 !important;
      background: transparent !important;
      color: #7d8e7a !important;
      font-size: 0.76rem !important;
      line-height: 1.45 !important;
      width: 100% !important;
      text-align: center !important;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    body.mobile-ui-enabled.mobile-page-single .mobile-single-reading-pane__meta::before {
      content: "当前命主：";
      color: #6f806d;
      font-weight: 700;
    }

    body.mobile-ui-enabled.mobile-page-single #homeConsolePane {
      margin-bottom: 0.72rem !important;
    }

    body.mobile-ui-enabled.mobile-page-single #homeConsolePane .console-shell.cg-shell {
      padding: 1rem !important;
      border-radius: 16px !important;
      background: rgba(255, 255, 255, 0.96) !important;
      box-shadow: 0 16px 34px rgba(53, 73, 54, 0.08) !important;
    }

    body.mobile-ui-enabled.mobile-page-single #homeConsolePane .cg-actions-stack {
      gap: 0.92rem !important;
    }

    body.mobile-ui-enabled.mobile-page-single #homeConsolePane .reading-topic-wrap {
      order: 10 !important;
    }

    body.mobile-ui-enabled.mobile-page-single #homeConsolePane .reading-question-wrap {
      position: relative !important;
      order: 20 !important;
    }

    body.mobile-ui-enabled.mobile-page-single #homeConsolePane .reading-topic-legend,
    body.mobile-ui-enabled.mobile-page-single #homeConsolePane .reading-question-label,
    body.mobile-ui-enabled.mobile-page-single .reading-wechat__title {
      display: flex !important;
      flex-direction: column-reverse !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 0.24rem !important;
      margin: 0 0 0.62rem !important;
      width: 100% !important;
      color: #1f2d2d !important;
      font-family: inherit !important;
      font-size: 1rem !important;
      font-weight: 850 !important;
      letter-spacing: 0.06em !important;
      text-align: center !important;
      text-indent: 0 !important;
      text-shadow: none !important;
    }

    body.mobile-ui-enabled.mobile-page-single #homeConsolePane .reading-question-label {
      justify-content: center !important;
      text-align: center !important;
      width: 100% !important;
    }

    body.mobile-ui-enabled.mobile-page-single .reading-wechat__head {
      text-align: center !important;
    }

    body.mobile-ui-enabled.mobile-page-single .reading-wechat__title {
      justify-content: center !important;
      text-align: center !important;
      width: 100% !important;
    }

    body.mobile-ui-enabled.mobile-page-single #homeConsolePane .reading-topic-legend::before,
    body.mobile-ui-enabled.mobile-page-single #homeConsolePane .reading-question-label::before,
    body.mobile-ui-enabled.mobile-page-single .reading-wechat__title::before {
      content: "";
      width: 1.7rem;
      height: 0.22rem;
      border-radius: 999px;
      background: #2f6a52;
    }

    body.mobile-ui-enabled.mobile-page-single #homeConsolePane .reading-topic-group {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      gap: 0.62rem !important;
    }

    body.mobile-ui-enabled.mobile-page-single #homeConsolePane .reading-topic-group button {
      display: grid !important;
      grid-template-columns: 2.15rem minmax(0, 1fr) !important;
      align-items: center !important;
      gap: 0.52rem !important;
      min-height: 3.35rem !important;
      padding: 0.48rem 0.72rem 0.48rem 0.62rem !important;
      border-radius: 13px !important;
      border-color: transparent !important;
      background: #fffdf8 !important;
      color: #1f2d2d !important;
      font-size: 0.86rem !important;
      font-weight: 700 !important;
      text-align: left !important;
      box-shadow: 0 5px 14px rgba(53, 73, 54, 0.08), inset 0 0 0 1px rgba(217, 226, 216, 0.72) !important;
    }

    body.mobile-ui-enabled.mobile-page-single #homeConsolePane .reading-topic-group button::before {
      content: "";
      display: grid;
      place-items: center;
      width: 2.05rem;
      height: 2.05rem;
      border-radius: 999px;
      background-color: #edf4ea;
      background-image: var(--reading-topic-icon);
      background-repeat: no-repeat;
      background-position: center;
      background-size: 96% 96%;
      border: 1px solid rgba(217, 226, 216, 0.9);
      box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.75), 0 2px 6px rgba(53, 73, 54, 0.08);
    }

    body.mobile-ui-enabled.mobile-page-single #homeConsolePane .reading-topic-group button:nth-child(1) { --reading-topic-icon: url("../measure-icons/topic-caiyun.svg"); }
    body.mobile-ui-enabled.mobile-page-single #homeConsolePane .reading-topic-group button:nth-child(2) { --reading-topic-icon: url("../measure-icons/topic-qinggan.svg"); }
    body.mobile-ui-enabled.mobile-page-single #homeConsolePane .reading-topic-group button:nth-child(3) { --reading-topic-icon: url("../measure-icons/topic-xueye.svg"); }
    body.mobile-ui-enabled.mobile-page-single #homeConsolePane .reading-topic-group button:nth-child(4) { --reading-topic-icon: url("../measure-icons/topic-jiankang.svg"); }
    body.mobile-ui-enabled.mobile-page-single #homeConsolePane .reading-topic-group button:nth-child(5) { --reading-topic-icon: url("../measure-icons/topic-liunian.svg"); }
    body.mobile-ui-enabled.mobile-page-single #homeConsolePane .reading-topic-group button:nth-child(6) { --reading-topic-icon: url("../measure-icons/topic-xingge.svg"); }
    body.mobile-ui-enabled.mobile-page-single #homeConsolePane .reading-topic-group button:nth-child(7) { --reading-topic-icon: url("../measure-icons/topic-zinv.svg"); }
    body.mobile-ui-enabled.mobile-page-single #homeConsolePane .reading-topic-group button:nth-child(8) { --reading-topic-icon: url("../measure-icons/topic-yuansheng.svg"); }
    body.mobile-ui-enabled.mobile-page-single #homeConsolePane .reading-topic-group button:nth-child(9) { --reading-topic-icon: url("../measure-icons/topic-diyu.svg"); }
    body.mobile-ui-enabled.mobile-page-single #homeConsolePane .reading-topic-group button:nth-child(10) { --reading-topic-icon: url("../measure-icons/topic-yanpan.svg"); }

    body.mobile-ui-enabled.mobile-page-single #homeConsolePane .reading-topic-group button::after {
      content: none !important;
      display: none !important;
    }

    body.mobile-ui-enabled.mobile-page-single #homeConsolePane .reading-topic-group button.active,
    body.mobile-ui-enabled.mobile-page-single #homeConsolePane .reading-topic-group button[aria-pressed="true"] {
      border-color: rgba(75, 99, 73, 0.58) !important;
      background: linear-gradient(135deg, #4b6349 0%, #354936 100%) !important;
      color: #fffaf0 !important;
      box-shadow: 0 8px 18px rgba(53, 73, 54, 0.16) !important;
    }

    body.mobile-ui-enabled.mobile-page-single #homeConsolePane .reading-topic-group button.active::before,
    body.mobile-ui-enabled.mobile-page-single #homeConsolePane .reading-topic-group button[aria-pressed="true"]::before {
      background-color: #eef5ea;
      border-color: rgba(75, 99, 73, 0.36);
      box-shadow: inset 0 0 0 1px rgba(75, 99, 73, 0.08), 0 3px 8px rgba(53, 73, 54, 0.12);
    }

    body.mobile-ui-enabled.mobile-page-single #readingFocusInput {
      min-height: 6.2rem !important;
      padding: 0.9rem 0.92rem 1.35rem !important;
      border-radius: 14px !important;
      background: #fffefb !important;
      font-size: 0.88rem !important;
    }

    body.mobile-ui-enabled.mobile-page-single .reading-question-count {
      position: absolute;
      right: 0.78rem;
      bottom: 0.58rem;
      color: #9aa594;
      font-size: 0.76rem;
    }

    body.mobile-ui-enabled.mobile-page-single .mobile-single-benefits {
      order: 30;
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 0.4rem;
      padding: 0.7rem 0.58rem;
      border: 1px solid #e1d8c8;
      border-radius: 14px;
      background: #fffdf8;
      color: #536851;
      font-size: 0.72rem;
      text-align: center;
    }

    body.mobile-ui-enabled.mobile-page-single .mobile-single-benefits span {
      display: grid;
      justify-items: center;
      gap: 0.18rem;
      min-width: 0;
    }

    body.mobile-ui-enabled.mobile-page-single .mobile-single-benefits b {
      display: grid;
      place-items: center;
      width: 1.8rem;
      height: 1.8rem;
      border: 1px solid rgba(200, 164, 93, 0.52);
      border-radius: 999px;
      color: #2f6a52;
      font-size: 0.78rem;
    }

    body.mobile-ui-enabled.mobile-page-single #homeConsolePane .cg-actions-main-btns {
      order: 40 !important;
      border-top: 0 !important;
    }

    body.mobile-ui-enabled.mobile-page-single #btnAiPro {
      min-height: 3.7rem !important;
      border-radius: 999px !important;
      background:
        radial-gradient(circle at 78% 78%, rgba(214, 183, 106, 0.22), transparent 3.2rem),
        linear-gradient(180deg, #1f563f 0%, #123a2d 100%) !important;
      color: #f5df9d !important;
      box-shadow: 0 12px 22px rgba(21, 47, 37, 0.18) !important;
    }

    body.mobile-ui-enabled.mobile-page-single #mingbookRoot {
      padding-left: 0.9rem !important;
      padding-right: 0.9rem !important;
    }

    body.mobile-ui-enabled.mobile-page-single .reading-paper.reading-wechat {
      border-radius: 18px !important;
      background: rgba(255, 255, 255, 0.96) !important;
    }

    body.mobile-ui-enabled.mobile-page-single .reading-wechat__sub {
      text-align: center !important;
      letter-spacing: 0.04em !important;
    }

    body.mobile-ui-enabled.mobile-page-single #result {
      min-height: 9.5rem !important;
      background:
        radial-gradient(ellipse at 50% 44%, rgba(53, 73, 54, 0.05), transparent 56%),
        #fffefb !important;
    }

    body.mobile-ui-enabled.mobile-page-single #result:empty::before {
      content: "批文将会在这里呈现，敬请期待。" !important;
    }

    body.mobile-ui-enabled.mobile-page-single #readingChatInput {
      background: #fffefb !important;
    }

    .mobile-single-benefits {
      display: none;
    }

    body.mobile-ui-enabled.mobile-page-single .mobile-single-benefits {
      display: grid;
    }

    .mobile-home-tip {
      display: none;
    }

    body.mobile-ui-enabled.mobile-page-home #appHeader {
      position: relative;
      display: flex !important;
      align-items: center;
      justify-content: center;
      min-height: 9.35rem !important;
      height: 9.35rem !important;
      padding: 0 !important;
      overflow: hidden;
      border-radius: 0 0 24px 24px;
      background:
        radial-gradient(circle at 50% 18%, rgba(234, 244, 232, 0.14), transparent 22%),
        radial-gradient(circle at 88% 72%, rgba(214, 183, 106, 0.13), transparent 24%),
        linear-gradient(180deg, #173e2f 0%, #2f5639 57%, #4b6349 100%) !important;
      box-shadow: 0 14px 28px rgba(53, 73, 54, 0.14);
    }

    body.mobile-ui-enabled.mobile-page-home #appHeader::before {
      content: "";
      position: absolute;
      left: -2.7rem;
      top: -1.9rem;
      width: 12rem;
      height: 10rem;
      pointer-events: none;
      opacity: 0.11;
      background:
        linear-gradient(132deg, transparent 47%, rgba(234, 244, 232, 0.58) 48%, rgba(234, 244, 232, 0.58) 50%, transparent 51%),
        linear-gradient(28deg, transparent 38%, rgba(234, 244, 232, 0.5) 39%, rgba(234, 244, 232, 0.5) 41%, transparent 42%),
        radial-gradient(ellipse at 44% 58%, rgba(234, 244, 232, 0.38) 0 10%, transparent 11%),
        radial-gradient(ellipse at 62% 35%, rgba(234, 244, 232, 0.34) 0 9%, transparent 10%);
      transform: rotate(-8deg);
      filter: blur(0.2px);
    }

    body.mobile-ui-enabled.mobile-page-home #appHeader::after {
      content: "";
      position: absolute;
      left: -8%;
      right: -8%;
      bottom: -2.6rem;
      height: 6rem;
      pointer-events: none;
      background:
        radial-gradient(ellipse at 50% 0%, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.34) 42%, rgba(255, 255, 255, 0) 74%),
        linear-gradient(180deg, rgba(234, 244, 232, 0), rgba(255, 255, 255, 0.85));
      filter: blur(12px);
      opacity: 0.92;
    }

    body.mobile-ui-enabled.mobile-page-home #appHeader .hero__ambient {
      display: block !important;
      position: absolute;
      inset: 0;
      pointer-events: none;
      opacity: 0.1;
      background:
        radial-gradient(ellipse at 50% 76%, rgba(255, 255, 255, 0.16), transparent 36%);
    }

    body.mobile-ui-enabled.mobile-page-home #appHeader .hero__taiji {
      display: none !important;
    }

    body.mobile-ui-enabled.mobile-page-home #appHeader .hero__inner {
      position: relative;
      z-index: 2;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      min-height: 9.35rem !important;
      padding: 0.9rem 1rem 2.65rem !important;
      box-sizing: border-box;
    }

    body.mobile-ui-enabled.mobile-page-home #appHeader .hero__title {
      margin: 0 !important;
      color: rgba(255, 250, 240, 0.96) !important;
      font-family: "Ma Shan Zheng", "STKaiti", "KaiTi", "Songti SC", serif !important;
      font-size: clamp(1.92rem, 7.9vw, 2.38rem) !important;
      font-weight: 400 !important;
      line-height: 1.12 !important;
      letter-spacing: 0.16em !important;
      text-indent: 0.16em !important;
      text-align: center !important;
      text-shadow: 0 2px 8px rgba(10, 33, 24, 0.24);
    }

    body.mobile-ui-enabled.mobile-page-home #homeConsolePane {
      position: relative;
      z-index: 3;
      margin: -1.78rem 1.08rem 0 !important;
      padding: 0 !important;
      background: transparent !important;
      border: 0 !important;
      border-radius: 0 !important;
      box-shadow: none !important;
      overflow: visible !important;
    }

    body.mobile-ui-enabled.mobile-page-home #homeConsolePane::before {
      content: "";
      position: absolute;
      left: -0.55rem;
      right: -0.55rem;
      top: -1.12rem;
      height: 4.7rem;
      pointer-events: none;
      border-radius: 2.2rem;
      background:
        radial-gradient(ellipse at 50% 10%, rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.38) 44%, rgba(255, 255, 255, 0) 72%),
        radial-gradient(ellipse at 0% 54%, rgba(75, 99, 73, 0.1), transparent 58%),
        radial-gradient(ellipse at 100% 54%, rgba(75, 99, 73, 0.1), transparent 58%);
      filter: blur(13px);
      opacity: 0.68;
      z-index: -1;
    }

    body.mobile-ui-enabled.mobile-page-home #homeConsolePane .console-shell.cg-shell {
      position: relative;
      z-index: 1;
      overflow: hidden;
      padding: 0.92rem 0.95rem 0.98rem !important;
      border: 1px solid rgba(217, 226, 216, 0.74) !important;
      border-radius: 16px !important;
      background: rgba(255, 255, 255, 0.975) !important;
      box-shadow:
        0 9px 22px rgba(53, 73, 54, 0.062),
        0 1px 5px rgba(53, 73, 54, 0.035) !important;
    }

    body.mobile-ui-enabled.mobile-page-home .mobile-home-topform-row {
      gap: 0.68rem !important;
      margin-bottom: 0.08rem !important;
    }

    body.mobile-ui-enabled.mobile-page-home #homeConsolePane :where(.micro-field > label, .mobile-home-seg-field > label) {
      margin-bottom: 0.34rem !important;
      color: #5c8074 !important;
      font-size: 0.84rem !important;
      font-weight: 600 !important;
      line-height: 1.2 !important;
    }

    body.mobile-ui-enabled.mobile-page-home #homeConsolePane .cg-r1-name input {
      min-height: 3.06rem !important;
      border-radius: 12px !important;
      border-color: rgba(217, 226, 216, 0.82) !important;
      color: #242a25 !important;
      font-size: 0.95rem !important;
      background: #ffffff !important;
    }

    body.mobile-ui-enabled.mobile-page-home .mobile-home-compact-row {
      grid-template-columns: minmax(112px, 0.88fr) minmax(185px, 1.28fr) !important;
      gap: 0.82rem !important;
    }

    body.mobile-ui-enabled.mobile-page-home .mobile-home-seg {
      height: 2.68rem !important;
      min-height: 2.68rem !important;
      padding: 0.14rem !important;
      border-color: rgba(217, 226, 216, 0.82) !important;
      background: #fbfefd !important;
      box-shadow: inset 0 0 0 1px rgba(234, 244, 232, 0.8);
    }

    body.mobile-ui-enabled.mobile-page-home .mobile-home-seg button {
      color: #516a62 !important;
      font-size: 0.9rem !important;
      font-weight: 600 !important;
    }

    body.mobile-ui-enabled.mobile-page-home .mobile-home-seg button.active {
      color: #ffffff !important;
      background: linear-gradient(180deg, #4b6349, #354936) !important;
      box-shadow: 0 4px 9px rgba(53, 73, 54, 0.12);
    }

    body.mobile-ui-enabled.mobile-page-home .mobile-home-info-list {
      margin-top: 0.68rem !important;
      border-color: rgba(237, 243, 237, 0.82) !important;
    }

    body.mobile-ui-enabled.mobile-page-home .mobile-home-info-row {
      min-height: 3.5rem !important;
      padding: 0.54rem 0 !important;
      gap: 0.46rem !important;
      border-top-color: rgba(237, 243, 237, 0.82) !important;
    }

    body.mobile-ui-enabled.mobile-page-home .mobile-home-info-row::before,
    body.mobile-ui-enabled.mobile-page-home .mobile-home-save-row::before {
      display: none !important;
    }

    body.mobile-ui-enabled.mobile-page-home .mobile-home-info-row:nth-child(2)::before {
      border-radius: 999px 999px 999px 0.32rem;
      transform: rotate(-45deg);
    }

    body.mobile-ui-enabled.mobile-page-home .mobile-home-info-row:nth-child(2) .mobile-home-info-row__label,
    body.mobile-ui-enabled.mobile-page-home .mobile-home-info-row:nth-child(2) .mobile-home-info-row__value,
    body.mobile-ui-enabled.mobile-page-home .mobile-home-info-row:nth-child(2) .mobile-home-info-row__arrow {
      transform: none;
    }

    body.mobile-ui-enabled.mobile-page-home .mobile-home-info-row__label,
    body.mobile-ui-enabled.mobile-page-home .mobile-home-save-row__label {
      color: #1f2d2d !important;
      font-size: 0.96rem !important;
      font-weight: 600 !important;
      line-height: 1.25 !important;
    }

    body.mobile-ui-enabled.mobile-page-home .mobile-home-info-row__label {
      min-width: 4.35rem !important;
    }

    body.mobile-ui-enabled.mobile-page-home .mobile-home-info-row__value {
      color: #7d908d !important;
      font-size: 0.9rem !important;
      font-weight: 500 !important;
      line-height: 1.35 !important;
      white-space: nowrap !important;
    }

    body.mobile-ui-enabled.mobile-page-home .mobile-home-info-row__arrow {
      color: #6f8668 !important;
      font-size: 1.18rem !important;
      font-weight: 500 !important;
    }

    body.mobile-ui-enabled.mobile-page-home .mobile-home-save-row {
      min-height: 3.42rem !important;
      margin-top: 0 !important;
      padding: 0.52rem 0 0.42rem !important;
      border-bottom: 0 !important;
      gap: 0.46rem !important;
    }

    body.mobile-ui-enabled.mobile-page-home .mobile-home-save-row__label {
      flex: 1 1 auto;
    }

    body.mobile-ui-enabled.mobile-page-home .mobile-home-switch__track {
      width: 3.02rem !important;
      height: 1.72rem !important;
      background: #eaf4e8 !important;
      box-shadow: inset 0 0 0 1px rgba(217, 226, 216, 0.9);
    }

    body.mobile-ui-enabled.mobile-page-home .mobile-home-switch__thumb {
      width: 1.36rem !important;
      height: 1.36rem !important;
      top: 0.18rem !important;
      left: 0.18rem !important;
    }

    body.mobile-ui-enabled.mobile-page-home .mobile-home-switch input:checked + .mobile-home-switch__track {
      background: #4b6349 !important;
    }

    body.mobile-ui-enabled.mobile-page-home .mobile-home-switch input:checked + .mobile-home-switch__track .mobile-home-switch__thumb {
      transform: translateX(1.3rem) !important;
    }

    body.mobile-ui-enabled.mobile-page-home #homeConsolePane .cg-actions-main-btns #btnPaipan {
      min-height: 3.16rem !important;
      height: 3.16rem !important;
      margin-top: 0.5rem !important;
      border-radius: 13px !important;
      background:
        radial-gradient(circle at 18% 12%, rgba(255, 255, 255, 0.12), transparent 34%),
        linear-gradient(180deg, #4b6349 0%, #354936 100%) !important;
      box-shadow: 0 8px 16px rgba(53, 73, 54, 0.13) !important;
      letter-spacing: 0.04em !important;
    }

    body.mobile-ui-enabled.mobile-page-home #homeConsolePane .cg-actions-main-btns #btnPaipan::before {
      font-size: 1.14rem !important;
      font-weight: 700 !important;
      letter-spacing: 0.04em !important;
    }

    body.mobile-ui-enabled.mobile-page-home .mobile-home-tip {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: center;
      gap: 0.6rem;
      margin: 0.78rem 1.08rem 0;
      padding: 0.78rem 0.9rem;
      border: 1px solid rgba(217, 226, 216, 0.62);
      border-radius: 12px;
      background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(248, 252, 247, 0.94));
      box-shadow: 0 7px 16px rgba(53, 73, 54, 0.045);
    }

    body.mobile-ui-enabled.mobile-page-home .mobile-home-tip__icon {
      display: none;
    }

    body.mobile-ui-enabled.mobile-page-home .mobile-home-tip__body strong {
      display: block;
      color: #1f2d2d;
      font-size: 0.92rem;
      font-weight: 700;
      line-height: 1.25;
    }

    body.mobile-ui-enabled.mobile-page-home .mobile-home-tip__body p {
      margin: 0.24rem 0 0;
      color: #6f817c;
      font-size: 0.8rem;
      line-height: 1.5;
    }

    body.mobile-ui-enabled.mobile-page-home .mobile-home-tip__arrow {
      color: #4b6349;
      font-size: 1.34rem;
      font-weight: 500;
      line-height: 1;
    }

    body.mobile-ui-enabled.mobile-page-home .mobile-home-disclaimer {
      margin: 1rem 1rem calc(1.05rem + env(safe-area-inset-bottom)) !important;
      color: #7e8f8a !important;
      font-size: 0.86rem !important;
      line-height: 1.55 !important;
    }

    @media (max-width: 420px) {
      body.mobile-ui-enabled.mobile-page-home #homeConsolePane {
        margin-left: 1rem !important;
        margin-right: 1rem !important;
      }

      body.mobile-ui-enabled.mobile-page-home .mobile-home-compact-row {
        grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.28fr) !important;
      }

      body.mobile-ui-enabled.mobile-page-home .mobile-home-seg button {
        font-size: 0.92rem !important;
      }

      body.mobile-ui-enabled.mobile-page-home .mobile-home-tip {
        margin-left: 1rem;
        margin-right: 1rem;
      }
    }

    @media (max-width: 420px) {
      body.mobile-ui-enabled.mobile-page-home .mobile-home-topform-row {
        grid-template-columns: 1fr;
      }
    }
    @media (max-width: 360px) {
      body.mobile-ui-enabled.mobile-page-home .mobile-home-compact-row {
        grid-template-columns: 1fr;
      }
    }