/* 股票详情页样式 */

/* 页面功能标题（与评分/推荐各页一致：1.25rem） */
.page-type-banner h4 {
    font-size: 1.25rem;
}

/* 分析师双视角 Tab（衰减周期/历史全量）— 紧凑胶囊，与全站按钮同规格
   注：common/style.css 全局 .nav-link padding:0 !important 需同级覆盖 */
.card-header-pills {
    gap: 6px;
}

.card-header-pills .nav-link {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px !important;
    font-size: 0.75rem;
    line-height: 2.4;
    border-radius: 10px;
}

.chart-container {
    position: relative;
    width: 100%;
    height: 350px;
    margin-bottom: 20px;
}

/* ECharts 容器撑满父级 */
.chart-container > div {
    width: 100%;
    height: 100%;
}

/* 移动端图表高度适配 */
@media (max-width: 768px) {
    .chart-container {
        height: 280px;
    }
    .radar-container {
        height: 280px;
    }
}

.radar-container {
    height: 350px;
}

/* 范围选择器 */
.range-selector .btn {
    font-size: 0.8rem;
    padding: 4px 12px;
}

.range-selector .btn.active {
    font-weight: 600;
    background-color: #0d6efd;
    color: #fff;
}

/* 图表切换按钮 */
.chart-toggles .btn {
    font-size: 0.78rem;
    padding: 4px 10px;
}

/* 网页全屏 */
.chart-fullpage {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    max-width: 100vw !important;
    margin: 0 !important;
    border-radius: 0 !important;
    z-index: 9999 !important;
    overflow: auto;
    background: #fff;
}

.chart-fullpage .card-header {
    border-radius: 0 !important;
    padding: 12px 20px;
}

.chart-fullpage .card-body {
    padding: 10px 20px 20px;
    height: calc(100vh - 60px);
}

.chart-fullpage .chart-container {
    height: calc(100vh - 100px) !important;
}

/* ========== 机构评级徽章行 ========== */
.rating-badge-row {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 4px;
}

.rating-badge {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 12px;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1.5;
}

.rating-badge.rating-buy {
    background: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.rating-badge.rating-overweight {
    background: #d1ecf1;
    color: #0c5460;
    border: 1px solid #bee5eb;
}

.rating-badge.rating-neutral {
    background: #e2e3e5;
    color: #383d41;
    border: 1px solid #d6d8db;
}

.rating-badge.rating-underweight {
    background: #fff3cd;
    color: #856404;
    border: 1px solid #ffeaa7;
}

.rating-badge.rating-sell {
    background: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

.rating-ratio-row {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-top: 4px;
    font-size: 0.78rem;
}

.ratio-item {
    white-space: nowrap;
}

.ratio-bull {
    color: #dc3545;
    font-weight: 500;
}

.ratio-bear {
    color: #28a745;
    font-weight: 500;
}

/* 全宽因子项（用于评级分布徽章行） */
.factor-item.factor-item-full {
    flex-basis: 100%;
}

.factor-item.factor-item-full .factor-content {
    min-width: 0;
}

/* ========== 分析师多空分布 ========== */
.analyst-sentiment-row {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-top: 4px;
    font-size: 0.78rem;
}

.sentiment-item {
    white-space: nowrap;
}

.sentiment-bull {
    color: #dc3545;
    font-weight: 500;
}

.sentiment-hold {
    color: #6c757d;
}

.sentiment-bear {
    color: #28a745;
    font-weight: 500;
}

/* 大宗交易明细面板 */
.block-trade-toggle:hover {
    background-color: rgba(13, 110, 253, 0.04);
    border-radius: 6px;
}
.block-trade-toggle .block-trade-arrow.expanded {
    transform: rotate(180deg);
}
.block-trade-detail-panel {
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 8px;
    margin: 4px 0 8px 0;
    overflow-x: auto;
}
.block-trade-detail-table {
    width: 100%;
    font-size: 0.78rem;
    margin: 0;
}
.block-trade-detail-table th {
    background: #e9ecef;
    white-space: nowrap;
    font-weight: 600;
    padding: 6px 8px;
    font-size: 0.75rem;
}
.block-trade-detail-table td {
    white-space: nowrap;
    padding: 5px 8px;
    vertical-align: middle;
}
.block-trade-detail-table .bt-discount-positive {
    color: #28a745;
}
.block-trade-detail-table .bt-discount-negative {
    color: #dc3545;
}
.block-trade-detail-table .bt-dept {
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}