/* 
 * 文章更新时间样式
 * 云超 www.yunchaoxx.com
 */

/* ========== 样式1 ========== */
/* 样式1的HTML结构 */
.article-timeout.style-1 {
    position: relative;
    border-radius: 8px;
    margin-bottom: 25px;
    padding: 10px;
    background-color: var(--body-bg-color);
}

/* 样式1的特定样式 */
.article-timeout.style-1 strong {
    color: #666;
    font-weight: 600;
}

.article-timeout.style-1 .fa-bell {
    color: #f90;
    margin-right: 5px;
}

.article-timeout.style-1 code {
    color: #333;
    background-color: #f0f0f0;
    padding: 2px 6px;
    border-radius: 3px;
    margin: 0 3px;
    font-family: Consolas, Monaco, monospace;
}

.article-timeout.style-1 a {
    color: #06c;
    text-decoration: none;
}

.article-timeout.style-1 a:hover {
    text-decoration: underline;
    color: #f60;
}

/* ========== 样式2 ========== */
/* 样式2的HTML结构 */
.article-update-tips.style-2 {
    background: rgba(255, 188, 68, 0.38);
    color: #333;
    margin: 0 0px 20px;
    border-radius: 8px;
    position: relative;
    text-align: center;
    background-image: url(https://img.alicdn.com/imgextra/i1/2210123621994/O1CN017ZFVO81QbIjgNEl4Q_!!2210123621994.png);
    background-clip: padding-box;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 50% 50%;
    background-blend-mode: normal;
}

/* 样式2的特定样式 */
.article-update-tips.style-2 .update-ts {
    padding-top: 6px;
    padding-bottom: 8px;
    margin: 0;
    font-size: 14px;
    font-weight: 500;
}

.article-update-tips.style-2 span1 {
    color: #f60;
    margin: 0 3px;
    font-weight: bold;
}

/* ========== 样式3 ========== */
/* 样式3的HTML结构 */
.article-timeout.style-3 {
    color: #5b4a37;
    border: 3px solid #687eff40;
    border-radius: 12px 30px 30px;
    background-color: rgba(0, 102, 255, .18);
    z-index: 3;
    padding: 5px 10px;
    align-items: center;
    margin-bottom: 5px;
    position: relative;
}

/* 样式3的特定样式 */
.article-timeout.style-3 strong {
    color: #5b4a37;
    font-weight: 600;
}

.article-timeout.style-3 .fa-bell {
    color: #687eff;
    margin-right: 5px;
}

/* 样式3的code标签特殊样式 */
.article-timeout.style-3 code {
    color: #556af1 !important;
    background-color: #556af12e !important;
    margin: 2px !important;
    padding: 2px 5px !important;
    border-radius: 3px !important;
    font-family: Consolas, Monaco, monospace !important;
}

.article-timeout.style-3 a {
    color: #687eff;
    text-decoration: none;
}

.article-timeout.style-3 a:hover {
    text-decoration: underline;
    color: #556af1;
}

/* ========== 通用样式 ========== */
/* 确保三个样式都有基本的外边距 */
.article-timeout.style-1,
.article-update-tips.style-2,
.article-timeout.style-3 {
    margin-bottom: 20px;
    padding: 15px;
    clear: both;
    display: block !important;
    visibility: visible !important;
}

/* 自定义CSS */
<?php 
if (function_exists('zibll_article_update_time_get_option')) {
    echo zibll_article_update_time_get_option('custom_css', '');
}
?>