.hb-stage,.hb-stage *{box-sizing:border-box}
.hb-stage{position:relative;width:100vw;height:100vh;min-height:480px;overflow:hidden;background:#020b1d;color:#f5faff;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif}
.hb-admin-preview .hb-stage{width:100%;height:100%;min-height:0}
.hb-canvas{position:relative;width:1920px;height:1080px;margin:auto;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse 700px 390px at 50% 77%,#1672dc7a,transparent 75%),radial-gradient(ellipse 1080px 500px at 50% 40%,#0c3b8a99,transparent 78%),linear-gradient(90deg,#030c20,#082250 18%,#091c41 50%,#082250 82%,#030c20)}
.hb-canvas:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(104deg,transparent 12%,#2a71e633 16%,transparent 22%),linear-gradient(76deg,transparent 78%,#2a71e633 84%,transparent 88%),repeating-linear-gradient(90deg,transparent 0 190px,#8bbcff13 191px,#142e6017 194px,transparent 198px),linear-gradient(180deg,#061023 0%,transparent 45%,#020918 94%)}
.hb-canvas:after{content:"";position:absolute;left:-5%;right:-5%;top:585px;height:245px;z-index:-1;background:radial-gradient(ellipse at 50% 98%,#2b9cff99,transparent 65%),repeating-linear-gradient(170deg,transparent 0 33px,#318bff32 34px,transparent 36px);clip-path:polygon(0 52%,50% 90%,100% 52%,100% 100%,0 100%)}
.hb-arena{position:absolute;inset:0;pointer-events:none;z-index:-1}.hb-arena:before,.hb-arena:after{content:"";position:absolute;top:215px;width:370px;height:600px;border:2px solid #5c9bff30;background:repeating-linear-gradient(180deg,#071426 0 48px,#4188f92a 49px,#081b3d 54px);box-shadow:0 0 65px #2d77e650}.hb-arena:before{left:-90px;transform:perspective(800px) rotateY(28deg)}.hb-arena:after{right:-90px;transform:perspective(800px) rotateY(-28deg)}.hb-arena i{position:absolute;top:142px;width:10px;height:615px;background:linear-gradient(#ffffffeb,#72afff,#2c82ff10);box-shadow:0 0 14px #74adff,0 0 36px #3e8eff}.hb-arena i:nth-child(1){left:330px}.hb-arena i:nth-child(2){right:330px}.hb-arena i:nth-child(3){left:440px;opacity:.32}.hb-arena i:nth-child(4){right:440px;opacity:.32}
.hb-brand{position:absolute;top:48px;left:76px;right:76px;display:flex;align-items:center;gap:18px;z-index:5}.hb-brand-mark{width:60px;height:60px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#4d92ff,#0b52db);box-shadow:0 0 25px #258aff7a;font-size:22px;font-weight:900}.hb-brand strong{display:block;font-size:27px}.hb-brand span{display:block;margin-top:3px;color:#b4c8e9;font-size:16px;letter-spacing:.2em}.hb-brand em{margin-left:auto;color:#d4e5ff;font-size:24px;font-style:normal;font-family:cursive;transform:rotate(-5deg)}
.hb-heading{position:absolute;left:330px;right:330px;top:115px;display:flex;align-items:center;justify-content:center;text-align:center;gap:28px;z-index:4}.hb-eyebrow{color:#92c8ff;font-size:18px;font-weight:800;letter-spacing:.38em}.hb-heading h1{margin:2px 0 0;color:#eef8ff;font-size:100px;line-height:1.18;font-weight:1000;letter-spacing:.05em;text-shadow:0 0 8px #fff,0 0 22px #3796ff,0 0 60px #2177ff;white-space:nowrap}.hb-heading p{margin:2px;color:#cde9ff;font-size:28px;letter-spacing:.24em;text-shadow:0 0 18px #2e84ed}.hb-laurel{color:#87beff;font-size:135px;line-height:1;transform:rotate(-32deg);text-shadow:0 0 18px #5facff}.hb-laurel-right{transform:scaleX(-1) rotate(-32deg)}
.hb-entries{position:absolute;left:310px;right:310px;top:382px;height:524px;display:flex;align-items:flex-end;justify-content:center;gap:32px;z-index:3}.hb-rank-card{position:relative;flex:0 0 29%;height:428px;text-align:center;--metal:#8dbdff;--glow:#3a91ff}.hb-rank-1{order:2;flex-basis:34%;height:532px;--metal:#ffdb7a;--glow:#f9ac30}.hb-rank-2{order:1}.hb-rank-3{order:3;--metal:#ffb99b;--glow:#dc8162}.hb-portrait-frame{position:absolute;left:13%;right:13%;top:0;height:68%;padding:7px;border:3px solid var(--metal);border-radius:18px 18px 6px 6px;background:linear-gradient(135deg,#f4faff,#1862ca 30%,#061632);box-shadow:0 0 0 4px #dcefff30,inset 0 0 24px #fff8,0 0 24px var(--glow),0 0 55px var(--glow)}.hb-rank-1 .hb-portrait-frame{left:10%;right:10%;height:72%;border-width:5px}.hb-portrait{position:relative;width:100%;height:100%;overflow:hidden;background:radial-gradient(circle at 50% 25%,#4c86d1,#07172f 70%);display:grid;place-items:center}.hb-portrait img{display:block;width:100%;height:100%;object-fit:cover}.hb-portrait span{font-size:130px;color:#bcdcff;text-shadow:0 0 25px #78b6ff}.hb-portrait:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#020a1f9c)}.hb-crown{position:absolute;left:50%;top:-48px;transform:translateX(-50%);font-size:69px;line-height:1;color:var(--metal);text-shadow:0 0 14px var(--glow),0 0 34px var(--glow)}.hb-rank-1 .hb-crown{top:-65px;font-size:93px}
.hb-person{position:absolute;left:0;right:0;bottom:49px;height:95px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,#1d3f79f0,#071734f2);border:2px solid var(--metal);border-radius:6px 6px 10px 10px;box-shadow:0 9px 35px #020818,0 0 23px var(--glow)}.hb-rank-1 .hb-person{height:105px}.hb-person strong{max-width:92%;font-size:40px;line-height:1.05;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 0 12px #7eb6ff}.hb-rank-1 .hb-person strong{font-size:52px}.hb-person small{margin-top:6px;font-size:20px;color:#c9dfff}.hb-score{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:baseline;justify-content:center;gap:9px;color:var(--metal);text-shadow:0 0 16px var(--glow)}.hb-score b{font-size:44px}.hb-rank-1 .hb-score b{font-size:53px}.hb-score small{font-size:20px}.hb-medal{position:absolute;left:50%;bottom:127px;transform:translateX(-50%);width:70px;height:70px;border-radius:50%;display:grid;place-items:center;border:7px double #fff9;background:linear-gradient(145deg,var(--metal),#365a91);color:#071732;font-size:39px;font-weight:900;box-shadow:0 0 21px var(--glow)}.hb-rank-1 .hb-medal{bottom:143px;width:88px;height:88px;font-size:50px;background:linear-gradient(145deg,#fff4b5,#d59321)}
.hb-podium-floor{position:absolute;z-index:2;top:895px;left:310px;right:310px;height:112px;display:flex;justify-content:center;gap:28px;align-items:flex-start}.hb-podium-floor i{display:block;width:29%;height:48px;border-radius:50%;border:2px solid #9fcfff99;background:radial-gradient(ellipse,#90c9ff99,#1246a177 60%,transparent 73%);box-shadow:0 4px 0 #0a2b69,0 13px 0 #061c4d,0 0 38px #298dff}.hb-podium-floor i:nth-child(1){order:2;width:34%;height:62px;border-color:#ffe5a4;box-shadow:0 5px 0 #715629,0 15px 0 #162d67,0 0 44px #fac45e}.hb-podium-floor i:nth-child(2){order:1}.hb-podium-floor i:nth-child(3){order:3;border-color:#ffc4b0}
.hb-footer{position:absolute;left:75px;right:75px;bottom:33px;display:flex;justify-content:space-between;border-top:1px solid #82baff55;padding-top:18px;color:#b4cae6;font-size:18px;letter-spacing:.12em}
.hb-rank_top5 .hb-heading{top:98px}.hb-rank_top5 .hb-heading h1{font-size:77px}.hb-rank_top5 .hb-entries{top:325px;height:620px;left:290px;right:290px;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:365px 160px;column-gap:20px;row-gap:30px}.hb-rank_top5 .hb-rank-card{grid-column:span 2;order:unset;width:100%;height:365px}.hb-rank_top5 .hb-rank-1{grid-column:3/5;grid-row:1}.hb-rank_top5 .hb-rank-2{grid-column:1/3;grid-row:1}.hb-rank_top5 .hb-rank-3{grid-column:5/7;grid-row:1}.hb-rank_top5 .hb-portrait-frame{height:63%;left:22%;right:22%}.hb-rank_top5 .hb-rank-1 .hb-portrait-frame{height:68%;left:18%;right:18%}.hb-rank_top5 .hb-person{bottom:42px;height:73px}.hb-rank_top5 .hb-person strong,.hb-rank_top5 .hb-rank-1 .hb-person strong{font-size:35px}.hb-rank_top5 .hb-score b,.hb-rank_top5 .hb-rank-1 .hb-score b{font-size:35px}.hb-rank_top5 .hb-medal,.hb-rank_top5 .hb-rank-1 .hb-medal{bottom:94px;width:52px;height:52px;font-size:28px}.hb-rank_top5 .hb-rank-4,.hb-rank_top5 .hb-rank-5{grid-column:span 3;grid-row:2;height:160px;display:flex;align-items:center;border:1px solid #8dbdff77;border-radius:16px;background:#0b2752db}.hb-rank_top5 .hb-rank-4 .hb-portrait-frame,.hb-rank_top5 .hb-rank-5 .hb-portrait-frame{position:relative;top:auto;left:auto;right:auto;width:100px;height:125px;margin:0 22px}.hb-rank_top5 .hb-rank-4 .hb-crown,.hb-rank_top5 .hb-rank-5 .hb-crown,.hb-rank_top5 .hb-rank-4 .hb-medal,.hb-rank_top5 .hb-rank-5 .hb-medal{display:none}.hb-rank_top5 .hb-rank-4 .hb-person,.hb-rank_top5 .hb-rank-5 .hb-person{position:static;display:block;width:auto;height:auto;border:0;box-shadow:none;background:none;text-align:left}.hb-rank_top5 .hb-rank-4 .hb-score,.hb-rank_top5 .hb-rank-5 .hb-score{position:static;margin-left:auto;margin-right:25px}.hb-rank_top5 .hb-podium-floor{display:none}
.hb-rank_list .hb-heading{top:85px}.hb-rank_list .hb-heading h1{font-size:72px}.hb-rank_list .hb-entries{left:100px;right:100px;top:320px;height:640px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,1fr);gap:14px}.hb-rank_list .hb-rank-card{height:100%;width:100%;display:flex;align-items:center;border:1px solid #8dbdff66;border-radius:16px;background:#0b2853ea}.hb-rank_list .hb-portrait-frame{position:relative;top:auto;left:auto;right:auto;width:116px;height:125px;margin:0 22px;flex:none}.hb-rank_list .hb-crown,.hb-rank_list .hb-medal{display:none}.hb-rank_list .hb-person{position:static;display:block;width:auto;height:auto;border:0;background:none;box-shadow:none;text-align:left}.hb-rank_list .hb-person strong{font-size:35px}.hb-rank_list .hb-score{position:static;margin-left:auto;margin-right:30px}.hb-rank_list .hb-score b{font-size:38px}.hb-rank_list .hb-podium-floor{display:none}
@media(prefers-reduced-motion:no-preference){.hb-canvas{animation:hb-enter .26s ease both}@keyframes hb-enter{from{opacity:0}to{opacity:1}}}
.hb-laurel{display:block;flex:none;width:85px;height:145px;transform:none}.hb-laurel svg{width:100%;height:100%;fill:currentColor;filter:drop-shadow(0 0 10px #459cff)}.hb-laurel-right{transform:scaleX(-1)}
.hb-podium .hb-person{bottom:61px;height:95px;border-bottom:0;border-radius:7px 7px 0 0}.hb-podium .hb-rank-1 .hb-person{height:108px}.hb-podium .hb-score{height:62px;bottom:0;align-items:center;background:linear-gradient(180deg,#0b1a35,#132a4d);border:2px solid var(--metal);border-top:0;border-radius:0 0 10px 10px}.hb-podium .hb-medal{bottom:139px}.hb-podium .hb-rank-1 .hb-medal{bottom:158px}
.hb-rank_top5 .hb-person{bottom:40px;height:73px;border-bottom:0;border-radius:7px 7px 0 0}.hb-rank_top5 .hb-score{height:42px;bottom:0;align-items:center;background:#0e2345;border:2px solid var(--metal);border-top:0;border-radius:0 0 9px 9px}.hb-rank_top5 .hb-medal,.hb-rank_top5 .hb-rank-1 .hb-medal{bottom:95px}.hb-rank_top5 .hb-rank-4 .hb-score,.hb-rank_top5 .hb-rank-5 .hb-score{height:auto;border:0;background:none}
.hb-rank_top5 .hb-medal,.hb-rank_top5 .hb-rank-1 .hb-medal{bottom:120px}
.hb-medal{z-index:3}
.hb-list-rank{display:none}
.hb-rank_top5 .hb-rank-4 .hb-list-rank,.hb-rank_top5 .hb-rank-5 .hb-list-rank{display:block;margin-left:18px;color:#9fc8ff;font-size:29px;font-weight:900}
.hb-rank_list .hb-entries{grid-auto-flow:column;grid-template-rows:repeat(var(--hb-rows,5),1fr)}
.hb-rank_list .hb-rank-card{min-height:0;overflow:hidden}
.hb-rank_list .hb-list-rank{display:block;margin-left:19px;margin-right:0;color:#9fc8ff;font-size:30px;font-weight:900;flex:none}
.hb-rank_list .hb-rank-1 .hb-list-rank{color:#ffdb7a}
.hb-rank_list .hb-portrait-frame{width:90px;height:min(106px,85%);margin:0 16px}
.hb-rank_list .hb-person strong{display:block;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:30px}
.hb-rank_list .hb-person small{display:block;font-size:16px}
.hb-rank_list .hb-score b{font-size:34px}
.hb-rank_list .hb-rank-card{order:initial}
.hb-heading.is-long{left:220px;right:220px;top:90px}.hb-heading.is-long h1{max-width:1300px;font-size:58px;line-height:1.12;white-space:normal}.hb-heading.is-long .hb-laurel{width:60px;height:105px}
.hb-stage>.hb-canvas{position:absolute;left:50%;top:50%;margin:0;transform:translate(-50%,-50%) scale(var(--hb-scale,1));transform-origin:center}
.hb-brand-mark{overflow:hidden}.hb-brand-mark img{width:100%;height:100%;object-fit:contain;background:#fff}
.hb-portrait img{position:absolute;inset:0;z-index:1}.hb-portrait img[hidden]{display:none}
.hb-brand em{max-width:430px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hb-empty{display:grid;place-items:center;width:100%;min-height:300px;color:#c4d8f1;font-size:40px}
.hb-fullscreen{position:absolute;right:36px;top:40px;width:42px;height:42px;border:1px solid #ffffff55;border-radius:9px;background:#061b39b0;color:#fff;font-size:24px;cursor:pointer;opacity:1;z-index:9}.hb-stage:hover .hb-fullscreen,.hb-fullscreen:focus-visible{opacity:1}
.hb-podium.hb-count-1 .hb-rank-1{order:0}.hb-podium.hb-count-2 .hb-rank-1{order:2}.hb-podium.hb-count-2 .hb-rank-2{order:1}
@media(prefers-reduced-motion:reduce){.hb-canvas{animation:none}}