From a33c77ecfb1c43b934846b55af4743be5dce8f18 Mon Sep 17 00:00:00 2001 From: chenhang Date: Fri, 10 Jul 2026 18:58:51 +0800 Subject: [PATCH] style(private-room): refine hero CTA --- .../private-room-screen.module.css | 21 +++++++++++++------ 1 file changed, 15 insertions(+), 6 deletions(-) diff --git a/src/app/private-room/private-room-screen.module.css b/src/app/private-room/private-room-screen.module.css index c96ee2ec..3f3d0ba7 100644 --- a/src/app/private-room/private-room-screen.module.css +++ b/src/app/private-room/private-room-screen.module.css @@ -134,18 +134,27 @@ } .primaryCta { - width: auto; + width: fit-content; + max-width: calc(100% - var(--app-safe-left, 0px) - var(--app-safe-right, 0px) - clamp(36px, 10.37vw, 56px)); + align-self: flex-start; margin: 0 calc(var(--app-safe-right, 0px) + clamp(18px, 5.185vw, 28px)) 0 calc(var(--app-safe-left, 0px) + clamp(18px, 5.185vw, 28px)); - min-height: 40px; - padding: 0 16px; - background: linear-gradient(135deg, #928e89, #72706c); + min-height: 36px; + padding: 0 18px; + border: 1px solid rgba(255, 255, 255, 0.62); + background: + linear-gradient(135deg, rgba(129, 125, 119, 0.94), rgba(104, 101, 96, 0.92)), + rgba(116, 112, 106, 0.9); color: #ffffff; - font-size: clamp(12px, 3.148vw, 15px); - box-shadow: 0 10px 22px rgba(47, 35, 40, 0.12); + font-size: clamp(11px, 2.963vw, 14px); + line-height: 1.2; + box-shadow: + inset 0 1px 0 rgba(255, 255, 255, 0.22), + 0 10px 22px rgba(47, 35, 40, 0.12); + backdrop-filter: blur(14px); } .primaryCta span {