.filter-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:36px;justify-content:center}.fchip{padding:12px 22px;border-radius:999px;background:var(--paper);border:1.5px solid var(--line-strong);font-size:18px;font-weight:600;cursor:pointer;transition:.2s}.fchip.active{background:var(--ink);color:var(--gold-bright);border-color:var(--ink)}.fchip:hover{border-color:var(--gold)}.num-section{margin-bottom:60px}.num-section-head{display:flex;align-items:center;gap:24px;margin-bottom:30px;padding-bottom:22px;border-bottom:2px dashed var(--line-strong)}.num-tag{display:inline-grid;place-items:center;width:84px;height:84px;border-radius:20px;background:linear-gradient(135deg,#ffe048,#c8961e);color:#1a1408;font-family:var(--display-en);font-weight:900;font-size:32px;letter-spacing:-.04em;box-shadow:var(--shadow-gold);flex-shrink:0;position:relative}.num-tag:after{content:"🔥";position:absolute;top:-8px;right:-8px;font-size:22px}.num-tag.cold{background:linear-gradient(135deg,#b5d8ff,#1a5599);color:#fff;box-shadow:0 14px 30px -12px #2c75c980}.num-tag.cold:after{content:"❄️"}.num-section-head .heading h2{font-family:var(--display);font-weight:900;font-size:30px;margin-bottom:6px;color:var(--ink)}.num-section-head .heading p{font-size:18px;color:var(--ink-mute)}.num-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.num-card{background:var(--paper);border-radius:var(--r-lg);padding:30px 26px;border:1px solid var(--line);box-shadow:var(--shadow-sm);transition:.25s;position:relative;overflow:hidden}.num-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.num-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold-bright),var(--gold-deep));opacity:0;transition:opacity .3s}.num-card:hover:before{opacity:1}.num-card.cold:before{background:linear-gradient(90deg,#6fb1f5,#1a5599)}.num-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.num-card-rank{font-family:var(--display);font-weight:900;font-size:24px;color:var(--ink-faint);letter-spacing:-.02em}.num-card-badge{font-family:var(--display-en);font-size:14px;letter-spacing:.2em;padding:6px 14px;border-radius:999px;background:linear-gradient(135deg,#ffeaea,#ffb5b5);color:var(--vermilion);font-weight:800;text-transform:uppercase}.num-card.cold .num-card-badge{background:linear-gradient(135deg,#e5f2ff,#b5d8ff);color:var(--azure)}.num-card-digits{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px;justify-content:center}.num-card-digits .digit{width:54px;height:54px;font-size:24px}.num-card-foot{display:flex;justify-content:space-between;align-items:center;padding-top:18px;border-top:1px solid var(--line);font-size:17px;color:var(--ink-mute)}.num-card-foot b{color:var(--vermilion);font-family:var(--display-en);font-size:22px;font-weight:800;margin:0 5px}.num-card.cold .num-card-foot b{color:var(--azure)}@media(max-width:1100px){.num-grid{grid-template-columns:repeat(2,1fr);gap:18px}}@media(max-width:900px){.num-grid{grid-template-columns:1fr;gap:16px}.num-section-head{flex-direction:column;align-items:flex-start;gap:14px}.num-card{padding:24px 20px}}@media(max-width:640px){.num-grid{grid-template-columns:1fr;gap:12px}.num-card{padding:20px 16px}.num-card-digits{gap:5px;flex-wrap:wrap}}.num-state{grid-column:1 / -1;text-align:center;padding:36px 20px;font-size:18px;color:var(--ink-mute);background:var(--paper);border:1px dashed var(--line-strong);border-radius:var(--r-lg)}.num-card.skel{pointer-events:none}.num-card.skel .sk{display:block;border-radius:10px;background:linear-gradient(90deg,var(--line) 25%,rgba(0,0,0,.04) 50%,var(--line) 75%);background-size:200% 100%;animation:numShimmer 1.2s infinite linear}.num-card.skel .sk-top{height:28px;margin-bottom:22px}.num-card.skel .sk-digits{height:54px;margin-bottom:24px}.num-card.skel .sk-foot{height:22px}@keyframes numShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.num-note{margin:44px auto 0;max-width:900px;padding:22px 26px;border-radius:var(--r-lg);background:var(--paper);border:1px solid var(--line-strong);border-left:5px solid var(--gold);font-size:16px;line-height:1.75;color:var(--ink-soft)}.num-note strong{color:var(--ink)}@media(max-width:640px){.num-section-head .heading h2{font-size:24px}.num-section-head .heading p{font-size:16px}.num-note{padding:18px 16px}}
