/* ========================================================= ChouChou Condo｜右侧房间地图 V5.2 捷径同款视觉 + 我的房间爱心 + AI聊天联动 ========================================================= */ .chouchou-map-v5, .chouchou-map-v5 *, .chouchou-map-v5 *::before, .chouchou-map-v5 *::after { box-sizing: border-box !important; } .chouchou-map-v5 { --cmv5-gold: #c69a55; --cmv5-gold-light: #f0d99e; --cmv5-gold-pale: #fff1c8; --cmv5-ivory: #fffaf6; position: relative !important; display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } /* ========================================================= 地图图片区域 ========================================================= */ .chouchou-map-v5 .cmv5-section { position: relative !important; display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; font-size: 0 !important; line-height: 0 !important; } .chouchou-map-v5 .cmv5-section-image { /* * 所有大图：左右两侧羽化。 * 修改下面的 7% 可以调整左右羽化宽度： * 数值越大，羽化范围越宽。 */ --cmv5-side-feather: 7%; display: block !important; width: 100% !important; max-width: none !important; height: auto !important; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; outline: 0 !important; box-shadow: none !important; -webkit-mask-image: linear-gradient( to right, transparent 0%, #000 var(--cmv5-side-feather), #000 calc(100% - var(--cmv5-side-feather)), transparent 100% ) !important; mask-image: linear-gradient( to right, transparent 0%, #000 var(--cmv5-side-feather), #000 calc(100% - var(--cmv5-side-feather)), transparent 100% ) !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; -webkit-mask-size: 100% 100% !important; mask-size: 100% 100% !important; } /* * 第一张图：保留左右羽化，同时让顶部也羽化。 * 10% 是顶部羽化范围，可按需要增大或减小。 */ .chouchou-map-v5 > .cmv5-section:first-child > .cmv5-section-image { --cmv5-top-feather: 10%; -webkit-mask-image: linear-gradient( to right, transparent 0%, #000 var(--cmv5-side-feather), #000 calc(100% - var(--cmv5-side-feather)), transparent 100% ), linear-gradient( to bottom, transparent 0%, #000 var(--cmv5-top-feather), #000 100% ) !important; mask-image: linear-gradient( to right, transparent 0%, #000 var(--cmv5-side-feather), #000 calc(100% - var(--cmv5-side-feather)), transparent 100% ), linear-gradient( to bottom, transparent 0%, #000 var(--cmv5-top-feather), #000 100% ) !important; -webkit-mask-composite: source-in !important; mask-composite: intersect !important; } /* * 最后一张图：保留左右羽化，同时让底部也羽化。 * 10% 是底部羽化范围，可按需要增大或减小。 */ .chouchou-map-v5 > .cmv5-section:last-child > .cmv5-section-image { --cmv5-bottom-feather: 10%; -webkit-mask-image: linear-gradient( to right, transparent 0%, #000 var(--cmv5-side-feather), #000 calc(100% - var(--cmv5-side-feather)), transparent 100% ), linear-gradient( to bottom, #000 0%, #000 calc(100% - var(--cmv5-bottom-feather)), transparent 100% ) !important; mask-image: linear-gradient( to right, transparent 0%, #000 var(--cmv5-side-feather), #000 calc(100% - var(--cmv5-side-feather)), transparent 100% ), linear-gradient( to bottom, #000 0%, #000 calc(100% - var(--cmv5-bottom-feather)), transparent 100% ) !important; -webkit-mask-composite: source-in !important; mask-composite: intersect !important; } /* ========================================================= 按钮基础 ========================================================= */ .chouchou-map-v5 .cmv5-btn { --cmv5-light: #b15b7e; --cmv5-mid: #772f52; --cmv5-deep: #45162f; --cmv5-shadow: rgba(66, 18, 43, 0.30); --cmv5-heart: #e89ab8; position: absolute !important; z-index: 30 !important; display: block !important; width: auto !important; min-width: 112px !important; height: auto !important; margin: 0 !important; padding: 0 !important; color: #fffaf2 !important; text-decoration: none !important; outline: none !important; white-space: nowrap !important; font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", "Microsoft YaHei", serif !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1 !important; letter-spacing: 0.045em !important; cursor: pointer !important; overflow: visible !important; isolation: isolate !important; transition: transform 0.24s ease, filter 0.22s ease !important; } /* ========================================================= 按钮主体 ========================================================= */ .chouchou-map-v5 .cmv5-surface { position: relative !important; z-index: 2 !important; display: flex !important; min-width: 112px !important; min-height: 40px !important; align-items: center !important; justify-content: flex-start !important; gap: 7px !important; margin: 0 !important; padding: 6px 8px 6px 7px !important; color: inherit !important; border: 1px solid rgba(238, 211, 149, 0.94) !important; border-radius: 13px !important; background: radial-gradient( circle at 13% 0%, rgba(255, 255, 255, 0.31), transparent 35% ), linear-gradient( 150deg, var(--cmv5-light) 0%, var(--cmv5-mid) 54%, var(--cmv5-deep) 100% ) !important; box-shadow: 0 8px 21px var(--cmv5-shadow), 0 0 0 1px rgba(102, 42, 69, 0.20), inset 0 1px 0 rgba(255, 255, 255, 0.31), inset 0 -12px 18px rgba(28, 4, 18, 0.17) !important; text-shadow: 0 1px 2px rgba(42, 7, 25, 0.72), 0 0 5px rgba(255, 240, 220, 0.13) !important; overflow: hidden !important; isolation: isolate !important; transition: filter 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease !important; } /* 内层香槟金细框 */ .chouchou-map-v5 .cmv5-surface::before { content: "" !important; position: absolute !important; z-index: 1 !important; inset: 3px !important; border: 1px solid rgba(255, 231, 177, 0.20) !important; border-radius: 9px !important; pointer-events: none !important; } /* 右上角珠光 */ .chouchou-map-v5 .cmv5-surface::after { content: "" !important; position: absolute !important; z-index: 0 !important; top: -26px !important; right: -20px !important; width: 70px !important; height: 60px !important; border-radius: 50% !important; background: radial-gradient( circle, rgba(255, 245, 210, 0.17) 0%, rgba(255, 245, 210, 0.05) 38%, transparent 72% ) !important; pointer-events: none !important; } /* ========================================================= 自动流动光泽 ========================================================= */ .chouchou-map-v5 .cmv5-sheen { position: absolute !important; z-index: 1 !important; top: -90% !important; bottom: -90% !important; left: -70% !important; display: block !important; width: 28% !important; opacity: 0 !important; background: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.16) 25%, rgba(255, 255, 255, 0.70) 50%, rgba(255, 255, 255, 0.16) 75%, transparent 100% ) !important; transform: rotate(18deg) !important; pointer-events: none !important; animation: cmv5-sheen-move 5.8s ease-in-out infinite !important; } .chouchou-map-v5 .cmv5-section:nth-child(2) .cmv5-sheen { animation-delay: 1.3s !important; } .chouchou-map-v5 .cmv5-section:nth-child(3) .cmv5-sheen { animation-delay: 2.1s !important; } .chouchou-map-v5 .cmv5-section:nth-child(4) .cmv5-sheen { animation-delay: 2.9s !important; } @keyframes cmv5-sheen-move { 0%, 55%, 100% { left: -70%; opacity: 0; } 62% { opacity: 0.22; } 70% { opacity: 0.72; } 87% { left: 138%; opacity: 0; } } /* ========================================================= 左侧图标 ========================================================= */ .chouchou-map-v5 .cmv5-icon { position: relative !important; z-index: 3 !important; display: grid !important; width: 27px !important; height: 27px !important; min-width: 27px !important; flex: 0 0 27px !important; place-items: center !important; color: var(--cmv5-gold-light) !important; border: 1px solid rgba(255, 231, 177, 0.55) !important; border-radius: 8px !important; background: radial-gradient( circle at 35% 20%, rgba(255, 255, 255, 0.17), transparent 42% ), rgba(51, 8, 29, 0.20) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.13), 0 1px 3px rgba(24, 3, 15, 0.18) !important; transition: color 0.22s ease, background 0.22s ease, border-color 0.22s ease, transform 0.22s ease !important; } .chouchou-map-v5 .cmv5-icon svg { display: block !important; width: 16px !important; height: 16px !important; fill: none !important; stroke: currentColor !important; stroke-width: 1.55 !important; stroke-linecap: round !important; stroke-linejoin: round !important; filter: drop-shadow( 0 1px 1px rgba(45, 8, 27, 0.30) ) !important; } /* ========================================================= 文字与箭头 ========================================================= */ .chouchou-map-v5 .cmv5-label { position: relative !important; z-index: 3 !important; display: block !important; flex: 1 1 auto !important; min-width: 0 !important; color: inherit !important; line-height: 1.15 !important; white-space: nowrap !important; } .chouchou-map-v5 .cmv5-arrow { position: relative !important; z-index: 3 !important; display: grid !important; width: 17px !important; height: 17px !important; min-width: 17px !important; flex: 0 0 17px !important; place-items: center !important; color: rgba(255, 244, 208, 0.92) !important; border: 1px solid rgba(255, 232, 177, 0.27) !important; border-radius: 50% !important; background: rgba(42, 6, 25, 0.16) !important; font-family: Georgia, serif !important; font-size: 15px !important; font-weight: 400 !important; line-height: 1 !important; transition: transform 0.22s ease, background 0.22s ease !important; } /* ========================================================= 悬停状态 ========================================================= */ .chouchou-map-v5 .cmv5-btn:hover, .chouchou-map-v5 .cmv5-btn:focus-visible { color: #fffdf7 !important; text-decoration: none !important; filter: brightness(1.07) saturate(1.04) !important; transform: translateY(-2px) !important; } .chouchou-map-v5 .cmv5-btn:hover .cmv5-surface, .chouchou-map-v5 .cmv5-btn:focus-visible .cmv5-surface { border-color: rgba(244, 218, 157, 0.98) !important; box-shadow: 0 12px 27px var(--cmv5-shadow), 0 0 0 1px rgba(240, 207, 139, 0.35), 0 0 16px rgba(255, 225, 169, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.34), inset 0 -14px 21px rgba(28, 4, 18, 0.20) !important; } .chouchou-map-v5 .cmv5-btn:hover .cmv5-icon, .chouchou-map-v5 .cmv5-btn:focus-visible .cmv5-icon { color: #fff3c8 !important; border-color: rgba(244, 218, 157, 0.72) !important; background: rgba(48, 7, 29, 0.30) !important; transform: scale(1.04) !important; } .chouchou-map-v5 .cmv5-btn:hover .cmv5-arrow, .chouchou-map-v5 .cmv5-btn:focus-visible .cmv5-arrow { background: rgba(48, 7, 29, 0.28) !important; transform: translateX(2px) !important; } .chouchou-map-v5 .cmv5-btn:focus-visible { outline: 3px solid rgba(237, 199, 124, 0.44) !important; outline-offset: 3px !important; border-radius: 13px !important; } .chouchou-map-v5 .cmv5-btn:active { transform: translateY(0) scale(0.985) !important; } /* ========================================================= 我的房间特殊按钮 ========================================================= */ .chouchou-map-v5 .cmv5-myroom { z-index: 40 !important; } .chouchou-map-v5 .cmv5-myroom .cmv5-surface { box-shadow: 0 9px 23px var(--cmv5-shadow), 0 0 0 1px rgba(255, 215, 229, 0.18), 0 0 17px rgba(232, 122, 164, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.34), inset 0 -13px 20px rgba(53, 7, 31, 0.18) !important; } /* 爱心从按钮上沿冒出 */ .chouchou-map-v5 .cmv5-heart-field { position: absolute !important; z-index: 8 !important; left: 8px !important; right: 8px !important; bottom: calc(100% - 2px) !important; display: block !important; height: 48px !important; overflow: visible !important; pointer-events: none !important; } .chouchou-map-v5 .cmv5-heart { position: absolute !important; bottom: -2px !important; display: block !important; margin: 0 !important; padding: 0 !important; color: var(--cmv5-heart) !important; font-family: Georgia, "Times New Roman", serif !important; font-size: 11px !important; font-weight: 400 !important; line-height: 1 !important; opacity: 0 !important; text-shadow: 0 0 3px rgba(255, 255, 255, 0.90), 0 0 7px var(--cmv5-heart), 0 2px 4px rgba(74, 14, 43, 0.20) !important; filter: drop-shadow( 0 2px 3px rgba(73, 18, 47, 0.16) ) !important; transform-origin: center bottom !important; animation: cmv5-heart-rise 3.4s ease-in infinite !important; } .chouchou-map-v5 .cmv5-heart:nth-child(1) { left: 8% !important; font-size: 9px !important; animation-delay: 0s !important; --heart-middle-x: -2px; --heart-final-x: -5px; --heart-middle-rotate: -4deg; --heart-final-rotate: -10deg; } .chouchou-map-v5 .cmv5-heart:nth-child(2) { left: 28% !important; font-size: 13px !important; animation-delay: 0.65s !important; --heart-middle-x: 2px; --heart-final-x: 5px; --heart-middle-rotate: 5deg; --heart-final-rotate: 11deg; } .chouchou-map-v5 .cmv5-heart:nth-child(3) { left: 48% !important; font-size: 10px !important; animation-delay: 1.3s !important; --heart-middle-x: -1px; --heart-final-x: -3px; --heart-middle-rotate: -3deg; --heart-final-rotate: -7deg; } .chouchou-map-v5 .cmv5-heart:nth-child(4) { left: 68% !important; font-size: 12px !important; animation-delay: 1.95s !important; --heart-middle-x: 3px; --heart-final-x: 6px; --heart-middle-rotate: 5deg; --heart-final-rotate: 12deg; } .chouchou-map-v5 .cmv5-heart:nth-child(5) { left: 87% !important; font-size: 8px !important; animation-delay: 2.6s !important; --heart-middle-x: -2px; --heart-final-x: -4px; --heart-middle-rotate: -4deg; --heart-final-rotate: -9deg; } @keyframes cmv5-heart-rise { 0% { opacity: 0; transform: translate3d(0, 3px, 0) scale(0.62) rotate(0deg); } 12% { opacity: 0.95; } 42% { opacity: 0.88; transform: translate3d( var(--heart-middle-x), -16px, 0 ) scale(0.92) rotate(var(--heart-middle-rotate)); } 75% { opacity: 0.58; } 100% { opacity: 0; transform: translate3d( var(--heart-final-x), -43px, 0 ) scale(1.18) rotate(var(--heart-final-rotate)); } } /* ========================================================= 主题配色 ========================================================= */ /* 全部房间 */ .chouchou-map-v5 .cmv5-theme-wine { --cmv5-light: #b15b7e; --cmv5-mid: #772f52; --cmv5-deep: #45162f; --cmv5-shadow: rgba(66, 18, 43, 0.31); --cmv5-heart: #e89ab8; } /* 泳池 */ .chouchou-map-v5 .cmv5-theme-pool { --cmv5-light: #65aeca; --cmv5-mid: #2c7292; --cmv5-deep: #163f5a; --cmv5-shadow: rgba(15, 58, 82, 0.31); --cmv5-heart: #8bd4eb; } /* 我的房间 */ .chouchou-map-v5 .cmv5-theme-myroom { --cmv5-light: #d77b9f; --cmv5-mid: #9a4068; --cmv5-deep: #591c3a; --cmv5-shadow: rgba(89, 25, 57, 0.34); --cmv5-heart: #f29abb; } /* 名单和提问 */ .chouchou-map-v5 .cmv5-theme-violet { --cmv5-light: #a384c2; --cmv5-mid: #694b87; --cmv5-deep: #38264c; --cmv5-shadow: rgba(52, 34, 74, 0.31); --cmv5-heart: #c9a9e3; } /* AI聊天室 */ .chouchou-map-v5 .cmv5-theme-chat { --cmv5-light: #c9855a; --cmv5-mid: #8c4c30; --cmv5-deep: #4b271b; --cmv5-shadow: rgba(74, 34, 21, 0.31); --cmv5-heart: #e7aa82; } /* 金棕主题 */ .chouchou-map-v5 .cmv5-theme-gold { --cmv5-light: #bd985d; --cmv5-mid: #806033; --cmv5-deep: #47331d; --cmv5-shadow: rgba(67, 45, 25, 0.31); --cmv5-heart: #e4c485; } /* 翡翠绿色 */ .chouchou-map-v5 .cmv5-theme-green { --cmv5-light: #69a984; --cmv5-mid: #3b7050; --cmv5-deep: #203d2d; --cmv5-shadow: rgba(28, 61, 43, 0.31); --cmv5-heart: #98d3ae; } /* 墨绿色 */ .chouchou-map-v5 .cmv5-theme-emerald { --cmv5-light: #4f967e; --cmv5-mid: #2d6756; --cmv5-deep: #173a31; --cmv5-shadow: rgba(20, 55, 46, 0.31); --cmv5-heart: #81c8ae; } /* ========================================================= 按钮位置 ========================================================= */ .chouchou-map-v5 .cmv5-p1-left { top: 20% !important; left: 15% !important; } .chouchou-map-v5 .cmv5-p1-right { top: 47% !important; left: 55% !important; } .chouchou-map-v5 .cmv5-p2-left { top: 62% !important; left: 10% !important; } .chouchou-map-v5 .cmv5-p2-right { top: 75% !important; left: 60% !important; } .chouchou-map-v5 .cmv5-p3-left { top: 20% !important; left: 25% !important; } .chouchou-map-v5 .cmv5-p3-right { top: 80% !important; left: 50% !important; } .chouchou-map-v5 .cmv5-p4-left { top: 40% !important; left: 15% !important; } .chouchou-map-v5 .cmv5-p4-right { top: 92% !important; left: 45% !important; } /* ========================================================= 响应式 ========================================================= */ @media screen and (max-width: 1100px) { .chouchou-map-v5 .cmv5-btn { min-width: 99px !important; font-size: 10px !important; } .chouchou-map-v5 .cmv5-surface { min-width: 99px !important; min-height: 35px !important; gap: 5px !important; padding: 5px 6px !important; border-radius: 11px !important; } .chouchou-map-v5 .cmv5-surface::before { border-radius: 7px !important; } .chouchou-map-v5 .cmv5-icon { width: 23px !important; height: 23px !important; min-width: 23px !important; flex-basis: 23px !important; border-radius: 7px !important; } .chouchou-map-v5 .cmv5-icon svg { width: 14px !important; height: 14px !important; } .chouchou-map-v5 .cmv5-arrow { width: 15px !important; height: 15px !important; min-width: 15px !important; flex-basis: 15px !important; font-size: 13px !important; } .chouchou-map-v5 .cmv5-heart-field { height: 40px !important; } } @media screen and (max-width: 700px) { .chouchou-map-v5 .cmv5-btn { min-width: 78px !important; font-size: 8px !important; letter-spacing: 0 !important; } .chouchou-map-v5 .cmv5-surface { min-width: 78px !important; min-height: 29px !important; gap: 4px !important; padding: 4px 5px !important; border-radius: 9px !important; } .chouchou-map-v5 .cmv5-surface::before { inset: 2px !important; border-radius: 6px !important; } .chouchou-map-v5 .cmv5-icon { width: 19px !important; height: 19px !important; min-width: 19px !important; flex-basis: 19px !important; border-radius: 6px !important; } .chouchou-map-v5 .cmv5-icon svg { width: 11px !important; height: 11px !important; } .chouchou-map-v5 .cmv5-arrow { display: none !important; } .chouchou-map-v5 .cmv5-heart-field { left: 3px !important; right: 3px !important; height: 34px !important; } .chouchou-map-v5 .cmv5-heart { font-size: 7px !important; } } @media (prefers-reduced-motion: reduce) { .chouchou-map-v5 .cmv5-btn, .chouchou-map-v5 .cmv5-surface, .chouchou-map-v5 .cmv5-icon, .chouchou-map-v5 .cmv5-arrow, .chouchou-map-v5 .cmv5-sheen, .chouchou-map-v5 .cmv5-heart { transition: none !important; animation: none !important; } } /* ========================================================= Makers v2.0.5 · 动态地图位置适配 仅把原 WordPress V5.2 的按钮皮肤应用到动态 Makers 地图， 地图图片、按钮 x/y 坐标继续由 media-library 配置控制。 ========================================================= */ #p1000-mainhub-map.chouchou-map-v5 .p1000-map-section .p1000-cmv5-btn { transform: translate(-50%, -50%) !important; } #p1000-mainhub-map.chouchou-map-v5 .p1000-map-section .p1000-cmv5-btn:hover, #p1000-mainhub-map.chouchou-map-v5 .p1000-map-section .p1000-cmv5-btn:focus-visible { transform: translate(-50%, calc(-50% - 2px)) !important; } #p1000-mainhub-map.chouchou-map-v5 .p1000-map-section .p1000-cmv5-btn:active { transform: translate(-50%, -50%) scale(0.985) !important; } /* ========================================================= ChouChou 260819 · 核心入口「全部房间」 - 保持原 game-posts 路由与 x/y 坐标 - 视觉尺寸约为普通入口的 1.5 倍 - 不需要 hover，持续冒爱心 ========================================================= */ #p1000-mainhub-map.chouchou-map-v5 .p1000-map-section .p1000-cmv5-btn.cmv5-all-rooms-core { z-index: 86 !important; transform: translate(-50%, -50%) scale(1.5) !important; transform-origin: center center !important; } #p1000-mainhub-map.chouchou-map-v5 .p1000-map-section .p1000-cmv5-btn.cmv5-all-rooms-core .cmv5-surface { border-color: rgba(248, 222, 164, .98) !important; box-shadow: 0 13px 30px var(--cmv5-shadow), 0 0 0 1px rgba(248, 220, 157, .40), 0 0 23px rgba(244, 174, 204, .24), inset 0 1px 0 rgba(255,255,255,.42), inset 0 -13px 20px rgba(53,7,31,.18) !important; animation: cc-all-rooms-breathe 2.8s ease-in-out infinite !important; } #p1000-mainhub-map.chouchou-map-v5 .p1000-map-section .p1000-cmv5-btn.cmv5-all-rooms-core .cmv5-icon { color: #fff0bd !important; border-color: rgba(248, 220, 157, .76) !important; } #p1000-mainhub-map.chouchou-map-v5 .p1000-map-section .p1000-cmv5-btn.cmv5-all-rooms-core .cmv5-label { font-weight: 900 !important; letter-spacing: .055em !important; } #p1000-mainhub-map.chouchou-map-v5 .p1000-map-section .p1000-cmv5-btn.cmv5-all-rooms-core .cmv5-heart-field--core { left: 3px !important; right: 3px !important; height: 56px !important; z-index: 12 !important; } #p1000-mainhub-map.chouchou-map-v5 .p1000-map-section .p1000-cmv5-btn.cmv5-all-rooms-core .cmv5-heart { animation-duration: 2.75s !important; color: #ffaccb !important; } #p1000-mainhub-map.chouchou-map-v5 .p1000-map-section .p1000-cmv5-btn.cmv5-all-rooms-core .cmv5-heart:nth-child(6) { left: 18% !important; font-size: 8px !important; animation-delay: 1.52s !important; --heart-middle-x: 3px; --heart-final-x: 7px; --heart-middle-rotate: 6deg; --heart-final-rotate: 12deg; } #p1000-mainhub-map.chouchou-map-v5 .p1000-map-section .p1000-cmv5-btn.cmv5-all-rooms-core .cmv5-heart:nth-child(7) { left: 78% !important; font-size: 9px !important; animation-delay: 2.18s !important; --heart-middle-x: -3px; --heart-final-x: -7px; --heart-middle-rotate: -6deg; --heart-final-rotate: -12deg; } #p1000-mainhub-map.chouchou-map-v5 .p1000-map-section .p1000-cmv5-btn.cmv5-all-rooms-core:hover, #p1000-mainhub-map.chouchou-map-v5 .p1000-map-section .p1000-cmv5-btn.cmv5-all-rooms-core:focus-visible { transform: translate(-50%, calc(-50% - 2px)) scale(1.53) !important; } #p1000-mainhub-map.chouchou-map-v5 .p1000-map-section .p1000-cmv5-btn.cmv5-all-rooms-core:active { transform: translate(-50%, -50%) scale(1.47) !important; } @keyframes cc-all-rooms-breathe { 0%,100% { filter: brightness(1); } 50% { filter: brightness(1.08) saturate(1.07); } } @media (max-width: 760px) { #p1000-mainhub-map.chouchou-map-v5 .p1000-map-section .p1000-cmv5-btn.cmv5-all-rooms-core { transform: translate(-50%, -50%) scale(1.42) !important; } } @media (prefers-reduced-motion: reduce) { #p1000-mainhub-map.chouchou-map-v5 .p1000-map-section .p1000-cmv5-btn.cmv5-all-rooms-core .cmv5-surface, #p1000-mainhub-map.chouchou-map-v5 .p1000-map-section .p1000-cmv5-btn.cmv5-all-rooms-core .cmv5-heart { animation: none !important; } }