diff --git a/assets/css/frontend/nav/header-userbox.css b/assets/css/frontend/nav/header-userbox.css index f2a1e20c..971dcd9b 100644 --- a/assets/css/frontend/nav/header-userbox.css +++ b/assets/css/frontend/nav/header-userbox.css @@ -109,23 +109,64 @@ text-decoration: none; } +/* VIP open CTA: same geometry as .aksrt-header-checkin (full width, 6px radius). + * Override any leftover .navbar-cta / .but.radius pill rules from top-nav. */ +.user-dropdown .aksrt-header-payvip .payvip-icon, +.user-dropdown .aksrt-header-payvip .but, +.user-dropdown .aksrt-header-payvip__cta, .aksrt-header-payvip .payvip-icon, -.aksrt-header-payvip .but { - display: flex; - align-items: center; - justify-content: center; - gap: 6px; +.aksrt-header-payvip .but, +.aksrt-header-payvip__cta { + display: inline-flex !important; + flex-direction: row !important; + align-items: center !important; + justify-content: center !important; + gap: 6px !important; + width: 100% !important; + max-width: 100% !important; + min-width: 0 !important; + height: auto !important; + min-height: 36px; + max-height: none !important; + box-sizing: border-box; text-align: center; text-decoration: none; - padding: 8px 10px; - border-radius: 6px; - background: linear-gradient(90deg, #ff6b6b, #f04494); - color: #fff; + padding: 8px 10px !important; + margin: 0 !important; + border: 0 !important; + border-radius: 6px !important; + font-size: 13px !important; + font-weight: 600; + line-height: 1.3; + white-space: nowrap; + background: linear-gradient(90deg, #ff6b6b, #f04494) !important; + color: #fff !important; + flex: none !important; + transform: none !important; } +.user-dropdown .aksrt-header-payvip .payvip-icon > i, +.user-dropdown .aksrt-header-payvip .but > i, +.user-dropdown .aksrt-header-payvip__cta > i, .aksrt-header-payvip .payvip-icon > i, -.aksrt-header-payvip .but > i { +.aksrt-header-payvip .but > i, +.aksrt-header-payvip__cta > i { margin: 0 !important; + flex: 0 0 auto; + line-height: 1; + color: inherit !important; +} + +.user-dropdown .aksrt-header-payvip__cta > span, +.aksrt-header-payvip__cta > span { + line-height: 1.3; + color: inherit; +} + +.user-dropdown .aksrt-header-payvip__cta:hover, +.aksrt-header-payvip__cta:hover { + opacity: 0.92; + color: #fff !important; } /* Active VIP: level on line 1, smaller expiry on line 2 (no orange pill). */ diff --git a/inc/helpers/aksrt-header-userbox.php b/inc/helpers/aksrt-header-userbox.php index 34c8bf62..137f937b 100644 --- a/inc/helpers/aksrt-header-userbox.php +++ b/inc/helpers/aksrt-header-userbox.php @@ -148,10 +148,11 @@ if (!function_exists('aksrt_header_payvip_bar')) : return ''; } + // Match check-in CTA geometry (full width, 6px radius) — not top-nav navbar-cta chips. return '
' - . '' + . '' . '' - . esc_html__('开通会员 尊享会员权益', 'aksrt') + . '' . esc_html__('开通会员 尊享会员权益', 'aksrt') . '' . '
'; } endif;