#jgrid .card .jph{position:relative;display:inline-block;flex:0 0 auto;width:64px;height:64px}
#jgrid .card .jph .jic{display:block}
#jgrid .card .jph .cpp{position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);white-space:nowrap;font-style:normal;font-size:8.5px;line-height:1;padding:2px 5px;border-radius:6px;background:rgba(11,7,24,.78);color:#e9e3ff;border:1px solid rgba(255,255,255,.18);pointer-events:none}
#tips{margin-bottom:18px}
#tips a.tp{color:inherit;text-decoration:none;cursor:pointer;transition:transform .15s}
#tips a.tp:hover{transform:translateY(-2px)}
#tips .tpi{flex:0 0 auto;width:54px;height:54px;border-radius:14px;display:grid;place-items:center;font-size:26px;background:linear-gradient(135deg,#6A3DF0,#FF5FA2)}
@media(min-width:900px){#tips .tp11 .tpl{grid-template-columns:repeat(3,minmax(0,1fr))!important}}