diff --git a/oneinai.html b/oneinai.html index 033a9bb..781e183 100644 --- a/oneinai.html +++ b/oneinai.html @@ -529,7 +529,7 @@ .pricing-layout { display: grid; - grid-template-columns: minmax(0, 1.2fr) minmax(260px, 0.8fr); + grid-template-columns: minmax(0, 1.34fr) minmax(320px, 0.66fr); gap: clamp(38px, 9vw, 140px); align-items: end; padding: clamp(30px, 5vw, 62px); @@ -541,6 +541,10 @@ box-shadow: 0 22px 64px rgba(62, 164, 236, 0.1); } + .pricing-layout > * { + min-width: 0; + } + .price-label { margin-bottom: 18px; } @@ -549,11 +553,12 @@ margin: 0 0 22px; color: var(--ink); font-family: 'Noto Serif SC', 'Songti SC', 'STSong', serif; - font-size: clamp(54px, 8.6vw, 116px); + font-size: clamp(48px, 6vw, 88px); font-weight: 900; letter-spacing: 0; line-height: 0.98; - white-space: nowrap; + max-width: 100%; + overflow-wrap: anywhere; } .price-note { @@ -593,6 +598,13 @@ line-height: 1.65; } + @media (max-width: 1080px) { + .pricing-layout { + grid-template-columns: 1fr; + gap: 28px; + } + } + .docs-section { padding-bottom: clamp(76px, 10vw, 124px); }