@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@500;600;700;900&display=swap');:root{color-scheme:dark;--gold:#f2d488;--gold2:#b98538;--ink:#080906;--line:#6d5328;--silver:#d6d9df;--bronze:#b77a52}*{box-sizing:border-box}body{margin:0;min-width:1100px;background:#070805;color:#efe1b7;font-family:"Noto Serif SC","Songti SC",serif}.pc-gate{display:none}.desktop-only{position:relative;min-height:100vh;overflow:hidden;padding:0 3.5vw 42px;background:radial-gradient(circle at 50% 32%,#4d341322 0 16%,transparent 45%),radial-gradient(circle at 15% 45%,#8a5e1012,transparent 25%),linear-gradient(130deg,#070805,#101007 45%,#080906)}.desktop-only:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,#d8aa4d 0 1px,transparent 1.5px);background-size:73px 91px;opacity:.17;mask-image:linear-gradient(transparent,#000 20%,#000 85%,transparent)}.record-head{position:relative;z-index:2;height:82px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid #74572655}.back-link{justify-self:start;padding:10px 18px;border:1px solid #80632f88;color:#d6bd7c;text-decoration:none;font-size:12px;letter-spacing:1px;transition:.2s}.back-link:hover{border-color:var(--gold);background:#c7973315}.record-brand{position:relative;display:flex;align-items:center;gap:14px;font-weight:700;font-size:22px;letter-spacing:5px}.record-brand i{width:32px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}.record-brand i:nth-of-type(2){transform:scaleX(-1)}.record-brand small{position:absolute;top:32px;left:50%;width:max-content;transform:translateX(-50%);color:#8c7544;font:8px Arial;letter-spacing:3px}.live-mark{justify-self:end;display:flex;align-items:center;gap:8px;color:#a99361;font-size:11px;letter-spacing:2px}.live-mark em{width:7px;height:7px;border-radius:50%;background:#e9c466;box-shadow:0 0 12px #e9c466;animation:pulse 1.8s infinite}.title-zone{position:relative;z-index:1;padding:27px 0 22px;text-align:center}.title-zone h1{display:inline;margin:0 20px;background:linear-gradient(#fff7c8,#e3bb5c 58%,#9e6b26);background-clip:text;color:transparent;font-size:54px;font-weight:900;letter-spacing:10px;text-shadow:0 8px 30px #c6932f33}.title-star{color:#f5d171;font-size:20px}.title-zone>p{margin:6px 0;color:#d5bd7a;font-size:16px;letter-spacing:7px}.title-rule{display:flex;align-items:center;justify-content:center;gap:13px;margin-top:11px;color:#79633a;font-size:9px;letter-spacing:2px}.title-rule i{width:100px;height:1px;background:linear-gradient(90deg,transparent,#9d7437)}.title-rule i:last-child{transform:scaleX(-1)}.honor-stage{position:relative;z-index:1;min-height:390px;display:grid;grid-template-columns:minmax(190px,.62fr) minmax(590px,2.4fr) minmax(190px,.62fr);align-items:center;gap:22px}.ranking-loading{grid-column:1/-1;display:grid;place-items:center}.ranking-loading i{width:48px;height:48px;border:2px solid #7c632f;border-top-color:#f6dc8d;border-radius:50%;animation:spin .8s linear infinite}.ranking-loading p{color:#8f7947;letter-spacing:4px}.podium-side{position:relative;height:312px;padding:11px;border:1px solid var(--tier);background:linear-gradient(145deg,color-mix(in srgb,var(--tier) 11%,#0b0c09),#0a0b08);box-shadow:inset 0 0 28px #000,0 0 20px color-mix(in srgb,var(--tier) 12%,transparent);clip-path:polygon(10% 0,90% 0,100% 8%,100% 92%,90% 100%,10% 100%,0 92%,0 8%)}.podium-side:before,.podium-side:after{content:"◆";position:absolute;left:50%;z-index:2;transform:translateX(-50%);color:var(--tier);text-shadow:0 0 12px var(--tier)}.podium-side:before{top:2px}.podium-side:after{bottom:0}.podium-side.rank-2{--tier:#d5a947}.podium-side.rank-3{--tier:#bdc1c8}.side-photo{height:220px;border:1px solid color-mix(in srgb,var(--tier) 65%,transparent);background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--tier) 24%,transparent),transparent 60%),#12130f center/cover no-repeat;clip-path:polygon(8% 0,92% 0,100% 8%,100% 100%,0 100%,0 8%);display:grid;place-items:center;color:var(--tier);font-size:62px}.side-rank{margin-top:8px;text-align:center;color:var(--tier);font-size:23px;font-weight:800}.side-name{text-align:center;color:#f2e8cb;font-size:17px}.champion{position:relative;height:390px;display:grid;grid-template-columns:45% 55%;align-items:center;border:1px solid #d6a743;background:linear-gradient(110deg,#1b160b,#0c0d09 58%,#121006);box-shadow:0 0 0 5px #171207,0 0 0 6px #8b682f,0 0 45px #c08c2b2b,inset 0 0 70px #0a0904;clip-path:polygon(2% 0,98% 0,100% 7%,100% 93%,98% 100%,2% 100%,0 93%,0 7%)}.champion:before{content:"";position:absolute;inset:9px;border:1px solid #7f5e2999;clip-path:polygon(3% 0,97% 0,100% 8%,100% 92%,97% 100%,3% 100%,0 92%,0 8%)}.champion-portrait{position:relative;z-index:1;width:280px;height:280px;justify-self:center;border:3px solid #f0cb6a;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#a473261f,#0d0e09 68%) center/cover no-repeat;box-shadow:0 0 0 10px #34250e,0 0 0 12px #d7a43e,0 0 40px #f3c95e88,inset 0 0 30px #000;color:#f5d376;font-size:96px}.champion-portrait:before,.champion-portrait:after{position:absolute;top:42%;color:#dcae48;font-size:66px;text-shadow:0 0 15px #d69e35}.champion-portrait:before{content:"❧";left:-48px;transform:rotate(-48deg)}.champion-portrait:after{content:"❧";right:-48px;transform:scaleX(-1) rotate(-48deg)}.crown{position:absolute;top:-42px;left:50%;transform:translateX(-50%);font-size:56px;color:#f5d475;text-shadow:0 0 18px #f1b943}.champion-copy{position:relative;z-index:1;padding:30px 42px 30px 10px}.champion-copy>span{color:#cfab5a;font-size:12px;letter-spacing:5px}.champion-copy h2{margin:4px 0 0;color:#f7e5aa;font-size:36px;letter-spacing:5px}.champion-copy h3{margin:4px 0 20px;color:#c9973e;font-size:15px;font-weight:500;letter-spacing:3px}.champion-copy p{height:48px;overflow:hidden;color:#a89a78;line-height:1.8}.chat-total{display:flex;align-items:end;gap:10px;margin:17px 0}.chat-total strong{background:linear-gradient(#fff4bd,#d69c34);background-clip:text;color:transparent;font:800 43px Georgia}.chat-total small{padding-bottom:6px;color:#a48952}.honor-meta{display:flex;gap:8px}.honor-meta span{padding:5px 8px;border:1px solid #6e552e;background:#b7842812;color:#c1a86f;font-size:9px}.meet-button{display:inline-block;margin-top:18px;padding:9px 24px;border:1px solid #d1a34d;background:linear-gradient(90deg,#6c481b,#bd8732,#6c481b);color:#fff2c3;text-decoration:none;font-size:11px;letter-spacing:3px}.lower-board{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:25px;padding-top:25px;border-top:1px solid #68502a66}.rank-card{--tier:#8d7249;position:relative;height:132px;display:grid;grid-template-columns:80px 1fr;gap:13px;align-items:center;padding:14px 17px;border:1px solid color-mix(in srgb,var(--tier) 72%,#222);background:linear-gradient(120deg,color-mix(in srgb,var(--tier) 19%,#11120e),#0e100d 65%);box-shadow:inset 0 0 22px #000;clip-path:polygon(4% 0,96% 0,100% 14%,100% 86%,96% 100%,4% 100%,0 86%,0 14%);cursor:pointer;transition:.25s}.rank-card:hover{transform:translateY(-3px);filter:brightness(1.15)}.rank-card:nth-child(1),.rank-card:nth-child(2){--tier:#d5aa54}.rank-card:nth-child(3),.rank-card:nth-child(4){--tier:#b8bdc5}.rank-card:nth-child(5),.rank-card:nth-child(6){--tier:#b17754}.rank-card-avatar{position:relative;width:72px;height:72px;border:2px solid var(--tier);border-radius:50%;display:grid;place-items:center;background:#171710 center/cover no-repeat;color:var(--tier);font-size:28px;box-shadow:0 0 0 4px #111,0 0 0 5px var(--tier)}.rank-card-avatar b{position:absolute;top:-15px;left:-16px;color:#f6e0a4;font:800 27px Georgia;text-shadow:0 2px 8px #000}.rank-card-copy h3{margin:0;color:#eadcb9;font-size:17px}.rank-card-copy p{margin:7px 0 9px;color:#897e65;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-progress{height:5px;border:1px solid #56492f;border-radius:8px;background:#080906;overflow:hidden}.rank-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#80561d,var(--tier),#f1cb68)}.rank-card-copy small{display:block;margin-top:5px;color:var(--tier);font:10px Arial}footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:16px;margin-top:25px;color:#665837;font-size:9px;letter-spacing:2px}footer i{width:4px;height:4px;transform:rotate(45deg);background:#94733c}.empty-rank{grid-column:1/-1;padding:80px;text-align:center;color:#8a7647}.empty-rank b{display:block;color:#d2b66e;font-size:25px}.empty-rank a{display:inline-block;margin-top:20px;color:#d4b66c}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.25;box-shadow:none}}@media(max-width:1023px){body{min-width:0}.desktop-only{display:none}.pc-gate{min-height:100vh;display:grid;place-content:center;text-align:center;background:radial-gradient(circle,#3a2914,#080906 65%)}.pc-gate b{color:#efd27f;font-size:30px;letter-spacing:5px}.pc-gate p{color:#8e7d55}.pc-gate a{color:#d7b963}}@media(min-width:1024px) and (max-width:1280px){.desktop-only{padding-inline:24px}.honor-stage{grid-template-columns:180px minmax(560px,1fr) 180px;gap:14px}.champion{grid-template-columns:43% 57%}.champion-portrait{width:230px;height:230px}.lower-board{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1024px){.lower-board{grid-template-columns:repeat(4,1fr)}}