.visual-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:15px}.visual-grid figure{position:relative;overflow:hidden;border-radius:12px;margin:0;background:#102c43;min-height:0}.visual-grid img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.visual-grid figure:hover img{transform:scale(1.035)}.visual-feature{min-height:360px!important}.visual-grid figcaption{position:absolute;inset:auto 0 0;padding:22px;color:#fff;background:linear-gradient(transparent,#071a2ae8);font-size:15px;font-weight:700}.visual-grid figcaption span,.visual-grid figcaption small{display:block;font-size:10px;font-weight:400;color:#c3d5df;letter-spacing:1px;margin-bottom:6px}.visual-grid figcaption strong{display:block;font-size:22px;margin-bottom:5px}.visual-side{display:grid;grid-template-rows:1fr 1fr;gap:15px}.visual-side figure{height:172px}.visual-side figcaption small{display:inline;margin-left:8px}.product-showcase{padding:65px 0;background:linear-gradient(125deg,#eef5f9,#e6eff4);border-block:1px solid #dce8ef}.product-stage{display:grid;grid-template-columns:1.1fr 1fr;overflow:hidden;border-radius:14px;background:#fff;border:1px solid #dde8ef;box-shadow:0 12px 30px #123c5b0c}.product-stage-image{position:relative;min-height:360px;background:#10283b}.product-stage-image img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.product-stage-image small{position:absolute;bottom:12px;left:12px;color:#fff;background:#061829a8;border-radius:4px;padding:5px 8px;font-size:10px}.product-list{padding:28px 34px}.product-list article{display:flex;gap:16px;padding:15px 0;border-bottom:1px solid #edf2f5}.product-list article>span{color:#d4a258;font-size:12px;font-weight:800}.product-list h3{font-size:15px;margin:0;color:#173e5b}.product-list p{font-size:12px;color:#7c8e9e;line-height:1.8;margin:7px 0 0}.product-list>a,.video-copy>a{display:inline-block;margin-top:22px;color:#23809a;font-size:13px;font-weight:700}.video-stage{display:grid;grid-template-columns:1.25fr 1fr;border-radius:14px;overflow:hidden;background:#102b43;color:#fff}.video-preview{min-height:300px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;text-align:center;background:linear-gradient(#0a1d2eb0,#0a1d2ed9),url('https://luffy-agent-platform.oss-cn-beijing.aliyuncs.com/apps/05de2b987a5641cd84c6fe4f5cf40756/images/eecd5272-c0d9-4850-8a71-7349c7426bf4.png') center/cover}.video-symbol{width:62px;height:62px;border:1px solid #ffffff80;border-radius:50%;display:grid;place-items:center;padding-left:3px;font-size:19px;color:#f2c06d;background:#ffffff12}.video-preview span{font-size:12px;color:#adc4d5}.video-copy{padding:44px 38px}.video-copy>span{font-size:10px;color:#68bdce;letter-spacing:2px}.video-copy h3{font-size:21px;line-height:1.5;margin:16px 0}.video-copy p{font-size:13px;line-height:2;color:#acc2d3}.video-copy>a{color:#efbd70}@media(max-width:700px){.visual-grid,.product-stage,.video-stage{grid-template-columns:1fr}.visual-feature{min-height:240px!important}.visual-side{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.visual-side figure{height:140px}.visual-grid figcaption{padding:12px;font-size:12px}.visual-grid figcaption strong{font-size:16px}.product-stage-image{min-height:240px}.product-list,.video-copy{padding:24px}.video-preview{min-height:220px}.product-showcase{padding:44px 0}}
