/* 系统与 AI 页：分区对齐、响应式表单和页内保存栏。 */
.pearl-settings{max-width:none!important;padding-bottom:24px!important}
.pearl-settings>div:first-child{background:radial-gradient(ellipse at 95% 0%,rgb(var(--color-pearl-glow)),transparent 65%),linear-gradient(110deg,rgb(var(--color-pearl-blue)),rgb(var(--color-pearl-purple)));padding:24px 28px;border-radius:16px;box-shadow:0 8px 22px rgb(var(--color-pearl-blue)/.13);gap:16px}
.pearl-settings>div:first-child h2{color:rgb(var(--color-white));font-size:27px;font-weight:600}
.pearl-settings>div:first-child p{color:rgb(var(--color-pearl-light));font-size:13px}
.pearl-settings>div:first-child>div>div:first-child{background:rgb(var(--color-white)/.15);color:rgb(var(--color-white));width:44px;height:44px;border-radius:12px}
.pearl-settings>div:first-child>div>div:first-child svg{color:rgb(var(--color-white))}
.pearl-settings>div:first-child>button{background:rgb(var(--color-white)/.16);color:rgb(var(--color-white));border:1px solid rgb(var(--color-white)/.25);font-size:13px;font-weight:500;padding:10px 16px}
.pearl-settings>div.grid{gap:20px;align-items:stretch}
.pearl-settings>div.grid>div{display:contents}
.pearl-settings>div.grid>div>section{background:rgb(var(--color-white));border:1px solid rgb(var(--color-pearl-line));border-radius:14px;box-shadow:0 5px 18px rgb(var(--color-pearl-navy)/.035);margin:0!important;display:flex;flex-direction:column;min-width:0;overflow:visible}
.pearl-settings section>h3{margin:0;padding:18px 22px;border-bottom:1px solid rgb(var(--color-pearl-line));font-size:16px;font-weight:600;color:rgb(var(--color-pearl-navy));gap:10px}
.pearl-settings section>h3>div{padding:8px;border-radius:9px;background:rgb(var(--color-pearl-soft));color:rgb(var(--color-pearl-blue))}
.pearl-settings section>.ios-card{border:0;border-radius:0 0 14px 14px;box-shadow:none;padding:22px;margin:0;flex:1;min-width:0}
.pearl-settings section .ios-input{min-height:44px;font-size:14px;border-color:rgb(var(--color-pearl-line));border-radius:9px;background:rgb(var(--color-surface-subtle))}
.pearl-settings section label.block{font-size:13px;font-weight:600;color:rgb(var(--color-slate-700))}
.pearl-settings section p{font-size:12px;line-height:1.7;overflow-wrap:anywhere}
.pearl-settings section .space-y-3>:not([hidden])~:not([hidden]){margin-top:8px}
.pearl-settings section .space-y-6>:not([hidden])~:not([hidden]){margin-top:18px}
.pearl-settings section label.flex.items-start{padding:13px;border-radius:10px}
.pearl-settings section label.flex.items-start input{flex-shrink:0;margin-top:4px}
.pearl-settings section label.flex.items-start span.block.text-sm{font-size:12px;font-weight:500;line-height:1.7}
.pearl-settings section button{font-size:13px}
.pearl-settings>div.fixed{position:sticky;inset:auto;bottom:0;z-index:35;display:flex;justify-content:flex-end;align-items:center;padding:14px 18px;border:1px solid rgb(var(--color-pearl-line));border-radius:12px;background:rgb(var(--color-white));box-shadow:0 -4px 20px rgb(var(--color-pearl-navy)/.05)}
.pearl-settings>div.fixed>button{font-size:14px;padding:11px 24px;box-shadow:none;transform:none}
.pearl-settings>div.fixed>button svg{width:18px;height:18px}
@media(min-width:1024px){
.pearl-settings>div.grid>div:first-child>section:first-child{grid-column:1;grid-row:1}
.pearl-settings>div.grid>div:first-child>section:last-child{grid-column:2;grid-row:1}
.pearl-settings>div.grid>div:last-child>section:first-child{grid-column:1;grid-row:2}
.pearl-settings>div.grid>div:last-child>section:last-child{grid-column:2;grid-row:2}
}
@media(max-width:1200px){.pearl-settings section .relative.flex.flex-col.sm\:flex-row{flex-wrap:wrap}.pearl-settings section .relative.flex.flex-col.sm\:flex-row>div:first-child{flex-basis:100%}}
@media(max-width:640px){.pearl-settings>div:first-child{padding:20px 16px;align-items:flex-start}.pearl-settings>div:first-child h2{font-size:23px}.pearl-settings>div:first-child>div{gap:10px}.pearl-settings section>h3{padding:16px}.pearl-settings section>.ios-card{padding:16px}.pearl-settings>div.fixed>button{width:100%}}