From 77b50c7d53cd984d9c501b372fe278a11603a29a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E6=B5=85=E5=BF=B5?= Date: Fri, 30 Oct 2026 10:08:30 +0800 Subject: [PATCH] fix: contact grid CSS in theme blocks.css (not platform) --- themes/trade-pro/blocks.css | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/themes/trade-pro/blocks.css b/themes/trade-pro/blocks.css index 8cdadac..c6d46d6 100644 --- a/themes/trade-pro/blocks.css +++ b/themes/trade-pro/blocks.css @@ -453,3 +453,15 @@ .sf-section .sf-kicker{color:var(--sf-accent-c,#3569d3)!important} .sf-section .sf-link,.sf-section .sf-section-head>a,.sf-section .sf-item-copy small{color:var(--sf-accent-c,#3569d3)!important} .sf-section .sf-button{background:var(--sf-btn-c,var(--accent,#315ee2))!important} + +/* ── 联系双栏：左信息右表单 ── */ +.sf-theme-trade-pro .sf-contact-grid{display:grid !important;grid-template-columns:0.85fr 1.15fr !important;gap:calc(var(--sf-tp-space-12,48px) + var(--sf-tp-space-4,16px));align-items:start} +.sf-theme-trade-pro .sf-contact-info .sf-kicker{display:block;font-size:12px;letter-spacing:.15em;text-transform:uppercase;font-weight:740;color:var(--sf-accent-c,#0874df);margin-bottom:12px} +.sf-theme-trade-pro .sf-contact-info h2{font-size:calc(var(--sf-title-size,32px) * .75);margin:0 0 12px} +.sf-theme-trade-pro .sf-contact-desc{color:#5a6a7e;line-height:1.6;margin:0 0 24px} +.sf-theme-trade-pro .sf-contact-list{display:grid;gap:20px} +.sf-theme-trade-pro .sf-contact-item{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:center} +.sf-theme-trade-pro .sf-contact-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:var(--sf-btn-c,#0874df);color:#fff;font-size:18px} +.sf-theme-trade-pro .sf-contact-item strong{display:block;margin-bottom:2px} +.sf-theme-trade-pro .sf-contact-item p{margin:0;color:#5a6a7e;font-size:14px} +@media(max-width:900px){.sf-theme-trade-pro .sf-contact-grid{grid-template-columns:1fr !important;gap:24px}}