*,:after,:before{margin:0;padding:0;box-sizing:border-box}:root{--bg:#f4f6fb;--bg-soft:#fff;--bg-card:hsla(0,0%,100%,.72);--text:#1a1f36;--text-2:#5b6478;--text-3:#9aa3b5;--line:rgba(26,31,54,.08);--accent:#6366f1;--accent-2:#a855f7;--accent-3:#ec4899;--gold:#f59e0b;--silver:#94a3b8;--bronze:#d97706;--grad-hero:linear-gradient(135deg,#6366f1,#8b5cf6 45%,#ec4899);--shadow-sm:0 2px 10px rgba(30,35,70,.06);--shadow-md:0 12px 40px rgba(30,35,70,.12);--shadow-lg:0 24px 70px rgba(30,35,70,.18);--r-lg:22px;--r-md:16px;--r-sm:12px;--ease:cubic-bezier(.16,1,.3,1)}[data-theme=dark]{--bg:#0b0e1c;--bg-soft:#121628;--bg-card:hsla(0,0%,100%,.045);--text:#eef0fb;--text-2:#a6adc4;--text-3:#6b7390;--line:hsla(0,0%,100%,.09);--grad-hero:linear-gradient(135deg,#4f46e5,#7c3aed 45%,#db2777);--shadow-sm:0 2px 12px rgba(0,0,0,.35);--shadow-md:0 14px 44px rgba(0,0,0,.45);--shadow-lg:0 26px 80px rgba(0,0,0,.55)}@media (prefers-color-scheme:dark){[data-theme=system]{--bg:#0b0e1c;--bg-soft:#121628;--bg-card:hsla(0,0%,100%,.045);--text:#eef0fb;--text-2:#a6adc4;--text-3:#6b7390;--line:hsla(0,0%,100%,.09);--grad-hero:linear-gradient(135deg,#4f46e5,#7c3aed 45%,#db2777);--shadow-sm:0 2px 12px rgba(0,0,0,.35);--shadow-md:0 14px 44px rgba(0,0,0,.45);--shadow-lg:0 26px 80px rgba(0,0,0,.55)}}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans SC,Noto Sans JP,Noto Sans KR,Noto Sans Thai,Noto Sans Vietnamese,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:background .45s var(--ease),color .45s var(--ease)}::selection{background:rgba(139,92,246,.35)}a{text-decoration:none}a,button{color:inherit}button{font-family:inherit;cursor:pointer;border:none;background:none}img{max-width:100%;display:block}.container{max-width:1180px;margin:0 auto;padding:0 22px}.header{position:fixed;top:0;left:0;right:0;z-index:100;backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);background:color-mix(in srgb,var(--bg) 72%,transparent);border-bottom:1px solid var(--line);transition:background .45s var(--ease),box-shadow .45s var(--ease)}.header.scrolled{box-shadow:0 8px 30px rgba(20,25,50,.08)}.header-inner{justify-content:space-between;height:64px;gap:14px}.header-inner,.logo{display:flex;align-items:center}.logo{gap:10px;font-weight:800;font-size:1.22rem;letter-spacing:-.02em}.logo .logo-star{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#fff;background:var(--grad-hero);box-shadow:0 6px 18px rgba(139,92,246,.4);font-size:1.05rem;transition:transform .4s var(--ease)}.logo:hover .logo-star{transform:rotate(-12deg) scale(1.08)}.logo .logo-txt b{background:var(--grad-hero);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.header-actions{display:flex;align-items:center;gap:10px}.icon-btn{position:relative;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;border:1px solid var(--line);background:var(--bg-card);font-size:1.05rem;transition:transform .3s var(--ease),box-shadow .3s var(--ease),background .3s}.icon-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.icon-btn:active{transform:scale(.94)}.lang-wrap{position:relative}.lang-btn{display:flex;align-items:center;gap:7px;height:38px;padding:0 12px;border-radius:11px;border:1px solid var(--line);background:var(--bg-card);font-size:.92rem;font-weight:600;transition:transform .3s var(--ease),box-shadow .3s var(--ease)}.lang-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.lang-btn .caret{margin-left:2px;font-size:.7rem;opacity:.6;transition:transform .3s var(--ease)}.lang-wrap.open .caret{transform:rotate(180deg)}.lang-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:168px;padding:8px;border-radius:16px;background:var(--bg-soft);border:1px solid var(--line);box-shadow:var(--shadow-md);opacity:0;transform:translateY(-8px) scale(.97);pointer-events:none;transition:opacity .28s var(--ease),transform .28s var(--ease);z-index:120}.lang-wrap.open .lang-menu{opacity:1;transform:none;pointer-events:auto}.lang-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border-radius:10px;font-size:.92rem;font-weight:600;transition:background .2s,color .2s;text-align:left}.lang-item:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}.lang-item.active{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}.lang-item .check{margin-left:auto;opacity:0;transform:scale(.5);transition:.25s var(--ease)}.lang-item.active .check{opacity:1;transform:none}.hero{position:relative;padding:148px 0 96px;overflow:hidden;background:var(--grad-hero);color:#fff;text-align:center}.hero:after,.hero:before{content:"";position:absolute;border-radius:50%;filter:blur(60px);opacity:.5;pointer-events:none}.hero:before{width:520px;height:520px;background:hsla(0,0%,100%,.14);top:-220px;left:-140px}.hero:after{width:420px;height:420px;background:hsla(0,0%,100%,.1);bottom:-180px;right:-120px}#stars-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hero-inner{position:relative;z-index:2}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:999px;background:hsla(0,0%,100%,.16);border:1px solid hsla(0,0%,100%,.3);font-size:.85rem;font-weight:600;letter-spacing:.06em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin-bottom:26px;animation:floatIn .8s var(--ease) both}.hero-badge .dot{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 0 rgba(74,222,128,.6);animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(74,222,128,.55)}70%{box-shadow:0 0 0 9px rgba(74,222,128,0)}to{box-shadow:0 0 0 0 rgba(74,222,128,0)}}.hero h1{font-size:clamp(1.7rem,5.4vw,4.4rem);font-weight:900;letter-spacing:-.035em;line-height:1.1;text-shadow:0 10px 40px rgba(20,10,60,.35);animation:floatIn .8s var(--ease) .08s both}.hero h1 .grad{background:linear-gradient(90deg,#fde68a,#fbbf24,#fb923c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-sub{margin-top:18px;font-size:clamp(1rem,2.4vw,1.2rem);opacity:.92;font-weight:500;animation:floatIn .8s var(--ease) .16s both}.hero-sub .flag-row{display:flex;justify-content:center;gap:14px;margin-top:20px;font-size:1.5rem;flex-wrap:wrap}.hero-sub .flag-row span{display:inline-flex;align-items:center;gap:7px;padding:7px 15px;border-radius:999px;background:hsla(0,0%,100%,.14);border:1px solid hsla(0,0%,100%,.24);font-size:.88rem;font-weight:600;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .3s var(--ease)}.hero-sub .flag-row span:hover{transform:translateY(-3px)}@keyframes floatIn{0%{transform:translateY(26px)}to{transform:none}}.stats{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;max-width:760px;margin:56px auto 0;animation:floatIn .8s var(--ease) .3s both}.stat{padding:18px 12px;border-radius:var(--r-md);background:hsla(0,0%,100%,.14);border:1px solid hsla(0,0%,100%,.22);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .35s var(--ease)}.stat:hover{transform:translateY(-4px)}.stat .num{font-size:clamp(1.5rem,4vw,2.1rem);font-weight:900;letter-spacing:-.02em}.stat .lbl{font-size:.8rem;opacity:.85;margin-top:2px;font-weight:500}.region-section{position:relative;margin-top:-46px;z-index:5}.region-tabs{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;padding:14px;border-radius:var(--r-lg);background:var(--bg-soft);border:1px solid var(--line);box-shadow:var(--shadow-md)}.region-tab{display:flex;align-items:center;gap:9px;padding:11px 18px;border-radius:14px;font-size:.96rem;font-weight:700;color:var(--text-2);transition:all .3s var(--ease);position:relative;overflow:hidden}.region-tab .fl{font-size:1.2rem}.region-tab:hover{color:var(--text);background:color-mix(in srgb,var(--accent) 8%,transparent);transform:translateY(-2px)}.region-tab.active{color:#fff;background:var(--grad-hero);box-shadow:0 10px 26px rgba(139,92,246,.4);transform:translateY(-2px)}.region-tab .count{font-size:.72rem;font-weight:800;opacity:.8;background:hsla(0,0%,100%,.2);padding:2px 8px;border-radius:999px}.region-tab:not(.active) .count{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);opacity:1}.sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin:52px 0 24px;flex-wrap:wrap}.sec-title{font-size:clamp(1.3rem,3vw,1.7rem);font-weight:800;letter-spacing:-.02em}.sec-title .accent{background:var(--grad-hero);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.sec-meta{font-size:.86rem;color:var(--text-3);font-weight:600;display:flex;gap:10px;align-items:center}.sec-meta .upd{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:color-mix(in srgb,var(--accent) 9%,transparent);color:var(--accent)}.podium{display:grid;grid-template-columns:1fr 1.14fr 1fr;grid-gap:16px;gap:16px;align-items:end}.p-card{position:relative;border-radius:var(--r-lg);overflow:hidden;text-align:center;background:var(--bg-card);border:1px solid var(--line);box-shadow:var(--shadow-sm);padding:26px 18px 22px;transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .3s}.p-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-md)}.p-card.rank-1{padding-bottom:30px;border-color:rgba(245,158,11,.45);background:linear-gradient(180deg,color-mix(in srgb,var(--gold) 10%,transparent),var(--bg-card) 46%)}.p-card.rank-2{border-color:rgba(148,163,184,.4);background:linear-gradient(180deg,color-mix(in srgb,var(--silver) 10%,transparent),var(--bg-card) 46%)}.p-card.rank-3{border-color:rgba(217,119,6,.38);background:linear-gradient(180deg,color-mix(in srgb,var(--bronze) 9%,transparent),var(--bg-card) 46%)}.p-rank{position:absolute;top:0;left:50%;transform:translateX(-50%);padding:6px 18px;border-radius:0 0 14px 14px;font-size:.8rem;font-weight:800;letter-spacing:.08em;color:#fff}.rank-1 .p-rank{background:linear-gradient(90deg,#f59e0b,#fbbf24,#f59e0b)}.rank-2 .p-rank{background:linear-gradient(90deg,#94a3b8,#cbd5e1,#94a3b8)}.rank-3 .p-rank{background:linear-gradient(90deg,#d97706,#f59e0b,#d97706)}.p-rank .crown{margin-right:5px}.p-avatar{width:96px;height:96px;margin:26px auto 14px;border-radius:32px;display:grid;place-items:center;font-size:2.1rem;font-weight:900;color:#fff;position:relative;box-shadow:0 14px 34px rgba(20,25,60,.22);transition:transform .5s var(--ease)}.rank-1 .p-avatar{width:112px;height:112px;font-size:2.4rem;border-radius:38px}.p-card:hover .p-avatar{transform:scale(1.06) rotate(-2deg)}.p-avatar:after{content:"";position:absolute;inset:-5px;border-radius:inherit;border:2px dashed hsla(0,0%,100%,.4);opacity:0;transition:.4s var(--ease);animation:spin 12s linear infinite}.p-card:hover .p-avatar:after{opacity:1}@keyframes spin{to{transform:rotate(1turn)}}.p-name{font-size:1.22rem;font-weight:900;letter-spacing:-.01em}.rank-1 .p-name{font-size:1.5rem}.p-sub{margin-top:6px;display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.tag{font-size:.72rem;font-weight:700;padding:3px 10px;border-radius:999px;background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent)}.p-work{margin:12px auto 0;font-size:.82rem;color:var(--text-2);max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p-heat{margin-top:14px}.heat-label{display:flex;justify-content:space-between;font-size:.74rem;font-weight:700;color:var(--text-3);margin-bottom:6px}.heat-bar{height:8px;border-radius:99px;background:color-mix(in srgb,var(--text) 8%,transparent);overflow:hidden}.heat-bar i{display:block;height:100%;border-radius:99px;width:0;background:linear-gradient(90deg,var(--accent),var(--accent-2),var(--accent-3));transition:width 1.3s var(--ease);position:relative}.heat-bar i:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.55),transparent);transform:translateX(-100%);animation:sheen 2.6s ease infinite}@keyframes sheen{60%,to{transform:translateX(100%)}}.rank-list{display:flex;flex-direction:column;gap:12px;margin-top:34px}.r-item{display:flex;align-items:center;gap:16px;padding:14px 18px;border-radius:var(--r-md);background:var(--bg-card);border:1px solid var(--line);box-shadow:var(--shadow-sm);transition:transform .35s var(--ease),box-shadow .35s var(--ease),border-color .3s;position:relative;overflow:hidden}.r-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--grad-hero);opacity:0;transition:opacity .3s}.r-item:hover{transform:translateX(6px);box-shadow:var(--shadow-md);border-color:color-mix(in srgb,var(--accent) 30%,transparent)}.r-item:hover:before{opacity:1}.r-num{width:44px;height:44px;flex-shrink:0;border-radius:13px;display:grid;place-items:center;font-weight:900;font-size:1.05rem;color:var(--text-2);background:color-mix(in srgb,var(--text) 6%,transparent);transition:.3s var(--ease)}.r-item:hover .r-num{background:var(--grad-hero);color:#fff;transform:scale(1.06)}.r-avatar{width:52px;height:52px;flex-shrink:0;border-radius:15px;display:grid;place-items:center;color:#fff;font-weight:900;font-size:1.25rem;box-shadow:0 8px 20px rgba(20,25,60,.18)}.r-info{flex:1 1;min-width:0}.r-name{font-weight:800;font-size:1.02rem;letter-spacing:-.01em;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.r-name .tag2{font-size:.68rem;font-weight:700;padding:2px 9px;border-radius:99px;background:color-mix(in srgb,var(--accent) 11%,transparent);color:var(--accent)}.r-role{font-size:.78rem;color:var(--text-3);margin-top:2px;font-weight:500}.r-work{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--text-2);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.r-heat{width:190px;flex-shrink:0}.r-heat .heat-label{margin-bottom:5px}@media (max-width:840px){.r-heat{width:120px}}@media (max-width:720px){.podium{grid-template-columns:1fr;gap:12px}.p-card.rank-1,.p-card.rank-2,.p-card.rank-3{padding:24px 18px 22px}.p-card.rank-1 .p-avatar{width:96px;height:96px;font-size:2.1rem;border-radius:32px}}@media (max-width:600px){.r-item{flex-wrap:wrap;gap:12px}.r-heat{order:5}.r-heat,.r-work{width:100%;padding-left:68px}.r-work{order:4}}footer{border-top:1px solid var(--line);margin-top:80px;padding:40px 0 46px;color:var(--text-3);font-size:.84rem}.footer-inner{flex-direction:column;gap:14px;text-align:center}.footer-inner,.footer-logo{display:flex;align-items:center}.footer-logo{gap:8px;font-weight:800;color:var(--text);font-size:1.05rem}.footer-links{display:flex;gap:22px;flex-wrap:wrap;justify-content:center}.footer-links a{transition:color .25s;font-weight:600}.footer-links a:hover{color:var(--accent)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal.in{opacity:1;transform:none}.r-item{animation:itemIn .55s var(--ease) both;transform:translateY(0)}@keyframes itemIn{0%{transform:translateY(18px)}to{transform:translateY(0)}}.p-card{animation:podiumIn .7s var(--ease) both;transform:translateY(0)}@keyframes podiumIn{0%{transform:translateY(26px)}to{transform:translateY(0)}}.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%) translateY(20px);padding:12px 22px;border-radius:14px;background:var(--text);color:var(--bg);font-size:.88rem;font-weight:700;opacity:0;pointer-events:none;z-index:200;transition:.4s var(--ease);box-shadow:var(--shadow-lg)}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:1ms!important;transition-duration:1ms!important}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text-3) 40%,transparent);border-radius:99px}::-webkit-scrollbar-track{background:transparent}