.cc-env{height:38px;background:#071a31;color:#dce8f5;display:flex;align-items:center;gap:8px;padding:0 2.4vw;font:600 12px/1 Segoe UI,Arial;position:relative;z-index:1000;border-bottom:1px solid #ffffff18}.cc-env strong{color:#fff;margin-right:8px}.cc-env a{color:#dce8f5;text-decoration:none;padding:7px 10px;border-radius:7px}.cc-env a:hover,.cc-env a.active{background:#1672e8;color:#fff}.cc-env .spacer{flex:1}.cc-env .preview-link{border:1px solid #ffffff38}.demo-rich{padding:18px 1.2vw 30px;background:linear-gradient(180deg,#e9f0f7,#f7f9fc)}.demo-rich-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.demo-rich-card{min-height:190px;border-radius:12px;overflow:hidden;position:relative;background:#0b315b;color:#fff;box-shadow:0 5px 20px #10223d1a}.demo-rich-card img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.demo-rich-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#06192de8 0%,#06192d10 70%)}.demo-rich-card div{position:absolute;z-index:2;left:18px;right:18px;bottom:16px}.demo-rich-card b{font-size:18px}.demo-rich-card span{display:block;font-size:12px;margin-top:5px;color:#dce8f5}.demo-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:10px}.demo-stat{background:#fff;border-radius:11px;padding:15px 17px;border:1px solid #dbe5ef}.demo-stat b{display:block;font-size:18px;color:#0b315b}.demo-stat span{font-size:12px;color:#66788b}.demo-vol{margin-top:10px;background:#fff;border:1px solid #dbe5ef;border-radius:12px;padding:18px;display:flex;align-items:center;gap:18px}.demo-vol .heart{font-size:34px}.demo-vol .grow{flex:1}.demo-vol a{background:#ed1c32;color:#fff;padding:10px 14px;border-radius:8px;font-weight:800;text-decoration:none}@media(max-width:900px){.cc-env{overflow-x:auto}.cc-env .spacer{display:none}.demo-rich-grid{grid-template-columns:1fr 1fr}.demo-strip{grid-template-columns:1fr 1fr}}@media(max-width:520px){.demo-rich-grid,.demo-strip{grid-template-columns:1fr}.cc-env strong{display:none}}