diff --git a/assets/css/style.css b/assets/css/style.css index 4ebbfea..d6c3601 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -127,14 +127,14 @@ body[data-lang="zh"] .en,body[data-lang="en"] .zh{display:none} .about-chips li{background:#fff;border:1px solid var(--line);border-left:4px solid var(--blue-500);border-radius:12px;padding:16px 20px;font-weight:600;font-size:15px;color:var(--navy-800);box-shadow:var(--shadow)} /* PRODUCTS */ -.product{display:grid;grid-template-columns:420px 1fr;gap:48px;align-items:center;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.09);border-radius:24px;padding:44px;margin-bottom:36px} +.product{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:48px;align-items:center;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.09);border-radius:24px;padding:44px;margin-bottom:36px} .product:nth-child(even){direction:rtl} .product:nth-child(even)>*{direction:ltr} .product-visual{display:flex;flex-direction:column;gap:20px;align-items:center} .product-icon{width:96px;height:96px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(140deg,rgba(30,95,216,.28),rgba(232,86,42,.18));border:1px solid rgba(91,155,255,.35);color:var(--blue-400)} .product-icon svg{width:52px;height:52px} .product-shot{width:100%;aspect-ratio:16/10;border:1.5px dashed rgba(255,255,255,.22);border-radius:14px;display:grid;place-items:center;color:rgba(255,255,255,.4);font-size:13.5px;letter-spacing:1px;background:rgba(255,255,255,.03)} -.product-shot-img{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:center;border:1.5px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.03);box-shadow:0 18px 50px rgba(0,0,0,.35)} +.product-shot-img{width:100%;height:auto;border:1.5px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.03);box-shadow:0 18px 50px rgba(0,0,0,.35)} .product-shot-cap{font-size:12.5px;color:rgba(255,255,255,.68);letter-spacing:.5px;text-align:center} /* ===== 产品详情:痛点 / 方案 / 场景 / 效益 ===== */ .pb-block{margin-top:18px}