/* All secondary mobile pages. This file is never loaded by the homepage. */
html.cf-machine-interface {
  --mi-bg:#f5f5f3; --mi-surface:#fff; --mi-ink:#242526; --mi-muted:#85847f;
  --mi-line:#e7e4de; --mi-brand:#986a34; --mi-tint:#f4eee5; --mi-dark:#292a2b;
  --vt-bg-primary:var(--mi-bg); --vt-bg-secondary:#efeeeb; --vt-bg-card:#fff; --vt-bg-page:var(--mi-bg);
  --vt-bg-elevated:#fff; --vt-accent-primary:var(--mi-brand); --vt-accent-secondary:#b48b58;
  --vt-accent-gradient:linear-gradient(180deg,#ac7b43,#93622f); --vt-gradient-primary:var(--vt-accent-gradient);
  --vt-text-primary:var(--mi-ink); --vt-text-secondary:#75746e; --vt-text-muted:#99978f;
  --vt-border-primary:var(--mi-line); --vt-shadow-glow:none; --vt-shadow-glow-strong:none;
  --bg-page:var(--mi-bg); --bg-card:#fff; --bg-secondary:#f1efeb; --bg-elevated:#fff;
  --text-primary:var(--mi-ink); --text-secondary:#75746e; --text-muted:#99978f;
  --accent-primary:var(--mi-brand); --accent-secondary:#b48b58; --accent-gradient:var(--vt-accent-gradient);
  --border-color:var(--mi-line); --border-light:#eeebe6; --shadow-card:0 2px 8px rgb(30 27 20 / 3%);
  --shadow-glow-primary:none; --shadow-glow-secondary:none; --font-family:Verdana,'Segoe UI',sans-serif;
  --archer-text-primary:var(--mi-ink); --archer-bg-primary:var(--mi-bg); --archer-text-accent:var(--mi-brand);
  --archer-accent-primary:var(--mi-brand); --archer-bg-card:#fff; --archer-border-primary:var(--mi-line);
  background:#e7e6e2; color-scheme:light; font-size:16px;
}
html.cf-machine-interface body { margin:0 auto; width:100%; max-width:480px; min-height:100vh; min-height:100dvh; padding:0 0 calc(82px + env(safe-area-inset-bottom,0px)); background:var(--mi-bg); color:var(--mi-ink); font-family:var(--font-family); font-size:14px; line-height:1.5; overflow-x:clip; overflow-y:auto; }
html.cf-machine-interface *,html.cf-machine-interface *::before,html.cf-machine-interface *::after { box-sizing:border-box; }
html.cf-machine-interface [hidden],html.cf-machine-interface .hidden { display:none !important; }
html.cf-machine-interface :is(button,input,select,textarea) { font-family:inherit; }
html.cf-machine-interface :is(input,select,textarea) { font-size:16px; }
html.cf-machine-interface :is(button,a,summary) { -webkit-tap-highlight-color:transparent; touch-action:manipulation; }
html.cf-machine-interface :is(button,a,input,select,textarea,summary):focus-visible { outline:2px solid var(--mi-brand); outline-offset:3px; }
html.cf-machine-interface img { max-width:100%; }
html.cf-machine-interface :is(.page-container,.app-wrapper,.app-shell,.login-page,.register-page) { width:100%; max-width:480px; margin:0 auto; min-height:100dvh; background:var(--mi-bg); padding-bottom:0; }
html.cf-machine-interface :is(.main-content,.main-scroll,.page-content,.invest-content,.content,.main-wrapper,.records-section) { max-width:480px; margin-inline:auto; padding:16px; }
html.cf-machine-interface :is(.views,.view,.view-main,.pages,.page) { position:relative; inset:auto; height:auto; min-height:0; width:100%; overflow:visible; transform:none; background:transparent; }
html.cf-machine-interface .page.navbar-fixed .page-content { padding-top:0; }
/* Brand and navigation use machine silhouettes and clean manufacturer typography. */
html.cf-machine-interface .mi-header,html.cf-machine-interface .hero-header { display:block; background:#fff; border-bottom:1px solid var(--mi-line); padding:13px 17px; box-shadow:none; position:relative; }
html.cf-machine-interface .mi-header { display:flex; align-items:center; justify-content:space-between; gap:12px; }
html.cf-machine-interface .hero-header::before,html.cf-machine-interface .cf-header-rule { display:none; }
html.cf-machine-interface .hero-header-inner { display:flex; align-items:center; justify-content:flex-start; gap:10px; min-height:36px; max-width:none; }
html.cf-machine-interface .brand-logo { margin:0; background:none; }
html.cf-machine-interface .mi-brand { display:inline-flex; align-items:center; gap:8px; color:var(--mi-ink); }
html.cf-machine-interface .mi-brand img { width:32px; height:35px; object-fit:contain; }
html.cf-machine-interface .mi-brand > span { display:flex; flex-direction:column; gap:3px; }
html.cf-machine-interface .mi-brand strong { font-family:Verdana,sans-serif; font-size:24px; line-height:1; letter-spacing:1.4px; font-weight:900; }
html.cf-machine-interface .mi-brand small { font-size:7px; letter-spacing:1.4px; color:#8a8174; line-height:1.3; }
html.cf-machine-interface .mi-header-brand { text-decoration:none; color:inherit; }
html.cf-machine-interface .mi-support-link { display:grid; place-items:center; color:#404142; width:34px; height:34px; border-radius:7px; }
html.cf-machine-interface .mi-support-link svg { width:21px; height:21px; }
html.cf-machine-interface :is(.hero-header .back-button,.back-btn) { position:static; display:grid; place-items:center; flex:0 0 30px; width:30px; height:34px; padding:4px; border:0; background:transparent; box-shadow:none; color:#565450; }
html.cf-machine-interface .navbar { position:relative; inset:auto; height:auto; min-height:30px; padding:0 14px; border:0; background:transparent; box-shadow:none; }
html.cf-machine-interface .navbar::after { display:none; }
html.cf-machine-interface .navbar .navbar-inner { position:relative; inset:auto; height:auto; min-height:30px; padding:0; justify-content:flex-start; }
html.cf-machine-interface .navbar .center { display:none; }
html.cf-machine-interface .navbar .left a { font-size:11px; color:#85817a; }
html.cf-machine-interface :is(.mi-page-intro,.cf-page-intro) { display:flex; justify-content:space-between; align-items:center; gap:18px; margin:0; padding:22px 17px 16px; border:0; }
html.cf-machine-interface :is(.mi-page-intro,.cf-page-intro) :is(span.cf-eyebrow,.cf-eyebrow),html.cf-machine-interface .mi-page-intro > span { display:block; font-size:8px; font-weight:600; color:#9a8c78; letter-spacing:1.3px; }
html.cf-machine-interface .mi-page-intro { display:block; }
html.cf-machine-interface :is(.mi-page-intro,.cf-page-intro) h1 { font-family:Verdana,sans-serif; font-size:23px; font-weight:700; line-height:1.25; color:var(--mi-ink); letter-spacing:-.6px; margin:5px 0; }
html.cf-machine-interface .cf-page-intro p { font-size:11px; color:#8a8881; max-width:300px; line-height:1.7; margin:4px 0 0; }
html.cf-machine-interface .cf-page-intro > img { width:43px; height:47px; flex:0 0 43px; opacity:.8; transform:none; }
html.cf-machine-interface .cf-eyebrow { display:block; font-size:8px; letter-spacing:1.3px; color:#9a8c78; }
html.cf-machine-interface :is(.section-title,.panel-title,.link-section-title,.commission-title,.form-title,.info-title) { color:var(--mi-ink); font-family:Verdana,sans-serif; font-weight:700; letter-spacing:-.3px; }
html.cf-machine-interface .section-decoration { display:none; }
/* Authentication is an equipment portal, not a cafe cover / paper invitation. */
html.cf-machine-interface :is(.login-page,.register-page) { display:block; }
html.cf-machine-interface :is(.login-container,.register-container) { display:flex; flex-direction:column; width:100%; min-height:100dvh; margin:0; border:0; border-radius:0; box-shadow:none; background:var(--mi-bg); }
html.cf-machine-interface :is(.login-sidebar,.register-sidebar,.ambient-layer,.background,.login_logo) { display:none; }
html.cf-machine-interface .mi-auth-cover { position:relative; padding:22px 23px; min-height:190px; color:#fff; background:#26231e url('/mobile-v2/images/machine-showcase.webp') 65% center/cover; isolation:isolate; }
html.cf-machine-interface .mi-auth-cover::before { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgb(17 17 17 / 88%),rgb(17 17 17 / 15%)); }
html.cf-machine-interface .mi-auth-cover .mi-brand { color:white; }
html.cf-machine-interface .mi-auth-cover .mi-brand small { color:#d6c8b3; }
html.cf-machine-interface .mi-auth-cover .mi-brand img { width:27px; height:32px; }
html.cf-machine-interface .mi-auth-cover .mi-brand strong { font-size:22px; }
html.cf-machine-interface .mi-auth-copy { max-width:70%; margin-top:24px; }
html.cf-machine-interface .mi-auth-copy > span { font-size:7px; letter-spacing:1.3px; color:#d8bc95; }
html.cf-machine-interface .mi-auth-copy h1 { font-family:Verdana,sans-serif; font-size:23px; line-height:1.17; white-space:pre-line; font-weight:700; margin:7px 0; letter-spacing:-.6px; }
html.cf-machine-interface .mi-auth-copy p { font-size:10px; line-height:1.6; max-width:190px; margin:0; color:#d7d0c5; }
html.cf-machine-interface :is(.login-main,.register-main,.login_form) { width:100%; max-width:480px; margin:0; padding:23px 23px 30px; background:#fff; border:0; border-radius:0; box-shadow:none; flex:1; align-items:flex-start; }
html.cf-machine-interface :is(.login-form-wrapper,.register-form-wrapper) { width:100%; max-width:380px; margin:auto; animation:none; }
html.cf-machine-interface .cf-form-heading h2 { font-size:24px; line-height:1.25; font-weight:700; color:#242526; letter-spacing:-.6px; margin:5px 0 8px; }
html.cf-machine-interface .cf-auth-intro { font-size:11px; color:#88847c; margin:0 0 21px; }
html.cf-machine-interface .auth-tabs { display:flex; gap:20px; padding:0; margin-bottom:21px; background:transparent; border:0; border-bottom:1px solid var(--mi-line); border-radius:0; }
html.cf-machine-interface .auth-tab { flex:0 1 auto; min-width:70px; min-height:40px; padding:10px 0; background:transparent; color:#8b877e; border-radius:0; font-size:12px; text-transform:none; letter-spacing:0; }
html.cf-machine-interface .auth-tab.active { color:#8d612e; background:transparent; border-bottom:2px solid #986a34; box-shadow:none; }
html.cf-machine-interface .tab-indicator { display:none; }
/* Shared form controls and action hierarchy. */
html.cf-machine-interface :is(.form-field,.form-group) { margin-bottom:17px; }
html.cf-machine-interface :is(.field-label,.form-label,.item-title.label) { color:#595750; font-size:11px; line-height:1.5; font-weight:500; text-transform:none; letter-spacing:0; }
html.cf-machine-interface .field-label { display:flex; align-items:center; gap:6px; margin-bottom:6px; }
html.cf-machine-interface .field-label svg { width:14px; height:14px; color:#a28660; }
html.cf-machine-interface .input-field { position:relative; min-height:47px; background:#fafaf8; border:1px solid #e4dfd6; border-radius:7px; }
html.cf-machine-interface .input-field input { width:100%; height:46px; padding:10px 42px 10px 13px; background:transparent; border:0; border-radius:7px; box-shadow:none; color:#292a2b; font-size:16px; }
html.cf-machine-interface :is(.form-input,.inputfield,.input-control input,.item-input input,.amount-input) { width:100%; min-height:44px; background:#fafaf8; border:1px solid #e4dfd6; border-radius:7px; color:#292a2b; box-shadow:none; padding:10px 12px; }
html.cf-machine-interface :is(input,textarea)::placeholder { color:#a09a8f; font-weight:400; }
html.cf-machine-interface .input-focus-ring { display:none; }
html.cf-machine-interface .input-field:focus-within { border-color:#a57940; box-shadow:0 0 0 3px rgb(152 106 52 / 7%); }
html.cf-machine-interface .input-field.has-error { border-color:#bd5e4a; }
html.cf-machine-interface .input-field.has-success { border-color:#62866b; }
html.cf-machine-interface :is(.field-action,.password-toggle) { background:transparent; border:0; color:#8c8982; }
html.cf-machine-interface :is(.login-btn,.register-btn,.submit-btn,.recharge-btn,.withdraw-btn,.confirm-btn,.copy-btn,.link-copy-btn,.save-btn,.btn_submit_my,.button-fill,.claim-button,.checkin-button,.telegram-button,.task-button,.submit-button,.treasure-button,.balance-modal-confirm) { min-height:44px; padding:11px 16px; border:1px solid #93622f; border-radius:7px; background:linear-gradient(180deg,#ad7e46,#95632e); color:white; font-size:13px; font-weight:600; box-shadow:none; text-transform:none; letter-spacing:0; }
html.cf-machine-interface :is(.login-btn,.register-btn) { width:100%; margin-top:8px; }
html.cf-machine-interface :is(button,a).disabled,html.cf-machine-interface button:disabled { opacity:.5; cursor:not-allowed; }
html.cf-machine-interface .form-footer { border:0; margin:0; padding-top:21px; }
html.cf-machine-interface .footer-text { font-size:11px; color:#8a857b; }
html.cf-machine-interface .footer-text a { color:#986a34; }
html.cf-machine-interface :is(.cf-service-receipt,.form-container,.withdraw-panel,.recharge-panel,.form-section,.bank-card,.info-card,.task-card,.rules-section,.tips-container,.password-card,.service-card,.stats-card,.bonus-container,.telegram-card,.reward-card) { background:#fff; border:1px solid var(--mi-line); border-radius:9px; box-shadow:0 2px 6px rgb(30 27 20 / 2%); }
html.cf-machine-interface .cf-service-receipt { margin:0 16px 22px; max-width:calc(100% - 32px); padding:16px; }
html.cf-machine-interface .cf-service-receipt::after { display:none; }
html.cf-machine-interface :is(.recharge-wrapper,.withdraw-wrapper,.bank-wrapper) { padding:0; background:transparent; box-shadow:none; border:0; }
html.cf-machine-interface .form-container { padding:18px; }
/* Account overview: identity, balance and service tiles replace the member pass. */
html.cf-machine-interface .mi-account-overview { background:#fff; border:1px solid var(--mi-line); border-radius:10px; overflow:hidden; }
html.cf-machine-interface .mi-account-overview .identity-strip { display:flex; align-items:center; gap:11px; padding:17px; background:#fff; border:0; border-bottom:1px solid var(--mi-line); border-radius:0; box-shadow:none; }
html.cf-machine-interface .identity-strip::before { display:none; }
html.cf-machine-interface :is(.id-avatar,.id-avatar-inner) { width:44px; height:46px; border-radius:7px; background:#f2efe9; padding:3px; }
html.cf-machine-interface .id-avatar-inner img { width:100%; height:100%; object-fit:contain; }
html.cf-machine-interface .id-phone { color:#262626; font-size:16px; line-height:1.5; overflow-wrap:anywhere; }
html.cf-machine-interface .id-phone svg { display:none; }
html.cf-machine-interface .cf-pass-label { font-size:10px; color:#9a9082; }
html.cf-machine-interface .mi-account-overview .stats-row { display:grid; grid-template-columns:1fr; gap:0; padding:18px 17px; }
html.cf-machine-interface .mi-account-overview .stat-card { padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
html.cf-machine-interface .mi-account-overview .stat-card::before { display:none; }
html.cf-machine-interface .mi-account-overview .stat-icon { display:none; }
html.cf-machine-interface .mi-account-overview .stat-header { margin:0 0 5px; }
html.cf-machine-interface .mi-account-overview .stat-label { color:#8d8578; font-size:10px; text-transform:uppercase; }
html.cf-machine-interface .mi-account-overview .stat-value { font-size:30px; font-weight:700; color:#292a2b; background:none; -webkit-text-fill-color:currentColor; line-height:1.3; }
html.cf-machine-interface .cf-account-section-heading { margin:23px 0 13px; }
html.cf-machine-interface .cf-account-section-heading h1 { font-size:20px; line-height:1.3; margin:5px 0; font-weight:700; color:#292a2b; }
html.cf-machine-interface [data-cf-page="user-index"] .action-panel { padding:0; border:0; background:transparent; box-shadow:none; }
html.cf-machine-interface [data-cf-page="user-index"] .panel-title { display:none; }
html.cf-machine-interface [data-cf-page="user-index"] .action-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
html.cf-machine-interface [data-cf-page="user-index"] .action-row { display:flex; align-items:flex-start; flex-direction:column; position:relative; min-height:105px; gap:10px; padding:13px; background:#fff; border:1px solid var(--mi-line); border-radius:9px; }
html.cf-machine-interface .action-icon { display:grid; place-items:center; width:29px; height:29px; border-radius:6px; color:#986a34; background:#f4eee5; }
html.cf-machine-interface .action-icon svg { width:17px; height:17px; }
html.cf-machine-interface .action-title { font-size:12px; font-weight:600; color:#343332; }
html.cf-machine-interface .action-desc { font-size:10px; line-height:1.5; color:#928b80; }
html.cf-machine-interface .action-arrow { position:absolute; top:15px; right:12px; width:14px; height:14px; opacity:.4; }
/* Partner / team pages use a product-led banner and neutral data cards. */
html.cf-machine-interface .mi-partner-banner { display:grid; grid-template-columns:1fr 42%; gap:12px; overflow:hidden; background:#fff; border:1px solid var(--mi-line); border-radius:9px; }
html.cf-machine-interface .mi-partner-banner > div { padding:19px 0 19px 16px; }
html.cf-machine-interface .mi-partner-banner > div > span { font-size:7px; letter-spacing:1.1px; color:#9c8665; }
html.cf-machine-interface .mi-partner-banner h1 { font-size:22px; line-height:1.2; margin:9px 0; color:#292a2b; font-weight:700; }
html.cf-machine-interface .mi-partner-banner p { font-size:10px; line-height:1.6; color:#938b7f; margin:0; }
html.cf-machine-interface .mi-partner-banner > img { width:100%; height:100%; min-height:154px; object-fit:cover; object-position:85% center; }
html.cf-machine-interface .mi-invitation-panel { background:#fff; border:1px solid var(--mi-line); border-radius:9px; margin-top:13px; padding:0 15px; }
html.cf-machine-interface .link-section { padding:16px 0; margin:0; border:0; box-shadow:none; background:transparent; border-radius:0; }
html.cf-machine-interface .link-section + .link-section { border-top:1px solid var(--mi-line); }
html.cf-machine-interface .link-section-header { margin-bottom:8px; }
html.cf-machine-interface .link-section-title { font-size:12px; }
html.cf-machine-interface .link-input-row { display:flex; align-items:stretch; gap:8px; }
html.cf-machine-interface .link-display-box { flex:1; min-width:0; padding:12px; background:#f6f5f1; border:1px solid #ece7de; border-radius:6px; font-size:12px; color:#6d6457; overflow-wrap:anywhere; }
html.cf-machine-interface .link-copy-btn { width:43px; min-width:43px; padding:10px; }
html.cf-machine-interface .commission-showcase { padding:21px; background:#fff; border:1px solid var(--mi-line); border-radius:9px; box-shadow:none; }
html.cf-machine-interface .commission-showcase::before,html.cf-machine-interface .commission-showcase::after { display:none; }
html.cf-machine-interface .showcase-value { font-size:34px; color:#292a2b; background:none; -webkit-text-fill-color:currentColor; }
html.cf-machine-interface .showcase-currency { color:#986a34; }
html.cf-machine-interface .showcase-label { font-size:10px; color:#92897a; }
html.cf-machine-interface .stats-orbit { margin:13px 0 20px; padding:0; }
html.cf-machine-interface .orbit-ring { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
html.cf-machine-interface .orbit-node { width:auto; min-width:0; padding:15px 5px; border:1px solid var(--mi-line); border-radius:8px; background:#fff; transform:none; box-shadow:none; }
html.cf-machine-interface .orbit-icon { width:28px; height:28px; margin:0 auto 8px; color:#986a34; background:#f4eee5; box-shadow:none; }
html.cf-machine-interface .orbit-value { font-size:18px; color:#292a2b; }
html.cf-machine-interface .orbit-label { font-size:8px; color:#928b80; overflow-wrap:anywhere; }
html.cf-machine-interface .accordion-trigger { background:#fff; border:1px solid var(--mi-line); border-radius:8px; box-shadow:none; }
html.cf-machine-interface .level-indicator { background:#f0e8dc; color:#8f622e; width:52px; min-width:52px; border:0; }
html.cf-machine-interface .accordion-body { padding:15px 11px; gap:11px; min-width:0; }
html.cf-machine-interface .accordion-body .stats-row { flex:1; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
html.cf-machine-interface .stat-cell-value { font-size:15px; color:#292a2b; }
html.cf-machine-interface .stat-cell-label { font-size:8px; color:#918a80; }
/* Equipment records and account balances. */
html.cf-machine-interface .investment-gallery { display:flex; flex-direction:column; gap:12px; }
html.cf-machine-interface :is(.invest-tile,.record-card,.transaction-card) { background:#fff; border:1px solid var(--mi-line); border-radius:9px; box-shadow:none; }
html.cf-machine-interface .invest-tile .tile-header { display:grid; grid-template-columns:75px minmax(0,1fr); gap:12px; padding:14px; background:transparent; }
html.cf-machine-interface .invest-tile .tile-thumb { width:75px; height:75px; border-radius:7px; border:0; background:#f2efea; }
html.cf-machine-interface .invest-tile .tile-thumb img { width:100%; height:100%; object-fit:cover; }
html.cf-machine-interface .invest-tile .tile-title-area { min-width:0; }
html.cf-machine-interface .invest-tile .tile-name { font-size:17px; color:#242526; }
html.cf-machine-interface .invest-tile .tile-status { grid-column:2; justify-self:start; margin-top:-10px; padding:3px 7px; font-size:9px; }
html.cf-machine-interface .invest-tile .tile-body { padding:0 14px 12px; }
html.cf-machine-interface .invest-tile .tile-stats { background:#f7f5f0; border:0; border-radius:6px; gap:7px; padding:12px 6px; }
html.cf-machine-interface .invest-tile .stat-num { font-size:14px; color:#986a34; }
html.cf-machine-interface .invest-tile .stat-txt { font-size:9px; color:#999082; }
html.cf-machine-interface .invest-tile .tile-footer { padding:12px 14px; border-top:1px solid var(--mi-line); background:transparent; gap:10px; flex-wrap:wrap; }
html.cf-machine-interface .balance-display { background:#fff; border:1px solid var(--mi-line); border-radius:9px; box-shadow:none; color:#242526; }
html.cf-machine-interface :is(.balance-value,.balance-amount) { color:#292a2b; background:none; -webkit-text-fill-color:currentColor; font-weight:700; }
html.cf-machine-interface :is(.balance-label,.balance-text) { color:#938a7c; font-size:10px; }
html.cf-machine-interface .bottom-action-bar { width:100%; max-width:480px; left:50%; transform:translateX(-50%); background:#fff; border-top:1px solid var(--mi-line); box-shadow:none; }
/* Legacy pages: retain plugin/data contracts inside a normal document layout. */
html.cf-machine-interface :is(.team-detail-container,.teamtask-container,.treasure-container,.checkin-container,.customer-service-container,.password-container,.winnerBox,.mian_box,.message_body,.message_msg,.rlist_top,.rlist_mian,.rlist_mian1,.wa-index-top,.wa-index-center-lb) { width:100%; max-width:480px; margin:0 auto; padding:14px 16px; background:transparent; color:#292a2b; }
html.cf-machine-interface :is(.header-banner,.password-header,.service-header) { position:relative; padding:8px 0; min-height:30px; background:transparent; border:0; border-radius:0; box-shadow:none; color:#79756d; }
html.cf-machine-interface :is(.header-title,.service-title,.password-title) { font-size:13px; color:#79756d; }
html.cf-machine-interface :is(.bonus-container,.stats-card,.tips-container,.rules-section,.service-card,.telegram-card) { padding:16px; margin-bottom:13px; }
html.cf-machine-interface :is(.bonus-amount,.stats-value,.reward-amount) { color:#986a34; font-weight:700; }
html.cf-machine-interface :is(.service-name,.treasure-title,.team-title,.bonus-title,.tips-title) { color:#353432; }
html.cf-machine-interface .service-list-container { padding:0; }
html.cf-machine-interface .service-card { border-radius:8px; }
html.cf-machine-interface .service-hours { color:#999082; font-size:10px; }
html.cf-machine-interface .wa-index-top-center { display:flex; align-items:center; justify-content:space-between; padding:17px; background:#fff; border:1px solid var(--mi-line); border-radius:9px 9px 0 0; color:#292a2b; }
html.cf-machine-interface .wa-index-top-center img { width:48px; height:48px; border-radius:7px; object-fit:cover; }
html.cf-machine-interface .wa-index-top-bottom { width:100%; margin:0; padding:16px 10px; border:1px solid var(--mi-line); border-top:0; border-radius:0 0 9px 9px; background:#fff; }
html.cf-machine-interface .wa-index-top-bottom ul { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
html.cf-machine-interface .wa-index-top-bottom ul li h2 { color:#986a34; font-size:16px; overflow-wrap:anywhere; }
html.cf-machine-interface .wa-index-top-bottom ul li span { font-size:9px; color:#928a7b; }
html.cf-machine-interface .wa-index-center-lb ul { padding:0; margin:0; list-style:none; border:1px solid var(--mi-line); border-radius:9px; overflow:hidden; background:#fff; }
html.cf-machine-interface .wa-index-center-lb li a { display:flex; align-items:center; justify-content:space-between; padding:16px; color:#292a2b; border-bottom:1px solid var(--mi-line); font-size:13px; }
html.cf-machine-interface .list-block { margin:14px 0; }
html.cf-machine-interface .list-block ul { background:#fff; border:1px solid var(--mi-line); border-radius:9px; overflow:hidden; padding:0; }
html.cf-machine-interface .list-block .item-content { padding:14px; }
html.cf-machine-interface .list-block .item-inner { padding:0; display:block; min-height:0; }
html.cf-machine-interface .list-block .item-inner::after { display:none; }
html.cf-machine-interface .list-block .item-title.label { margin-bottom:7px; width:100%; }
html.cf-machine-interface .bdavatar { text-align:center; width:100%; }
html.cf-machine-interface .bdavatar img { width:88px; height:88px; border-radius:10px; object-fit:cover; }
html.cf-machine-interface .login_form .input-container { margin-bottom:13px; }
html.cf-machine-interface .login_form .input-control { position:relative; background:transparent; border:0; padding:0; }
html.cf-machine-interface .login_form .input-control .icon { display:none; }
html.cf-machine-interface .login_form .row { display:grid; grid-template-columns:minmax(0,1fr) 110px; gap:8px; }
html.cf-machine-interface .login_form .row > div { width:auto; margin:0; }
html.cf-machine-interface .yanzhengma { border:1px solid #d4bea2; border-radius:7px; color:#986a34; min-height:44px; background:#f6f0e7; font-size:11px; }
html.cf-machine-interface .yanzhengma span { background:transparent; color:#986a34; }
html.cf-machine-interface .login_form .btn_submit_my { display:block; width:100%; text-align:center; }
html.cf-machine-interface .login_laa { display:block; text-align:center; color:#986a34; font-size:12px; }
html.cf-machine-interface .turnplate_box { margin:10px auto 20px; max-width:100%; }
html.cf-machine-interface .userinfo1 { background:#fff; border:1px solid var(--mi-line); border-radius:9px; color:#48433c; box-shadow:none; }
html.cf-machine-interface .userinfo1 :is(.item_a,.item_c) { color:#6f6251; }
html.cf-machine-interface .treasurebox { background:#fff; border:1px solid var(--mi-line); border-radius:9px; box-shadow:none; }
html.cf-machine-interface :is(uni-app,uni-page,uni-page-wrapper,uni-page-body) { display:block; position:relative; inset:auto; width:100%; max-width:480px; min-height:0; height:auto; overflow:visible; background:transparent; }
html.cf-machine-interface uni-page-body { padding:14px 16px 20px; }
html.cf-machine-interface .scroll-hidden { overflow:visible; }
html.cf-machine-interface uni-view { box-sizing:border-box; }
html.cf-machine-interface :is(.task-progress-container,.task-list,.rules-section) { max-width:100%; }
html.cf-machine-interface .task-progress-container { background:#fff; border:1px solid var(--mi-line); border-radius:9px; }
html.cf-machine-interface .task-title { color:#36332e; }
html.cf-machine-interface :is(.progress-bar,.progress-fill) { background:#ac7c42; }
html.cf-machine-interface .progress-bar-container { background:#eee7dc; }
html.cf-machine-interface .progress-text { color:#8c6a3e; }
/* Scoped dialog skins; the original dialog engines keep their handlers. */
html.cf-machine-interface .sweet-overlay { position:fixed; inset:0; z-index:10000; background:rgb(24 24 24 / 45%); display:none; }
html.cf-machine-interface .sweet-alert { display:none; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); width:calc(100% - 40px); max-width:380px; padding:25px; margin:0; z-index:10001; border-radius:10px; background:#fff; text-align:center; }
html.cf-machine-interface .sweet-alert h2 { font-size:20px; color:#292a2b; margin:10px 0; }
html.cf-machine-interface .sweet-alert p { font-size:13px; line-height:1.7; color:#858078; }
html.cf-machine-interface .sweet-alert button { margin:12px 4px 0; padding:10px 20px; border:0; border-radius:7px; background:#986a34; color:white; }
html.cf-machine-interface .sweet-alert button.cancel { background:#e9e6df; color:#635f57; }
html.cf-machine-interface .sweet-alert fieldset { border:0; }
html.cf-machine-interface .sweet-alert input { display:none; }
html.cf-machine-interface .sweet-alert.show-input input { display:block; width:100%; min-height:44px; margin:12px 0; border:1px solid #e4dfd6; border-radius:7px; padding:10px; }
html.cf-machine-interface .sweet-alert .sa-error-container { display:none; }
html.cf-machine-interface .sa-icon { display:none; }
html.cf-machine-interface .kefu { position:fixed; z-index:1025; right:max(14px,calc((100vw - 480px)/2 + 14px)); bottom:95px; width:40px; height:40px; }
html.cf-machine-interface .kefu img { width:40px; height:40px; object-fit:contain; }
html.cf-machine-interface .cf-bottom-nav { position:fixed; z-index:1030; left:50%; bottom:0; transform:translateX(-50%); display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); width:100%; max-width:480px; padding:8px 6px calc(8px + env(safe-area-inset-bottom,0px)); background:#fdfcf9; border-top:1px solid var(--mi-line); box-shadow:none; }
html.cf-machine-interface .cf-nav-link { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; min-width:0; min-height:47px; padding:3px; color:#969083; font-size:9px; text-align:center; text-decoration:none; }
html.cf-machine-interface .cf-nav-link svg { width:20px; height:20px; }
html.cf-machine-interface .cf-nav-link span { font-size:9px; line-height:1.4; overflow-wrap:anywhere; }
html.cf-machine-interface .cf-is-current { color:#986a34; font-weight:700; }
html.cf-machine-interface .cf-is-current::before { content:''; position:absolute; top:0; width:18px; height:2px; background:#986a34; }
html.cf-machine-interface body[data-cf-page^="login-"] { padding-bottom:0; }
@media(max-width:360px) {
  html.cf-machine-interface .mi-auth-copy { max-width:75%; }
  html.cf-machine-interface .mi-auth-copy h1 { font-size:20px; }
  html.cf-machine-interface :is(.main-content,.main-scroll,.page-content,.invest-content,.content) { padding-inline:13px; }
  html.cf-machine-interface .mi-partner-banner h1 { font-size:19px; }
  html.cf-machine-interface .mi-brand strong { font-size:22px; }
}
@media(prefers-reduced-motion:reduce) {
  html.cf-machine-interface *,html.cf-machine-interface *::before,html.cf-machine-interface *::after { animation-duration:.01ms !important; animation-delay:0ms !important; transition-duration:.01ms !important; }
}

/* Reset inherited legacy heights so account metrics remain visible. */
html.cf-machine-interface :is(.wa-index-top,.wa-index-top-center,.wa-index-top-bottom,.wa-index-center-lb) { height:auto; min-height:0; overflow:visible; }
html.cf-machine-interface .wa-index-top-center { width:100%; margin:0; }
html.cf-machine-interface .wa-index-user-nc { color:#292a2b; }
html.cf-machine-interface .wa-index-top-bottom ul { margin:0; padding:0; }
html.cf-machine-interface .wa-index-top-bottom ul li { width:auto; float:none; }
html.cf-machine-interface .mi-account-overview .stat-value { font-family:inherit; }

html.cf-machine-interface :is(.showcase-value,.orbit-value,.stat-cell-value,.link-label,.link-section-title,.level-title,.level-name,.level-label,.tier-title) { font-family:inherit; }
html.cf-machine-interface .accordion-section .level-indicator { background:#a27b48; }

/* Historical support tiles carry inline colors; confine this override to them. */
html.cf-machine-interface .service-top { display:flex; gap:14px; padding:18px; margin:12px 16px; border:1px solid var(--mi-line); border-radius:9px; background:white; height:auto; }
html.cf-machine-interface .service-bottom { margin:16px; padding:0; }
html.cf-machine-interface .service-bottom ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:0; }
html.cf-machine-interface .service-bottom li { width:auto; float:none; margin:0; min-height:145px; height:auto; padding:16px 12px; border:1px solid var(--mi-line); border-radius:9px; background:#fff !important; color:#292a2b; }
html.cf-machine-interface .service-bottom li :is(p,h2,h3,span,a) { color:#6f5534; text-shadow:none; font-family:inherit; }
html.cf-machine-interface .service-bottom li img { width:38px; height:38px; object-fit:contain; }
html.cf-machine-interface :is(.invite-code-container,.gift-code-form) { padding:17px; border:1px solid var(--mi-line); border-radius:9px; box-shadow:none; background:#fff; }
html.cf-machine-interface :is(.invite-title,.telegram-title,.gift-code-title,.balance-amount,.task-title) { font-family:inherit; }
html.cf-machine-interface .teamtask-container .balance-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
html.cf-machine-interface .teamtask-container .balance-card { width:auto; margin:0; padding:18px 12px; border:1px solid var(--mi-line); border-radius:9px; box-shadow:none; }