.视频框[data-astro-cid-yngxbivw]{aspect-ratio:16/9;border-radius:var(--圆角-中);background:linear-gradient(135deg,#1c1c1e 0%,#2c2c2e 100%);width:100%;position:relative;overflow:hidden}.视频框[data-astro-cid-yngxbivw] iframe{border:0;width:100%;height:100%;display:block}.封面[data-astro-cid-yngxbivw]{cursor:pointer;background:0 0;border:0;place-items:center;width:100%;height:100%;padding:0;display:grid;position:absolute;inset:0}.封面[data-astro-cid-yngxbivw] img[data-astro-cid-yngxbivw]{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--动效-曲线), opacity var(--动效-快) var(--动效-曲线);position:absolute;inset:0}.封面[data-astro-cid-yngxbivw]:hover img[data-astro-cid-yngxbivw]{opacity:.85;transform:scale(1.03)}.播放键[data-astro-cid-yngxbivw]{color:#000;width:72px;height:72px;transition:transform var(--动效-快) var(--动效-曲线);background:#ffffffeb;border-radius:50%;place-items:center;padding-left:4px;display:grid;position:relative}.封面[data-astro-cid-yngxbivw]:hover .播放键[data-astro-cid-yngxbivw]{transform:scale(1.08)}.案例正文[data-astro-cid-l2nlvqdx]{padding-top:calc(var(--顶栏占位) + clamp(40px, 6vw, 72px));padding-bottom:var(--间距-区块);max-width:860px}.返回[data-astro-cid-l2nlvqdx]{font-size:var(--字号-小);color:var(--色-文字-次要);margin-bottom:40px;display:inline-block}.返回[data-astro-cid-l2nlvqdx]:hover{color:var(--色-文字);opacity:1}.案例大标题[data-astro-cid-l2nlvqdx]{font-size:var(--字号-大)}.案例英文标题[data-astro-cid-l2nlvqdx]{font-size:var(--字号-小);margin-top:12px;line-height:1.5}.案例导语[data-astro-cid-l2nlvqdx]{margin-top:var(--间距-中);font-size:var(--字号-中);max-width:30ch;line-height:1.45}.看代码[data-astro-cid-l2nlvqdx]{border:1px solid var(--玻璃-边-亮);background:var(--玻璃-面);-webkit-backdrop-filter:var(--玻璃-模糊);color:var(--色-文字);transition:background var(--动效-快) var(--动效-曲线), border-color var(--动效-快) var(--动效-曲线);border-radius:999px;margin-top:18px;padding:9px 20px;font-size:14px;display:inline-block}.看代码[data-astro-cid-l2nlvqdx]:hover{opacity:1;background:var(--玻璃-面-亮);border-color:#ffffff57}.信息条[data-astro-cid-l2nlvqdx]{gap:var(--间距-中);padding-block:var(--间距-中);border-top:1px solid var(--色-描边);border-bottom:1px solid var(--色-描边);grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));margin:clamp(48px,6vw,72px) 0 0;display:grid}.信息格--宽[data-astro-cid-l2nlvqdx]{grid-column:1/-1}.信息格[data-astro-cid-l2nlvqdx] dt[data-astro-cid-l2nlvqdx]{letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px;font-size:12px}.信息格[data-astro-cid-l2nlvqdx] dd[data-astro-cid-l2nlvqdx]{font-size:var(--字号-小);margin:0;line-height:1.5}.段落[data-astro-cid-l2nlvqdx]{margin-top:clamp(48px,6vw,72px)}.小标题[data-astro-cid-l2nlvqdx]{font-size:var(--字号-小);letter-spacing:.08em;text-transform:uppercase;color:var(--色-文字-次要);margin-bottom:var(--间距-中);font-weight:500}.正文段[data-astro-cid-l2nlvqdx]{font-size:var(--字号-正文);line-height:1.7}.要点表[data-astro-cid-l2nlvqdx]{gap:16px;margin:0;padding:0;list-style:none;display:grid}.要点表[data-astro-cid-l2nlvqdx] li[data-astro-cid-l2nlvqdx]{padding-left:22px;line-height:1.6;position:relative}.要点表[data-astro-cid-l2nlvqdx] li[data-astro-cid-l2nlvqdx]:before{content:"";background:var(--色-文字-次要);border-radius:1px;width:5px;height:5px;position:absolute;top:.62em;left:0}.技术标签组[data-astro-cid-l2nlvqdx]{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.技术标签[data-astro-cid-l2nlvqdx]{color:var(--色-文字-次要);border:1px solid var(--色-描边);border-radius:980px;padding:6px 13px;font-size:13px}.配图简介[data-astro-cid-l2nlvqdx]{max-width:860px;color:var(--色-文字-次要);margin:0 auto clamp(20px,2.5vw,32px);font-size:14px;line-height:1.65}.配图简介[data-astro-cid-l2nlvqdx] p[data-astro-cid-l2nlvqdx]+p[data-astro-cid-l2nlvqdx]{margin-top:10px}.配图说明[data-astro-cid-l2nlvqdx]{max-width:860px;color:var(--色-文字-次要);margin:10px auto 0;font-size:13px;line-height:1.6}.配图区[data-astro-cid-l2nlvqdx]{margin-top:clamp(48px,6vw,72px);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(14px,1.8vw,22px);max-width:660px;margin-inline:auto;display:grid}.配图简介[data-astro-cid-l2nlvqdx],.配图--横[data-astro-cid-l2nlvqdx]{grid-column:1/-1}.配图--竖[data-astro-cid-l2nlvqdx]{grid-column:span 1}@media (width<=700px){.配图区[data-astro-cid-l2nlvqdx]{grid-template-columns:minmax(0,1fr)}.配图--竖[data-astro-cid-l2nlvqdx]{grid-column:1/-1}}.配图[data-astro-cid-l2nlvqdx]{border-radius:var(--圆角-中);background:#1c1c1e;margin:0;overflow:hidden}.配图--竖[data-astro-cid-l2nlvqdx] img{object-fit:cover;max-height:380px}.配图--竖[data-astro-cid-l2nlvqdx] img[width]{max-height:380px}.配图[data-astro-cid-l2nlvqdx] img{width:100%;height:auto;display:block}.视频区[data-astro-cid-l2nlvqdx]{gap:clamp(20px,2.5vw,32px);margin-top:clamp(32px,4vw,48px);display:grid}.配套视频[data-astro-cid-l2nlvqdx]{margin:0}.配套视频[data-astro-cid-l2nlvqdx] video[data-astro-cid-l2nlvqdx]{border-radius:var(--圆角-中);background:#000;width:100%;height:auto;display:block}.视频说明[data-astro-cid-l2nlvqdx]{margin-top:10px;font-size:13px}