/* Flip时钟预览样式 - 恢复原始大小 */
.flip-preview {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1px;
    padding: 4px 2px;
    background: transparent !important;
}

/* 翻转卡片迷你版 - 调大一些让用户看得更清楚 */
.flip-card-mini {
    width: 10px;
    height: 14px;
    background: var(--flip-card-bg, #000);
    color: var(--flip-number-text, #fff);
    border: 1px solid var(--flip-card-border, #333);
    border-radius: 2px;
    font-size: 8px;
    font-weight: 700;
    line-height: 12px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 1px var(--flip-shadow, rgba(54, 54, 54, 0.5));
    flex-shrink: 0;
}

/* 冒号分隔符 - 相应调大 */
.flip-colon {
    font-size: 10px;
    font-weight: 700;
    color: var(--flip-divider-color, #ccc);
    margin: 0 0px;
    line-height: 1;
    flex-shrink: 0;
}

/* 强制flip模板标题与预览在同一行 - 使用!important确保生效 */
.flip-template {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
}

.flip-template .template-preview-display {
    flex-shrink: 0 !important;
    margin-right: 0.75rem !important;
}

.flip-template .template-preview-info {
    flex: 1 !important;
    min-width: 0 !important;
}

.flip-template .template-preview-name {
    font-size: 0.85rem !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin-bottom: 0.1rem !important;
}

/* Pure Dark主题 */
.template-preview-option[data-template="pure-dark"] {
    --flip-card-bg: #000000;
    --flip-card-border: #151515;
    --flip-number-text: #ffffff;
    --flip-divider-color: #cccccc;
    --flip-shadow: rgba(54, 54, 54, 0.5);
}

.template-preview-option[data-template="pure-dark"] .template-preview-display {
    background: #000000 !important;
}

/* Dark主题 */
.template-preview-option[data-template="dark"] {
    --flip-card-bg: #000000;
    --flip-card-border: #1c1c1c;
    --flip-number-text: #ccc;
    --flip-divider-color: #323434;
    --flip-shadow: rgba(0, 0, 0, 0.8);
}

.template-preview-option[data-template="dark"] .template-preview-display {
    background: #151515 !important;
}

/* Light主题 */
.template-preview-option[data-template="light"] {
    --flip-card-bg: #f8f9fa;
    --flip-card-border: #e5e5e5;
    --flip-number-text: #333333;
    --flip-divider-color: #666666;
    --flip-shadow: rgba(0, 0, 0, 0.15);
}

.template-preview-option[data-template="light"] .template-preview-display {
    background: #ffffff !important;
    border: 1px solid #e5e5e5 !important;
}