diff --git a/src/app/subscription/components/subscription-benefits-card.module.css b/src/app/subscription/components/subscription-benefits-card.module.css index 082bb2a0..daef8840 100644 --- a/src/app/subscription/components/subscription-benefits-card.module.css +++ b/src/app/subscription/components/subscription-benefits-card.module.css @@ -1,17 +1,14 @@ .card { - background: #ffffff; - border-radius: var(--radius-xl); + background-color: #ffffff; + border-radius: 21px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04); overflow: hidden; - border: 1px solid rgba(0, 0, 0, 0.04); + border: solid 1px rgba(0, 0, 0, 0.14); } .header { - background: linear-gradient( - 90deg, - var(--color-auth-primary-gradient-start), - var(--color-auth-primary-gradient-end) - ); + background-color: #fce4ec; + border-radius: 5px; padding: var(--spacing-md); text-align: center; } @@ -20,35 +17,35 @@ margin: 0; font-size: var(--font-size-lg); font-weight: 600; - color: #ffffff; + color: #f657a0; line-height: 1.3; } .list { list-style: none; - margin: 0; - padding: 0; + margin: 18px 0; + padding: 0 0 0 20px; } .item { display: flex; align-items: flex-start; - gap: var(--spacing-sm); - padding: var(--spacing-md) var(--spacing-lg); - font-size: var(--font-size-md); - color: var(--color-auth-text-primary); - line-height: 1.4; -} - -.item + .item { - border-top: 1px solid rgba(0, 0, 0, 0.05); + gap: 0; + padding: 0; + font-size: 14px; + color: #1e1e1e; + line-height: normal; } .numeral { flex: 0 0 auto; font-weight: 500; - min-width: 20px; - color: var(--color-auth-text-primary); + color: #1e1e1e; +} + +.numeral::after { + content: " "; + white-space: pre; } .text { diff --git a/src/app/subscription/components/subscription-cta-button.module.css b/src/app/subscription/components/subscription-cta-button.module.css index 9af87f5a..a84c0d57 100644 --- a/src/app/subscription/components/subscription-cta-button.module.css +++ b/src/app/subscription/components/subscription-cta-button.module.css @@ -1,9 +1,3 @@ -/* 视觉规格: - * - 全宽,52px 高 - * - 粉渐变(#f96ADE → #f657A0) - * - 半径 24,白字 16px/600 - * - 阴影 0 3px 5px rgba(208,12,65,0.20) - */ .button { display: inline-flex; align-items: center; @@ -12,17 +6,23 @@ height: 52px; padding: 0 var(--spacing-lg); border: none; - border-radius: var(--radius-xxxl); - background: linear-gradient( - 90deg, - var(--color-auth-primary-gradient-start), - var(--color-auth-primary-gradient-end) - ); - box-shadow: 0 3px 5px var(--color-auth-primary-button-shadow); + border-radius: 35px; + background-image: + linear-gradient( + 269deg, + #ff67e0 0%, + rgba(254, 104, 224, 0.5) 20%, + rgba(252, 105, 223, 0.79) 66%, + #f96ade 100% + ), + linear-gradient(#f657a0, #f657a0); + background-blend-mode: normal, normal; + box-shadow: 0 5px 7px 0 rgba(247, 89, 168, 0.31); color: #ffffff; font-size: var(--font-size-lg); font-weight: 600; cursor: pointer; + opacity: 0.85; transition: filter 0.15s ease, transform 0.05s ease, opacity 0.15s ease; }