/* settings.html 專用 CSS */
.settings-container {max-width:1000px;margin:0 auto;color:var(--text-main,#f2f3f5);}
.settings-header {margin-bottom:30px;padding:25px;background:linear-gradient(135deg,color-mix(in srgb,var(--bg-darker,#36393f) 82%,var(--primary-color,#5865f2) 18%),var(--bg-darker,#2f3136));border-left:5px solid var(--primary-color,#5865f2);border-radius:12px;box-shadow:0 14px 28px color-mix(in srgb,#0b1220 18%,transparent)}
.settings-header h1 {margin:0;font-size:2rem;display:flex;align-items:center;gap:12px;color:var(--text-main,#fff)}
.settings-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.settings-card {background:var(--bg-darker,#2f3136);padding:22px;border-radius:12px;border:1px solid var(--border-subtle,rgba(255,255,255,.06));box-shadow:0 14px 30px color-mix(in srgb,#0b1220 18%,transparent);display:flex;flex-direction:column;gap:14px}
.settings-card h3 {margin:0;font-size:1.15rem;color:var(--text-main,#fff);display:flex;align-items:center;gap:8px}
.settings-card p {margin:0 0 4px 0;font-size:.85rem;color:var(--text-muted,#b9bbbe);line-height:1.4}
.settings-actions {margin-top:8px;display:flex;flex-wrap:wrap;gap:10px}
.set-btn {flex:1;min-width:160px;padding:10px 14px;border:none;border-radius:8px;font-weight:600;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;font-size:.9rem;transition:.2s;box-shadow:0 10px 18px color-mix(in srgb,var(--primary-color,#5865f2) 22%,transparent)}
.btn-primary {background:linear-gradient(to right,var(--primary-color,#5865f2),color-mix(in srgb,var(--primary-color,#5865f2) 85%,#0b1a4a 15%))}
.btn-primary:hover {background:linear-gradient(to right,color-mix(in srgb,var(--primary-color,#5865f2) 88%,#0b1a4a 12%),color-mix(in srgb,var(--primary-color,#5865f2) 78%,#0b1a4a 22%));transform:translateY(-2px)}
.btn-danger {background:linear-gradient(to right,#f04747,color-mix(in srgb,#f04747 82%,#5c0f0f 18%))}
.btn-danger:hover {background:linear-gradient(to right,color-mix(in srgb,#f04747 88%,#5c0f0f 12%),color-mix(in srgb,#f04747 78%,#5c0f0f 22%));transform:translateY(-2px)}
.btn-success {background:linear-gradient(to right,#43b581,color-mix(in srgb,#43b581 82%,#0f3d2d 18%))}
.btn-success:hover {background:linear-gradient(to right,color-mix(in srgb,#43b581 88%,#0f3d2d 12%),color-mix(in srgb,#43b581 78%,#0f3d2d 22%));transform:translateY(-2px)}
.btn-secondary {background:linear-gradient(to right,var(--bg-lighter,#4f545c),color-mix(in srgb,var(--bg-lighter,#4f545c) 78%,#111827 22%))}
.btn-secondary:hover {background:linear-gradient(to right,color-mix(in srgb,var(--bg-lighter,#4f545c) 84%,#111827 16%),color-mix(in srgb,var(--bg-lighter,#4f545c) 72%,#111827 28%));transform:translateY(-2px)}
.btn-warning {background:linear-gradient(135deg,color-mix(in srgb,#f7c15c 72%,var(--bg-darker,#1f1f1f) 28%),color-mix(in srgb,#e29c3a 78%,var(--bg-darker,#1f1f1f) 22%));color:color-mix(in srgb,#1a1206 80%,var(--text-main,#0f0f0f) 20%);border:1px solid color-mix(in srgb,#f7c15c 60%,var(--text-main,#f2f3f5) 40%);box-shadow:0 12px 24px color-mix(in srgb,#f7c15c 25%,transparent)}
.btn-warning:hover {background:linear-gradient(135deg,color-mix(in srgb,#ffd48a 78%,var(--bg-darker,#1f1f1f) 22%),color-mix(in srgb,#efb25b 78%,var(--bg-darker,#1f1f1f) 22%));transform:translateY(-2px);box-shadow:0 14px 26px color-mix(in srgb,#f7c15c 32%,transparent)}
.btn-info {background:linear-gradient(135deg,color-mix(in srgb,#4ea6ff 78%,var(--bg-darker,#1f1f1f) 22%),color-mix(in srgb,#2f6de0 78%,var(--bg-darker,#1f1f1f) 22%));color:color-mix(in srgb,#eaf2ff 85%,var(--text-main,#f2f3f5) 15%);border:1px solid color-mix(in srgb,#4ea6ff 52%,var(--text-main,#f2f3f5) 48%);box-shadow:0 12px 24px color-mix(in srgb,#2f6de0 22%,transparent)}
.btn-info:hover {background:linear-gradient(135deg,color-mix(in srgb,#6bb7ff 78%,var(--bg-darker,#1f1f1f) 22%),color-mix(in srgb,#3e81f0 78%,var(--bg-darker,#1f1f1f) 22%));transform:translateY(-2px);box-shadow:0 14px 26px color-mix(in srgb,#2f6de0 28%,transparent)}
@media (max-width:640px){.settings-grid{grid-template-columns:1fr}.set-btn{min-width:100%}}
.note {font-size:.7rem;color:var(--text-muted,#888);margin-top:4px}
.settings-card.admin-advanced {position:relative;overflow:hidden;background:linear-gradient(145deg,color-mix(in srgb,var(--bg-darker,#2f3136) 82%,#f7c15c 18%),color-mix(in srgb,var(--bg-darker,#2f3136) 86%,#c47a1f 14%));border:1px solid color-mix(in srgb,#f7c15c 42%,var(--text-main,#f2f3f5) 58%);box-shadow:0 18px 32px color-mix(in srgb,#0b0b0b 55%,transparent),0 0 0 1px color-mix(in srgb,#f7c15c 12%,transparent)}
.settings-card.admin-advanced::before {content:"ADMIN • ADVANCED";position:absolute;top:12px;right:12px;padding:6px 10px;border-radius:999px;background:color-mix(in srgb,#f7c15c 18%,transparent);border:1px solid color-mix(in srgb,#f7c15c 50%,transparent);color:#f7c15c;font-size:.7rem;letter-spacing:.05em;font-weight:700}
.settings-card.admin-advanced::after {content:"";position:absolute;inset:-28% -12% auto -12%;height:58%;background:radial-gradient(circle at 30% 40%,color-mix(in srgb,#ffbf5e 30%,transparent),transparent 45%),radial-gradient(circle at 70% 30%,color-mix(in srgb,#ffa446 24%,transparent),transparent 38%);transform:skewY(-4deg);opacity:.82;pointer-events:none;filter:blur(1px)}
.settings-card.admin-advanced h3 {color:color-mix(in srgb,#f9d9a2 78%,var(--text-main,#fff) 22%);letter-spacing:.01em}
.settings-card.admin-advanced p {color:color-mix(in srgb,#dcbf8d 75%,var(--text-muted,#b9bbbe) 25%)}
.settings-card.admin-advanced .set-btn {box-shadow:0 12px 24px color-mix(in srgb,#f7c15c 18%,transparent)}
.settings-card.admin-advanced .set-btn:hover {box-shadow:0 14px 28px color-mix(in srgb,#f7c15c 25%,transparent)}

@media (prefers-color-scheme: light) {
	.settings-card.admin-advanced {background:linear-gradient(150deg,color-mix(in srgb,var(--bg-lighter,#f6f7fb) 82%,#f7c15c 18%),color-mix(in srgb,var(--bg-lighter,#f6f7fb) 86%,#d4862c 14%));border:1px solid color-mix(in srgb,#f7c15c 48%,#c28a2f 52%);box-shadow:0 14px 26px color-mix(in srgb,#c28a2f 28%,transparent)}
	.settings-card.admin-advanced::before {background:color-mix(in srgb,#f7c15c 22%,transparent);color:color-mix(in srgb,#7a4b0e 65%,#f7c15c 35%);border-color:color-mix(in srgb,#f7c15c 55%,#d4862c 45%)}
	.settings-card.admin-advanced::after {opacity:.9}
	.settings-card.admin-advanced p {color:color-mix(in srgb,#8b6a30 65%,var(--text-muted,#4b5563) 35%)}
}

.settings-card.admin-bot-core {position:relative;overflow:hidden;background:linear-gradient(150deg,color-mix(in srgb,var(--bg-darker,#2f3136) 80%,#4ea6ff 20%),color-mix(in srgb,var(--bg-darker,#2f3136) 84%,#1f4fa8 16%));border:1px solid color-mix(in srgb,#4ea6ff 42%,var(--text-main,#f2f3f5) 58%);box-shadow:0 18px 32px color-mix(in srgb,#0b1220 55%,transparent),0 0 0 1px color-mix(in srgb,#4ea6ff 12%,transparent)}
.settings-card.admin-bot-core::before {content:"BOT • CORE";position:absolute;top:12px;right:12px;padding:6px 10px;border-radius:999px;background:color-mix(in srgb,#4ea6ff 18%,transparent);border:1px solid color-mix(in srgb,#4ea6ff 55%,transparent);color:#b7d6ff;font-size:.7rem;letter-spacing:.05em;font-weight:700}
.settings-card.admin-bot-core::after {content:"";position:absolute;inset:-30% -15% auto -15%;height:60%;background:radial-gradient(circle at 28% 42%,color-mix(in srgb,#6bb7ff 26%,transparent),transparent 46%),radial-gradient(circle at 72% 28%,color-mix(in srgb,#2f6de0 22%,transparent),transparent 40%);transform:skewY(-5deg);opacity:.82;pointer-events:none;filter:blur(1px)}
.settings-card.admin-bot-core h3 {color:color-mix(in srgb,#d9e8ff 78%,var(--text-main,#fff) 22%)}
.settings-card.admin-bot-core p {color:color-mix(in srgb,#c3d7ff 72%,var(--text-muted,#b9bbbe) 28%)}
.settings-card.admin-bot-core .set-btn {box-shadow:0 12px 24px color-mix(in srgb,#2f6de0 18%,transparent)}
.settings-card.admin-bot-core .set-btn:hover {box-shadow:0 14px 28px color-mix(in srgb,#2f6de0 26%,transparent)}

@media (prefers-color-scheme: light) {
	.settings-card.admin-bot-core {background:linear-gradient(150deg,color-mix(in srgb,var(--bg-lighter,#f6f7fb) 80%,#4ea6ff 20%),color-mix(in srgb,var(--bg-lighter,#f6f7fb) 84%,#2f6de0 16%));border:1px solid color-mix(in srgb,#2f6de0 48%,#3a5a9f 52%);box-shadow:0 14px 26px color-mix(in srgb,#2f6de0 26%,transparent)}
	.settings-card.admin-bot-core::before {background:color-mix(in srgb,#4ea6ff 22%,transparent);color:color-mix(in srgb,#1f4fa8 62%,#d7e9ff 38%);border-color:color-mix(in srgb,#4ea6ff 55%,#2f6de0 45%)}
	.settings-card.admin-bot-core::after {opacity:.9}
	.settings-card.admin-bot-core p {color:color-mix(in srgb,#2a3d6d 60%,var(--text-muted,#4b5563) 40%)}
}