/* 股票估值分析工具样式 */
body {
    background-color: #f8f9fa;
    font-family: 'Microsoft YaHei', sans-serif;
}

.card {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border-radius: 0.5rem;
    border: none;
}

.card-header {
    border-radius: 0.5rem 0.5rem 0 0 !important;
}

.btn-primary {
    background-color: #2c68cf;
    border-color: #2c68cf;
}

.btn-primary:hover {
    background-color: #1d56b9;
    border-color: #1d56b9;
}

#valuationChart {
    border-radius: 0.25rem;
    background-color: #fff;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
    width: 100% !important;
    height: 500px !important;
    min-height: 350px !important;
}

/* 数据表格样式 */
.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 123, 255, 0.05);
}

.table td, .table th {
    vertical-align: middle;
}

/* 表格中的百分比值根据大小变色 */
.percent-value {
    font-weight: bold;
}

.percent-low {
    color: #28a745; /* 绿色，低估值 */
}

.percent-medium {
    color: #ffc107; /* 黄色，中等估值 */
}

.percent-high {
    color: #dc3545; /* 红色，高估值 */
}

/* 当前值特殊高亮 */
.current-value {
    font-weight: bold;
    font-size: 1.1em;
    color: #007bff; /* 蓝色 */
}

/* 高亮表格行 */
.highlight-row {
    background-color: #f8f9fa !important;
    border-left: 3px solid #007bff;
}

.highlight-row td {
    padding-left: 10px;
}

/* 加载动画 */
.loading-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 200px;
}

/* 响应式调整 */
@media (max-width: 768px) {
    #valuationChart {
        height: 350px !important;
    }
    
    /* 修改标题在移动设备上的显示 */
    h1 {
        font-size: 1.5rem;
    }
    
    /* 确保按钮在移动设备上的显示 */
    .btn {
        margin-bottom: 5px;
    }
}

/* 保证图表显示完整 */
.card-body {
    overflow: hidden;
}

/* 确保结果卡片内容完全显示 */
#resultCard {
    display: none;
}

#resultCard.d-none {
    display: none !important;
}

#resultCard:not(.d-none) {
    display: block !important;
} 