/*
 * 主界面统一背景：冰山 / 星空山峦（Unsplash License）
 * 全站 body.page-bg* 共用同一底图 + 冷色遮罩，与 UI 冰山主题一致
 */
html {
    min-height: 100%;
}

body.page-bg,
body.page-bg-warm,
body.page-bg-paper {
    /* 底色略亮；遮罩透明度降低，冰山照片更透出来 */
    background-color: #1a2835;
    background-image:
        linear-gradient(
            165deg,
            rgba(22, 38, 52, 0.38) 0%,
            rgba(18, 32, 44, 0.46) 42%,
            rgba(14, 26, 36, 0.52) 100%
        ),
        url("https://images.unsplash.com/photo-1506905925346-21bda4d32df4?auto=format&fit=crop&w=1920&q=80");
    background-size: cover;
    background-position: center 36%;
    background-repeat: no-repeat;
    background-attachment: scroll;
}

@media (prefers-reduced-motion: reduce) {
    body.page-bg,
    body.page-bg-warm,
    body.page-bg-paper {
        background-attachment: scroll;
    }
}

/* 顶栏毛玻璃：透出底图，不压暗整块内容区 */
.glass-toolbar {
    background: rgba(14, 24, 34, 0.45);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 10px 14px;
    box-shadow: 0 4px 28px rgba(0, 0, 0, 0.12);
}

/* 角色列表等「选择区」：半透明毛玻璃，与底图融合 */
.glass-card {
    background: rgba(20, 32, 42, 0.58) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
}