/*
 * ChouChou Condo · Makers 静态公寓公告 + 住户指南
 * 来源：原 [chouchou_notice_panel] + [chouchou_resident_guide]
 * 数据：Makers /condo-public-data
 */
/*
     * ================================
     * 基础隔离
     * ================================
     */

    .cc-notice-panel-v8,
    .cc-notice-panel-v8 *,
    .cc-notice-panel-v8 *::before,
    .cc-notice-panel-v8 *::after {
        box-sizing: border-box;
    }

    .cc-notice-panel-v8 {
        --cc-wine: #6f2947;
        --cc-wine-deep: #542036;
        --cc-rose: #ae5d7e;
        --cc-rose-light: #f8dce7;
        --cc-pink-soft: #fff4f8;
        --cc-cream: #fffaf5;
        --cc-gold: #c9a25f;
        --cc-gold-light: #ead6a5;
        --cc-text: #593746;
        --cc-muted: #9a7a88;
        --cc-border: rgba(197, 151, 86, 0.52);

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

    /*
     * ================================
     * 外框
     * ================================
     */

    .cc-notice-panel-v8 .cc-panel-shell {
        position: relative;
        overflow: hidden;
        padding: 11px;
        border: 1px solid rgba(194, 149, 81, 0.72);
        border-radius: 23px;
        background:
            radial-gradient(
                circle at 12% 0%,
                rgba(255, 255, 255, 0.98) 0%,
                rgba(255, 255, 255, 0) 31%
            ),
            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-notice-panel-v8 .cc-panel-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-notice-panel-v8 .cc-panel-inner {
        position: relative;
        padding: 17px 15px 15px;
        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-notice-panel-v8 .cc-panel-heading {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 9px;
        margin-bottom: 10px;
        text-align: center;
    }

    .cc-notice-panel-v8 .cc-heading-line {
        width: 34px;
        height: 1px;
        flex-shrink: 0;
        background:
            linear-gradient(
                90deg,
                transparent,
                rgba(197, 154, 88, 0.85)
            );
    }

    .cc-notice-panel-v8 .cc-heading-line:last-child {
        background:
            linear-gradient(
                90deg,
                rgba(197, 154, 88, 0.85),
                transparent
            );
    }

    .cc-notice-panel-v8 .cc-heading-symbol {
        color: var(--cc-gold);
        font-size: 15px;
        line-height: 1;
    }

    .cc-notice-panel-v8 .cc-heading-copy {
        min-width: 0;
    }

    .cc-notice-panel-v8 .cc-heading-title {
        display: block;
        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-notice-panel-v8 .cc-heading-subtitle {
        display: block;
        margin-top: 3px;
        color: var(--cc-gold);
        font-family: Georgia, serif;
        font-size: 8px;
        letter-spacing: 0.19em;
        text-transform: uppercase;
    }

    /*
     * ================================
     * 日期、星期、天气文字
     * 轻量信息行
     * ================================
     */

    .cc-notice-panel-v8 .cc-meta-row {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 7px;
        min-width: 0;
        margin: 0 0 13px;
        padding: 4px 6px 8px;
        color: var(--cc-muted);
        border-bottom: 1px solid rgba(199, 157, 93, 0.22);
        font-size: 11px;
        line-height: 1.4;
        text-align: center;
        white-space: nowrap;
    }

    .cc-notice-panel-v8 .cc-meta-date {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .cc-notice-panel-v8 .cc-meta-separator {
        color: rgba(180, 139, 79, 0.7);
        font-size: 9px;
    }

    .cc-notice-panel-v8 .cc-meta-weather {
        display: inline-flex;
        align-items: center;
        gap: 3px;
        color: #876273;
        font-weight: 600;
    }

    /*
     * ================================
     * 通知文本框
     * ================================
     */

    .cc-notice-panel-v8 .cc-notice-section {
        position: relative;
        margin-bottom: 14px;
        padding: 14px 14px 14px 15px;
        overflow: hidden;
        border: 1px solid rgba(177, 90, 126, 0.38);
        border-left: 4px solid var(--cc-rose);
        border-radius: 7px 13px 13px 7px;
        background:
            linear-gradient(
                135deg,
                rgba(255, 250, 252, 0.98),
                rgba(251, 231, 240, 0.94)
            );
        box-shadow:
            0 8px 18px rgba(101, 41, 69, 0.09),
            inset 0 1px 0 rgba(255, 255, 255, 0.9);
    }

    .cc-notice-panel-v8 .cc-notice-section::before {
        content: "";
        position: absolute;
        top: -28px;
        right: -23px;
        width: 78px;
        height: 78px;
        border-radius: 50%;
        pointer-events: none;
        background:
            radial-gradient(
                circle,
                rgba(204, 119, 153, 0.18),
                rgba(204, 119, 153, 0)
            );
    }

    .cc-notice-panel-v8 .cc-notice-top {
        display: flex;
        align-items: center;
        gap: 7px;
        margin-bottom: 7px;
    }

    .cc-notice-panel-v8 .cc-notice-mark {
        display: inline-flex;
        width: 22px;
        height: 22px;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
        color: #fff;
        border-radius: 50%;
        background:
            linear-gradient(
                145deg,
                #be6a8d,
                #78344f
            );
        box-shadow:
            0 4px 9px rgba(100, 41, 66, 0.18);
        font-size: 11px;
    }

    .cc-notice-panel-v8 .cc-notice-label {
        color: var(--cc-wine);
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.08em;
    }

    .cc-notice-panel-v8 .cc-notice-label-en {
        margin-left: auto;
        color: var(--cc-gold);
        font-family: Georgia, serif;
        font-size: 8px;
        letter-spacing: 0.15em;
        text-transform: uppercase;
    }

    .cc-notice-panel-v8 .cc-notice-text {
        position: relative;
        z-index: 1;
        margin: 0;
        color: #5a3747;
        font-size: 13px;
        font-weight: 600;
        line-height: 1.75;
        text-align: left;
    }

    /*
     * ================================
     * 功能按钮
     * ================================
     */

    .cc-notice-panel-v8 .cc-action-list {
        display: grid;
        gap: 9px;
    }

    .cc-notice-panel-v8 .cc-action-item {
        position: relative;
        display: grid;
        width: 100%;
        min-height: 49px;
        grid-template-columns: 34px minmax(0, 1fr) 23px;
        align-items: center;
        gap: 9px;
        margin: 0;
        padding: 7px 10px;
        overflow: hidden;
        appearance: none;
        -webkit-appearance: none;
        color: var(--cc-wine) !important;
        border: 1px solid rgba(197, 151, 86, 0.5);
        border-radius: 13px;
        outline: none;
        background:
            linear-gradient(
                135deg,
                rgba(255, 255, 255, 0.98),
                rgba(255, 243, 248, 0.95)
            );
        box-shadow:
            0 6px 14px rgba(101, 41, 67, 0.07),
            inset 0 1px 0 rgba(255, 255, 255, 0.96);
        font-family: inherit;
        text-align: left;
        text-decoration: none !important;
        cursor: pointer;
        transition:
            transform 0.22s ease,
            border-color 0.22s ease,
            box-shadow 0.22s ease,
            background 0.22s ease;
    }

    .cc-notice-panel-v8 .cc-action-item::before {
        content: "";
        position: absolute;
        top: -80%;
        left: -40%;
        width: 34%;
        height: 260%;
        pointer-events: none;
        background:
            linear-gradient(
                90deg,
                transparent,
                rgba(255, 255, 255, 0.75),
                transparent
            );
        transform: rotate(18deg);
        transition: left 0.55s ease;
    }

    .cc-notice-panel-v8 .cc-action-item:hover {
        color: var(--cc-wine-deep) !important;
        border-color: rgba(178, 93, 129, 0.62);
        background:
            linear-gradient(
                135deg,
                #ffffff,
                #ffeaf2
            );
        box-shadow:
            0 10px 22px rgba(101, 41, 67, 0.13),
            inset 0 1px 0 rgba(255, 255, 255, 0.98);
        transform: translateY(-2px);
    }

    .cc-notice-panel-v8 .cc-action-item:hover::before {
        left: 125%;
    }

    .cc-notice-panel-v8 .cc-action-item:focus-visible {
        outline: 3px solid rgba(216, 137, 172, 0.28);
        outline-offset: 2px;
    }

    .cc-notice-panel-v8 .cc-action-icon {
        display: inline-flex;
        width: 33px;
        height: 33px;
        align-items: center;
        justify-content: center;
        color: #fff;
        border: 1px solid rgba(226, 196, 133, 0.6);
        border-radius: 10px;
        background:
            linear-gradient(
                145deg,
                #8a3b5b,
                #bd6e90
            );
        box-shadow:
            0 5px 11px rgba(104, 42, 69, 0.18),
            inset 0 1px 0 rgba(255, 255, 255, 0.35);
        font-size: 15px;
        line-height: 1;
    }

    .cc-notice-panel-v8 .cc-action-copy {
        min-width: 0;
    }

    .cc-notice-panel-v8 .cc-action-title {
        display: block;
        color: var(--cc-wine);
        font-size: 13px;
        font-weight: 700;
        letter-spacing: 0.025em;
        line-height: 1.35;
    }

    .cc-notice-panel-v8 .cc-action-subtitle {
        display: block;
        margin-top: 2px;
        overflow: hidden;
        color: var(--cc-muted);
        font-family: Georgia, serif;
        font-size: 8px;
        letter-spacing: 0.09em;
        line-height: 1.3;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .cc-notice-panel-v8 .cc-action-arrow {
        display: inline-flex;
        width: 22px;
        height: 22px;
        align-items: center;
        justify-content: center;
        color: var(--cc-gold);
        border-radius: 50%;
        background: rgba(255, 248, 231, 0.92);
        font-size: 16px;
        font-weight: 700;
        line-height: 1;
        transition: transform 0.22s ease;
    }

    .cc-notice-panel-v8 .cc-action-item:hover .cc-action-arrow {
        transform: translateX(3px);
    }

    /*
     * ================================
     * 底部装饰
     * ================================
     */

    .cc-notice-panel-v8 .cc-footer-decoration {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        margin-top: 12px;
        color: var(--cc-gold);
        font-size: 10px;
    }

    .cc-notice-panel-v8 .cc-footer-decoration::before,
    .cc-notice-panel-v8 .cc-footer-decoration::after {
        content: "";
        width: 47px;
        height: 1px;
        background:
            linear-gradient(
                90deg,
                transparent,
                rgba(197, 154, 88, 0.62)
            );
    }

    .cc-notice-panel-v8 .cc-footer-decoration::after {
        background:
            linear-gradient(
                90deg,
                rgba(197, 154, 88, 0.62),
                transparent
            );
    }


    /*
     * ================================
     * 弹窗遮罩
     * ================================
     */

    .cc-notice-panel-v8 .cc-modal {
        position: fixed;
        inset: 0;
        z-index: 999999;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 20px;
        visibility: hidden;
        opacity: 0;
        pointer-events: none;
        transition:
            opacity 0.25s ease,
            visibility 0.25s ease;
    }

    .cc-notice-panel-v8 .cc-modal.is-open {
        visibility: visible;
        opacity: 1;
        pointer-events: auto;
    }

    .cc-notice-panel-v8 .cc-modal-backdrop {
        position: absolute;
        inset: 0;
        background: rgba(45, 20, 33, 0.64);
        backdrop-filter: blur(5px);
        -webkit-backdrop-filter: blur(5px);
    }

    /*
     * ================================
     * 弹窗主体
     * ================================
     */

    .cc-notice-panel-v8 .cc-modal-dialog {
        position: relative;
        z-index: 2;
        width: min(960px, calc(100vw - 40px));
        max-height: min(86vh, 900px);
        overflow: hidden;
        border: 1px solid rgba(218, 181, 112, 0.9);
        border-radius: 22px;
        background:
            linear-gradient(
                145deg,
                #fffdf9 0%,
                #fff6f9 52%,
                #fbe7ef 100%
            );
        box-shadow:
            0 30px 90px rgba(34, 12, 23, 0.44),
            inset 0 0 0 4px rgba(255, 255, 255, 0.65);
        transform: translateY(16px) scale(0.975);
        transition: transform 0.25s ease;
    }

    .cc-notice-panel-v8 .cc-modal.is-open .cc-modal-dialog {
        transform: translateY(0) scale(1);
    }

    .cc-notice-panel-v8 .cc-modal-header {
        position: relative;
        display: flex;
        align-items: center;
        min-height: 65px;
        padding: 14px 62px 13px 20px;
        border-bottom: 1px solid rgba(199, 154, 88, 0.32);
        background:
            linear-gradient(
                135deg,
                rgba(255, 255, 255, 0.9),
                rgba(255, 237, 245, 0.84)
            );
    }

    .cc-notice-panel-v8 .cc-modal-heading {
        min-width: 0;
    }

    .cc-notice-panel-v8 .cc-modal-title {
        display: block;
        margin: 0;
        color: var(--cc-wine);
        font-family:
            "Noto Serif SC",
            "Songti SC",
            serif;
        font-size: 18px;
        font-weight: 700;
        letter-spacing: 0.08em;
        line-height: 1.3;
    }

    .cc-notice-panel-v8 .cc-modal-subtitle {
        display: block;
        margin-top: 3px;
        color: var(--cc-gold);
        font-family: Georgia, serif;
        font-size: 9px;
        letter-spacing: 0.15em;
        text-transform: uppercase;
    }

    .cc-notice-panel-v8 .cc-modal-close {
        position: absolute;
        top: 12px;
        right: 14px;
        display: inline-flex;
        width: 39px;
        height: 39px;
        align-items: center;
        justify-content: center;
        margin: 0;
        padding: 0;
        appearance: none;
        -webkit-appearance: none;
        color: var(--cc-wine);
        border: 1px solid rgba(194, 143, 82, 0.45);
        border-radius: 50%;
        outline: none;
        background:
            linear-gradient(
                145deg,
                #ffffff,
                #f8e5ed
            );
        box-shadow:
            0 5px 12px rgba(91, 34, 61, 0.1);
        font-family: Arial, sans-serif;
        font-size: 23px;
        font-weight: 300;
        line-height: 1;
        cursor: pointer;
        transition:
            transform 0.2s ease,
            background 0.2s ease;
    }

    .cc-notice-panel-v8 .cc-modal-close:hover {
        background:
            linear-gradient(
                145deg,
                #fff,
                #f4d5e2
            );
        transform: rotate(5deg) scale(1.04);
    }

    .cc-notice-panel-v8 .cc-modal-close:focus-visible {
        outline: 3px solid rgba(216, 137, 172, 0.3);
        outline-offset: 2px;
    }

    .cc-notice-panel-v8 .cc-modal-body {
        max-height: calc(86vh - 66px);
        padding: 20px;
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
        background: rgba(255, 255, 255, 0.45);
    }

    /*
     * 防止弹窗中的简码内容被外层限制宽度
     */
    .cc-notice-panel-v8 .cc-modal-shortcode-content {
        width: 100%;
        max-width: none;
        margin: 0 auto;
    }

    .cc-notice-panel-v8 .cc-modal-shortcode-content > :first-child {
        margin-top: 0 !important;
    }

    .cc-notice-panel-v8 .cc-modal-shortcode-content > :last-child {
        margin-bottom: 0 !important;
    }

    /*
     * 滚动条
     */

    .cc-notice-panel-v8 .cc-modal-body::-webkit-scrollbar {
        width: 8px;
    }

    .cc-notice-panel-v8 .cc-modal-body::-webkit-scrollbar-track {
        background: rgba(119, 65, 88, 0.06);
    }

    .cc-notice-panel-v8 .cc-modal-body::-webkit-scrollbar-thumb {
        border: 2px solid transparent;
        border-radius: 10px;
        background: rgba(164, 90, 121, 0.42);
        background-clip: padding-box;
    }


    /*
     * ================================
     * body 级弹窗 Portal
     * 弹窗移出 Elementor/侧栏容器后仍保留完整样式
     * ================================
     */

    body > .cc-notice-modal-v8,
    body > .cc-notice-modal-v8 *,
    body > .cc-notice-modal-v8 *::before,
    body > .cc-notice-modal-v8 *::after {
        box-sizing: border-box;
    }

    body > .cc-notice-modal-v8 {
        --cc-wine: #6f2947;
        --cc-wine-deep: #542036;
        --cc-rose: #ae5d7e;
        --cc-pink-soft: #fff4f8;
        --cc-gold: #c9a25f;
        --cc-text: #593746;
        --cc-muted: #9a7a88;

        position: fixed !important;
        /*
         * 不要使用浏览器最高层级 2147483647。
         * 王子月历内部事件编辑弹窗使用 2147483000，
         * 因此外层公告弹窗必须低于它，事件输入框才能显示在最前面。
         */
        z-index: 2147482000 !important;
        inset: 0 !important;
        width: auto !important;
        max-width: none !important;
        height: auto !important;
        max-height: none !important;
        margin: 0 !important;
        padding:
            max(16px, env(safe-area-inset-top))
            max(16px, env(safe-area-inset-right))
            max(16px, env(safe-area-inset-bottom))
            max(16px, env(safe-area-inset-left)) !important;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: visible !important;
        visibility: hidden;
        opacity: 0;
        pointer-events: none;
        isolation: isolate;
        contain: none !important;
        transform: none !important;
        filter: none !important;
        color: var(--cc-text);
        font-family:
            "Microsoft YaHei",
            "PingFang SC",
            "Noto Sans SC",
            Arial,
            sans-serif;
        line-height: 1.5;
        transition: opacity 0.22s ease, visibility 0.22s ease;
    }

    body > .cc-notice-modal-v8.is-open {
        visibility: visible;
        opacity: 1;
        pointer-events: auto;
    }

    body > .cc-notice-modal-v8 .cc-modal-backdrop {
        position: absolute;
        z-index: 0;
        inset: 0;
        background: rgba(42, 17, 30, 0.72);
        backdrop-filter: blur(7px);
        -webkit-backdrop-filter: blur(7px);
    }

    body > .cc-notice-modal-v8 .cc-modal-dialog {
        position: relative;
        z-index: 2;
        width: min(960px, calc(100dvw - 32px));
        max-width: calc(100dvw - 32px);
        max-height: min(88dvh, 900px);
        margin: 0 auto;
        overflow: hidden;
        border: 1px solid rgba(218, 181, 112, 0.92);
        border-radius: 22px;
        background:
            linear-gradient(
                145deg,
                #fffdf9 0%,
                #fff6f9 52%,
                #fbe7ef 100%
            );
        box-shadow:
            0 34px 110px rgba(27, 8, 18, 0.58),
            inset 0 0 0 4px rgba(255, 255, 255, 0.68);
        transform: translateY(14px) scale(0.98);
        transition: transform 0.22s ease;
    }

    body > .cc-notice-modal-v8.is-open .cc-modal-dialog {
        transform: translateY(0) scale(1);
    }

    /*
     * 管理员室、住户 Q&A 使用更宽的弹窗。
     * 桌面端最大 1400px，避免内部简码的右侧内容被裁掉；
     * 窄屏时仍自动收缩到可视窗口之内。
     */
    body > .cc-notice-modal-v8[data-cc-modal="admin"] .cc-modal-dialog,
    body > .cc-notice-modal-v8[data-cc-modal="qa"] .cc-modal-dialog {
        width: min(1400px, calc(100dvw - 32px));
        max-width: calc(100dvw - 32px);
    }

    body > .cc-notice-modal-v8 .cc-modal-header {
        position: relative;
        display: flex;
        min-height: 65px;
        align-items: center;
        padding: 14px 62px 13px 20px;
        border-bottom: 1px solid rgba(199, 154, 88, 0.32);
        background:
            linear-gradient(
                135deg,
                rgba(255, 255, 255, 0.94),
                rgba(255, 237, 245, 0.88)
            );
    }

    body > .cc-notice-modal-v8 .cc-modal-heading {
        min-width: 0;
    }

    body > .cc-notice-modal-v8 .cc-modal-title {
        display: block;
        margin: 0;
        color: var(--cc-wine);
        font-family: "Noto Serif SC", "Songti SC", serif;
        font-size: 18px;
        font-weight: 700;
        letter-spacing: 0.08em;
        line-height: 1.3;
    }

    body > .cc-notice-modal-v8 .cc-modal-subtitle {
        display: block;
        margin-top: 3px;
        color: var(--cc-gold);
        font-family: Georgia, serif;
        font-size: 9px;
        letter-spacing: 0.15em;
        text-transform: uppercase;
    }

    body > .cc-notice-modal-v8 .cc-modal-close {
        position: absolute;
        top: 12px;
        right: 14px;
        display: inline-flex;
        width: 39px;
        height: 39px;
        align-items: center;
        justify-content: center;
        margin: 0;
        padding: 0;
        appearance: none;
        -webkit-appearance: none;
        color: var(--cc-wine);
        border: 1px solid rgba(194, 143, 82, 0.45);
        border-radius: 50%;
        outline: none;
        background: linear-gradient(145deg, #ffffff, #f8e5ed);
        box-shadow: 0 5px 12px rgba(91, 34, 61, 0.12);
        font-family: Arial, sans-serif;
        font-size: 23px;
        font-weight: 300;
        line-height: 1;
        cursor: pointer;
    }

    body > .cc-notice-modal-v8 .cc-modal-close:hover {
        background: linear-gradient(145deg, #ffffff, #f4d5e2);
        transform: rotate(5deg) scale(1.04);
    }

    body > .cc-notice-modal-v8 .cc-modal-close:focus-visible {
        outline: 3px solid rgba(216, 137, 172, 0.3);
        outline-offset: 2px;
    }

    body > .cc-notice-modal-v8 .cc-modal-body {
        width: 100%;
        max-height: calc(min(88dvh, 900px) - 66px);
        padding: 20px;
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
        background: rgba(255, 255, 255, 0.48);
    }

    body > .cc-notice-modal-v8 .cc-modal-shortcode-content {
        width: 100%;
        min-width: 0;
        max-width: none !important;
        margin: 0 auto;
    }

    /*
     * 管理员室、住户 Q&A 的简码宽度保护。
     * 根组件强制使用弹窗可用宽度；图片、影片、iframe 等不得超过容器。
     */
    body > .cc-notice-modal-v8[data-cc-modal="admin"] .cc-modal-body,
    body > .cc-notice-modal-v8[data-cc-modal="qa"] .cc-modal-body {
        overflow-x: auto;
    }

    body > .cc-notice-modal-v8[data-cc-modal="admin"] .cc-modal-shortcode-content,
    body > .cc-notice-modal-v8[data-cc-modal="qa"] .cc-modal-shortcode-content {
        width: 100% !important;
        min-width: 0 !important;
    }

    body > .cc-notice-modal-v8[data-cc-modal="admin"] .cc-modal-shortcode-content > *,
    body > .cc-notice-modal-v8[data-cc-modal="qa"] .cc-modal-shortcode-content > * {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    body > .cc-notice-modal-v8[data-cc-modal="admin"] .cc-modal-shortcode-content img,
    body > .cc-notice-modal-v8[data-cc-modal="admin"] .cc-modal-shortcode-content video,
    body > .cc-notice-modal-v8[data-cc-modal="admin"] .cc-modal-shortcode-content canvas,
    body > .cc-notice-modal-v8[data-cc-modal="admin"] .cc-modal-shortcode-content iframe,
    body > .cc-notice-modal-v8[data-cc-modal="admin"] .cc-modal-shortcode-content svg,
    body > .cc-notice-modal-v8[data-cc-modal="qa"] .cc-modal-shortcode-content img,
    body > .cc-notice-modal-v8[data-cc-modal="qa"] .cc-modal-shortcode-content video,
    body > .cc-notice-modal-v8[data-cc-modal="qa"] .cc-modal-shortcode-content canvas,
    body > .cc-notice-modal-v8[data-cc-modal="qa"] .cc-modal-shortcode-content iframe,
    body > .cc-notice-modal-v8[data-cc-modal="qa"] .cc-modal-shortcode-content svg {
        max-width: 100% !important;
    }

    body > .cc-notice-modal-v8 .cc-modal-shortcode-content > :first-child {
        margin-top: 0 !important;
    }

    body > .cc-notice-modal-v8 .cc-modal-shortcode-content > :last-child {
        margin-bottom: 0 !important;
    }

    body > .cc-notice-modal-v8 .cc-modal-body::-webkit-scrollbar {
        width: 8px;
    }

    body > .cc-notice-modal-v8 .cc-modal-body::-webkit-scrollbar-track {
        background: rgba(119, 65, 88, 0.06);
    }

    body > .cc-notice-modal-v8 .cc-modal-body::-webkit-scrollbar-thumb {
        border: 2px solid transparent;
        border-radius: 10px;
        background: rgba(164, 90, 121, 0.42);
        background-clip: padding-box;
    }

    @media (max-width: 767px) {
        body > .cc-notice-modal-v8 {
            align-items: flex-end;
            padding:
                max(10px, env(safe-area-inset-top))
                max(10px, env(safe-area-inset-right))
                max(10px, env(safe-area-inset-bottom))
                max(10px, env(safe-area-inset-left)) !important;
        }

        body > .cc-notice-modal-v8 .cc-modal-dialog,
        body > .cc-notice-modal-v8[data-cc-modal="admin"] .cc-modal-dialog,
        body > .cc-notice-modal-v8[data-cc-modal="qa"] .cc-modal-dialog {
            width: 100%;
            max-width: 100%;
            max-height: 92dvh;
            border-radius: 20px 20px 14px 14px;
            transform: translateY(24px);
        }

        body > .cc-notice-modal-v8.is-open .cc-modal-dialog {
            transform: translateY(0);
        }

        body > .cc-notice-modal-v8 .cc-modal-header {
            min-height: 61px;
            padding-left: 16px;
        }

        body > .cc-notice-modal-v8 .cc-modal-title {
            font-size: 16px;
        }

        body > .cc-notice-modal-v8 .cc-modal-body {
            max-height: calc(92dvh - 62px);
            padding: 14px;
        }
    }

    /*
     * ================================
     * 响应式
     * ================================
     */

    @media (max-width: 767px) {
        .cc-notice-panel-v8 {
            max-width: 100%;
        }

        .cc-notice-panel-v8 .cc-modal {
            align-items: flex-end;
            padding: 12px;
        }

        .cc-notice-panel-v8 .cc-modal-dialog {
            width: 100%;
            max-height: 91vh;
            border-radius: 20px 20px 14px 14px;
            transform: translateY(28px);
        }

        .cc-notice-panel-v8 .cc-modal.is-open .cc-modal-dialog {
            transform: translateY(0);
        }

        .cc-notice-panel-v8 .cc-modal-header {
            min-height: 61px;
            padding-left: 16px;
        }

        .cc-notice-panel-v8 .cc-modal-title {
            font-size: 16px;
        }

        .cc-notice-panel-v8 .cc-modal-body {
            max-height: calc(91vh - 62px);
            padding: 14px;
        }
    }

    @media (max-width: 380px) {
        .cc-notice-panel-v8 .cc-panel-inner {
            padding-right: 12px;
            padding-left: 12px;
        }

        .cc-notice-panel-v8 .cc-meta-row {
            gap: 5px;
            font-size: 10px;
        }

        .cc-notice-panel-v8 .cc-action-item {
            grid-template-columns: 32px minmax(0, 1fr) 21px;
            gap: 7px;
            padding-right: 8px;
            padding-left: 8px;
        }

        .cc-notice-panel-v8 .cc-action-icon {
            width: 31px;
            height: 31px;
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .cc-notice-panel-v8 *,
        .cc-notice-panel-v8 *::before,
        .cc-notice-panel-v8 *::after {
            scroll-behavior: auto !important;
            transition: none !important;
            animation: none !important;
        }
    }

/* ===== Resident Guide in notice modal ===== */
.ccrg-guide,
                .ccrg-guide *,
                .ccrg-guide *::before,
                .ccrg-guide *::after {
                    box-sizing: border-box !important;
                }

                .ccrg-guide {
                    --ccrg-wine: #6f2947;
                    --ccrg-wine-deep: #542036;
                    --ccrg-rose: #ae5d7e;
                    --ccrg-rose-light: #f8dce7;
                    --ccrg-pink-soft: #fff4f8;
                    --ccrg-cream: #fffaf5;
                    --ccrg-gold: #c9a25f;
                    --ccrg-gold-light: #ead6a5;
                    --ccrg-text: #593746;
                    --ccrg-muted: #9a7a88;
                    --ccrg-border: rgba(197, 151, 86, 0.52);

                    position: relative !important;
                    width: min(1080px, calc(100vw - 36px)) !important;
                    margin-left: auto !important;
                    margin-right: auto !important;
                    padding: 11px !important;
                    overflow: hidden !important;
                    border: 1px solid rgba(194, 149, 81, 0.72) !important;
                    border-radius: 23px !important;
                    background:
                        radial-gradient(circle at 10% 0%, rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 0) 31%),
                        radial-gradient(circle at 94% 8%, rgba(217, 133, 168, 0.22), rgba(217, 133, 168, 0) 29%),
                        linear-gradient(150deg, #fffdf9 0%, #fff4f8 49%, #f9e3ec 100%) !important;
                    color: var(--ccrg-text) !important;
                    font-family:
                        "Microsoft YaHei",
                        "PingFang SC",
                        "Noto Sans SC",
                        Arial,
                        sans-serif !important;
                    line-height: 1.5 !important;
                    box-shadow:
                        0 22px 52px rgba(91, 34, 61, 0.16),
                        inset 0 0 0 4px rgba(255, 255, 255, 0.58),
                        inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
                    isolation: isolate !important;
                }

                .ccrg-guide::before {
                    content: "" !important;
                    position: absolute !important;
                    top: -90px !important;
                    right: -70px !important;
                    width: 190px !important;
                    height: 190px !important;
                    border-radius: 50% !important;
                    pointer-events: none !important;
                    background: radial-gradient(circle, rgba(217, 133, 168, 0.24), rgba(217, 133, 168, 0)) !important;
                    z-index: 0 !important;
                }

                /**
                 * 顶部标题区域
                 */
                .ccrg-guide-header {
                    position: relative !important;
                    z-index: 1 !important;
                    min-height: 112px !important;
                    padding: 23px 25px !important;
                    display: flex !important;
                    align-items: center !important;
                    justify-content: space-between !important;
                    gap: 24px !important;
                    overflow: hidden !important;
                    border: 1px solid rgba(199, 159, 96, 0.42) !important;
                    border-bottom-color: rgba(199, 157, 93, 0.28) !important;
                    border-radius: 16px 16px 0 0 !important;
                    background:
                        radial-gradient(circle at 12% 0%, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0) 36%),
                        linear-gradient(145deg, rgba(255, 253, 249, 0.96), rgba(255, 244, 248, 0.90)) !important;
                    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.94) !important;
                }

                .ccrg-guide-header::after {
                    content: "" !important;
                    position: absolute !important;
                    left: 25px !important;
                    right: 25px !important;
                    bottom: 0 !important;
                    height: 1px !important;
                    background: linear-gradient(90deg, transparent, rgba(197, 154, 88, 0.68), transparent) !important;
                }

                .ccrg-header-decoration {
                    position: absolute !important;
                    border: 1px solid rgba(199, 159, 96, 0.24) !important;
                    border-radius: 50% !important;
                    pointer-events: none !important;
                }

                .ccrg-decoration-one {
                    width: 170px !important;
                    height: 170px !important;
                    right: -52px !important;
                    bottom: -114px !important;
                }

                .ccrg-decoration-two {
                    width: 104px !important;
                    height: 104px !important;
                    right: 48px !important;
                    bottom: -76px !important;
                }

                .ccrg-header-left {
                    position: relative !important;
                    z-index: 2 !important;
                    display: flex !important;
                    align-items: center !important;
                    gap: 17px !important;
                    min-width: 0 !important;
                }

                .ccrg-crown-emblem {
                    flex: 0 0 52px !important;
                    width: 52px !important;
                    height: 52px !important;
                    display: flex !important;
                    align-items: center !important;
                    justify-content: center !important;
                    border: 1px solid rgba(226, 196, 133, 0.66) !important;
                    border-radius: 12px !important;
                    background: linear-gradient(145deg, var(--ccrg-wine-deep), var(--ccrg-rose)) !important;
                    color: #fff9e9 !important;
                    font-family: Georgia, serif !important;
                    font-size: 28px !important;
                    line-height: 1 !important;
                    box-shadow:
                        0 7px 16px rgba(101, 41, 67, 0.18),
                        inset 0 1px 0 rgba(255, 255, 255, 0.30) !important;
                }

                .ccrg-heading-text {
                    min-width: 0 !important;
                }

                .ccrg-heading-text h2 {
                    padding: 0 !important;
                    margin: 0 0 6px !important;
                    border: 0 !important;
                    color: var(--ccrg-wine) !important;
                    font-family: "Noto Serif SC", "Songti SC", "Times New Roman", serif !important;
                    font-size: clamp(21px, 2.5vw, 29px) !important;
                    font-weight: 800 !important;
                    line-height: 1.28 !important;
                    letter-spacing: 0.03em !important;
                    text-shadow: 0 2px 0 rgba(255, 255, 255, 0.86) !important;
                }

                .ccrg-heading-text p {
                    padding: 0 !important;
                    margin: 0 !important;
                    color: var(--ccrg-gold) !important;
                    font-family: Georgia, "Times New Roman", serif !important;
                    font-size: 10px !important;
                    font-weight: 700 !important;
                    line-height: 1.5 !important;
                    letter-spacing: 0.17em !important;
                }

                .ccrg-header-badge {
                    position: relative !important;
                    z-index: 2 !important;
                    flex: 0 0 auto !important;
                    min-height: 40px !important;
                    padding: 9px 15px !important;
                    display: inline-flex !important;
                    align-items: center !important;
                    justify-content: center !important;
                    gap: 7px !important;
                    border: 1px solid rgba(197, 151, 86, 0.52) !important;
                    border-radius: 10px !important;
                    background: linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(255, 242, 247, 0.88)) !important;
                    color: var(--ccrg-wine) !important;
                    font-size: 12px !important;
                    font-weight: 700 !important;
                    line-height: 1 !important;
                    white-space: nowrap !important;
                    box-shadow:
                        0 7px 16px rgba(101, 41, 67, 0.07),
                        inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
                }

                .ccrg-badge-sparkle {
                    color: var(--ccrg-gold) !important;
                    font-size: 13px !important;
                }

                /**
                 * 主体区域
                 */
                .ccrg-guide-body {
                    position: relative !important;
                    z-index: 1 !important;
                    padding: 18px 22px 24px !important;
                    border: 1px solid rgba(199, 159, 96, 0.42) !important;
                    border-top: 0 !important;
                    border-radius: 0 0 16px 16px !important;
                    background:
                        radial-gradient(circle at 94% 3%, rgba(248, 220, 231, 0.58), rgba(248, 220, 231, 0) 28%),
                        linear-gradient(180deg, rgba(255, 255, 255, 0.63), rgba(255, 250, 245, 0.72)) !important;
                    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86) !important;
                }

                .ccrg-guide-body::before {
                    content: "✦" !important;
                    position: absolute !important;
                    top: 32px !important;
                    right: 31px !important;
                    color: rgba(197, 162, 95, 0.12) !important;
                    font-size: 74px !important;
                    line-height: 1 !important;
                    pointer-events: none !important;
                }

                /**
                 * Tab
                 */
                .ccrg-tabs {
                    position: relative !important;
                    z-index: 2 !important;
                    display: grid !important;
                    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
                    gap: 8px !important;
                    margin: 0 !important;
                    padding: 0 0 14px !important;
                    border-bottom: 1px solid rgba(199, 157, 93, 0.22) !important;
                }

                .ccrg-tab-button {
                    appearance: none !important;
                    -webkit-appearance: none !important;
                    position: relative !important;
                    min-width: 0 !important;
                    min-height: 52px !important;
                    padding: 11px 10px !important;
                    margin: 0 !important;
                    overflow: hidden !important;
                    border: 1px solid rgba(197, 151, 86, 0.46) !important;
                    border-radius: 10px !important;
                    outline: none !important;
                    background: linear-gradient(135deg, rgba(255, 255, 255, 0.97), rgba(255, 244, 248, 0.93)) !important;
                    box-shadow:
                        0 6px 14px rgba(101, 41, 67, 0.06),
                        inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
                    color: var(--ccrg-wine) !important;
                    font-family: inherit !important;
                    font-size: 14px !important;
                    font-weight: 700 !important;
                    line-height: 1.35 !important;
                    text-align: center !important;
                    cursor: pointer !important;
                    transition:
                        transform 0.22s ease,
                        color 0.22s ease,
                        border-color 0.22s ease,
                        box-shadow 0.22s ease,
                        background 0.22s ease !important;
                }

                .ccrg-tab-button::before {
                    content: "" !important;
                    position: absolute !important;
                    top: -95% !important;
                    left: -42% !important;
                    width: 28% !important;
                    height: 290% !important;
                    pointer-events: none !important;
                    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.72), transparent) !important;
                    transform: rotate(18deg) !important;
                    transition: left 0.55s ease !important;
                }

                .ccrg-tab-button::after {
                    content: "" !important;
                    position: absolute !important;
                    left: 50% !important;
                    bottom: 5px !important;
                    width: 0 !important;
                    height: 2px !important;
                    border-radius: 8px !important;
                    background: linear-gradient(90deg, transparent, var(--ccrg-gold), transparent) !important;
                    transform: translateX(-50%) !important;
                    transition: width 0.22s ease !important;
                }

                .ccrg-tab-button:hover {
                    color: var(--ccrg-wine-deep) !important;
                    border-color: rgba(178, 93, 129, 0.62) !important;
                    background: linear-gradient(135deg, #ffffff, #ffeaf2) !important;
                    box-shadow:
                        0 9px 19px rgba(101, 41, 67, 0.11),
                        inset 0 1px 0 rgba(255, 255, 255, 0.98) !important;
                    transform: translateY(-1px) !important;
                }

                .ccrg-tab-button:hover::before {
                    left: 124% !important;
                }

                .ccrg-tab-button.is-active {
                    border-color: rgba(226, 196, 133, 0.62) !important;
                    color: #fff !important;
                    background: linear-gradient(145deg, var(--ccrg-wine-deep), var(--ccrg-rose)) !important;
                    box-shadow:
                        0 8px 18px rgba(101, 41, 67, 0.18),
                        inset 0 1px 0 rgba(255, 255, 255, 0.28) !important;
                    text-shadow: 0 1px 3px rgba(61, 17, 36, 0.22) !important;
                }

                .ccrg-tab-button.is-active::after {
                    width: min(72px, 62%) !important;
                }

                .ccrg-tab-button:focus-visible {
                    outline: 3px solid rgba(216, 137, 172, 0.28) !important;
                    outline-offset: 2px !important;
                }

                /**
                 * 内容面板
                 */
                .ccrg-panels {
                    position: relative !important;
                    z-index: 2 !important;
                    padding-top: 12px !important;
                }

                .ccrg-panel[hidden] {
                    display: none !important;
                }

                .ccrg-accordion {
                    position: relative !important;
                    display: grid !important;
                    gap: 9px !important;
                }

                .ccrg-item {
                    position: relative !important;
                    overflow: hidden !important;
                    border: 1px solid rgba(197, 151, 86, 0.45) !important;
                    border-radius: 11px !important;
                    background: linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(255, 246, 249, 0.92)) !important;
                    box-shadow:
                        0 6px 14px rgba(101, 41, 67, 0.05),
                        inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
                    transition: border-color 0.22s ease, box-shadow 0.22s ease, background 0.22s ease !important;
                }

                .ccrg-item:last-child {
                    border-bottom: 1px solid rgba(197, 151, 86, 0.45) !important;
                }

                .ccrg-item.is-open {
                    border-color: rgba(177, 90, 126, 0.50) !important;
                    background: linear-gradient(135deg, rgba(255, 253, 249, 0.98), rgba(251, 231, 240, 0.94)) !important;
                    box-shadow:
                        0 10px 22px rgba(101, 41, 67, 0.09),
                        inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
                }

                .ccrg-item.is-open::before {
                    content: "" !important;
                    position: absolute !important;
                    left: 0 !important;
                    top: 0 !important;
                    bottom: 0 !important;
                    width: 4px !important;
                    background: linear-gradient(180deg, var(--ccrg-rose), var(--ccrg-wine-deep)) !important;
                }

                .ccrg-question {
                    appearance: none !important;
                    -webkit-appearance: none !important;
                    width: 100% !important;
                    min-height: 62px !important;
                    padding: 15px 14px !important;
                    margin: 0 !important;
                    display: flex !important;
                    align-items: center !important;
                    justify-content: space-between !important;
                    gap: 16px !important;
                    border: 0 !important;
                    border-radius: 0 !important;
                    outline: 0 !important;
                    background: transparent !important;
                    box-shadow: none !important;
                    color: var(--ccrg-text) !important;
                    font-family: inherit !important;
                    font-size: 14px !important;
                    font-weight: 700 !important;
                    line-height: 1.55 !important;
                    text-align: left !important;
                    cursor: pointer !important;
                    transition: color 0.22s ease, padding-left 0.22s ease, background 0.22s ease !important;
                }

                .ccrg-question:hover {
                    color: var(--ccrg-wine) !important;
                    padding-left: 18px !important;
                    background: linear-gradient(90deg, rgba(255, 244, 248, 0.70), rgba(255, 255, 255, 0)) !important;
                }

                .ccrg-question:focus-visible {
                    outline: 3px solid rgba(216, 137, 172, 0.26) !important;
                    outline-offset: -3px !important;
                    border-radius: 9px !important;
                }

                .ccrg-question-main {
                    display: flex !important;
                    align-items: center !important;
                    gap: 11px !important;
                    min-width: 0 !important;
                }

                .ccrg-question-gem {
                    flex: 0 0 9px !important;
                    width: 9px !important;
                    height: 9px !important;
                    border: 1px solid rgba(255, 255, 255, 0.92) !important;
                    border-radius: 50% !important;
                    background: linear-gradient(135deg, #f8dce7 0%, #ae5d7e 58%, #6f2947 100%) !important;
                    box-shadow:
                        0 0 0 3px rgba(174, 93, 126, 0.10),
                        0 2px 5px rgba(101, 41, 67, 0.16) !important;
                }

                .ccrg-question-text {
                    min-width: 0 !important;
                }

                .ccrg-toggle-icon {
                    position: relative !important;
                    flex: 0 0 27px !important;
                    width: 27px !important;
                    height: 27px !important;
                    border: 1px solid rgba(197, 151, 86, 0.50) !important;
                    border-radius: 8px !important;
                    background: linear-gradient(145deg, #ffffff, #fff4f8) !important;
                    box-shadow:
                        0 4px 10px rgba(101, 41, 67, 0.07),
                        inset 0 1px 0 rgba(255, 255, 255, 0.96) !important;
                }

                .ccrg-toggle-icon::before,
                .ccrg-toggle-icon::after {
                    content: "" !important;
                    position: absolute !important;
                    left: 50% !important;
                    top: 50% !important;
                    width: 10px !important;
                    height: 1.5px !important;
                    border-radius: 10px !important;
                    background: var(--ccrg-wine) !important;
                    transform: translate(-50%, -50%) !important;
                    transition: transform 0.25s ease !important;
                }

                .ccrg-toggle-icon::after {
                    transform: translate(-50%, -50%) rotate(90deg) !important;
                }

                .ccrg-item.is-open .ccrg-question {
                    color: var(--ccrg-wine-deep) !important;
                }

                .ccrg-item.is-open .ccrg-question-gem {
                    background: linear-gradient(135deg, #fff8dd, var(--ccrg-gold-light) 48%, var(--ccrg-gold) 100%) !important;
                    box-shadow:
                        0 0 0 3px rgba(201, 162, 95, 0.13),
                        0 2px 5px rgba(120, 83, 34, 0.16) !important;
                }

                .ccrg-item.is-open .ccrg-toggle-icon {
                    border-color: rgba(177, 90, 126, 0.45) !important;
                    background: linear-gradient(145deg, #fffdf9, #f8dce7) !important;
                }

                .ccrg-item.is-open .ccrg-toggle-icon::after {
                    transform: translate(-50%, -50%) rotate(0deg) scaleX(0) !important;
                }

                /**
                 * 回答展开动画
                 */
                .ccrg-answer-wrap {
                    display: grid !important;
                    grid-template-rows: 0fr !important;
                    opacity: 0 !important;
                    transition:
                        grid-template-rows 0.34s ease,
                        opacity 0.25s ease !important;
                }

                .ccrg-answer-overflow {
                    min-height: 0 !important;
                    overflow: hidden !important;
                }

                .ccrg-item.is-open .ccrg-answer-wrap {
                    grid-template-rows: 1fr !important;
                    opacity: 1 !important;
                }

                .ccrg-answer {
                    display: grid !important;
                    grid-template-columns: 3px minmax(0, 1fr) !important;
                    gap: 15px !important;
                    padding: 0 42px 18px 18px !important;
                }

                .ccrg-answer-line {
                    width: 3px !important;
                    min-height: 100% !important;
                    border-radius: 8px !important;
                    background: linear-gradient(180deg, var(--ccrg-gold), rgba(201, 162, 95, 0.10)) !important;
                }

                .ccrg-answer-content {
                    padding: 0 !important;
                    color: #6f5060 !important;
                    font-size: 14px !important;
                    font-weight: 400 !important;
                    line-height: 1.9 !important;
                }

                .ccrg-answer-content p {
                    margin: 0 0 10px !important;
                    padding: 0 !important;
                    color: inherit !important;
                    font-size: inherit !important;
                    line-height: inherit !important;
                }

                .ccrg-answer-content p:last-child {
                    margin-bottom: 0 !important;
                }

                .ccrg-answer-content a {
                    color: var(--ccrg-rose) !important;
                    text-decoration: underline !important;
                    text-underline-offset: 3px !important;
                }

                .ccrg-empty-message {
                    padding: 46px 20px !important;
                    color: var(--ccrg-muted) !important;
                    border: 1px solid rgba(197, 151, 86, 0.38) !important;
                    border-radius: 11px !important;
                    background: rgba(255, 255, 255, 0.56) !important;
                    font-size: 14px !important;
                    text-align: center !important;
                }

                .ccrg-empty-message span {
                    display: block !important;
                    margin-bottom: 10px !important;
                    color: var(--ccrg-gold) !important;
                    font-family: Georgia, serif !important;
                    font-size: 30px !important;
                }

                /**
                 * 平板与手机
                 */
                @media (max-width: 720px) {
                    .ccrg-guide {
                        padding: 8px !important;
                        border-radius: 18px !important;
                    }

                    .ccrg-guide-header {
                        min-height: 100px !important;
                        padding: 20px 18px !important;
                        border-radius: 12px 12px 0 0 !important;
                    }

                    .ccrg-crown-emblem {
                        flex-basis: 46px !important;
                        width: 46px !important;
                        height: 46px !important;
                        border-radius: 10px !important;
                        font-size: 24px !important;
                    }

                    .ccrg-header-left {
                        gap: 13px !important;
                    }

                    .ccrg-heading-text h2 {
                        font-size: 20px !important;
                    }

                    .ccrg-heading-text p {
                        font-size: 9px !important;
                        letter-spacing: 0.11em !important;
                    }

                    .ccrg-header-badge {
                        display: none !important;
                    }

                    .ccrg-guide-body {
                        padding: 14px 14px 19px !important;
                        border-radius: 0 0 12px 12px !important;
                    }

                    .ccrg-tabs {
                        gap: 6px !important;
                        padding-bottom: 12px !important;
                    }

                    .ccrg-tab-button {
                        min-height: 50px !important;
                        padding: 10px 5px !important;
                        border-radius: 8px !important;
                        font-size: 13px !important;
                    }

                    .ccrg-question {
                        min-height: 60px !important;
                        padding: 14px 11px !important;
                        gap: 10px !important;
                        font-size: 14px !important;
                    }

                    .ccrg-question-main {
                        gap: 9px !important;
                    }

                    .ccrg-toggle-icon {
                        flex-basis: 25px !important;
                        width: 25px !important;
                        height: 25px !important;
                        border-radius: 7px !important;
                    }

                    .ccrg-answer {
                        gap: 12px !important;
                        padding: 0 29px 17px 14px !important;
                    }

                    .ccrg-answer-content {
                        font-size: 13px !important;
                        line-height: 1.85 !important;
                    }
                }

                @media (max-width: 430px) {
                    .ccrg-guide {
                        width: min(1080px, calc(100vw - 20px)) !important;
                    }

                    .ccrg-guide-header {
                        padding-left: 14px !important;
                        padding-right: 14px !important;
                    }

                    .ccrg-heading-text h2 {
                        font-size: 18px !important;
                    }

                    .ccrg-heading-text p {
                        display: none !important;
                    }

                    .ccrg-guide-body {
                        padding-left: 10px !important;
                        padding-right: 10px !important;
                    }

                    .ccrg-tab-button {
                        min-height: 48px !important;
                        padding-left: 3px !important;
                        padding-right: 3px !important;
                        font-size: 12px !important;
                    }

                    .ccrg-question {
                        padding-left: 9px !important;
                        padding-right: 9px !important;
                    }
                }

                @media (prefers-reduced-motion: reduce) {
                    .ccrg-guide *,
                    .ccrg-guide *::before,
                    .ccrg-guide *::after {
                        scroll-behavior: auto !important;
                        transition-duration: 0.01ms !important;
                    }
                }