.li-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.li-card{background:var(--pmy-card,#fff);border:1px solid rgba(127,127,127,.22);border-radius:16px;padding:18px}.li-card strong{display:block;font-size:30px;margin-top:7px}.li-card small{opacity:.7}.li-two{display:grid;grid-template-columns:1.3fr .7fr;gap:16px;margin-top:16px}.li-bars{display:grid;gap:10px}.li-bar-head{display:flex;justify-content:space-between;gap:12px}.li-track{height:9px;border-radius:999px;background:rgba(127,127,127,.18);overflow:hidden}.li-fill{height:100%;background:linear-gradient(90deg,#b58a2b,#e5c76b);border-radius:999px}.li-rec{padding:14px 0;border-bottom:1px solid rgba(127,127,127,.18)}.li-rec:last-child{border:0}.li-trend{display:flex;align-items:end;gap:5px;height:150px;padding-top:16px}.li-col{flex:1;min-width:5px;background:linear-gradient(180deg,#e5c76b,#8b671b);border-radius:5px 5px 0 0;position:relative}.li-col:hover:after{content:attr(data-tip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:#111;color:#fff;padding:5px 7px;border-radius:6px;white-space:nowrap;font-size:11px}.li-empty{padding:30px;text-align:center;opacity:.7}@media(max-width:900px){.li-grid{grid-template-columns:repeat(2,1fr)}.li-two{grid-template-columns:1fr}}@media(max-width:520px){.li-grid{grid-template-columns:1fr}}
