:root,[data-color="ink"]{--skin-bg:#f5efe4;--skin-ink:#172640;--skin-muted:#687181;--skin-line:rgba(51,71,100,.18);--skin-surface:rgba(255,252,246,.84);--skin-accent:#a6503d;--skin-accent2:#315c9b;--skin-button:#aa523f;--skin-button-text:#fffaf2;--skin-backdrop:url('/static/assets/theme-ink-cosmos.png');--skin-panel:#0d1c2e;--skin-panel-ink:#f5efe6}
[data-color="dark"]{--skin-bg:#071421;--skin-ink:#f3eadb;--skin-muted:#aab2bd;--skin-line:rgba(199,163,95,.28);--skin-surface:rgba(8,22,35,.88);--skin-accent:#d1a054;--skin-accent2:#52c8c9;--skin-button:#8b6a35;--skin-button-text:#fff0cf;--skin-backdrop:url('/static/assets/theme-dark-luopan.png');--skin-panel:#091724;--skin-panel-ink:#f3eadb}
[data-color="bronze"]{--skin-bg:#12100d;--skin-ink:#eee2cf;--skin-muted:#aaa08f;--skin-line:rgba(177,129,66,.34);--skin-surface:rgba(18,18,15,.9);--skin-accent:#c68d45;--skin-accent2:#59bbb3;--skin-button:#8c6737;--skin-button-text:#fff1d3;--skin-backdrop:url('/static/assets/theme-bronze-observatory.png');--skin-panel:#15130f;--skin-panel-ink:#eee2cf}
[data-color="song"]{--skin-bg:#f6f1e7;--skin-ink:#273128;--skin-muted:#70796e;--skin-line:rgba(108,119,99,.22);--skin-surface:rgba(255,253,248,.88);--skin-accent:#a64b3f;--skin-accent2:#718b72;--skin-button:#6e8a70;--skin-button-text:#fffdf8;--skin-backdrop:url('/static/assets/theme-song-academy.png');--skin-panel:#26342d;--skin-panel-ink:#fffdf8}
[data-color="silk"]{--skin-bg:#111327;--skin-ink:#f2e8d8;--skin-muted:#aca6b4;--skin-line:rgba(189,132,60,.34);--skin-surface:rgba(16,20,43,.9);--skin-accent:#c98d3f;--skin-accent2:#65d0c4;--skin-button:#a8793c;--skin-button-text:#fff0d0;--skin-backdrop:url('/static/assets/theme-silk-star-atlas.png');--skin-panel:#11152b;--skin-panel-ink:#f2e8d8}

html,body{background:var(--skin-bg)!important;color:var(--skin-ink)!important}
body{background-image:linear-gradient(90deg,transparent 0,transparent 42%,rgba(255,255,255,.22) 68%,transparent 100%),var(--skin-backdrop)!important;background-size:cover!important;background-position:center!important;background-attachment:fixed!important;transition:background .35s,color .35s}
body:before,body:after{display:none!important}
.header{height:80px;padding:0 clamp(24px,4vw,64px)!important;border-bottom:1px solid var(--skin-line)!important;background:transparent!important;backdrop-filter:none!important}
.brand-lockup{display:flex;align-items:center;gap:14px;cursor:pointer}.brand-lockup img{width:52px;height:52px;border-radius:50%;object-fit:cover}.brand-copy{display:grid;gap:3px}.brand-copy strong{font-size:24px;letter-spacing:.12em;color:var(--skin-ink)}.brand-copy small{font:10px/1.2 system-ui,sans-serif;letter-spacing:.18em;color:var(--skin-muted)}
.header-actions{gap:12px}.header .icon-btn{width:44px;height:44px;border:1px solid var(--skin-line);border-radius:50%;background:color-mix(in srgb,var(--skin-surface) 70%,transparent);color:var(--skin-ink)}.header .icon-btn:hover{background:color-mix(in srgb,var(--skin-accent2) 10%,var(--skin-surface))}
.main{top:80px!important;bottom:0!important;display:grid!important;grid-template-rows:minmax(0,1fr) auto;max-width:min(920px,92vw);margin:auto;left:50%!important;right:auto!important;width:100%;transform:translateX(-50%)}
.chat-container{padding:24px 0 0!important;scrollbar-gutter:stable}.chat-inner{max-width:none!important;padding:0!important;min-height:100%}
.welcome{padding:18px 0 0!important;max-width:none!important;display:flex!important;flex-direction:column;min-height:100%}.welcome-seal{display:none!important}.welcome-kicker{margin:0 0 10px;text-align:center;color:var(--skin-accent);font-size:12px;letter-spacing:.24em}.welcome-title{font-size:clamp(34px,4vw,52px)!important;letter-spacing:.12em!important;color:var(--skin-ink)!important}.welcome-desc{max-width:640px!important;margin:10px auto 22px!important;color:var(--skin-muted)!important;font-size:14px!important}.welcome-divider{display:none!important}
.welcome-hints{display:grid!important;grid-template-columns:repeat(3,1fr);gap:0!important;width:100%!important;margin:0!important;border:1px solid var(--skin-line);border-bottom:0;border-radius:18px 18px 0 0;overflow:hidden;background:var(--skin-surface);backdrop-filter:blur(18px)}.welcome-hint{display:grid!important;gap:5px;border:0!important;border-right:1px solid var(--skin-line)!important;border-radius:0!important;padding:18px 15px!important;background:transparent!important;color:var(--skin-ink)!important;text-align:center}.welcome-hint strong{font-size:16px}.welcome-hint small{font:10px/1.4 system-ui,sans-serif;color:var(--skin-muted)}.welcome-hint:last-child{border-right:0!important}.welcome-hint:hover{background:color-mix(in srgb,var(--skin-accent2) 8%,transparent)!important;transform:none!important}
.chat-inner>.message,.disclaimer-banner{margin-inline:16px}.message-bubble{color:var(--skin-ink)!important;background:color-mix(in srgb,var(--skin-surface) 94%,transparent)!important;border-color:var(--skin-accent2)!important;box-shadow:none!important}.message.user .message-bubble{background:var(--skin-button)!important;color:var(--skin-button-text)!important;border-color:var(--skin-button)!important}.message-time{color:var(--skin-muted)!important}
.input-area{position:relative!important;bottom:auto!important;padding:9px 22px 12px!important;border:1px solid var(--skin-line)!important;border-top-color:color-mix(in srgb,var(--skin-line) 55%,transparent)!important;border-radius:0 0 18px 18px;background:color-mix(in srgb,var(--skin-surface) 92%,transparent)!important;backdrop-filter:blur(18px);box-shadow:0 24px 70px rgba(18,31,49,.12)}.input-inner{max-width:none!important}.input-wrapper{border:1px solid var(--skin-line)!important;border-radius:14px!important;background:color-mix(in srgb,var(--skin-surface) 84%,transparent)!important}.input-wrapper:focus-within{border-color:var(--skin-accent2)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--skin-accent2) 12%,transparent)!important}.input-wrapper textarea{color:var(--skin-ink)!important;min-height:52px!important}.input-wrapper textarea::placeholder{color:var(--skin-muted)!important}.send-btn{background:var(--skin-button)!important;color:var(--skin-button-text)!important}.input-hint{color:var(--skin-muted)!important}
.settings-panel,.history-panel{background:var(--skin-panel)!important;color:var(--skin-panel-ink)!important}.settings-header,.history-header{border-color:rgba(255,255,255,.12)!important}.settings-title,.history-title,.settings-group-label{color:var(--skin-panel-ink)!important}.settings-body,.history-body{background:transparent!important}.settings-group{border-color:rgba(255,255,255,.14)!important;background:rgba(255,255,255,.035)!important}.settings-note,.settings-group span{color:color-mix(in srgb,var(--skin-panel-ink) 72%,transparent)!important}.settings-panel .btn,.history-panel .btn{border-color:rgba(255,255,255,.22)!important}.theme-color-row{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.theme-color-btn{min-height:72px!important;justify-content:flex-start!important;padding:9px 12px!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:12px!important;background:transparent!important;color:var(--skin-panel-ink)!important}.theme-color-btn.active{border-color:#d2a65a!important;box-shadow:0 0 0 2px rgba(210,166,90,.18)!important}.theme-color-swatch{width:92px!important;height:54px!important;border:0!important;border-radius:8px!important;background-size:cover!important;background-position:center!important}.theme-color-btn[data-color="ink"] .theme-color-swatch{background-image:url('/static/assets/theme-ink-cosmos.png')!important}.theme-color-btn[data-color="dark"] .theme-color-swatch{background-image:url('/static/assets/theme-dark-luopan.png')!important}.theme-color-btn[data-color="bronze"] .theme-color-swatch{background-image:url('/static/assets/theme-bronze-observatory.png')!important}.theme-color-btn[data-color="song"] .theme-color-swatch{background-image:url('/static/assets/theme-song-academy.png')!important}.theme-color-btn[data-color="silk"] .theme-color-swatch{background-image:url('/static/assets/theme-silk-star-atlas.png')!important}
.bazi-panel{background:var(--skin-bg)!important;color:var(--skin-ink)!important}.bazi-form-card,.bazi-result{background:var(--skin-surface)!important;border-color:var(--skin-line)!important}.bazi-panel-title,.bazi-field-label{color:var(--skin-ink)!important}.bazi-panel-subtitle,.bazi-note{color:var(--skin-muted)!important}

@media(max-width:680px){body{background-position:28% center!important}.header{height:64px;padding:0 14px!important}.brand-lockup img{width:44px;height:44px}.brand-copy strong{font-size:18px}.brand-copy small{display:none}.header-actions{gap:6px}.header .icon-btn{width:42px;height:42px}.main{top:64px!important;max-width:100vw;transform:none;left:0!important}.chat-container{padding:12px 14px 0!important}.welcome{padding-top:8px!important}.welcome-title{font-size:26px!important;letter-spacing:.02em!important}.welcome-desc{font-size:12px!important;margin-bottom:16px!important;padding-inline:12px}.welcome-hints{grid-template-columns:repeat(3,1fr);border-radius:18px 18px 0 0}.welcome-hint{padding:12px 5px!important;font-size:12px!important}.input-area{margin:0 14px 12px;padding:10px 12px!important}.chat-inner>.message,.disclaimer-banner{margin-inline:0}.message-bubble{max-width:90%!important}.settings-panel,.history-panel{width:100%!important}.brand-lockup+.header-actions .icon-btn:first-child{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}