/* 全局背景设置 */
.exhibition-container {
    background-color: #e8f3ee !important;
    position: relative;
}

/* 左侧面板背景 */
.left-panel {
    background: linear-gradient(135deg, rgba(232, 243, 238, 0.9), rgba(228, 240, 234, 0.95));
    position: relative;
    overflow: hidden;
}

/* 水墨效果 - 主要效果 */
.left-panel::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' viewBox='0 0 800 800'%3E%3Cdefs%3E%3CradialGradient id='a' cx='400' cy='400' r='50%25' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23CEE6D7'/%3E%3Cstop offset='1' stop-color='%23E8F3EE' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='b' cx='200' cy='400' r='40%25' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23C4E0D0'/%3E%3Cstop offset='1' stop-color='%23E8F3EE' stop-opacity='0'/%3E%3C/radialGradient%3E%3CradialGradient id='c' cx='600' cy='200' r='30%25' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23CADECF'/%3E%3Cstop offset='1' stop-color='%23E8F3EE' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect fill='%23E8F3EE' width='800' height='800'/%3E%3Ccircle fill-opacity='0.15' fill='url(%23a)' cx='400' cy='400' r='400'/%3E%3Ccircle fill-opacity='0.15' fill='url(%23b)' cx='200' cy='400' r='320'/%3E%3Ccircle fill-opacity='0.1' fill='url(%23c)' cx='600' cy='200' r='240'/%3E%3C/svg%3E");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.75;
    z-index: -1;
    filter: blur(1px);
}

/* 叠加水墨阴影效果 */
.left-panel::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: 
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' viewBox='0 0 800 800'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.01' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 0.5 0'/%3E%3C/filter%3E%3Crect width='800' height='800' filter='url(%23noise)' opacity='0.08'/%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' viewBox='0 0 800 800'%3E%3Cdefs%3E%3CradialGradient id='a' cx='150' cy='150' r='70%25' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23B0D8C0' stop-opacity='0.08'/%3E%3Cstop offset='1' stop-color='%23E8F3EE' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='800' height='800'/%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' viewBox='0 0 800 800'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0' stop-color='%23A8D8BE' stop-opacity='0.05'/%3E%3Cstop offset='1' stop-color='%23A8D8BE' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='800' height='800'/%3E%3C/svg%3E");
    z-index: -1;
    opacity: 0.85;
}

/* 右侧面板样式 */
.right-panel {
    background-color: rgba(232, 243, 238, 0.98) !important;
    position: relative;
    box-shadow: 0 0 20px rgba(255, 255, 255, 0.5) inset;
}

/* 右侧背景微妙的水墨纹理 - 简化图案以增强文字可见度 */
.right-panel::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: 
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' viewBox='0 0 800 800'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.003' numOctaves='1' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 0.02 0'/%3E%3C/filter%3E%3Crect width='800' height='800' filter='url(%23noise)' opacity='0.05'/%3E%3C/svg%3E");
    z-index: -1;
    opacity: 0.1;
}

/* 全局定位辅助线 - 增加设计感 */
.exhibition-container::after {
    content: '';
    position: absolute;
    top: 0;
    left: 30%;
    width: 1px;
    height: 100%;
    background: linear-gradient(to bottom, 
        rgba(150, 200, 170, 0), 
        rgba(150, 200, 170, 0.03) 20%, 
        rgba(150, 200, 170, 0.05) 50%, 
        rgba(150, 200, 170, 0.03) 80%, 
        rgba(150, 200, 170, 0));
    z-index: 0;
    pointer-events: none;
}