.jh-site-stats{box-sizing:border-box;width:100%;margin:0;padding:60px 8px 32px;color:var(--semi-color-text-0);font-size:14px;text-align:left}
.jh-stat-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 12px;padding:0}.jh-stat-title{display:flex;align-items:center;gap:8px}.jh-stat-title h1{margin:0;font-size:22px;line-height:30px;font-weight:650}.jh-stat-title-icon{display:none}.jh-stat-header p{margin:2px 0 0;color:var(--semi-color-text-2);font-size:13px}
.jh-refresh,.jh-range button,.jh-stat-tabs button{font:inherit;cursor:pointer}.jh-refresh{flex:0 0 auto;height:32px;padding:0 16px;border:0;border-radius:7px;color:#fff;background:#2563eb;font-weight:500}.jh-refresh:disabled,.jh-range button:disabled{cursor:default;opacity:.55}
.jh-stat-tabs{display:flex;align-items:flex-end;gap:8px;overflow-x:auto;margin:0 0 14px;padding:0;border:0;border-bottom:1px solid var(--semi-color-border);border-radius:0;background:transparent;scrollbar-width:none}.jh-stat-tabs::-webkit-scrollbar{display:none}.jh-stat-tabs button{flex:0 0 auto;height:37px;padding:8px 12px 7px;border:0;border-radius:3px 3px 0 0;color:var(--semi-color-text-1);background:transparent;white-space:nowrap;text-align:left}.jh-stat-tabs button:hover{background:var(--semi-color-fill-0)}.jh-stat-tabs button.active{color:#1d4ed8;background:var(--semi-color-bg-1);box-shadow:inset 0 -2px #2563eb;font-weight:600}
.jh-range{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.jh-range button{height:30px;padding:0 12px;border:1px solid var(--semi-color-border);border-radius:7px;color:var(--semi-color-text-1);background:var(--semi-color-bg-1)}.jh-range button.active{border-color:#93c5fd;color:#1d4ed8;background:#eff6ff}
.jh-stat-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 20px}.jh-stat-card{box-sizing:border-box;min-width:0;padding:16px;border:1px solid var(--semi-color-border);border-radius:10px;background:var(--semi-color-bg-1);box-shadow:0 1px 3px rgba(0,0,0,.04);text-align:left}.jh-stat-card.blue{border-color:#bfdbfe;background:linear-gradient(135deg,#eff6ff 0%,var(--semi-color-bg-1) 78%)}.jh-stat-label{color:var(--semi-color-text-2);font-size:13px}.jh-stat-value{overflow:hidden;margin-top:8px;font-size:25px;line-height:32px;font-weight:650;letter-spacing:-.4px;text-overflow:ellipsis}.jh-stat-note{margin-top:6px;color:var(--semi-color-text-2);font-size:12px}
.jh-stat-section{margin:0 0 24px;padding:0;border:0;border-radius:0;background:transparent}.jh-stat-section-head{display:flex;align-items:center;justify-content:space-between;margin:0 2px 12px}.jh-stat-section h3{margin:0;font-size:16px;font-weight:600}.jh-stat-section-head p{margin:4px 0 0;color:var(--semi-color-text-2);font-size:12px}
.jh-stat-table-wrap{overflow:auto;border:1px solid var(--semi-color-border);border-radius:10px;background:var(--semi-color-bg-1)}.jh-stat-table{width:100%;min-width:720px;border-collapse:collapse;text-align:left}.jh-stat-table th{padding:10px 12px;border-bottom:1px solid var(--semi-color-border);color:var(--semi-color-text-2);background:var(--semi-color-fill-0);font-size:12px;font-weight:500}.jh-stat-table td{padding:12px;border-bottom:1px solid var(--semi-color-border);white-space:nowrap}.jh-stat-table tbody tr:last-child td{border-bottom:0}.jh-stat-table tbody tr:hover{background:var(--semi-color-fill-0)}
.jh-rank{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:var(--semi-color-fill-0);font-size:12px}.jh-rank.top{color:#1d4ed8;background:#dbeafe;font-weight:700}.jh-share{display:flex;align-items:center;gap:8px;min-width:120px}.jh-share>span{display:block;max-width:80px;height:6px;border-radius:99px;background:#3b82f6}.jh-share em{color:var(--semi-color-text-2);font-size:12px;font-style:normal}
.jh-trend,.jh-sub-usage{padding:16px;border:1px solid var(--semi-color-border);border-radius:10px;background:var(--semi-color-bg-1)}.jh-trend{display:flex;flex-direction:column;gap:11px}.jh-trend-row{display:grid;grid-template-columns:108px minmax(90px,1fr) 80px 80px 105px;align-items:center;gap:12px;font-size:12px}.jh-trend-date,.jh-sub-usage small{color:var(--semi-color-text-2)}.jh-trend-bar{height:8px;overflow:hidden;border-radius:99px;background:var(--semi-color-fill-0)}.jh-trend-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#60a5fa,#2563eb)}.jh-trend-row strong{text-align:right;font-weight:600}.jh-sub-usage>div:first-child{display:flex;justify-content:space-between}.jh-progress{height:10px;margin:14px 0 8px;overflow:hidden;border-radius:99px;background:var(--semi-color-fill-0)}.jh-progress i{display:block;height:100%;border-radius:99px;background:#2563eb}
.jh-stat-empty,.jh-stat-loading,.jh-stat-error{padding:48px 20px;border:1px dashed var(--semi-color-border);border-radius:10px;color:var(--semi-color-text-2);text-align:left}.jh-stat-error{border-color:#fecaca;color:#dc2626;background:#fef2f2}.jh-stat-updated{color:var(--semi-color-text-2);font-size:12px;text-align:right}
@media(max-width:900px){.jh-stat-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.jh-trend-row{grid-template-columns:90px minmax(70px,1fr) 65px 65px}.jh-trend-row strong{display:none}}
@media(max-width:767px){.jh-site-stats{padding:60px 8px 24px}.jh-stat-header{align-items:flex-start}.jh-stat-title h1{font-size:20px;line-height:28px}.jh-stat-cards{grid-template-columns:1fr}.jh-trend-row{grid-template-columns:80px 1fr 60px}.jh-trend-row span:nth-of-type(3){display:none}}
@media(max-width:430px){.jh-stat-header{flex-direction:column;gap:8px}.jh-refresh{align-self:flex-start}}