/* ============================================================
   AI 副业岛 · 主题（白天 / 夜晚 / 跟随系统）
   ------------------------------------------------------------
   默认是暗色（各模板 :root 里已定义）。
   本文件用 [data-theme="light"] 覆盖成亮色；
   由 static/js/theme.js 负责切换 <html data-theme="...">。
   加载顺序必须在各模板的内联 <style> 之后，才能覆盖成功。
   ============================================================ */

html[data-theme="light"] {
    --bg:        #F5F7FC;
    --surface:   #FFFFFF;
    --surface2:  #EEF1F8;
    --border:    rgba(99, 102, 241, .22);
    --border2:   #E1E6F0;
    --text:      #131A2B;
    --text2:     #4B5568;
    --text3:     #8A94A8;
    --primary:   #6366F1;
    --primary2:  #4F46E5;
    --cyan:      #0E9BB8;
    --amber:     #C2740A;
    --green:     #059669;
    color-scheme: light;
}

/* library.css（名人堂 / AI 百科 / 技能库）用的是独立命名空间 --l-*，
   必须单独覆盖，否则那几页在白天模式下还是黑的 */
html[data-theme="light"] {
    --l-bg:       #F5F7FC;
    --l-surface:  #FFFFFF;
    --l-surface2: #EEF1F8;
    --l-border:   #E1E6F0;
    --l-border2:  #D3DAE8;
    --l-text:     #131A2B;
    --l-text2:    #4B5568;
    --l-text3:    #8A94A8;
    --l-primary:  #6366F1;
    --l-primary-l:#4F46E5;
}
html[data-theme="light"] .l-card {
    box-shadow: 0 1px 3px rgba(19,26,43,.06), 0 8px 22px rgba(19,26,43,.05);
}
html[data-theme="light"] .l-card:hover {
    box-shadow: 0 4px 12px rgba(19,26,43,.10), 0 14px 32px rgba(19,26,43,.08);
}

/* 亮色下把深色底上的发光/阴影收敛掉，避免糊成一团 */
html[data-theme="light"] body {
    background: var(--bg);
    background-image: none;
}
html[data-theme="light"] .navbar {
    background: rgba(255, 255, 255, .88) !important;
    backdrop-filter: blur(14px);
    border-bottom-color: var(--border2) !important;
}
html[data-theme="light"] .pcard,
html[data-theme="light"] .tcard,
html[data-theme="light"] .card {
    box-shadow: 0 1px 3px rgba(19, 26, 43, .06), 0 8px 22px rgba(19, 26, 43, .05);
}
html[data-theme="light"] .pcard:hover,
html[data-theme="light"] .tcard:hover {
    box-shadow: 0 4px 12px rgba(19, 26, 43, .10), 0 14px 32px rgba(19, 26, 43, .08);
}
/* 装饰性背景图案在亮色下太重 */
html[data-theme="light"] .hero::before,
html[data-theme="light"] .hero::after,
html[data-theme="light"] .bg-deco { opacity: .25; }

/* 深色卡片（如大礼包横幅）亮色下不要变成刺眼白块 */
html[data-theme="light"] .gift-banner {
    background: linear-gradient(120deg, #EEF1FB 0%, #E3E9FA 100%);
    border-color: rgba(194, 116, 10, .35);
    box-shadow: 0 1px 3px rgba(19,26,43,.06), 0 10px 26px rgba(19,26,43,.06);
}

/* ── 切换按钮 ── */
.theme-btn {
    display: inline-flex; align-items: center; justify-content: center;
    width: 34px; height: 34px; border-radius: 9px; cursor: pointer;
    background: var(--surface); border: 1px solid var(--border);
    color: var(--text2); font-size: 15px; line-height: 1;
    transition: color .18s, border-color .18s, background .18s;
    padding: 0; flex: 0 0 auto;
}
.theme-btn:hover { color: var(--text); border-color: var(--primary); }
.theme-btn:active { transform: scale(.94); }

/* 首屏渲染前先藏住，避免暗色闪一下再变亮 */
html.theme-booting body { visibility: hidden; }