/* =========================================================
               ChouChou｜电脑荧幕融合版
               粉白 × 酒红玫粉 × 香槟金
            ========================================================= */

            .cc-monitor-entry-wrap,
            .cc-monitor-entry-wrap *,
            .cc-monitor-entry-wrap *::before,
            .cc-monitor-entry-wrap *::after {
                box-sizing: border-box !important;
            }

            .cc-monitor-entry-wrap {
                width: 100% !important;
                max-width: 400px !important;
                margin: 14px 0 !important;
                font-family:
                    "Microsoft YaHei",
                    "PingFang SC",
                    "Noto Sans SC",
                    Arial,
                    sans-serif !important;
            }

            .cc-monitor-entry-wrap .cc-monitor-entry-button {
                --cc-wine: #6f2947;
                --cc-wine-deep: #542036;
                --cc-rose: #ad5c7d;
                --cc-rose-bright: #c97899;
                --cc-rose-soft: #e7adc4;
                --cc-rose-pale: #fff0f6;
                --cc-cream: #fffaf5;
                --cc-gold: #c6a15e;
                --cc-gold-light: #efdcae;
                --cc-text: #5d3c4b;
                --cc-muted: #957684;

                position: relative !important;
                display: block !important;
                width: 100% !important;
                min-width: 0 !important;
                max-width: none !important;
                margin: 0 !important;
                padding: 0 !important;
                overflow: visible !important;

                appearance: none !important;
                -webkit-appearance: none !important;

                color: var(--cc-text) !important;
                border: 0 !important;
                border-radius: 0 !important;
                outline: 0 !important;
                background: transparent !important;
                box-shadow: none !important;

                font: inherit !important;
                text-align: left !important;
                text-transform: none !important;
                letter-spacing: normal !important;
                cursor: pointer !important;

                transform: translateZ(0);
                transition:
                    transform 0.25s ease,
                    filter 0.25s ease !important;
            }

            /* =========================================================
               电脑外壳
            ========================================================= */

            .cc-monitor-entry-wrap .cc-monitor-shell {
                position: relative !important;
                display: block !important;
                width: 100% !important;
                min-height: 205px !important;
                padding: 13px 13px 18px !important;
                overflow: hidden !important;

                border: 1px solid rgba(188, 142, 77, 0.72) !important;
                border-radius: 24px 24px 20px 20px !important;
                background:
                    radial-gradient(circle at 8% 0%, rgba(255,255,255,0.98), transparent 31%),
                    radial-gradient(circle at 94% 6%, rgba(208,119,159,0.22), transparent 36%),
                    linear-gradient(148deg, #fffdf9 0%, #fff4f8 52%, #efd7e2 100%) !important;
                box-shadow:
                    0 19px 40px rgba(85, 32, 56, 0.2),
                    inset 0 1px 0 rgba(255,255,255,0.98),
                    inset 0 0 0 5px rgba(255,255,255,0.5) !important;

                isolation: isolate;
                transition:
                    transform 0.28s ease,
                    border-color 0.28s ease,
                    box-shadow 0.28s ease !important;
            }

            .cc-monitor-entry-wrap .cc-monitor-shell::before {
                content: "";
                position: absolute;
                inset: 7px;
                z-index: -1;
                border: 1px solid rgba(198, 158, 94, 0.32);
                border-radius: 18px 18px 14px 14px;
                pointer-events: none;
            }

            .cc-monitor-entry-wrap .cc-monitor-shell::after {
                content: "";
                position: absolute;
                left: 50%;
                bottom: 6px;
                width: 38px;
                height: 2px;
                border-radius: 10px;
                background: linear-gradient(
                    90deg,
                    transparent,
                    rgba(146, 78, 108, 0.26),
                    transparent
                );
                transform: translateX(-50%);
                pointer-events: none;
            }

            .cc-monitor-entry-wrap .cc-monitor-camera {
                position: absolute !important;
                top: 7px !important;
                left: 50% !important;
                z-index: 8 !important;
                display: block !important;
                width: 5px !important;
                height: 5px !important;
                border: 1px solid rgba(104, 47, 72, 0.33) !important;
                border-radius: 50% !important;
                background:
                    radial-gradient(circle at 35% 30%, #fff, #a95c7c 40%, #663049 100%) !important;
                box-shadow: 0 0 0 3px rgba(255,255,255,0.38) !important;
                transform: translateX(-50%) !important;
            }

            .cc-monitor-entry-wrap .cc-monitor-shine {
                position: absolute !important;
                top: -74% !important;
                left: -42% !important;
                z-index: 9 !important;
                display: block !important;
                width: 28% !important;
                height: 270% !important;
                opacity: 0 !important;
                background: linear-gradient(
                    90deg,
                    transparent,
                    rgba(255,255,255,0.62),
                    transparent
                ) !important;
                transform: rotate(18deg) !important;
                pointer-events: none !important;
            }

            /* =========================================================
               荧幕
            ========================================================= */

            .cc-monitor-entry-wrap .cc-monitor-screen {
                position: relative !important;
                z-index: 2 !important;
                display: grid !important;
                grid-template-columns: minmax(0, 0.94fr) minmax(170px, 1.06fr) !important;
                align-items: stretch !important;
                width: 100% !important;
                min-height: 170px !important;
                overflow: hidden !important;

                border: 1px solid rgba(130, 66, 94, 0.42) !important;
                border-radius: 14px !important;
                background:
                    radial-gradient(circle at 18% 0%, rgba(255,255,255,0.95), transparent 37%),
                    radial-gradient(circle at 89% 32%, rgba(196,112,150,0.17), transparent 45%),
                    linear-gradient(145deg, #fffdfb 0%, #fff0f6 55%, #efd9e4 100%) !important;
                box-shadow:
                    inset 0 1px 0 rgba(255,255,255,0.98),
                    inset 0 0 24px rgba(112, 47, 77, 0.07),
                    0 4px 12px rgba(94, 42, 65, 0.08) !important;
            }

            .cc-monitor-entry-wrap .cc-monitor-screen::before {
                content: "";
                position: absolute;
                inset: 0;
                z-index: 0;
                opacity: 0.42;
                background-image:
                    linear-gradient(rgba(113, 59, 83, 0.035) 1px, transparent 1px),
                    linear-gradient(90deg, rgba(113, 59, 83, 0.028) 1px, transparent 1px);
                background-size: 12px 12px;
                pointer-events: none;
            }

            /* =========================================================
               左侧文字
            ========================================================= */

            .cc-monitor-entry-wrap .cc-monitor-copy {
                position: relative !important;
                z-index: 5 !important;
                display: flex !important;
                flex-direction: column !important;
                align-items: flex-start !important;
                justify-content: center !important;
                min-width: 0 !important;
                padding: 22px 7px 20px 17px !important;
            }

            .cc-monitor-entry-wrap .cc-monitor-copy::after {
                content: "";
                position: absolute;
                top: 18px;
                right: -1px;
                bottom: 18px;
                width: 1px;
                background: linear-gradient(
                    transparent,
                    rgba(150, 84, 113, 0.2),
                    transparent
                );
            }

            .cc-monitor-entry-wrap .cc-monitor-eyebrow {
                display: flex !important;
                align-items: center !important;
                gap: 5px !important;
                width: 100% !important;
                margin-bottom: 9px !important;
                color: var(--cc-gold) !important;
            }

            .cc-monitor-entry-wrap .cc-monitor-eyebrow i {
                display: block !important;
                width: 15px !important;
                height: 1px !important;
                background: linear-gradient(90deg, transparent, currentColor) !important;
            }

            .cc-monitor-entry-wrap .cc-monitor-eyebrow i:last-child {
                background: linear-gradient(90deg, currentColor, transparent) !important;
            }

            .cc-monitor-entry-wrap .cc-monitor-eyebrow b {
                color: #ad874b !important;
                font-size: 7px !important;
                font-weight: 900 !important;
                line-height: 1 !important;
                letter-spacing: 0.11em !important;
                white-space: nowrap !important;
            }

            .cc-monitor-entry-wrap .cc-monitor-title {
                display: block !important;
                color: var(--cc-wine) !important;
                font-family:
                    "Noto Serif SC",
                    "Songti SC",
                    "Microsoft YaHei",
                    serif !important;
                font-size: 19px !important;
                font-weight: 800 !important;
                line-height: 1.34 !important;
                letter-spacing: 0.025em !important;
                white-space: nowrap !important;
                text-shadow: 0 1px 0 rgba(255,255,255,0.94) !important;
            }

            .cc-monitor-entry-wrap .cc-monitor-description {
                display: block !important;
                max-width: 165px !important;
                margin-top: 7px !important;
                color: var(--cc-muted) !important;
                font-size: 9px !important;
                font-weight: 600 !important;
                line-height: 1.55 !important;
                letter-spacing: 0.01em !important;
            }

            .cc-monitor-entry-wrap .cc-monitor-enter {
                display: inline-flex !important;
                align-items: center !important;
                gap: 7px !important;
                min-height: 27px !important;
                margin-top: 13px !important;
                padding: 4px 4px 4px 11px !important;

                color: #fffdfb !important;
                border: 1px solid rgba(94, 31, 59, 0.19) !important;
                border-radius: 999px !important;
                background: linear-gradient(135deg, #b45f81 0%, #74304e 100%) !important;
                box-shadow:
                    0 7px 14px rgba(91, 34, 61, 0.18),
                    inset 0 1px 0 rgba(255,255,255,0.25) !important;

                font-size: 9px !important;
                font-weight: 800 !important;
                line-height: 1 !important;
                letter-spacing: 0.04em !important;
            }

            .cc-monitor-entry-wrap .cc-monitor-enter b {
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;
                width: 18px !important;
                height: 18px !important;
                color: var(--cc-wine) !important;
                border: 1px solid rgba(197, 155, 87, 0.35) !important;
                border-radius: 50% !important;
                background: linear-gradient(145deg, #fffdf7, #ead39e) !important;
                box-shadow: inset 0 1px 0 rgba(255,255,255,0.96) !important;
                font-family: Arial, sans-serif !important;
                font-size: 16px !important;
                font-weight: 400 !important;
                line-height: 1 !important;
                transition: transform 0.24s ease !important;
            }

            /* =========================================================
               荧幕右侧挂件舞台
            ========================================================= */

            .cc-monitor-entry-wrap .cc-monitor-widget-stage {
                position: relative !important;
                z-index: 4 !important;
                display: block !important;
                min-width: 0 !important;
                min-height: 168px !important;
                overflow: hidden !important;
            }

            .cc-monitor-entry-wrap .cc-monitor-widget-stage::before {
                content: "";
                position: absolute;
                inset: 8px 5px 8px 4px;
                z-index: -1;
                border: 1px solid rgba(180, 114, 143, 0.11);
                border-radius: 42% 36% 40% 33%;
                background:
                    radial-gradient(circle at 61% 45%, rgba(255,255,255,0.82), transparent 53%),
                    radial-gradient(circle at 58% 55%, rgba(181,93,132,0.1), transparent 70%);
            }

            .cc-monitor-entry-wrap .cc-monitor-widget-glow {
                position: absolute !important;
                top: 26px !important;
                right: 25px !important;
                width: 110px !important;
                height: 110px !important;
                border-radius: 50% !important;
                background: radial-gradient(
                    circle,
                    rgba(255,255,255,0.82),
                    rgba(255,255,255,0)
                ) !important;
                animation: ccMonitorGlow 5.8s ease-in-out infinite !important;
                pointer-events: none !important;
            }

            .cc-monitor-entry-wrap .cc-screen-widget {
                position: absolute !important;
                display: block !important;
                overflow: hidden !important;
                border: 1px solid rgba(125, 62, 90, 0.17) !important;
                background: rgba(255,255,255,0.88) !important;
                box-shadow:
                    0 7px 14px rgba(77, 29, 52, 0.16),
                    inset 0 1px 0 rgba(255,255,255,0.98) !important;
                backdrop-filter: blur(3px);
                -webkit-backdrop-filter: blur(3px);
                transform-origin: 50% 50%;
                will-change: transform;
            }

            /* 便利贴 */
            .cc-monitor-entry-wrap .cc-screen-memo {
                top: 12px !important;
                left: 8px !important;
                z-index: 5 !important;
                width: 67px !important;
                height: 67px !important;
                padding: 13px 9px 8px !important;
                border-radius: 9px 9px 14px 9px !important;
                background: linear-gradient(145deg, #fff6c7, #f4d38a) !important;
                animation: ccMonitorMemo 6.6s ease-in-out infinite !important;
            }

            .cc-monitor-entry-wrap .cc-screen-memo::after {
                content: "";
                position: absolute;
                right: -1px;
                bottom: -1px;
                width: 16px;
                height: 16px;
                background: linear-gradient(
                    135deg,
                    transparent 49%,
                    rgba(198,151,70,0.34) 50%,
                    #fff0b9 53%
                );
            }

            .cc-monitor-entry-wrap .cc-screen-pin {
                position: absolute !important;
                top: 5px !important;
                left: 50% !important;
                width: 7px !important;
                height: 7px !important;
                border-radius: 50% !important;
                background: #b55e80 !important;
                box-shadow: 0 2px 3px rgba(92,31,57,0.22) !important;
                transform: translateX(-50%) !important;
            }

            .cc-monitor-entry-wrap .cc-screen-memo strong {
                display: block !important;
                margin-bottom: 6px !important;
                color: #895538 !important;
                font-size: 7px !important;
                font-weight: 900 !important;
                line-height: 1 !important;
                letter-spacing: 0.1em !important;
            }

            .cc-monitor-entry-wrap .cc-screen-memo > span:not(.cc-screen-pin) {
                display: block !important;
                width: 100% !important;
                height: 2px !important;
                margin-top: 5px !important;
                border-radius: 3px !important;
                background: rgba(125,83,51,0.3) !important;
            }

            .cc-monitor-entry-wrap .cc-screen-memo .cc-screen-short-line {
                width: 67% !important;
            }

            .cc-monitor-entry-wrap .cc-screen-memo em {
                position: absolute !important;
                right: 7px !important;
                bottom: 6px !important;
                z-index: 2 !important;
                color: #b45678 !important;
                font-size: 8px !important;
                font-style: normal !important;
            }

            /* 时钟 */
            .cc-monitor-entry-wrap .cc-screen-clock {
                top: 7px !important;
                right: 8px !important;
                z-index: 7 !important;
                width: 55px !important;
                height: 55px !important;
                padding: 5px !important;
                border-radius: 50% !important;
                background: linear-gradient(145deg, #fffdfb, #f2d9e4) !important;
                animation: ccMonitorClock 6.6s ease-in-out -0.7s infinite !important;
            }

            .cc-monitor-entry-wrap .cc-screen-clock-face {
                position: relative !important;
                display: block !important;
                width: 100% !important;
                height: 100% !important;
                border: 1px solid rgba(175, 128, 70, 0.47) !important;
                border-radius: 50% !important;
                background: radial-gradient(
                    circle at 50% 50%,
                    #fffdfb 0 52%,
                    #f7e9ef 100%
                ) !important;
                box-shadow: inset 0 0 0 3px rgba(255,255,255,0.75) !important;
            }

            .cc-monitor-entry-wrap .cc-screen-clock-face::before,
            .cc-monitor-entry-wrap .cc-screen-clock-face::after {
                content: "";
                position: absolute;
                top: 4px;
                bottom: 4px;
                left: 50%;
                width: 1px;
                background: linear-gradient(
                    #b78b4d 0 2px,
                    transparent 2px calc(100% - 2px),
                    #b78b4d calc(100% - 2px)
                );
                transform: translateX(-50%);
            }

            .cc-monitor-entry-wrap .cc-screen-clock-face::after {
                top: 50%;
                right: 4px;
                bottom: auto;
                left: 4px;
                width: auto;
                height: 1px;
                background: linear-gradient(
                    90deg,
                    #b78b4d 0 2px,
                    transparent 2px calc(100% - 2px),
                    #b78b4d calc(100% - 2px)
                );
                transform: translateY(-50%);
            }

            .cc-monitor-entry-wrap .cc-screen-clock-hour,
            .cc-monitor-entry-wrap .cc-screen-clock-minute {
                position: absolute !important;
                bottom: 50% !important;
                left: 50% !important;
                z-index: 3 !important;
                display: block !important;
                width: 2px !important;
                border-radius: 3px !important;
                background: var(--cc-wine) !important;
                transform-origin: 50% 100% !important;
            }

            .cc-monitor-entry-wrap .cc-screen-clock-hour {
                height: 11px !important;
                transform: translateX(-50%) rotate(43deg) !important;
            }

            .cc-monitor-entry-wrap .cc-screen-clock-minute {
                height: 15px !important;
                background: var(--cc-rose) !important;
                animation: ccMonitorClockMinute 18s linear infinite !important;
            }

            .cc-monitor-entry-wrap .cc-screen-clock-center {
                position: absolute !important;
                top: 50% !important;
                left: 50% !important;
                z-index: 4 !important;
                width: 5px !important;
                height: 5px !important;
                border-radius: 50% !important;
                background: var(--cc-gold) !important;
                box-shadow: 0 0 0 2px rgba(198,161,94,0.15) !important;
                transform: translate(-50%, -50%) !important;
            }

            /* 视频播放器 */
            .cc-monitor-entry-wrap .cc-screen-video {
                top: 65px !important;
                right: 4px !important;
                z-index: 6 !important;
                width: 100px !important;
                height: 61px !important;
                padding: 5px !important;
                border-radius: 11px !important;
                background: linear-gradient(145deg, #fff, #f4e3eb) !important;
                animation: ccMonitorVideo 6.6s ease-in-out -1.3s infinite !important;
            }

            .cc-monitor-entry-wrap .cc-screen-video-image {
                position: relative !important;
                display: block !important;
                width: 100% !important;
                height: 42px !important;
                overflow: hidden !important;
                border-radius: 7px !important;
                background: linear-gradient(
                    180deg,
                    #e4d3ef 0%,
                    #efbfd0 62%,
                    #b86989 100%
                ) !important;
            }

            .cc-monitor-entry-wrap .cc-screen-video-sun {
                position: absolute !important;
                top: 6px !important;
                right: 10px !important;
                width: 9px !important;
                height: 9px !important;
                border-radius: 50% !important;
                background: #ffe6a5 !important;
                box-shadow: 0 0 9px rgba(255,230,165,0.9) !important;
            }

            .cc-monitor-entry-wrap .cc-screen-video-hill {
                position: absolute !important;
                bottom: -10px !important;
                width: 62px !important;
                height: 35px !important;
                border-radius: 50% 50% 0 0 !important;
            }

            .cc-monitor-entry-wrap .cc-screen-hill-one {
                left: -8px !important;
                background: #9f5c79 !important;
                transform: rotate(-8deg) !important;
            }

            .cc-monitor-entry-wrap .cc-screen-hill-two {
                right: -20px !important;
                bottom: -15px !important;
                background: #70405a !important;
                transform: rotate(10deg) !important;
            }

            .cc-monitor-entry-wrap .cc-screen-play {
                position: absolute !important;
                top: 50% !important;
                left: 50% !important;
                z-index: 3 !important;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                width: 21px !important;
                height: 21px !important;
                padding-left: 2px !important;
                color: #8d3e60 !important;
                border: 1px solid rgba(255,255,255,0.86) !important;
                border-radius: 50% !important;
                background: rgba(255,255,255,0.77) !important;
                box-shadow: 0 3px 8px rgba(68,27,47,0.17) !important;
                font-size: 8px !important;
                line-height: 1 !important;
                transform: translate(-50%, -50%) !important;
                animation: ccMonitorPlayPulse 3.2s ease-in-out infinite !important;
            }

            .cc-monitor-entry-wrap .cc-screen-video-progress {
                display: block !important;
                width: calc(100% - 4px) !important;
                height: 3px !important;
                margin: 5px auto 0 !important;
                overflow: hidden !important;
                border-radius: 4px !important;
                background: rgba(112,57,80,0.13) !important;
            }

            .cc-monitor-entry-wrap .cc-screen-video-progress i {
                display: block !important;
                width: 38% !important;
                height: 100% !important;
                border-radius: inherit !important;
                background: linear-gradient(
                    90deg,
                    var(--cc-rose),
                    var(--cc-gold-light)
                ) !important;
                animation: ccMonitorVideoProgress 6.6s ease-in-out infinite !important;
            }

            /* 待办事项 */
            .cc-monitor-entry-wrap .cc-screen-todo {
                left: 4px !important;
                bottom: 7px !important;
                z-index: 4 !important;
                width: 70px !important;
                height: 57px !important;
                padding: 8px 8px 7px !important;
                border-radius: 10px !important;
                background: linear-gradient(145deg, #fffdfb, #e8eef0) !important;
                animation: ccMonitorTodo 6.6s ease-in-out -2s infinite !important;
            }

            .cc-monitor-entry-wrap .cc-screen-todo > strong {
                display: block !important;
                margin-bottom: 5px !important;
                color: #6e515f !important;
                font-size: 7px !important;
                font-weight: 900 !important;
                line-height: 1 !important;
                letter-spacing: 0.1em !important;
            }

            .cc-monitor-entry-wrap .cc-screen-todo > span {
                display: flex !important;
                align-items: center !important;
                gap: 4px !important;
                height: 10px !important;
            }

            .cc-monitor-entry-wrap .cc-screen-todo > span i {
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                width: 7px !important;
                height: 7px !important;
                color: #fff !important;
                border: 1px solid rgba(112,70,89,0.28) !important;
                border-radius: 2px !important;
                background: #fff !important;
                font-size: 6px !important;
                font-style: normal !important;
                line-height: 1 !important;
            }

            .cc-monitor-entry-wrap .cc-screen-todo > span:first-of-type i {
                border-color: var(--cc-rose) !important;
                background: var(--cc-rose) !important;
            }

            .cc-monitor-entry-wrap .cc-screen-todo > span b {
                display: block !important;
                flex: 1 !important;
                height: 2px !important;
                border-radius: 3px !important;
                background: rgba(95,72,82,0.2) !important;
            }

            /* 音频播放器 */
            .cc-monitor-entry-wrap .cc-screen-audio {
                right: 2px !important;
                bottom: 7px !important;
                z-index: 8 !important;
                display: flex !important;
                align-items: center !important;
                gap: 5px !important;
                width: 101px !important;
                height: 32px !important;
                padding: 5px 8px !important;
                border-radius: 999px !important;
                background: linear-gradient(
                    135deg,
                    rgba(112,45,75,0.97),
                    rgba(174,88,124,0.95)
                ) !important;
                animation: ccMonitorAudio 6.6s ease-in-out -2.6s infinite !important;
            }

            .cc-monitor-entry-wrap .cc-screen-audio > strong {
                color: #fff4d4 !important;
                font-size: 12px !important;
                font-weight: 500 !important;
                line-height: 1 !important;
            }

            .cc-monitor-entry-wrap .cc-screen-audio-bars {
                display: flex !important;
                align-items: center !important;
                gap: 2px !important;
                height: 14px !important;
            }

            .cc-monitor-entry-wrap .cc-screen-audio-bars i {
                display: block !important;
                width: 2px !important;
                height: 5px !important;
                border-radius: 3px !important;
                background: #fff !important;
                transform-origin: 50% 50% !important;
                animation: ccMonitorAudioBar 1.1s ease-in-out infinite alternate !important;
            }

            .cc-monitor-entry-wrap .cc-screen-audio-bars i:nth-child(2) {
                animation-delay: -0.35s !important;
            }

            .cc-monitor-entry-wrap .cc-screen-audio-bars i:nth-child(3) {
                animation-delay: -0.7s !important;
            }

            .cc-monitor-entry-wrap .cc-screen-audio-bars i:nth-child(4) {
                animation-delay: -0.2s !important;
            }

            .cc-monitor-entry-wrap .cc-screen-audio-bars i:nth-child(5) {
                animation-delay: -0.55s !important;
            }

            .cc-monitor-entry-wrap .cc-screen-audio em {
                margin-left: auto !important;
                color: rgba(255,255,255,0.8) !important;
                font-size: 7px !important;
                font-style: normal !important;
                line-height: 1 !important;
            }

            /* 小装饰 */
            .cc-monitor-entry-wrap .cc-screen-floating-dot {
                position: absolute !important;
                z-index: 2 !important;
                display: block !important;
                border-radius: 50% !important;
                background: var(--cc-gold-light) !important;
                box-shadow: 0 0 0 3px rgba(237,217,170,0.18) !important;
            }

            .cc-monitor-entry-wrap .cc-screen-dot-one {
                top: 7px !important;
                left: 84px !important;
                width: 5px !important;
                height: 5px !important;
                animation: ccMonitorDot 4.1s ease-in-out infinite !important;
            }

            .cc-monitor-entry-wrap .cc-screen-dot-two {
                right: 10px !important;
                bottom: 36px !important;
                width: 4px !important;
                height: 4px !important;
                background: var(--cc-rose-soft) !important;
                animation: ccMonitorDot 4.6s ease-in-out -1.1s infinite !important;
            }

            .cc-monitor-entry-wrap .cc-screen-floating-heart {
                position: absolute !important;
                top: 65px !important;
                left: 79px !important;
                z-index: 9 !important;
                color: rgba(177,77,117,0.69) !important;
                font-size: 9px !important;
                line-height: 1 !important;
                text-shadow: 0 2px 5px rgba(91,32,59,0.15) !important;
                animation: ccMonitorHeart 4.8s ease-in-out infinite !important;
            }

            /* =========================================================
               底座
            ========================================================= */

            .cc-monitor-entry-wrap .cc-monitor-status {
                position: absolute !important;
                right: 17px !important;
                bottom: 7px !important;
                z-index: 7 !important;
                display: block !important;
                width: 6px !important;
                height: 6px !important;
                border: 1px solid rgba(255,248,219,0.8) !important;
                border-radius: 50% !important;
                background: radial-gradient(
                    circle at 35% 30%,
                    #fff,
                    #edd493 40%,
                    #c49c55 76%
                ) !important;
                box-shadow:
                    0 0 0 3px rgba(233,210,157,0.12),
                    0 0 9px rgba(222,188,112,0.65) !important;
                animation: ccMonitorStatus 3.4s ease-in-out infinite !important;
            }

            .cc-monitor-entry-wrap .cc-monitor-neck {
                position: relative !important;
                z-index: 1 !important;
                display: block !important;
                width: 38px !important;
                height: 17px !important;
                margin: -1px auto 0 !important;
                border-right: 1px solid rgba(188,142,77,0.61) !important;
                border-left: 1px solid rgba(188,142,77,0.61) !important;
                background: linear-gradient(
                    90deg,
                    #efd9e3,
                    #fffaf6 50%,
                    #ebd1dc
                ) !important;
                box-shadow: inset 0 1px 0 rgba(255,255,255,0.94) !important;
            }

            .cc-monitor-entry-wrap .cc-monitor-base {
                position: relative !important;
                z-index: 2 !important;
                display: block !important;
                width: 122px !important;
                height: 10px !important;
                margin: -1px auto 0 !important;
                border: 1px solid rgba(188,142,77,0.65) !important;
                border-radius: 50% 50% 9px 9px !important;
                background: linear-gradient(180deg, #fffdf9, #f0d9e3) !important;
                box-shadow:
                    0 7px 13px rgba(85,32,56,0.16),
                    inset 0 1px 0 rgba(255,255,255,0.98) !important;
            }

            /* =========================================================
               循环动画
            ========================================================= */

            @keyframes ccMonitorClock {
                0%, 100% {
                    transform: translate3d(0, 0, 0) rotate(1.5deg);
                }
                32% {
                    transform: translate3d(-1px, 2px, 0) rotate(0deg);
                }
                67% {
                    transform: translate3d(1px, -2px, 0) rotate(-1deg);
                }
            }

            @keyframes ccMonitorMemo {
                0%, 100% {
                    transform: translate3d(0, 0, 0) rotate(-4deg);
                }
                36% {
                    transform: translate3d(1px, -2px, 0) rotate(-2.8deg);
                }
                72% {
                    transform: translate3d(-1px, 1px, 0) rotate(-4.8deg);
                }
            }

            @keyframes ccMonitorVideo {
                0%, 100% {
                    transform: translate3d(0, 0, 0) rotate(2deg);
                }
                38% {
                    transform: translate3d(-2px, -1px, 0) rotate(1deg);
                }
                75% {
                    transform: translate3d(1px, 2px, 0) rotate(2.8deg);
                }
            }

            @keyframes ccMonitorTodo {
                0%, 100% {
                    transform: translate3d(0, 0, 0) rotate(-2deg);
                }
                35% {
                    transform: translate3d(-1px, 1px, 0) rotate(-2.8deg);
                }
                69% {
                    transform: translate3d(1px, -1px, 0) rotate(-1deg);
                }
            }

            @keyframes ccMonitorAudio {
                0%, 100% {
                    transform: translate3d(0, 0, 0) rotate(-0.5deg);
                }
                45% {
                    transform: translate3d(1px, -2px, 0) rotate(0.5deg);
                }
                78% {
                    transform: translate3d(-1px, 1px, 0) rotate(-0.8deg);
                }
            }

            @keyframes ccMonitorClockMinute {
                from {
                    transform: translateX(-50%) rotate(115deg);
                }
                to {
                    transform: translateX(-50%) rotate(475deg);
                }
            }

            @keyframes ccMonitorAudioBar {
                from {
                    height: 4px;
                    opacity: 0.62;
                }
                to {
                    height: 14px;
                    opacity: 1;
                }
            }

            @keyframes ccMonitorVideoProgress {
                0%, 100% {
                    width: 34%;
                }
                55% {
                    width: 72%;
                }
            }

            @keyframes ccMonitorPlayPulse {
                0%, 100% {
                    transform: translate(-50%, -50%) scale(1);
                }
                50% {
                    transform: translate(-50%, -50%) scale(1.08);
                }
            }

            @keyframes ccMonitorGlow {
                0%, 100% {
                    opacity: 0.52;
                    transform: scale(0.96);
                }
                50% {
                    opacity: 0.9;
                    transform: scale(1.05);
                }
            }

            @keyframes ccMonitorDot {
                0%, 100% {
                    transform: translateY(0);
                    opacity: 0.55;
                }
                50% {
                    transform: translateY(-4px);
                    opacity: 1;
                }
            }

            @keyframes ccMonitorHeart {
                0%, 100% {
                    transform: translate3d(0, 0, 0) rotate(-8deg);
                    opacity: 0.52;
                }
                50% {
                    transform: translate3d(1px, -5px, 0) rotate(4deg);
                    opacity: 0.95;
                }
            }

            @keyframes ccMonitorStatus {
                0%, 100% {
                    opacity: 0.66;
                    box-shadow:
                        0 0 0 3px rgba(233,210,157,0.1),
                        0 0 6px rgba(222,188,112,0.45);
                }
                50% {
                    opacity: 1;
                    box-shadow:
                        0 0 0 4px rgba(233,210,157,0.14),
                        0 0 11px rgba(222,188,112,0.82);
                }
            }

            @keyframes ccMonitorShellShine {
                0% {
                    left: -42%;
                    opacity: 0;
                }
                13% {
                    opacity: 0.72;
                }
                100% {
                    left: 126%;
                    opacity: 0;
                }
            }

            /* =========================================================
               悬停、点击、键盘焦点
            ========================================================= */

            .cc-monitor-entry-wrap .cc-monitor-entry-button:hover {
                transform: translateY(-2px) !important;
                filter: saturate(1.035) !important;
            }

            .cc-monitor-entry-wrap
            .cc-monitor-entry-button:hover
            .cc-monitor-shell {
                border-color: rgba(171, 91, 127, 0.63) !important;
                box-shadow:
                    0 24px 49px rgba(85,32,56,0.25),
                    0 0 0 4px rgba(232,205,151,0.11),
                    inset 0 1px 0 rgba(255,255,255,0.98),
                    inset 0 0 0 5px rgba(255,255,255,0.55) !important;
                transform: translateY(-1px) !important;
            }

            .cc-monitor-entry-wrap
            .cc-monitor-entry-button:hover
            .cc-monitor-shine {
                animation: ccMonitorShellShine 0.82s ease forwards !important;
            }

            .cc-monitor-entry-wrap
            .cc-monitor-entry-button:hover
            .cc-monitor-enter b {
                transform: translateX(2px) !important;
            }

            .cc-monitor-entry-wrap
            .cc-monitor-entry-button:hover
            .cc-screen-widget {
                box-shadow:
                    0 9px 18px rgba(77,29,52,0.2),
                    inset 0 1px 0 rgba(255,255,255,0.98) !important;
            }

            .cc-monitor-entry-wrap .cc-monitor-entry-button:active {
                transform: translateY(1px) scale(0.992) !important;
            }

            .cc-monitor-entry-wrap .cc-monitor-entry-button:focus-visible {
                outline: 3px solid rgba(198,111,150,0.32) !important;
                outline-offset: 6px !important;
                border-radius: 24px !important;
            }

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

            @media (max-width: 480px) {
                .cc-monitor-entry-wrap {
                    max-width: 100% !important;
                }

                .cc-monitor-entry-wrap .cc-monitor-shell {
                    min-height: 197px !important;
                    padding: 12px 11px 17px !important;
                }

                .cc-monitor-entry-wrap .cc-monitor-screen {
                    grid-template-columns: minmax(0, 0.9fr) 164px !important;
                    min-height: 164px !important;
                }

                .cc-monitor-entry-wrap .cc-monitor-copy {
                    padding: 19px 5px 18px 12px !important;
                }

                .cc-monitor-entry-wrap .cc-monitor-title {
                    font-size: 17px !important;
                    letter-spacing: 0.015em !important;
                }

                .cc-monitor-entry-wrap .cc-monitor-description {
                    max-width: 140px !important;
                    font-size: 8px !important;
                }

                .cc-monitor-entry-wrap .cc-monitor-eyebrow b {
                    font-size: 6px !important;
                }

                .cc-monitor-entry-wrap .cc-monitor-eyebrow i {
                    width: 11px !important;
                }

                .cc-monitor-entry-wrap .cc-monitor-widget-stage {
                    min-height: 162px !important;
                    transform: scale(0.94) !important;
                    transform-origin: right center !important;
                }
            }

            @media (max-width: 355px) {
                .cc-monitor-entry-wrap .cc-monitor-screen {
                    grid-template-columns: minmax(0, 1fr) 149px !important;
                }

                .cc-monitor-entry-wrap .cc-monitor-copy {
                    padding-left: 9px !important;
                }

                .cc-monitor-entry-wrap .cc-monitor-title {
                    font-size: 15px !important;
                }

                .cc-monitor-entry-wrap .cc-monitor-description {
                    max-width: 118px !important;
                    font-size: 7px !important;
                }

                .cc-monitor-entry-wrap .cc-monitor-enter {
                    padding-left: 9px !important;
                    font-size: 8px !important;
                }

                .cc-monitor-entry-wrap .cc-monitor-widget-stage {
                    transform: scale(0.84) !important;
                }
            }

            /* 尊重系统减少动态效果设置 */
            @media (prefers-reduced-motion: reduce) {
                .cc-monitor-entry-wrap .cc-monitor-entry-button,
                .cc-monitor-entry-wrap .cc-monitor-entry-button *,
                .cc-monitor-entry-wrap .cc-monitor-entry-button *::before,
                .cc-monitor-entry-wrap .cc-monitor-entry-button *::after {
                    animation: none !important;
                    transition: none !important;
                }
            }
        .cc-monitor-entry-wrap{position:relative!important}
.cc-monitor-entry-wrap .cc-desktop-vip-mask{position:absolute;inset:0;z-index:80;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:18px;text-align:center;border-radius:24px;background:linear-gradient(145deg,rgba(255,250,253,.58),rgba(111,41,71,.20));backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);border:1px solid rgba(201,162,95,.44);transition:opacity .22s ease,visibility .22s ease}
.cc-monitor-entry-wrap .cc-desktop-vip-lock{padding:7px 13px;border-radius:999px;color:#fff;background:linear-gradient(135deg,#8a3b5b,#bd6e90);border:1px solid rgba(234,214,165,.75);box-shadow:0 8px 18px rgba(91,34,61,.22);font-weight:800;letter-spacing:.08em}
.cc-monitor-entry-wrap .cc-desktop-vip-copy{max-width:220px;padding:8px 10px;border-radius:10px;color:#6f2947;background:rgba(255,255,255,.83);border:1px solid rgba(201,162,95,.35);font-size:11px;font-weight:700;line-height:1.55}
.cc-monitor-entry-wrap.is-vip-unlocked .cc-desktop-vip-mask{opacity:0;visibility:hidden;pointer-events:none}
.cc-monitor-entry-wrap:not(.is-vip-unlocked) .cc-monitor-entry-button{filter:saturate(.82)}