#hourly-sales-ranking{position:fixed;top:var(--hsr-top,88px);right:24px;z-index:45;width:min(410px,calc(100% - 32px));box-sizing:border-box;background:#fbfcf9;color:#293a2f;border:1px solid #dce4d7;border-radius:16px;box-shadow:0 14px 44px #24302025;font:13px/1.5 Arial,"Microsoft YaHei",sans-serif;overflow:hidden}
#hourly-sales-ranking[hidden]{display:none!important}
#hourly-sales-ranking *{box-sizing:border-box}
#hourly-sales-ranking button,#hourly-sales-ranking select{font:inherit;color:inherit}
#hourly-sales-ranking button{border:0;background:transparent;padding:0;cursor:pointer;text-align:left}
#hourly-sales-ranking button:hover{background:#edf3e9}
#hourly-sales-ranking .hsr-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 15px 11px}
#hourly-sales-ranking .hsr-head>span{font-size:12px;font-weight:700;letter-spacing:1px;color:#365b42}
#hourly-sales-ranking .hsr-head>div{display:flex;align-items:center;gap:10px}
#hourly-sales-ranking select{font-size:12px;border:1px solid #e1e7dc;border-radius:6px;padding:4px;background:#fff;max-width:110px}
#hourly-sales-ranking .hsr-minimize{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px}
#hourly-sales-ranking .hsr-minimize>span{width:12px;height:2px;background:#6c7b70;border-radius:1px}
#hourly-sales-ranking .hsr-caption{padding:0 15px 12px}
#hourly-sales-ranking h2{font-size:21px;line-height:1.4;font-weight:700;margin:0 0 6px}
#hourly-sales-ranking h2 em{font-style:normal;color:#a3583e}
#hourly-sales-ranking .hsr-caption p{display:flex;justify-content:space-between;gap:8px;margin:0;font-size:11px;color:#6c7b70}
#hourly-sales-ranking .hsr-summary{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin:0 10px 10px;padding:9px 10px;background:#edf3e9;border-radius:8px;font-size:11px;color:#6c7b70}
#hourly-sales-ranking .hsr-summary strong{font-size:18px;font-weight:500;color:#293a2f;font-variant-numeric:tabular-nums}
#hourly-sales-ranking .hsr-summary small{font-size:11px;font-weight:400}
#hourly-sales-ranking .hsr-body{display:grid;gap:6px;padding:0 10px 4px;max-height:max(120px,calc(100dvh - var(--hsr-top,88px) - 230px));overflow-y:auto;overscroll-behavior:contain}
#hourly-sales-ranking .hsr-entry{background:#fff;border:1px solid #e1e7dc;border-radius:10px;overflow:hidden}
#hourly-sales-ranking .hsr-product{display:grid;grid-template-columns:22px minmax(0,1fr) 79px;align-items:center;gap:8px;width:100%;padding:11px 9px}
#hourly-sales-ranking .hsr-rank{font-size:17px;color:#a3583e;font-variant-numeric:tabular-nums}
#hourly-sales-ranking .hsr-copy{min-width:0}
#hourly-sales-ranking .hsr-copy strong{display:block;font-size:13px;font-weight:700;overflow-wrap:anywhere}
#hourly-sales-ranking .hsr-copy>small{display:block;margin-top:3px;font-size:11px;color:#6c7b70}
#hourly-sales-ranking .hsr-chevron{font-size:11px;margin-left:5px;color:#6c7b70}
#hourly-sales-ranking .hsr-delta{font-size:24px;line-height:1.2;font-variant-numeric:tabular-nums;text-align:right;color:#a3583e;white-space:nowrap}
#hourly-sales-ranking .hsr-delta>small{font-size:11px;color:#6c7b70}
#hourly-sales-ranking .hsr-delta-label{display:block;font-size:10px;color:#6c7b70;margin-top:3px}
#hourly-sales-ranking .hsr-track{display:block;margin-top:8px;height:4px;background:#edf3e9;border-radius:4px;overflow:hidden}
#hourly-sales-ranking .hsr-track>span{display:block;height:100%;background:#95aa7a;border-radius:4px}
#hourly-sales-ranking .hsr-material{display:grid;grid-template-columns:18px 39px minmax(0,1fr) 74px;gap:7px;align-items:center;width:100%;padding:9px 8px}
#hourly-sales-ranking .hsr-material img,#hourly-sales-ranking .hsr-no-cover{display:block;width:39px;height:55px;border-radius:5px;object-fit:cover;background:#edf3e9}
#hourly-sales-ranking .hsr-no-cover{font-size:10px;display:grid;place-content:center;text-align:center;color:#6c7b70}
#hourly-sales-ranking .hsr-expanded{padding:8px 7px;border-top:1px solid #e1e7dc;background:#fbfcf9}
#hourly-sales-ranking .hsr-expanded>p{margin:0 4px 5px;font-size:11px;color:#6c7b70}
#hourly-sales-ranking .hsr-compact{grid-template-columns:29px minmax(0,1fr) 72px;gap:8px;padding:6px 4px;border-radius:6px}
#hourly-sales-ranking .hsr-compact img,#hourly-sales-ranking .hsr-compact .hsr-no-cover{width:29px;height:40px}
#hourly-sales-ranking .hsr-compact .hsr-delta{font-size:16px}
#hourly-sales-ranking .hsr-more{padding:8px;text-align:center;font-size:12px;color:#365b42;border-radius:7px}
#hourly-sales-ranking .hsr-empty{padding:18px 10px;text-align:center;font-size:12px;color:#6c7b70;margin:0}
#hourly-sales-ranking .hsr-footer{display:flex;justify-content:space-between;gap:8px;margin:7px 15px 0;padding:10px 0 8px;border-top:1px solid #e1e7dc;font-size:11px;color:#6c7b70}
#hourly-sales-ranking .hsr-note{font-size:11px;color:#6c7b70;margin:0;padding:0 15px 12px}
#hourly-sales-ranking.is-collapsed{width:52px;height:52px;border-radius:50%;background:#365b42;border-color:#365b42;box-shadow:0 5px 18px #254c3a35}
#hourly-sales-ranking .hsr-orb{display:flex;align-items:center;justify-content:center;width:50px;height:50px;color:#fbfcf9;border-radius:50%}
#hourly-sales-ranking .hsr-orb:hover{background:#2c4c37}
#hourly-sales-ranking .hsr-orb>span{font-size:23px;line-height:1;font-weight:700}
@media(max-width:450px){#hourly-sales-ranking{right:12px;width:calc(100% - 24px)}#hourly-sales-ranking .hsr-head{padding:12px 11px 10px}#hourly-sales-ranking .hsr-caption{padding-left:11px;padding-right:11px}#hourly-sales-ranking h2{font-size:20px}#hourly-sales-ranking .hsr-material{grid-template-columns:17px 32px minmax(0,1fr) 64px;gap:5px;padding:9px 6px}#hourly-sales-ranking .hsr-material img,#hourly-sales-ranking .hsr-no-cover{width:32px;height:48px}#hourly-sales-ranking .hsr-copy strong{font-size:12px}#hourly-sales-ranking .hsr-delta{font-size:21px}#hourly-sales-ranking .hsr-product{grid-template-columns:18px minmax(0,1fr) 70px;gap:6px;padding:10px 7px}#hourly-sales-ranking .hsr-compact{grid-template-columns:29px minmax(0,1fr) 65px}#hourly-sales-ranking .hsr-compact img{width:29px;height:40px}#hourly-sales-ranking.is-collapsed{width:52px}}
@media(pointer:coarse){#hourly-sales-ranking .hsr-minimize{width:44px;height:44px}#hourly-sales-ranking select{min-height:44px}}