*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif;-webkit-user-select:none;user-select:none}:root{--tiny-size: 12px;--small-size:14px;--base-size: 16px;--mid-size: 20px;--lager-size: 24px;--x-lager-size:30px;--xx-lager-size: 36px}a{text-decoration:none;color:inherit}.light{--background:#ffffff;--text:#050804;--border-color:#f7f7f7;--icon-color:#818181;--icon-hover-color:#121212;--lang-background-color:#f5f5f5d8;--lang-zh-font-color:#f7f7f7;--lang-en-font-color:#f7f7f7;--lang-zh-color:#e81b1bb0;--lang-en-color:#10bce7da;--lang-color-border:#c2c2c4;--switch-icon-color:#191919;--switch-background-color:#f5f5f5d8;--switch-shadow-color:#0000001f;--navlink-border-color: #191919;--navlink-hover-color: #eeeeee;--navlink-img-bg: #F2F2F2;--year-color:#EAE9FC;--card-bg-color:#FFFFFF;--card-border-color:#000000}.dark{--background:#121212;--text: #f1f2f3;--border-color:#444444;--icon-color:#818181;--icon-hover-color:#f7f7f7;--lang-background-color:#252525;--lang-zh-font-color:#ff7272;--lang-en-font-color:#8de8fff1;--lang-zh-color:#050804;--lang-en-color:#050804;--lang-color-border:#818181;--switch-icon-color:#f7f7f7;--switch-background-color:#202020;--switch-shadow-color:#f8e7d02f;--navlink-border-color: #EAE9FC;--navlink-hover-color: #444444;--navlink-img-bg: #000F19B3;--year-color:#050804;--card-bg-color:#000000;--card-border-color:#DEDEDE}html,body{background:var(--background)}.header{width:min(100%,1200px);min-height:64px;height:auto;background-color:var(--background);color:var(--text);padding:3px 16px;text-align:center;display:flex;align-items:center;gap:12px;flex-wrap:wrap;position:relative;z-index:5;border-bottom:2px solid var(--border-color);transition:all .3s ease}.logo{width:auto;display:flex;justify-content:center;align-items:center;gap:8px;flex:0 0 auto;min-width:0}.logo img{width:clamp(64px,12vw,102px);height:auto}.logo span{font-size:clamp(18px,2.2vw,var(--lager-size));white-space:nowrap}.header-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.header-link{padding:4px 10px;border:2px solid var(--navlink-border-color);border-radius:12px;box-shadow:0 2px 0 var(--navlink-border-color);font-weight:600;font-size:var(--base-size);color:var(--text);background:var(--background);transition:all .2s ease}.header-link:hover{background-color:var(--navlink-hover-color)}.header-link--active{background-color:var(--navlink-hover-color);box-shadow:0 0 0 var(--navlink-border-color);transform:translateY(2px)}.language{display:flex;margin-top:0;border-radius:15px;font-size:clamp(12px,1.5vw,14px)}.language input[type=checkbox]{appearance:none;height:clamp(30px,7vw,35px);width:clamp(64px,16vw,80px);background-color:var(--lang-background-color);position:relative;border-radius:.5em;cursor:pointer;border:1px solid var(--lang-color-border)}.language input[type=checkbox]:before{content:"ZH";display:block;height:1.8em;width:1.8em;text-align:center;line-height:1.9em;transform:translate(-50%,-50%);position:absolute;top:50%;left:1.35em;background-color:var(--lang-zh-color);border-radius:.2em;transition:.3s ease;color:var(--lang-zh-font-color)}.language input[type=checkbox]:checked:before{content:"EN";background-color:var(--lang-en-color);left:calc(100% - 1.35em);color:var(--lang-en-font-color)}.toggle{margin-top:0;margin-right:4px;background:var(--switch-background-color);width:clamp(32px,8vw,40px);height:clamp(32px,8vw,40px);border-radius:50%;display:grid;place-items:center;cursor:pointer;box-shadow:0 0 35px 5px var(--switch-shadow-color);line-height:1;transition:box-shadow .35s}.toggle input{display:none}.hamburger{display:none;margin-left:auto;width:clamp(36px,9vw,44px);height:clamp(36px,9vw,44px);border:1px solid var(--border-color);border-radius:10px;background:var(--background);color:var(--text);cursor:pointer;place-items:center}.icon{grid-column:1 / 1;grid-row:1 / 1;transition:transform .3s,color .3s;line-height:.1}.icon--sun{transition-delay:.1s}.icon--moon{transform:scale(0)}#switch:checked+.icon--sun{transform:rotate(360deg) scale(0)}#switch:checked~.icon--moon{transition-delay:.1s;transform:scale(1) rotate(-360deg)}@media(max-width:768px){.header-actions{position:absolute;left:0;right:0;top:100%;margin-left:0;padding:12px 16px;flex-direction:column;gap:14px;background:var(--background);border-bottom:2px solid var(--border-color);box-shadow:0 12px 26px #0000001f;opacity:0;transform:translateY(-6px);pointer-events:none;max-height:0;overflow:hidden;transition:opacity .2s ease,transform .2s ease,max-height .25s ease}.header-actions.open{opacity:1;transform:translateY(0);pointer-events:auto;max-height:260px}.hamburger{display:grid}}@media(max-width:720px){.header{padding:5px 12px;gap:10px}}@media(max-width:520px){.logo span{display:none}.icon{scale:.9}.language input[type=checkbox]{height:clamp(30px,8vw,35px)}}@media(max-width:360px){.header{padding:6px 10px}}.Home{width:100%;min-height:100vh}.Body{width:100%;min-height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--background);transition:all .3s ease}.static{text-align:center;font-size:var(--base-size);color:var(--text);font-family:sans-serif;margin-top:4px;font-weight:700}.match-view-viewport{width:100%;overflow:hidden}.match-view-panel{width:100%}.match-content-slide-enter-active,.match-content-slide-leave-active{transition:transform .35s ease,opacity .35s ease;will-change:transform,opacity}.match-content-slide-enter-from{transform:translate(72px);opacity:0}.match-content-slide-leave-to{transform:translate(-72px);opacity:0}.match-container{width:100%;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.matchCardContainer{position:relative;width:50%;height:256px;padding:12px;margin-bottom:24px;background-color:var(--card-bg-color);color:var(--text);border:2px solid var(--card-border-color);box-shadow:5px 6px 0 var(--card-border-color);border-radius:16px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(6,1fr);gap:8px;justify-items:center;transition:all .15s ease;cursor:help}.matchCardContainer:hover{transform:translateY(5px);box-shadow:2px 3px 0 var(--card-border-color)}.matchCard-firstRow{place-content:center;grid-column:span 1 / span 1;font-weight:700;border-bottom:2px solid var(--card-border-color)}.matchCard-firstRow p{font-size:var(--base-size)}.avgelo{font-size:var(--mid-size)}.matchCard-time{display:flex;justify-content:center;align-items:center}.matchCard-time .clock{margin-right:4px;scale:.8}.matchCard-secondRow{width:100%;height:100%;grid-column:span 1 / span 1;grid-row:span 4 / span 4;position:relative}.matchCard-map{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);filter:blur(1px) brightness(.65);box-shadow:2.5px 2.5px 0 0 var(--card-border-color);border-radius:2px}.matchResult-win{position:absolute;top:35%;left:50%;transform:translate(-50%,-50%);color:#32d35a;font-weight:700;font-size:var(--lager-size)}.matchResult-loss{position:absolute;top:35%;left:50%;transform:translate(-50%,-50%);color:#fa1818c7;font-weight:700;font-size:var(--lager-size)}.matchCard-score{position:absolute;top:65%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;font-size:var(--lager-size);border-top:4px solid #f97316;padding:4px}.above1{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);font-size:48px;font-weight:700;color:#4b4bffd0}.below1{position:absolute;left:50%;top:45%;transform:translate(-50%) translateY(-50%);font-size:48px;font-weight:700;color:#9d1f41}.matchCard-kd-des{position:absolute;top:70%;left:50%;transform:translate(-50%) translateY(-50%);font-size:var(--small-size);line-height:16px;font-weight:700}.total-kd{position:absolute;top:30%;left:50%;transform:translate(-50%) translateY(-50%);font-size:var(--xx-lager-size);font-weight:700}.total-kd-des{position:absolute;left:50%;top:50%;transform:translate(-50%) translateY(-50%);font-size:var(--base-size);line-height:16px;font-weight:700}.matchCard-stats{position:absolute;left:50%;top:75%;transform:translate(-50%) translateY(-50%);font-weight:700;border:2px solid var(--card-border-color);color:#4a4a4a;font-size:var(--lager-size)}.adr{position:absolute;left:50%;top:75%;transform:translate(-50%) translateY(-50%);font-size:var(--x-lager-size);font-weight:700;border-top:2px solid var(--card-border-color)}.adr-des{position:absolute;left:50%;top:92%;transform:translate(-50%) translateY(-50%);font-size:var(--tiny-size);line-height:16px;font-weight:700}.matchCard-thirdRow{grid-column:span 3;grid-row:span 1;display:flex;justify-content:space-between;align-items:center;gap:40px;border-top-width:2px;border-top-style:solid;border-top-color:var(--card-border-color)}@media(max-width:1440px){.matchCardContainer{width:65%}}@media(max-width:1200px){.matchCardContainer{width:85%}}@media(max-width:768px){.matchCardContainer{width:95%}}@media(max-width:670px){.matchCardContainer{width:90%;height:380px;padding-top:4px;padding-bottom:4px;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(8,1fr);gap:4px}.matchCard-firstRow:first-child{display:none}.matchCard-firstRow:nth-child(2){border-bottom:2px solid var(--card-border-color)}.matchCard-firstRow{border-bottom:0px}.avgelo{font-size:var(--small-size);grid-column:span 6 / span 6;grid-row:span 1 / span 1}.matchCard-time{grid-column:span 6 / span 6;grid-row:span 1 / span 1;font-size:var(--small-size)}.matchCard-secondRow{grid-column:span 6 / span 6;grid-row:span 3 / span 3}.matchCard-map{width:auto}.matchCard-score{top:70%}.matchCard-rating{grid-column:span 3 / span 3;grid-row:span 2 / span 2}.above1,.below1{font-size:var(--lager-size)}.matchCard-kd-des{font-size:10px}.matchCard-kd{grid-column:span 3;grid-row:span 2}.total-kd{top:25%;font-size:var(--base-size);line-height:28px}.total-kd-des{top:45%;font-size:10px;border-bottom:2px solid var(--card-border-color)}.matchCard-stats,.adr{top:68%;font-size:18px;border:0px}.adr-des{top:87%;font-size:11.2px}.matchCard-thirdRow{grid-column:span 6;grid-row:span 1;padding-left:8px;padding-right:8px;gap:8px}}@media(max-width:314px){.matchCard-map{width:100%}}.matchDateContainer{width:65%;height:auto;margin-bottom:8px;display:flex;justify-content:flex-start;align-items:center}.matchDateText{color:var(--text)}.matchDateText span{font-size:var(--xx-lager-size);margin-right:4px;line-height:36px}.matchDateText span:last-child{font-size:var(--tiny-size);opacity:0;border:2px solid var(--text);border-radius:5px;padding:1px;transition:all .3s ease}.matchDateText:hover span:last-child{opacity:1}@media(max-width:1440px){.matchDateContainer{width:70%}}@media(max-width:1200px){.matchDateContainer{width:90%}}@media(max-width:768px){.matchDateContainer{width:97%}.matchDateContainer span{font-size:28px}}@media(max-width:500px){.matchDateContainer span{font-size:var(--lager-size)}}.matchArea-container{width:100%;min-height:100vh;border-radius:4px;display:flex;justify-content:flex-start;align-items:center;flex-direction:column;background:none}.matchArea-hgroup{padding:0 15%;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;margin-bottom:25px;background-color:none}.baseNavLink{margin-right:8px;margin-top:8px;padding:4px;min-height:64px;min-width:64px;display:flex;flex-direction:row;justify-content:center;align-items:center;color:var(--text);font-weight:500;font-size:var(--base-size);border-width:2px;border-style:solid;border-color:var(--navlink-border-color);border-radius:8px;box-shadow:0 2px 0 0 var(--navlink-border-color);transition:all .3s ease}.baseNavLink:hover{background-color:var(--navlink-hover-color)}.baseNavLink-active{background-color:var(--navlink-hover-color);box-shadow:0 0 0 0 var(--navlink-border-color);transform:translateY(2px)}.avatar-img{margin-right:8px;width:56px;height:56px;border-radius:50%;background-color:var(--navlink-img-bg)}@media(max-width:1024px){.matchArea-hgroup{padding:0 2%;margin-bottom:20px}.baseNavLink{min-height:54px;min-width:54px;font-size:var(--base-size)}.avatar-img{width:40px;height:40px}}@media(max-width:768px){.matchArea-hgroup{padding:0 1%;margin-bottom:10px}.baseNavLink{min-height:48px;min-width:48px;font-size:var(--base-size)}.avatar-img{width:37px;height:37px}}@media(max-width:430px){.matchArea-hgroup{padding:0 1px;margin-bottom:10px}.baseNavLink{min-height:32px;min-width:32px;font-size:14px}.avatar-img{width:33px;height:33px}}.notice-container{position:fixed;inset:0;background:#0009;z-index:1000;display:flex;justify-content:center;align-items:center}.notice-content{background:var(--card-bg-color);padding:50px 40px;border-radius:1rem;text-align:center;max-width:350px;width:80%}.notice-title{margin-bottom:10px}.notice-link{margin-bottom:10px;border-radius:5px;text-decoration:underline dashed var(--text);text-underline-offset:5px}.notice-title{font-size:var(--x-lager-size)}.notice-button{margin-top:10px;padding:.5rem 1rem;border-radius:.5rem;background:var(--card-bg-color);color:--text;border:2px solid var(--card-border-color);text-align:center;box-shadow:0 3px 0 0 var(--card-border-color);cursor:pointer;transition:all .3s ease}.notice-button:hover,.notice-button:active{transform:translateY(1px);box-shadow:0 2px 0 0 var(--card-border-color)}@media(max-width:429px){.notice-content{padding:50px 25px;width:90%}.notice-title{font-size:24px}}.about-container{width:100%;display:flex;justify-content:center;padding:20px 16px 48px}.about-card{width:min(680px,100%);background-color:var(--card-bg-color);color:var(--text);border:2px solid var(--card-border-color);box-shadow:5px 6px 0 var(--card-border-color);border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:16px}.about-header{display:flex;align-items:center;gap:16px;padding-bottom:12px;border-bottom:2px dashed var(--card-border-color)}.about-avatar{width:88px;height:88px;border-radius:50%;border:2px solid var(--card-border-color);object-fit:cover;background-color:var(--navlink-img-bg)}.about-title{display:flex;flex-direction:column;gap:4px}.about-kicker{font-size:var(--tiny-size);text-transform:uppercase;letter-spacing:2px;opacity:.7}.about-title h1{font-size:var(--x-lager-size)}.about-tagline{font-size:var(--small-size);opacity:.8}.about-links{display:flex;flex-direction:column;gap:12px}.about-link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:2px solid var(--card-border-color);border-radius:14px;background:var(--background);box-shadow:0 2px 0 var(--card-border-color);transition:all .15s ease}.about-link:hover{transform:translateY(3px);box-shadow:0 0 0 var(--card-border-color);background-color:var(--navlink-hover-color)}.about-link-label{font-size:var(--base-size);font-weight:700}.about-link-url{font-size:var(--tiny-size);opacity:.75}@media(max-width:520px){.about-header{flex-direction:column;text-align:center}.about-title h1{font-size:var(--lager-size)}.about-link{flex-direction:column;align-items:flex-start}}