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}}