body {
    background-color: #edf3ef;
}

.bg-color {
    background-image: linear-gradient(to right, #62c58f 0%, #15956a 100%);
}

.text-color {
    color: #15956a !important;
}

.progress-bar {
    background: linear-gradient(to right, #62c58f 0%, #15956a 100%);
}

article a:hover {
    color: #15956a;
}

#articles .card .card-image {
    height: 260px;
    min-height: 260px;
}

#articles .card .card-image img {
    width: 100%;
    height: 260px;
    object-fit: cover;
}

#articles .card .card-image .card-title {
    display: block;
    left: 0;
    right: 0;
    width: 100%;
    max-width: none;
    max-height: none;
    padding: 72px 18px 22px;
    box-sizing: border-box;
    background: linear-gradient(to top, rgba(18, 35, 48, 0.72), rgba(18, 35, 48, 0));
    font-size: 1.08rem;
    font-weight: 700;
    line-height: 1.38;
    text-align: center;
    white-space: normal;
    overflow: visible;
    overflow-wrap: anywhere;
    word-break: normal;
}

.cover-btns .btn,
.chip-container .chip:hover,
.tag-cloud .chip:hover {
    background: linear-gradient(to right, #62c58f 0%, #15956a 100%) !important;
}

.chip-container .chip-active {
    background: linear-gradient(to bottom right, #f2b85b 0%, #dd735e 100%) !important;
}

#aboutme .social-link a {
    border-color: #15956a;
    background: radial-gradient(#62c58f, #15956a);
}

.post-statis .statis .count a,
.profile .author .title {
    color: #15956a;
}

header .brand-logo .logo-img,
.mobile-head .logo-img {
    object-fit: contain;
    background: transparent !important;
    box-shadow: none;
}

header .brand-logo .logo-img {
    width: 58px;
    border-radius: 10px;
}

.mobile-head .logo-img {
    padding: 4px;
}

.liuyang-clean-card {
    margin-top: 18px;
}

.liuyang-clean-card .card-content p {
    color: #5f6f67;
    font-size: 1rem;
    line-height: 1.9;
}

.typing-cursor {
    display: inline-block;
    margin-left: 2px;
    font-weight: 300;
    -webkit-animation: liuyang-cursor 0.9s steps(1) infinite;
    animation: liuyang-cursor 0.9s steps(1) infinite;
}

.liuyang-empty {
    padding: 34px 18px;
    color: #6e7b75;
}

.liuyang-empty i {
    display: block;
    margin-bottom: 14px;
    color: #15956a;
    font-size: 2.4rem;
}

.search-header .title {
    display: block;
    margin-bottom: 12px;
    color: #34495e;
    font-size: 1.35rem;
    font-weight: 600;
}

#searchInput {
    margin-bottom: 20px;
}

.search-result-item {
    padding: 12px 0;
    border-bottom: 1px solid rgba(52, 73, 94, 0.12);
}

.search-result-item a {
    color: #15956a;
    font-size: 1.05rem;
    font-weight: 700;
}

.search-result-item p,
.search-empty {
    margin: 6px 0 0;
    color: #6e7b75;
}

.liuyang-admonition {
    border-left: 4px solid #15956a;
    background: rgba(232, 245, 238, 0.86);
}

.liuyang-admonition.warning {
    border-left-color: #dd735e;
    background: rgba(247, 236, 232, 0.88);
}

#articleContent pre {
    border-radius: 8px;
}

#articleContent img {
    max-height: 680px;
    object-fit: contain;
}

#myGallery .photo {
    margin-bottom: 20px;
}

#myGallery .photo img {
    width: 100%;
    height: 160px;
    border-radius: 8px;
    object-fit: cover;
}

.page-footer .copy-right a {
    color: #fff;
    font-weight: 600;
}

.page-footer .social-link a {
    color: #fff;
}

.profile .avatar-img {
    max-width: 210px;
    width: 100%;
    padding: 8px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.92);
    object-fit: contain;
}

@-webkit-keyframes rainbow {
    0%,
    100% {
        background: linear-gradient(135deg, rgba(21, 149, 106, 0.72) 0%, rgba(98, 197, 143, 0.58) 100%);
    }

    50% {
        background: linear-gradient(135deg, rgba(221, 115, 94, 0.48) 0%, rgba(21, 149, 106, 0.68) 100%);
    }
}

@keyframes rainbow {
    0%,
    100% {
        background: linear-gradient(135deg, rgba(21, 149, 106, 0.72) 0%, rgba(98, 197, 143, 0.58) 100%);
    }

    50% {
        background: linear-gradient(135deg, rgba(221, 115, 94, 0.48) 0%, rgba(21, 149, 106, 0.68) 100%);
    }
}

@-webkit-keyframes liuyang-cursor {
    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }
}

@keyframes liuyang-cursor {
    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }
}