#cc-sidebar-menu-static,
        #cc-sidebar-menu-static *,
        #cc-sidebar-menu-static *::before,
        #cc-sidebar-menu-static *::after {
            box-sizing: border-box !important;
        }

        #cc-sidebar-menu-static {
            --ccpi-wine: #6a2948;
            --ccpi-wine-deep: #43152f;
            --ccpi-rose: #a65376;
            --ccpi-rose-soft: #d99bb4;
            --ccpi-ivory: #fffaf6;
            --ccpi-blush: #f9edf2;
            --ccpi-gold: #c69b58;
            --ccpi-gold-light: #efd79b;
            --ccpi-text: #682f49;

            position: relative !important;
            width: 100% !important;
            max-width: 326px !important;
            margin: 0 auto !important;
            color: var(--ccpi-text) !important;
            font-family: "Microsoft YaHei", "PingFang SC", sans-serif !important;
            isolation: isolate !important;
        }

        #cc-sidebar-menu-static .ccpi-shell {
            position: relative !important;
            padding: 10px !important;
            overflow: hidden !important;
            border: 1px solid rgba(196, 151, 82, 0.54) !important;
            border-radius: 16px !important;
            background:
                radial-gradient(circle at 9% 0%, #fff 0 10%, transparent 36%),
                linear-gradient(150deg, #fffdfa 0%, #fff3f7 58%, #f8e6ee 100%) !important;
            box-shadow:
                0 12px 27px rgba(91, 33, 61, 0.12),
                inset 0 0 0 3px rgba(255, 255, 255, 0.61) !important;
        }

        #cc-sidebar-menu-static .ccpi-shell::before {
            content: "" !important;
            position: absolute !important;
            inset: 5px !important;
            pointer-events: none !important;
            border: 1px solid rgba(198, 156, 91, 0.19) !important;
            border-radius: 11px !important;
        }

        /* =====================================================
           优雅标题：快速直达
        ===================================================== */

        #cc-sidebar-menu-static .ccpi-heading {
            position: relative !important;
            z-index: 2 !important;
            display: grid !important;
            grid-template-columns: minmax(20px, 1fr) auto minmax(20px, 1fr) !important;
            align-items: center !important;
            gap: 9px !important;
            min-height: 46px !important;
            margin: 0 5px 10px !important;
            text-align: center !important;
        }

        #cc-sidebar-menu-static .ccpi-heading::before,
        #cc-sidebar-menu-static .ccpi-heading::after {
            content: "" !important;
            display: block !important;
            height: 1px !important;
            background: linear-gradient(90deg, transparent, rgba(192, 145, 72, 0.76)) !important;
        }

        #cc-sidebar-menu-static .ccpi-heading::after {
            transform: scaleX(-1) !important;
        }

        #cc-sidebar-menu-static .ccpi-heading-center {
            position: relative !important;
            display: flex !important;
            min-width: 0 !important;
            flex-direction: column !important;
            align-items: center !important;
            justify-content: center !important;
            padding: 0 3px !important;
        }

        #cc-sidebar-menu-static .ccpi-heading-crown {
            display: block !important;
            margin: 0 0 2px !important;
            color: var(--ccpi-gold) !important;
            font: 12px/1 Georgia, serif !important;
            text-shadow: 0 1px 0 #fff, 0 0 8px rgba(224, 188, 119, 0.26) !important;
        }

        #cc-sidebar-menu-static .ccpi-heading-title {
            display: block !important;
            margin: 0 !important;
            color: #71324f !important;
            font-family: "Noto Serif SC", "Songti SC", "Microsoft YaHei", serif !important;
            font-size: 15px !important;
            font-weight: 700 !important;
            letter-spacing: 0.18em !important;
            line-height: 1.18 !important;
            white-space: nowrap !important;
        }

        #cc-sidebar-menu-static .ccpi-heading-subtitle {
            display: block !important;
            margin-top: 3px !important;
            color: #aa7d45 !important;
            font-family: Georgia, "Times New Roman", serif !important;
            font-size: 6.5px !important;
            font-weight: 600 !important;
            letter-spacing: 0.22em !important;
            line-height: 1 !important;
            white-space: nowrap !important;
        }

        #cc-sidebar-menu-static .ccpi-grid {
            position: relative !important;
            z-index: 2 !important;
            display: grid !important;
            grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
            gap: 8px !important;
            width: 100% !important;
            margin: 0 !important;
            padding: 0 !important;
        }

        #cc-sidebar-menu-static .ccpi-key {
            position: relative !important;
            display: grid !important;
            grid-template-columns: 52px minmax(0, 1fr) 12px !important;
            min-width: 0 !important;
            min-height: 74px !important;
            align-items: center !important;
            gap: 7px !important;
            margin: 0 !important;
            padding: 8px 7px !important;
            overflow: hidden !important;
            appearance: none !important;
            -webkit-appearance: none !important;
            color: var(--ccpi-text) !important;
            border: 1px solid rgba(190, 140, 69, 0.50) !important;
            border-radius: 11px !important;
            outline: none !important;
            background:
                radial-gradient(circle at 12% 0%, rgba(255, 255, 255, 0.98), transparent 46%),
                linear-gradient(145deg, #fffdfb 0%, #fbeff4 100%) !important;
            box-shadow:
                0 5px 13px rgba(91, 32, 59, 0.09),
                inset 0 1px 0 #fff,
                inset 0 0 0 2px rgba(255, 255, 255, 0.43) !important;
            font: inherit !important;
            line-height: 1.2 !important;
            text-align: left !important;
            text-decoration: none !important;
            cursor: pointer !important;
            transform: translateZ(0) !important;
            transition:
                transform 0.20s ease,
                color 0.20s ease,
                border-color 0.20s ease,
                background 0.20s ease,
                box-shadow 0.20s ease !important;
        }

        #cc-sidebar-menu-static .ccpi-key::before {
            content: "" !important;
            position: absolute !important;
            inset: 3px !important;
            pointer-events: none !important;
            border: 1px solid rgba(207, 165, 96, 0.18) !important;
            border-radius: 8px !important;
            transition: border-color 0.20s ease !important;
        }

        #cc-sidebar-menu-static .ccpi-key::after {
            content: "" !important;
            position: absolute !important;
            top: -75% !important;
            bottom: -75% !important;
            left: -58% !important;
            width: 32% !important;
            pointer-events: none !important;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.62), transparent) !important;
            transform: rotate(18deg) !important;
            transition: left 0.62s ease !important;
        }

        #cc-sidebar-menu-static .ccpi-portrait {
            position: relative !important;
            z-index: 2 !important;
            display: block !important;
            width: 52px !important;
            height: 56px !important;
            overflow: visible !important;
        }

        #cc-sidebar-menu-static .ccpi-photo {
            position: relative !important;
            display: block !important;
            width: 48px !important;
            height: 54px !important;
            overflow: hidden !important;
            border: 1px solid rgba(194, 148, 80, 0.64) !important;
            border-radius: 11px 11px 8px 8px !important;
            background: linear-gradient(145deg, #fff5ec, #ead0dc) !important;
            box-shadow:
                0 4px 10px rgba(72, 24, 47, 0.15),
                inset 0 0 0 2px rgba(255, 255, 255, 0.53) !important;
            transition: transform 0.20s ease, border-color 0.20s ease !important;
        }

        #cc-sidebar-menu-static .ccpi-photo img {
            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 !important;
            object-position: center 18% !important;
            transform: scale(1.04) !important;
        }

        #cc-sidebar-menu-static .ccpi-icon {
            position: absolute !important;
            right: 0 !important;
            bottom: -1px !important;
            z-index: 4 !important;
            display: grid !important;
            width: 25px !important;
            height: 25px !important;
            place-items: center !important;
            color: #fff7df !important;
            border: 1px solid rgba(239, 211, 147, 0.94) !important;
            border-radius: 50% !important;
            background:
                radial-gradient(circle at 32% 18%, rgba(255, 255, 255, 0.34), transparent 30%),
                linear-gradient(145deg, #a45576, #6a2848 68%, #42142e) !important;
            box-shadow:
                0 4px 9px rgba(68, 18, 42, 0.24),
                inset 0 0 0 2px rgba(255, 255, 255, 0.08) !important;
            transition: color 0.20s ease, background 0.20s ease, transform 0.20s ease !important;
        }

        #cc-sidebar-menu-static .ccpi-icon svg {
            width: 15px !important;
            height: 15px !important;
            overflow: visible !important;
            fill: none !important;
            stroke: currentColor !important;
            stroke-width: 1.65 !important;
            stroke-linecap: round !important;
            stroke-linejoin: round !important;
        }

        #cc-sidebar-menu-static .ccpi-label {
            position: relative !important;
            z-index: 2 !important;
            display: -webkit-box !important;
            min-width: 0 !important;
            overflow: hidden !important;
            color: currentColor !important;
            font-family: "Noto Serif SC", "Songti SC", "Microsoft YaHei", serif !important;
            font-size: 12.4px !important;
            font-weight: 700 !important;
            letter-spacing: 0.015em !important;
            line-height: 1.28 !important;
            text-shadow: 0 1px 0 rgba(255, 255, 255, 0.72) !important;
            -webkit-box-orient: vertical !important;
            -webkit-line-clamp: 2 !important;
        }

        #cc-sidebar-menu-static .ccpi-arrow {
            position: relative !important;
            z-index: 2 !important;
            display: grid !important;
            width: 12px !important;
            height: 28px !important;
            place-items: center !important;
            color: #ae8048 !important;
            font: 300 17px/1 Arial, sans-serif !important;
            transition: color 0.20s ease, transform 0.20s ease !important;
        }

        #cc-sidebar-menu-static .ccpi-key[data-ccpi-open] .ccpi-icon::after {
            content: "♡" !important;
            position: absolute !important;
            top: -9px !important;
            right: -4px !important;
            color: #b85f85 !important;
            font: 9px/1 Georgia, serif !important;
            opacity: 0.72 !important;
            animation: ccpi-heart 2.5s ease-in-out infinite !important;
        }

        #cc-sidebar-menu-static .ccpi-key:hover,
        #cc-sidebar-menu-static .ccpi-key:focus-visible,
        #cc-sidebar-menu-static .ccpi-key:active,
        #cc-sidebar-menu-static .ccpi-key.is-current,
        #cc-sidebar-menu-static .ccpi-key.is-open {
            color: #fffaf3 !important;
            border-color: rgba(239, 213, 155, 0.92) !important;
            background:
                radial-gradient(circle at 10% 0%, rgba(255, 255, 255, 0.17), transparent 38%),
                linear-gradient(145deg, #a55275 0%, #702b4e 54%, #451630 100%) !important;
            box-shadow:
                0 9px 19px rgba(73, 20, 46, 0.23),
                inset 0 1px 0 rgba(255, 255, 255, 0.20),
                inset 0 -12px 20px rgba(30, 5, 18, 0.17) !important;
            transform: translateY(-2px) !important;
        }

        #cc-sidebar-menu-static .ccpi-key:hover::before,
        #cc-sidebar-menu-static .ccpi-key:focus-visible::before,
        #cc-sidebar-menu-static .ccpi-key:active::before,
        #cc-sidebar-menu-static .ccpi-key.is-current::before,
        #cc-sidebar-menu-static .ccpi-key.is-open::before {
            border-color: rgba(246, 221, 165, 0.38) !important;
        }

        #cc-sidebar-menu-static .ccpi-key:hover::after,
        #cc-sidebar-menu-static .ccpi-key:focus-visible::after {
            left: 132% !important;
        }

        #cc-sidebar-menu-static .ccpi-key:hover .ccpi-photo,
        #cc-sidebar-menu-static .ccpi-key:focus-visible .ccpi-photo,
        #cc-sidebar-menu-static .ccpi-key:active .ccpi-photo,
        #cc-sidebar-menu-static .ccpi-key.is-current .ccpi-photo,
        #cc-sidebar-menu-static .ccpi-key.is-open .ccpi-photo {
            border-color: rgba(246, 220, 160, 0.98) !important;
            transform: scale(1.035) !important;
        }

        #cc-sidebar-menu-static .ccpi-key:hover .ccpi-icon,
        #cc-sidebar-menu-static .ccpi-key:focus-visible .ccpi-icon,
        #cc-sidebar-menu-static .ccpi-key:active .ccpi-icon,
        #cc-sidebar-menu-static .ccpi-key.is-current .ccpi-icon,
        #cc-sidebar-menu-static .ccpi-key.is-open .ccpi-icon {
            color: #6b2948 !important;
            background: linear-gradient(145deg, #fff7d9, #e7c776 62%, #be8b3b) !important;
            transform: scale(1.06) rotate(-4deg) !important;
        }

        #cc-sidebar-menu-static .ccpi-key:hover .ccpi-label,
        #cc-sidebar-menu-static .ccpi-key:focus-visible .ccpi-label,
        #cc-sidebar-menu-static .ccpi-key:active .ccpi-label,
        #cc-sidebar-menu-static .ccpi-key.is-current .ccpi-label,
        #cc-sidebar-menu-static .ccpi-key.is-open .ccpi-label {
            text-shadow: 0 1px 2px rgba(45, 7, 26, 0.48) !important;
        }

        #cc-sidebar-menu-static .ccpi-key:hover .ccpi-arrow,
        #cc-sidebar-menu-static .ccpi-key:focus-visible .ccpi-arrow,
        #cc-sidebar-menu-static .ccpi-key:active .ccpi-arrow,
        #cc-sidebar-menu-static .ccpi-key.is-current .ccpi-arrow,
        #cc-sidebar-menu-static .ccpi-key.is-open .ccpi-arrow {
            color: #f2d89a !important;
            transform: translateX(2px) !important;
        }

        #cc-sidebar-menu-static .ccpi-key:focus-visible {
            outline: 2px solid rgba(198, 151, 82, 0.72) !important;
            outline-offset: 2px !important;
        }

        #cc-sidebar-menu-static .ccpi-storage {
            position: fixed !important;
            top: 0 !important;
            left: -100000px !important;
            z-index: -1 !important;
            display: block !important;
            width: min(980px, calc(100vw - 28px)) !important;
            visibility: hidden !important;
            pointer-events: none !important;
        }

        #cc-sidebar-menu-static .ccpi-source {
            display: block !important;
            width: 100% !important;
        }

        @keyframes ccpi-heart {
            0%, 100% { opacity: 0.25; transform: translateY(2px) scale(0.82); }
            50% { opacity: 1; transform: translateY(-3px) scale(1.12); }
        }

        @media (max-width: 275px) {
            #cc-sidebar-menu-static .ccpi-grid {
                grid-template-columns: 1fr !important;
            }
        }