/* RULAN jade: the default light theme follows the home prototype (deep jade, cream paper, aged gold). */
html[data-mobile-theme="alabaster"],html[data-xinyu-theme="alabaster"],html.xinyu-palette-ready[data-xinyu-palette="alabaster"]{
 --bg:#f8f6f0;--base:#f1efe7;--pane:#fffdfa;--pane2:#eef2ec;
 --line:rgba(37,54,47,.11);--line-bright:rgba(73,107,84,.34);--line-subtle:rgba(37,54,47,.07);
 --text:#25362f;--sub:#5d6a63;--dim:#7e8880;
 --pink:#496b54;--pink2:#243f33;--gold:#7f6436;--mint:#3f7a5c;--red:#a8454e;
 --gr:linear-gradient(135deg,#315646,#243f33);
 --card-surface:linear-gradient(155deg,#fffdfa,#f6f4ee);
 --hero-surface:radial-gradient(ellipse at 82% 8%,rgba(73,107,84,.14),transparent 55%),linear-gradient(138deg,#eef2ec,#f8f6f0);
 --play-text:#25362f;--btn-primary-text:#fffdfa;--btn-text:#fffdfa;
 --theme-rgb:73,107,84;
 --v15-veil:rgba(248,246,240,.86);--v15-gauze:rgba(73,107,84,.05);--v15-aurora:#7fa58c;--v15-dust:#b39a6a;
 --v15-soft-shadow:0 14px 44px rgba(36,63,51,.07);
 --color-primary:#243f33;--color-primary-hover:#315646;--color-primary-light:#e8eee6;
 --color-accent:#9a7a44;--color-accent-light:#f7f0e2;
 --primary:#243f33;--primary-hover:#315646;--primary-light:#e8eee6;--primary-dark:#1b3027;--accent:#9a7a44;
 --color-bg-base:#f8f6f0;--color-bg-surface:#fffdfa;--color-bg-hover:#eef2ec;
 --color-text-primary:#25362f;--color-text-secondary:#5d6a63;--color-text-tertiary:#7e8880;
 --color-border:#e6e4dc;--color-border-light:#efede6;
 --v8-accent:#243f33;--v8-accent-soft:#e8eee6;--v8-bg:#f8f6f0;--v8-surface:#fffdfa;--v8-text:#25362f;--v8-sub:#5d6a63;--v8-line:#e6e4dc;--v8-user:#e3ebe2
}
html[data-mobile-theme="alabaster"] .chat-focus .message.user .message-bubble,html[data-xinyu-theme="alabaster"] .chat-focus .message.user .message-bubble{background:#e3ebe2!important;color:#25362f!important}

/* Phones: small fixes that hold for every palette. */
@media(max-width:767px){
 html[data-mobile-theme] .wallet-pill,html[data-xinyu-theme] .wallet-pill,html[data-mobile-theme] .vw-pill,html[data-xinyu-theme] .vw-pill{font-size:12px}
 /* Chat: the model note reads as a quiet strip, and the voice action stays legible over the background art. */
 html[data-mobile-theme] .chat-container>small,html[data-xinyu-theme] .chat-container>small{display:block;padding:6px 16px;font-size:12px;line-height:1.5;color:var(--sub);background:var(--pane);border-bottom:1px solid var(--line-subtle);text-align:center}
 html[data-mobile-theme] .message-voice .btn-ghost,html[data-xinyu-theme] .message-voice .btn-ghost{min-height:32px;padding:4px 12px;border-radius:16px;border:1px solid var(--line);background:color-mix(in srgb,var(--pane) 88%,transparent);color:var(--sub);font-size:12px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
 /* Settings: the phone block is a card row, the model note is a hint, and row values stay smaller than labels. */
 html[data-mobile-theme] section[aria-label="手机号绑定"],html[data-xinyu-theme] section[aria-label="手机号绑定"]{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:4px 0 18px;padding:14px 16px;border-radius:16px;background:var(--pane);border:1px solid var(--line)}
 html[data-mobile-theme] section[aria-label="手机号绑定"] h2,html[data-xinyu-theme] section[aria-label="手机号绑定"] h2{margin:0;font-size:16px;font-weight:600;letter-spacing:0}
 html[data-mobile-theme] section[aria-label="手机号绑定"] p,html[data-xinyu-theme] section[aria-label="手机号绑定"] p{margin:0;font-size:14px;color:var(--sub)}
 html[data-mobile-theme] section[aria-label="手机号绑定"] .btn,html[data-xinyu-theme] section[aria-label="手机号绑定"] .btn{flex:none;max-width:100%;min-height:40px;padding:8px 14px;border-radius:20px;background:var(--pane2);color:var(--text);font-size:14px;line-height:1.5;white-space:normal}
 html[data-mobile-theme] .settings-card>.settings-item:not(:has(*)),html[data-xinyu-theme] .settings-card>.settings-item:not(:has(*)){font-size:13px;line-height:1.6;color:var(--sub)}
 html[data-mobile-theme] .settings-item>button:last-child,html[data-xinyu-theme] .settings-item>button:last-child{font-size:14px;color:var(--gold)}
 /* Character detail: label and value share a row instead of stacking down the page. */
 html[data-mobile-theme] .character-read>div:has(>small),html[data-xinyu-theme] .character-read>div:has(>small){display:grid;grid-template-columns:68px minmax(0,1fr);gap:2px 12px;align-items:baseline;padding:9px 0;border-bottom:1px solid var(--line-subtle)}
 html[data-mobile-theme] .character-read>div:has(>small)>small,html[data-xinyu-theme] .character-read>div:has(>small)>small{font-size:13px;color:var(--sub)}
 html[data-mobile-theme] .character-read>div:has(>small)>p,html[data-xinyu-theme] .character-read>div:has(>small)>p{margin:0;font-size:15px}
}
