/* 心鉴学 · 浅色极光呼吸 全局样式（正式版） */
html{color-scheme:light;scrollbar-gutter:stable}
body{background:#f5f7fb !important;color:#1f2933 !important;font-family:Inter,system-ui,sans-serif !important;}

/* 浅色夜空底色 */
body::before{content:'';position:fixed;inset:0;z-index:-2;pointer-events:none;
  background:radial-gradient(120% 90% at 50% -30%, #eef3ff 0%, #e9ecf7 45%, #f4f1fa 75%, #ffffff 100%);}

/* 极光呼吸背景（缓慢流动） */
body::after{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(circle at 18% 22%, hsla(200,80%,84%,.75), transparent 42%),
    radial-gradient(circle at 82% 28%, hsla(265,80%,84%,.60), transparent 45%),
    radial-gradient(circle at 50% 88%, hsla(330,80%,85%,.50), transparent 45%),
    transparent;
  background-size:170% 170%;
  animation:aurora 14s ease-in-out infinite alternate;
}
@keyframes aurora{0%{background-position:0% 0%}100%{background-position:100% 100%}}

/* 浅色卡片 */
.bg-dark-100{background-color:rgba(255,255,255,.50) !important}
.bg-dark-200{background-color:rgba(255,255,255,.50) !important}
.bg-dark-300{background-color:rgba(255,255,255,.50) !important}
.bg-gradient-dark{background:linear-gradient(135deg,rgba(255,255,255,.50) 0%,rgba(248,250,255,.50) 100%) !important}
header{background-color:rgba(255,255,255,.50) !important;backdrop-filter:blur(10px)}
footer{background-color:rgba(255,255,255,.50) !important}
.shadow-card{box-shadow:0 4px 20px 0 rgba(90,110,180,.16),0 0 0 1px rgba(150,150,180,.10) !important}
.shadow-hover:hover{box-shadow:0 8px 30px 0 rgba(90,110,180,.22),0 0 0 2px rgba(154,123,28,.25) !important}

/* 正文文字 → 深灰 */
.text-gray-100{color:#1f2933 !important}
.text-gray-200{color:#273240 !important}
.text-gray-300{color:#33404e !important}
.text-gray-400{color:#47525f !important}
.text-gray-500{color:#5c6a76 !important}
.text-white{color:#1f2933 !important}
a.text-gray-200,a.text-gray-300,a.text-gray-400,a.text-gray-500{color:#8a6d1f !important;transition:color .25s}
a.text-gray-200:hover,a.text-gray-300:hover,a.text-gray-400:hover,a.text-gray-500:hover{color:#000 !important}

/* 金色 → 明亮金 */
.text-gold-100{color:#A06A0A !important}
.text-gold-200{color:#B8860B !important}
.text-gold-300{color:#C9A227 !important}
.text-shadow-gold{text-shadow:0 1px 3px rgba(212,175,55,.3) !important}

/* 深色文字（dark 色板已变浅，按钮文字需保持深色） */
.text-dark-100{color:#1e1e1e !important}
.text-dark-200{color:#1e1e1e !important}
.text-dark-300{color:#121212 !important}

/* 金色渐变按钮 → 明亮金 */
.bg-gradient-gold{background:linear-gradient(135deg,#D4AF37 0%,#B8860B 100%) !important}

/* 输入框 */
input,textarea{color:#1f2933 !important}
input::placeholder,textarea::placeholder{color:#a3adb8 !important}
select{background-color:#fff !important;color:#1f2933 !important}
select option{background-color:#fff;color:#1f2933}