/* 白天网站背景/颜色 
#web_bg {
 background: linear-gradient(90deg, rgba(247, 149, 51, .1), rgba(243, 112, 85, .1) 15%, rgba(239, 78, 123, .1) 30%, rgba(161, 102, 171, .1) 44%, rgba(80, 115, 184, .1) 58%, rgba(16, 152, 173, .1) 72%, rgba(7, 179, 155, .1) 86%, rgba(109, 186, 130, .1))
}
*/

/* 夜间网站背景/颜色 */
[data-theme=dark] #web_bg {
    position: fixed;       /* 固定在页面上 */
    top: 0;
    left: 0;
    width: 100vw;          /* 占满整个宽度 */
    height: 100vh;         /* 占满整个高度 */
    background: url('/img/bg/zyx2012-bg-dark.jpg') no-repeat center center;
    background-size: cover; /* 背景按比例覆盖整个容器 */
    z-index: -1;           /* 放到最底层，保证内容在上面 */
}


.status-tag {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 0 3px;
    border-radius: 6px 0 12px 0;
    font-size: 10px;
    color: #fff;
    font-weight: 700;
    transition: font-size .3s ease-out, opacity .3s ease-out;
}

.flink-list-item:hover .status-tag {
    font-size: 0;
    opacity: 0;
}

.status-tag-green { background-color: #599e0b; }
.status-tag-light-yellow { background-color: #fed101; }
.status-tag-dark-yellow { background-color: #f0b606; }
.status-tag-red { background-color: #b90000; }

/* 恢复 Twikoo 预览按钮显示 */
#twikoo .tk-comments .el-button.tk-preview {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

#twikoo .tk-comments .el-button.tk-preview:hover {
  opacity: 0.85 !important;
}

#twikoo .tk-comments .el-button.tk-preview {
    position: absolute;
    top: -40px;
    right: 107px;
    opacity: 0.3;
}

#twikoo .tk-comments .el-button--primary {
    color: var(--anzhiyu-card-bg);
    box-shadow: var(--anzhiyu-shadow-black);
    width: 6.25rem;
    position: absolute;
    top: -41px;
    right: 0px;
    height: 32px;
    margin-left: 0.5rem !important;
    border-color: var(--anzhiyu-fontcolor);
    border-radius: 12px;
    transition: 0.3s;
}

#twikoo .tk-comments .tk-meta-input {
    position: relative;
    margin-top: 8px;
    width: calc(100% - 165px);
}