.znql{position:relative;background:var(--zn-bg1);border-bottom:1px solid rgba(var(--zn-line),.08);padding:clamp(30px,4vw,44px) 0}.znql-wrap{max-width:1280px;margin:0 auto;padding:0 clamp(18px,5vw,64px)}.znql-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--znql-min,230px),1fr));gap:14px}.znql .zn-rcard{display:block;background:var(--zn-card);border:1px solid rgba(var(--zn-line),.14);border-radius:18px;padding:20px;box-shadow:var(--zn-cardsh);transition:transform .2s,box-shadow .2s,border-color .2s,background .25s}.znql .zn-rcard:hover{transform:translateY(-4px)}.znql .zn-rc-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.znql .zn-rc-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;color:#fff;font-size:17px}.znql .zn-rcard.is-rose .zn-rc-ic{background:linear-gradient(135deg,var(--zn-crim),var(--zn-rose));box-shadow:0 0 20px rgb(255 59 92 / .28)}.znql .zn-rcard.is-rose2 .zn-rc-ic{background:linear-gradient(135deg,var(--zn-rose2),var(--zn-crim));box-shadow:0 0 20px rgb(255 92 138 / .28)}.znql .zn-rcard.is-gold .zn-rc-ic{background:linear-gradient(135deg,var(--zn-gold),var(--zn-gold2));box-shadow:0 0 20px rgb(245 179 1 / .28)}.znql .zn-rc-arrow{width:28px;height:28px;border-radius:50%;border:1px solid rgba(var(--zn-line),.26);display:grid;place-items:center;color:var(--zn-t4);font-size:13px}.znql .zn-rc-t{font-size:15.5px;font-weight:900;color:var(--zn-t1);margin:14px 0 5px}.znql .zn-rc-d{font-size:12px;color:var(--zn-t5);line-height:1.9;font-weight:500}.znql{--rc-c1:var(--rc-from, var(--zn-crim));--rc-c2:var(--rc-mid, var(--zn-rose));--rc-c3:var(--rc-to, var(--zn-rose2));--rc-hot-bg:linear-gradient(var(--rc-angle,90deg), var(--rc-c1), var(--rc-c2) 52%, var(--rc-c3))}.znql-hoverfill-no .znql .zn-rcard:not(.zn-rcard-hot):hover{background:var(--zn-card)!important;border-color:rgba(var(--zn-line),.14)!important;box-shadow:var(--zn-cardsh)!important}.znql-hoverfill-no .znql .zn-rcard:not(.zn-rcard-hot):hover .zn-rc-t{color:var(--zn-t1)!important}.znql-hoverfill-no .znql .zn-rcard:not(.zn-rcard-hot):hover .zn-rc-d{color:var(--zn-t5)!important}.znql-hoverfill-no .znql .zn-rcard:not(.zn-rcard-hot):hover .zn-rc-arrow{border-color:rgba(var(--zn-line),.26)!important;color:var(--zn-t4)!important}