/* ================================
                 * 基础隔离
                 * ================================ */
                #cc-recent-posts-static,
                #cc-recent-posts-static *,
                #cc-recent-posts-static *::before,
                #cc-recent-posts-static *::after {
                    box-sizing: border-box;
                }

                #cc-recent-posts-static {
                    --cc-wine: #6f2947;
                    --cc-wine-deep: #542036;
                    --cc-rose: #ae5d7e;
                    --cc-rose-soft: #d995b1;
                    --cc-pink-soft: #fff4f8;
                    --cc-cream: #fffaf5;
                    --cc-gold: #c9a25f;
                    --cc-gold-light: #ead6a5;
                    --cc-text: #593746;
                    --cc-muted: #8f7480;

                    position: relative;
                    width: 100%;
                    max-width: 330px;
                    margin: 18px auto;
                    color: var(--cc-text);
                    font-family:
                        "Microsoft YaHei",
                        "PingFang SC",
                        "Noto Sans SC",
                        Arial,
                        sans-serif;
                    line-height: 1.5;
                    isolation: isolate;
                }

                #cc-recent-posts-static a,
                #cc-recent-posts-static a:hover,
                #cc-recent-posts-static a:focus,
                #cc-recent-posts-static a:visited {
                    color: inherit !important;
                    text-decoration: none !important;
                }

                /* ================================
                 * 外框
                 * ================================ */
                #cc-recent-posts-static .cc-rp-shell {
                    position: relative;
                    overflow: hidden;
                    padding: 10px;
                    border: 1px solid rgba(194, 149, 81, 0.72);
                    border-radius: 23px;
                    background:
                        radial-gradient(
                            circle at 10% 0%,
                            rgba(255, 255, 255, 0.98) 0%,
                            rgba(255, 255, 255, 0) 32%
                        ),
                        linear-gradient(
                            150deg,
                            #fffdf9 0%,
                            #fff4f8 49%,
                            #f9e3ec 100%
                        );
                    box-shadow:
                        0 18px 42px rgba(91, 34, 61, 0.16),
                        inset 0 0 0 4px rgba(255, 255, 255, 0.58);
                }

                #cc-recent-posts-static .cc-rp-shell::before {
                    content: "";
                    position: absolute;
                    top: -76px;
                    right: -58px;
                    width: 145px;
                    height: 145px;
                    border-radius: 50%;
                    pointer-events: none;
                    background: radial-gradient(
                        circle,
                        rgba(217, 133, 168, 0.28),
                        rgba(217, 133, 168, 0)
                    );
                }

                #cc-recent-posts-static .cc-rp-inner {
                    position: relative;
                    padding: 16px 13px 14px;
                    border: 1px solid rgba(199, 159, 96, 0.42);
                    border-radius: 16px;
                    background: rgba(255, 255, 255, 0.58);
                    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
                    backdrop-filter: blur(7px);
                    -webkit-backdrop-filter: blur(7px);
                }

                /* ================================
                 * 标题
                 * ================================ */
                #cc-recent-posts-static .cc-rp-heading {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    gap: 8px;
                    margin: 0 0 13px;
                    padding: 0 1px 11px;
                    border-bottom: 1px solid rgba(199, 157, 93, 0.22);
                    text-align: center;
                }

                #cc-recent-posts-static .cc-rp-heading-line {
                    width: 30px;
                    height: 1px;
                    flex: 0 1 30px;
                    background: linear-gradient(
                        90deg,
                        transparent,
                        rgba(197, 154, 88, 0.85)
                    );
                }

                #cc-recent-posts-static .cc-rp-heading-line:last-child {
                    background: linear-gradient(
                        90deg,
                        rgba(197, 154, 88, 0.85),
                        transparent
                    );
                }

                #cc-recent-posts-static .cc-rp-heading-symbol {
                    flex-shrink: 0;
                    color: var(--cc-gold);
                    font-size: 14px;
                    line-height: 1;
                }

                #cc-recent-posts-static .cc-rp-heading-copy {
                    min-width: 0;
                }

                #cc-recent-posts-static .cc-rp-title {
                    display: block;
                    margin: 0;
                    color: var(--cc-wine);
                    font-family:
                        "Noto Serif SC",
                        "Songti SC",
                        "Times New Roman",
                        serif;
                    font-size: 17px;
                    font-weight: 700;
                    letter-spacing: 0.13em;
                    line-height: 1.2;
                }

                #cc-recent-posts-static .cc-rp-subtitle {
                    display: block;
                    margin-top: 3px;
                    color: var(--cc-gold);
                    font-family: Georgia, serif;
                    font-size: 8px;
                    letter-spacing: 0.19em;
                    line-height: 1.2;
                    text-transform: uppercase;
                }

                /* ================================
                 * 文章列表
                 * ================================ */
                #cc-recent-posts-static .cc-rp-list {
                    display: grid;
                    gap: 13px;
                    margin: 0;
                    padding: 0;
                    list-style: none;
                }

                #cc-recent-posts-static .cc-rp-item {
                    position: relative;
                    overflow: hidden;
                    margin: 0;
                    border: 1px solid rgba(197, 151, 86, 0.5);
                    border-radius: 13px;
                    background: linear-gradient(
                        145deg,
                        rgba(255, 255, 255, 0.99),
                        rgba(255, 242, 247, 0.96)
                    );
                    box-shadow:
                        0 8px 18px rgba(101, 41, 67, 0.09),
                        inset 0 1px 0 rgba(255, 255, 255, 0.96);
                    transition:
                        transform 0.24s ease,
                        border-color 0.24s ease,
                        box-shadow 0.24s ease;
                }

                #cc-recent-posts-static .cc-rp-item::before {
                    content: "";
                    position: absolute;
                    z-index: 4;
                    top: -105%;
                    left: -42%;
                    width: 26%;
                    height: 310%;
                    pointer-events: none;
                    background: linear-gradient(
                        90deg,
                        transparent,
                        rgba(255, 255, 255, 0.66),
                        transparent
                    );
                    transform: rotate(18deg);
                    transition: left 0.62s ease;
                }

                #cc-recent-posts-static .cc-rp-item:hover {
                    border-color: rgba(178, 93, 129, 0.66);
                    box-shadow:
                        0 13px 27px rgba(101, 41, 67, 0.15),
                        inset 0 1px 0 rgba(255, 255, 255, 0.98);
                    transform: translateY(-3px);
                }

                #cc-recent-posts-static .cc-rp-item:hover::before {
                    left: 128%;
                }

                #cc-recent-posts-static .cc-rp-link {
                    position: relative;
                    z-index: 2;
                    display: block;
                    width: 100%;
                    color: inherit !important;
                    outline: none;
                }

                #cc-recent-posts-static .cc-rp-link:focus-visible {
                    border-radius: 13px;
                    outline: 3px solid rgba(216, 137, 172, 0.32);
                    outline-offset: -3px;
                }

                /* ================================
                 * 顶部长条矩形图片
                 * ================================ */
                #cc-recent-posts-static .cc-rp-image-wrap {
                    position: relative;
                    display: block;
                    width: 100%;
                    aspect-ratio: 16 / 7;
                    min-height: 112px;
                    max-height: 132px;
                    overflow: hidden;
                    border-bottom: 1px solid rgba(199, 157, 93, 0.28);
                    background: linear-gradient(145deg, #f8dce7, #fff7f0);
                }

                #cc-recent-posts-static .cc-rp-image {
                    display: block !important;
                    width: 100% !important;
                    height: 100% !important;
                    margin: 0 !important;
                    padding: 0 !important;
                    border: 0 !important;
                    border-radius: 0 !important;
                    object-fit: cover;
                    object-position: center;
                    filter: saturate(0.98) contrast(0.99);
                    transition:
                        transform 0.5s ease,
                        filter 0.3s ease;
                }

                #cc-recent-posts-static .cc-rp-item:hover .cc-rp-image {
                    filter: saturate(1.06) contrast(1.01);
                    transform: scale(1.045);
                }

                #cc-recent-posts-static .cc-rp-image-wrap::after {
                    content: "";
                    position: absolute;
                    inset: 0;
                    pointer-events: none;
                    background:
                        linear-gradient(
                            180deg,
                            rgba(255, 255, 255, 0.08) 0%,
                            transparent 56%,
                            rgba(84, 32, 54, 0.09) 100%
                        ),
                        linear-gradient(
                            90deg,
                            rgba(255, 255, 255, 0.06),
                            transparent 28%,
                            transparent 72%,
                            rgba(111, 41, 71, 0.05)
                        );
                }

                /* 没有特色图片时的占位 */
                #cc-recent-posts-static .cc-rp-placeholder {
                    display: flex;
                    width: 100%;
                    height: 100%;
                    min-height: 112px;
                    align-items: center;
                    justify-content: center;
                    overflow: hidden;
                    background:
                        radial-gradient(
                            circle at 24% 18%,
                            rgba(255, 255, 255, 0.92),
                            transparent 29%
                        ),
                        linear-gradient(
                            145deg,
                            #f7dce7 0%,
                            #efd0dd 48%,
                            #e6c68f 100%
                        );
                }

                #cc-recent-posts-static .cc-rp-placeholder-symbol {
                    position: relative;
                    z-index: 1;
                    color: rgba(111, 41, 71, 0.86);
                    font-family: Georgia, serif;
                    font-size: 29px;
                    text-shadow: 0 2px 9px rgba(255, 255, 255, 0.7);
                }

                /* ================================
                 * 图片下方：标题、摘要、作者
                 * ================================ */
                #cc-recent-posts-static .cc-rp-content {
                    position: relative;
                    display: block;
                    min-width: 0;
                    padding: 11px 12px 10px;
                }

                #cc-recent-posts-static .cc-rp-content::before {
                    content: "";
                    position: absolute;
                    top: 0;
                    left: 12px;
                    width: 42px;
                    height: 2px;
                    border-radius: 999px;
                    background: linear-gradient(
                        90deg,
                        var(--cc-rose),
                        var(--cc-gold-light)
                    );
                    transform: translateY(-1px);
                }

                #cc-recent-posts-static .cc-rp-post-title {
                    display: -webkit-box;
                    margin: 0 0 6px;
                    overflow: hidden;
                    color: var(--cc-wine);
                    font-size: 13.5px;
                    font-weight: 700;
                    letter-spacing: 0.018em;
                    line-height: 1.48;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 2;
                    transition: color 0.22s ease;
                }

                #cc-recent-posts-static .cc-rp-item:hover .cc-rp-post-title {
                    color: var(--cc-wine-deep);
                }

                #cc-recent-posts-static .cc-rp-excerpt {
                    display: -webkit-box;
                    min-height: 3.2em;
                    margin: 0;
                    overflow: hidden;
                    color: #806371;
                    font-size: 10.5px;
                    font-weight: 400;
                    line-height: 1.6;
                    -webkit-box-orient: vertical;
                    -webkit-line-clamp: 2;
                }

                /* 作者信息 */
                #cc-recent-posts-static .cc-rp-author {
                    display: flex;
                    min-width: 0;
                    align-items: center;
                    gap: 7px;
                    margin-top: 9px;
                    padding-top: 8px;
                    border-top: 1px solid rgba(199, 157, 93, 0.19);
                }

                #cc-recent-posts-static .cc-rp-avatar,
                #cc-recent-posts-static .cc-rp-author img {
                    display: block !important;
                    width: 24px !important;
                    height: 24px !important;
                    min-width: 24px;
                    margin: 0 !important;
                    padding: 0 !important;
                    border: 1px solid rgba(197, 154, 88, 0.75) !important;
                    border-radius: 50% !important;
                    background: #fff;
                    box-shadow: 0 2px 7px rgba(91, 34, 61, 0.14);
                    object-fit: cover;
                }

                #cc-recent-posts-static .cc-rp-author-name {
                    min-width: 0;
                    overflow: hidden;
                    color: var(--cc-rose);
                    font-size: 10px;
                    font-weight: 600;
                    letter-spacing: 0.025em;
                    line-height: 1.25;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                }

                #cc-recent-posts-static .cc-rp-arrow {
                    display: inline-flex;
                    width: 22px;
                    height: 22px;
                    align-items: center;
                    justify-content: center;
                    margin-left: auto;
                    color: var(--cc-gold);
                    border-radius: 50%;
                    background: rgba(255, 248, 231, 0.92);
                    font-family: Georgia, serif;
                    font-size: 16px;
                    line-height: 1;
                    transition:
                        transform 0.22s ease,
                        background 0.22s ease;
                }

                #cc-recent-posts-static .cc-rp-item:hover .cc-rp-arrow {
                    background: rgba(255, 244, 215, 1);
                    transform: translateX(2px);
                }

                /* 无文章提示 */
                #cc-recent-posts-static .cc-rp-empty {
                    margin: 0;
                    padding: 19px 12px;
                    color: var(--cc-muted);
                    border: 1px solid rgba(197, 151, 86, 0.42);
                    border-radius: 12px;
                    background: rgba(255, 255, 255, 0.68);
                    font-size: 12px;
                    line-height: 1.7;
                    text-align: center;
                }

                /* 底部装饰 */
                #cc-recent-posts-static .cc-rp-footer {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    gap: 8px;
                    margin-top: 12px;
                    color: var(--cc-gold);
                    font-size: 10px;
                }

                #cc-recent-posts-static .cc-rp-footer::before,
                #cc-recent-posts-static .cc-rp-footer::after {
                    content: "";
                    width: 47px;
                    height: 1px;
                    background: linear-gradient(
                        90deg,
                        transparent,
                        rgba(197, 154, 88, 0.62)
                    );
                }

                #cc-recent-posts-static .cc-rp-footer::after {
                    background: linear-gradient(
                        90deg,
                        rgba(197, 154, 88, 0.62),
                        transparent
                    );
                }

                @media (max-width: 380px) {
                    #cc-recent-posts-static .cc-rp-inner {
                        padding-right: 11px;
                        padding-left: 11px;
                    }

                    #cc-recent-posts-static .cc-rp-content {
                        padding-right: 10px;
                        padding-left: 10px;
                    }

                    #cc-recent-posts-static .cc-rp-image-wrap {
                        min-height: 106px;
                    }
                }

                @media (prefers-reduced-motion: reduce) {
                    #cc-recent-posts-static *,
                    #cc-recent-posts-static *::before,
                    #cc-recent-posts-static *::after {
                        transition: none !important;
                        animation: none !important;
                    }
                }