/* 2026 mobile visual refresh: home, calculation forms and report pages */
:root { --ui-ink:#20283a; --ui-muted:#7b8496; --ui-line:#e9edf4; --ui-card:#fff; --ui-brand:#8a4d35; --ui-brand-deep:#5f2f22; --ui-warm:#fff8f3; }

/* home */
body.site-home-refresh { background: #f7f8fb; color: var(--ui-ink); }
.site-home-refresh .m_top_tip { min-height: 34px; padding: 0 14px; background: linear-gradient(90deg, #6d3428, #9b6044); color: #fff7ed; box-sizing: border-box; }
.site-home-refresh .index_swiper { margin: 10px 12px 0; padding-top: 45.5%; border-radius: 16px; box-shadow: 0 10px 25px rgba(89, 50, 33, .13); }
.site-home-refresh .index_swiper .swiper-slide img { height: 100%; object-fit: cover; }
.site-home-refresh .swiper-container .swiper-pagination { margin-bottom: 2px; }
.site-home-refresh .swiper-container .swiper-pagination-bullet { background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.25); opacity: .78; }
.site-home-refresh .index_item { margin: 12px; padding: 14px 8px 7px; gap: 12px 0; border-radius: 16px; background: var(--ui-card); box-shadow: 0 4px 18px rgba(31,41,55,.05); }
.site-home-refresh .index_item li { flex-basis: 25%; margin-bottom: 6px; }
.site-home-refresh .index_item a { margin: 0 7px; color: var(--ui-ink); }
.site-home-refresh .index_item img { width: 58px; margin-bottom: 7px; border-radius: 18px; box-shadow: 0 3px 9px rgba(71,85,105,.12); }
.site-home-refresh .index_item p { overflow: hidden; margin: 0; color: #3c4657; font-size: 13px; line-height: 19px; white-space: nowrap; text-overflow: ellipsis; }
.site-home-refresh .index_box_wrap { margin: 12px; overflow: hidden; border: 1px solid #f0f1f4; border-radius: 16px; background: var(--ui-card); box-shadow: 0 4px 18px rgba(31,41,55,.05); }
.site-home-refresh .ib_title { position: relative; height: auto; padding: 17px 16px 12px 28px; color: var(--ui-ink); font-size: 17px; line-height: 1.2; }
.site-home-refresh .ib_title:before { position:absolute; top:17px; left:16px; width:4px; height:18px; border-radius:4px; background:linear-gradient(#bd7856,#8a4d35); content:""; }
.site-home-refresh .ib_box { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:10px; margin:0 10px 12px; }
.site-home-refresh .ib_box li { float:none; width:auto; margin:0; }
.site-home-refresh .ib_box a { margin:0; overflow:hidden; border-radius:12px; box-shadow:0 3px 9px rgba(31,41,55,.08); }
.site-home-refresh .ib_box img { border-radius:12px; transition:transform .2s ease; }
.site-home-refresh .ib_box a:active img { transform:scale(1.03); }
.site-home-refresh .public_footer { margin-top:18px; padding:18px 12px 26px; background:#fff; color:#8c94a3; }
.site-home-refresh .public_footer_help { margin-top:12px; }

/* calculation form pages */
body.calc-page-refresh { background: #f7f8fb; color: var(--ui-ink); }
.calc-page-refresh .m_top_tip { background: linear-gradient(90deg, #6d3428, #9b6044) !important; }
.calc-page-refresh .index-form,
.calc-page-refresh .bigbox { border-radius: 16px; box-shadow: 0 10px 28px rgba(62,48,41,.13); }
.calc-page-refresh .index-form { overflow:hidden; border:1px solid rgba(255,255,255,.55); }
.calc-page-refresh .index-form__li { border-color: rgba(123,132,150,.18); }
.calc-page-refresh .index-form__input,
.calc-page-refresh .index-form__birthday,
.calc-page-refresh .index-bottom-form__input,
.calc-page-refresh .index-bottom-form__birthday,
.calc-page-refresh .forminput input[type="text"] { color:#263247; border-radius:9px; }
.calc-page-refresh .index-form__btn a,
.calc-page-refresh .bigbox .btn_submit,
.calc-page-refresh .bigbox .sub-btn { border-radius: 12px; box-shadow: 0 8px 18px rgba(137,70,47,.23); }
.calc-page-refresh .index-form__btn a:active,
.calc-page-refresh .bigbox .btn_submit:active,
.calc-page-refresh .bigbox .sub-btn:active { transform:scale(.985); }
.calc-page-refresh .m-box { overflow:hidden; border-radius:16px; box-shadow:0 5px 18px rgba(62,48,41,.1); }
.calc-page-refresh .m-box__title { letter-spacing:.4px; }
.calc-page-refresh .base-order-history { border-radius:0 0 12px 12px; box-shadow:0 3px 10px rgba(0,0,0,.12); }
.calc-page-refresh .m-huangli { border-radius:10px 0 0 10px; box-shadow:0 4px 12px rgba(0,0,0,.15); }

/* report / result pages */
body.result-page-refresh { min-height:100vh; background:#f5f7fb !important; color:var(--ui-ink); }
.result-page-refresh .public_banner { overflow:hidden; border-radius:0 0 18px 18px; box-shadow:0 6px 20px rgba(45,55,72,.12); }
.result-page-refresh .order_box_pay { margin:12px; border-radius:12px; background:#fff; box-shadow:0 3px 12px rgba(31,41,55,.06); }
.result-page-refresh #showList { padding:0 12px 18px; }
.result-page-refresh .sl_box { overflow:hidden; margin:12px 0; border:1px solid #e9edf4; border-radius:14px; background:#fff; box-shadow:0 4px 16px rgba(31,41,55,.05); }
.result-page-refresh .public_words_title { margin:0; padding:15px 16px; background:linear-gradient(90deg,#fffaf6,#fff); color:#55372d; font-size:17px; font-weight:700; }
.result-page-refresh .result_list_content { padding:0 12px 14px; }
.result-page-refresh .base_info { margin-top:12px; padding:10px 12px; border-radius:10px; background:#f8fafc; }
.result-page-refresh .detail_info { overflow:hidden; border:1px solid #edf0f4; border-radius:10px; }
.result-page-refresh .detail_info li { border-color:#edf0f4; }
.result-page-refresh .detail_info li:nth-child(odd) { background:#fcf8f5; }
.result-page-refresh .material-box,
.result-page-refresh .content-box { box-sizing:border-box; width:calc(100% - 24px); margin:14px 12px; border-radius:16px; box-shadow:0 5px 18px rgba(59,66,82,.1); }
.result-page-refresh .material-box { overflow:hidden; background:#fffdf9; }
.result-page-refresh .content-box { overflow:hidden; background:#fff; }
.result-page-refresh .material-box .top { border-radius:16px 16px 0 0; }
.result-page-refresh .list-box { margin-right:12px; margin-left:12px; border-color:#edf0f4; border-radius:10px; }
.result-page-refresh .list-box h2 { border-radius:10px 10px 0 0; }
.result-page-refresh .content-box table { border-radius:8px; overflow:hidden; }

@media (min-width: 680px) {
  .site-home-refresh, .calc-page-refresh, .result-page-refresh { max-width:640px; margin:0 auto; box-shadow:0 0 40px rgba(15,23,42,.08); }
}

/* Shared baseline, injected by ffsm/index.php for every home-page entry. */
body.site-ui-refresh { -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }
.site-ui-refresh input,
.site-ui-refresh select,
.site-ui-refresh textarea { outline:0; -webkit-appearance:none; appearance:none; }
.site-ui-refresh input[type="text"],
.site-ui-refresh input[type="tel"],
.site-ui-refresh input[type="number"],
.site-ui-refresh select,
.site-ui-refresh textarea { border-radius:8px; transition:border-color .18s ease, box-shadow .18s ease; }
.site-ui-refresh input[type="text"]:focus,
.site-ui-refresh input[type="tel"]:focus,
.site-ui-refresh input[type="number"]:focus,
.site-ui-refresh select:focus,
.site-ui-refresh textarea:focus { border-color:#ba7658 !important; box-shadow:0 0 0 3px rgba(186,118,88,.12); }
.site-ui-refresh .forminput,
.site-ui-refresh .index-form__ul,
.site-ui-refresh .index-bottom-form__ul,
.site-ui-refresh .form-box,
.site-ui-refresh .form_box,
.site-ui-refresh .form-wrap,
.site-ui-refresh .form_wrap { border-radius:12px; }
.site-ui-refresh .forminput_hang,
.site-ui-refresh .index-form__li,
.site-ui-refresh .index-bottom-form__li { min-height:46px; }
.site-ui-refresh .J_ajax_submit_btnsub,
.site-ui-refresh a[class*="submit"],
.site-ui-refresh button[type="submit"],
.site-ui-refresh input[type="submit"] { transition:transform .16s ease, filter .16s ease; }
.site-ui-refresh .J_ajax_submit_btnsub:active,
.site-ui-refresh a[class*="submit"]:active,
.site-ui-refresh button[type="submit"]:active,
.site-ui-refresh input[type="submit"]:active { filter:brightness(.96); transform:scale(.985); }
.site-ui-refresh table { border-collapse:separate; border-spacing:0; }
.site-ui-refresh table th { font-weight:600; }
.site-ui-refresh .public_footer,
.site-ui-refresh .footer { padding-bottom:calc(22px + env(safe-area-inset-bottom)); }

/* Result pages across bazi, zodiac, name, marriage, annual and tarot tools. */
.site-ui-refresh .result_list_content,
.site-ui-refresh .find_content,
.site-ui-refresh .find-box,
.site-ui-refresh .result-box,
.site-ui-refresh .result_box,
.site-ui-refresh .report-box,
.site-ui-refresh .report_box { line-height:1.75; }
.site-ui-refresh .result_list_content p,
.site-ui-refresh .find_content p,
.site-ui-refresh .result-box p,
.site-ui-refresh .result_box p { letter-spacing:.1px; }
.site-ui-refresh .order_box_pay,
.site-ui-refresh .order_num,
.site-ui-refresh .order-number { font-variant-numeric:tabular-nums; }

@media (max-width: 480px) {
  .site-ui-refresh .forminput_hang_bt,
  .site-ui-refresh .index-form__words,
  .site-ui-refresh .index-bottom-form__words { font-weight:600; }
  .site-ui-refresh .public_words_title,
  .site-ui-refresh .result-title,
  .site-ui-refresh [class*="result"] h2 { letter-spacing:.2px; }
}