/**
 * 壹手设计工具箱 - 发文时段分布样式
 */

/* 顶部统计居中 */
.iyesbox-period-stats {
    text-align: center;
    margin-bottom: 1em;
}

/* 横向柱状图容器 */
.iyesbox-period-bar {
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

/* 单行布局 */
.iyesbox-period-item {
    display: flex;
    align-items: center;
}

/* 左侧时段标签 */
.iyesbox-period-label {
    width: 90px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    margin-right: 8px;
}

/* 柱状图填充条 */
.iyesbox-period-fill {
    height: 12px;
    border-radius: 0px;
    transition: width .4s ease;
}

/* 右侧数值 */
.iyesbox-period-value {
    margin-left: 8px;
    white-space: nowrap;
    font-size: 80%;
    font-weight: bold;
}

/* 暗色模式优化 */
html[data-theme="dark"] .iyesbox-period-stats {
    color: #e0e0e0;
}

html[data-theme="dark"] .iyesbox-period-value {
    color: #e0e0e0;
}

html.dark .iyesbox-period-stats {
    color: #e0e0e0;
}

html.dark .iyesbox-period-value {
    color: #e0e0e0;
}