.settings{max-width:1200px;margin:0 auto;padding:24px 20px 48px}
.set-head{margin-bottom:18px}
.set-head h2{font-size:20px;color:var(--ink);font-weight:600}
.set-sub{color:var(--muted);margin-top:4px;font-size:13px}

.set-banner{background:var(--brand-soft);border:1px solid var(--brand);color:var(--brand-deep);
  padding:12px 14px;border-radius:var(--radius);margin-bottom:16px;font-size:13px}

.set-block{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);
  padding:18px 20px;margin-bottom:16px;box-shadow:var(--shadow)}
.set-block-title{font-weight:600;color:var(--ink);margin-bottom:14px;font-size:15px}

.set-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}
.set-stat{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px 10px;text-align:center}
.set-stat-n{font-size:24px;font-weight:700;color:var(--brand-deep);line-height:1.2}
.set-stat-name{font-size:12px;color:var(--muted);margin-top:4px}
.set-total{margin-top:12px;color:var(--muted);font-size:13px}

.set-actions{display:flex;flex-wrap:wrap;gap:12px}
.set-actions .btn{min-width:150px}

.set-danger{border-color:#e7c3bd}
.set-danger .set-block-title{color:#c08b7e}

.set-note{list-style:none;color:var(--muted);font-size:13px;line-height:2}
.set-note li{padding-left:16px;position:relative}
.set-note li:before{content:"";position:absolute;left:2px;top:12px;width:6px;height:6px;
  border-radius:50%;background:var(--brand)}

/* 数据库存储状态条 */
.set-db-status{font-size:13px;line-height:1.7;padding:12px 14px;border-radius:10px;margin-bottom:14px;
  border:1px solid var(--line);background:#fff}
.set-db-status.ok{border-color:#bfe3c8;background:#f1faf3;color:#2f7a47}
.set-db-status.warn{border-color:#f0e2bf;background:#fdfaf0;color:#9a7b23}
.set-db-status b{font-weight:600}

/* 移动端：窄屏单列堆叠，按钮占满 */
@media (max-width:768px){
  .settings{padding:18px 14px 40px}
  .set-stats{grid-template-columns:repeat(2,1fr)}
  .set-actions .btn{min-width:0;flex:1 1 100%}
}