.lx.cn-plats{border-top:1px solid var(--fx-line-e5e5e5)}.cn-plat-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.cn-plat{border:1px solid var(--fx-line-e5e5e5);background:var(--fx-bg-ffffff);color:var(--fx-ink-0a0a0a);border-radius:18px;flex-direction:column;text-decoration:none;transition:border-color .2s,transform .25s,box-shadow .25s;display:flex;overflow:hidden}.cn-stage{aspect-ratio:5/4;background:#0b0b0c radial-gradient(70% 55% at 50% 78%,#8fc74847,#0000 70%);position:relative;overflow:hidden}.cn-stage:after{content:"";pointer-events:none;background:radial-gradient(circle,#8fc7481a 1px,#0000 1px) 0 0/22px 22px;position:absolute;inset:0}.cn-stage img{object-fit:contain;filter:drop-shadow(0 18px 24px #0009);z-index:1;width:76%;height:74%;transition:transform .6s;position:absolute;top:14%;left:12%}.cn-stage-idx{z-index:2;letter-spacing:1px;text-transform:uppercase;color:#8fc748;font-family:Fira Code,monospace;font-size:11px;font-weight:700;position:absolute;top:16px;left:18px}.cn-plat-body{flex-direction:column;flex:1;padding:clamp(22px,1.8vw,32px);display:flex}.lx .cn-plat h3{letter-spacing:-.03em;margin-bottom:8px;font-size:clamp(24px,1.8vw,32px);font-weight:900}.lx .cn-plat p{font-size:clamp(14px,.95vw,16px)}.cn-plat .ms-chips{padding-top:20px}@media (hover:hover){.cn-plat:hover{border-color:#8fc74880;transform:translateY(-4px);box-shadow:0 24px 50px -30px #0000004d}.cn-plat:hover .cn-stage img{transform:scale(1.06)translateY(-4px)}.cn-plat:hover .cp-type-cta span{transform:translate(5px)}}.cn-extra-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:20px;display:grid}.cn-extra{border:1px solid var(--fx-line-e5e5e5);background:var(--fx-bg-f9f9f9);border-left:4px solid #8fc748;border-radius:18px;align-items:center;gap:clamp(20px,2vw,36px);padding:clamp(20px,1.8vw,28px);display:flex}.cn-extra-img{aspect-ratio:4/3;background:#0b0b0c radial-gradient(70% 55% at 50% 80%,#8fc74840,#0000 70%);border-radius:12px;flex-shrink:0;width:clamp(120px,11vw,190px);position:relative;overflow:hidden}.cn-extra-img img{object-fit:contain;width:84%;height:80%;position:absolute;top:10%;left:8%}.lx .cn-extra h3{letter-spacing:-.02em;margin:8px 0 6px;font-size:clamp(19px,1.4vw,24px);font-weight:900}.lx .cn-extra p{font-size:clamp(14px,.95vw,16px)}.cn-extra .ms-tag{color:#8fc748}.cn-fix-grid{grid-template-columns:repeat(4,1fr)}.cn-fix-grid .cp-fix{flex-direction:column;display:flex}.cn-fix-chips{flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:20px;display:flex}.cn-fix-chips span{color:#b9d98f;background:#8fc74814;border:1px solid #8fc74833;border-radius:4px;padding:4px 9px;font-family:Fira Code,monospace;font-size:11px;font-weight:600}.cn-ctrl-stage{aspect-ratio:4/5;background:#0b0b0c radial-gradient(75% 50% at 50% 70%,#8fc7484d,#0000 70%);border-radius:18px;position:relative;overflow:hidden}.cn-ctrl-stage:after{content:"";pointer-events:none;background:radial-gradient(circle,#8fc7481a 1px,#0000 1px) 0 0/22px 22px;position:absolute;inset:0}.cn-ctrl-stage img{object-fit:contain;filter:drop-shadow(0 22px 30px #0009);z-index:1;width:84%;height:60%;position:absolute;top:20%;left:8%}@media (max-width:1200px){.cn-plat-grid{grid-template-columns:repeat(2,1fr)}.cn-stage{aspect-ratio:16/10}.cn-fix-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:968px){.cn-fix-grid .cp-fix:last-child{grid-column:auto}.cn-extra-grid{grid-template-columns:1fr}.cn-ctrl-stage{aspect-ratio:16/11;max-width:640px}}@media (max-width:640px){.cn-plat-grid,.cn-fix-grid{grid-template-columns:1fr}.cn-extra{flex-direction:column;align-items:flex-start}.cn-extra-img{aspect-ratio:16/9;width:100%}}.cn-fix-grid .cp-fix{padding:0}.cn-fix-photo{aspect-ratio:16/10;background:#0b0b0c;position:relative;overflow:hidden}.cn-fix-photo:after{content:"";pointer-events:none;background:linear-gradient(#0000 55%,#111);position:absolute;inset:0}.cn-fix-photo img{object-fit:cover;width:100%;height:100%;transition:transform .6s;display:block}.cn-fix-body{z-index:1;flex-direction:column;flex:1;margin-top:-23px;padding:0 clamp(24px,2vw,36px) clamp(26px,2.2vw,40px);display:flex;position:relative}.cn-fix-body .cp-fix-top{margin-bottom:20px}.cn-fix-body .cp-fix-icon{background:#1b2213;border:1px solid #8fc7484d}@media (hover:hover){.cn-fix-grid .cp-fix:hover .cn-fix-photo img{transform:scale(1.05)}}.lx.cn-clean{border-top:1px solid var(--fx-line-e5e5e5)}.cn-clean-grid{counter-reset:none;grid-template-columns:repeat(4,1fr);gap:20px;list-style:none;display:grid}.cn-clean-img{aspect-ratio:4/3;background:#0b0b0c;border-radius:14px;margin-bottom:18px;position:relative;overflow:hidden}.cn-clean-img img{object-fit:cover;width:100%;height:100%;display:block}.cn-clean-img span{letter-spacing:1px;text-transform:uppercase;color:#fff;background:#000000b3;border:1px solid #8fc74880;border-radius:4px;padding:5px 10px;font-family:Fira Code,monospace;font-size:11px;font-weight:700;position:absolute;top:12px;left:12px}.lx .cn-clean-step h3{letter-spacing:-.02em;margin-bottom:6px;font-size:clamp(19px,1.4vw,24px);font-weight:900}.lx .cn-clean-step p{font-size:clamp(14px,.95vw,16px)}@media (max-width:1200px){.cn-clean-grid{grid-template-columns:repeat(2,1fr);gap:28px 20px}}@media (max-width:640px){.cn-clean-grid{grid-template-columns:1fr}}
