ai-LiaoWangweb-app/app/static/css/style.css

/* 科技风背景和字体设置 */
body {
    background-color: #0a192f; /* 深蓝色背景，科技感 */
    color: #e0f7fa; /* 浅青色文字 */
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
/* 自定义滚动条样式 */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: #0d2a4f;
}
::-webkit-scrollbar-thumb {
    background: #1e40af;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #3b82f6;
}
/* 科技感边框和阴影 */
.tech-panel {
    background-color: rgba(10, 30, 47, 0.7); /* 半透明背景 */
    border: 1px solid #1e40af;
    box-shadow: 0 0 15px rgba(30, 64, 175, 0.5);
    backdrop-filter: blur(5px);
}
.tech-button {
    transition: all 0.3s ease;
    border: 1px solid #1e40af;
}
.tech-button:hover {
    background-color: #1e40af;
    box-shadow: 0 0 10px #3b82f6;
}
/* 确保图表容器有足够的初始高度 */
.chart-container {
    height: 300px;
    width: 100%;
}
.tech-title {
    color: #93c5fd; /* 亮蓝色标题 */
    text-shadow: 0 0 5px #3b82f6;
}