diff --git a/assets/css/style.css b/assets/css/style.css index d6c3601..5934bf4 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -136,6 +136,17 @@ body[data-lang="zh"] .en,body[data-lang="en"] .zh{display:none} .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%;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} + +/* 旗舰特写布局:OPC 单列通栏,截图通卡宽展示,文本双栏排布 */ +.product-feature{direction:ltr;grid-template-columns:1fr;gap:34px;align-items:start} +.product-feature:nth-child(even){direction:ltr} +.product-feature .product-visual{gap:14px;align-items:stretch} +.product-feature .product-icon{display:none} +.product-feature .lang-block{display:grid;grid-template-columns:1fr 1fr;column-gap:48px} +.product-feature .lang-block>p:first-child, +.product-feature .pb-scene, +.product-feature .pb-benefit{grid-column:1/-1} +.product-feature .pb-block{margin-top:24px} /* ===== 产品详情:痛点 / 方案 / 场景 / 效益 ===== */ .pb-block{margin-top:18px} .pb-title{display:flex;align-items:center;gap:9px;font-size:13.5px;font-weight:700;letter-spacing:1.5px;margin-bottom:10px} @@ -230,6 +241,8 @@ body[data-lang="zh"] .en,body[data-lang="en"] .zh{display:none} @media (max-width:1024px){ .product{grid-template-columns:1fr;padding:32px} .product:nth-child(even){direction:ltr} + .product-feature{gap:26px} + .product-feature .lang-block{grid-template-columns:1fr} .product-visual{order:-1} .product-icon{width:72px;height:72px} .product-icon svg{width:40px;height:40px} diff --git a/index.html b/index.html index 0b2d8d5..5125a24 100644 --- a/index.html +++ b/index.html @@ -172,8 +172,8 @@
从一人公司的 AI 操作系统,到企业的视频工作流、团队 AI 工作台,再到数字人才培育平台。From an AI operating system for one-person companies to enterprise video workflows, team AI workspaces, and a digital talent platform.
- -