:root{--wolf-scale:1;--wolf-w:calc(520px * var(--wolf-scale));--wolf-h:calc(160px * var(--wolf-scale));--wolf-size-top:calc(150px * var(--wolf-scale));--wolf-size-bottom:calc(152px * var(--wolf-scale));--wolf-top-y:calc(0px * var(--wolf-scale));--wolf-bot-y:calc(0px * var(--wolf-scale));--wolf-top-x:calc(185px * var(--wolf-scale));--wolf-bot-x:calc(183.5px * var(--wolf-scale));--heading-font-size:56px;--heading-font-weight:800;--heading-shadow-color:#0000004d;--heading-highlight-color:#fffc;--heading-color-start:#fffffff2;--heading-color-end:#fff;--paragraph-font-size:20px;--paragraph-font-weight:500;--paragraph-shadow-color:#000000a6;--paragraph-highlight-color:#96e3fff2;--paragraph-color-start:#96e3fffa;--paragraph-color-end:#96e3fffc;--heading-y-position:35%;--paragraph-y-position:65%;--tl-width:100px;--tl-height:100px;--tl-top:30px;--tl-left:30px;--tr-width:100px;--tr-height:100px;--tr-top:30px;--tr-left:-30px;--bl-width:90px;--bl-height:200px;--bl-top:0px;--bl-left:12px;--br-width:90px;--br-height:200px;--br-top:0px;--br-left:-12px;--top-gap:100px;--bottom-gap:30px;--vertical-gap:1px;--tl-icon-size:16px;--tr-icon-size:16px;--bl-icon-size:16px;--br-icon-size:16px}.icon-btn{cursor:pointer;background-color:#0000;background-image:url(/assets/l_button-BVdghfMp.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:none;justify-content:center;align-items:center;width:90px;height:90px;display:flex;position:relative}.icon-btn img{object-fit:contain;pointer-events:none;z-index:1;width:35px;height:35px;position:relative;transform:translateY(-5%)}body.dark-mode .icon-btn{background-image:none;position:relative}body.dark-mode .icon-btn:before{content:"";filter:brightness(.45)contrast(2.5)saturate(1.7);z-index:0;background-image:url(/assets/l_button-BVdghfMp.png);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}.wolf-world-icon-btn{cursor:pointer;background-color:#0000;background-image:url(/assets/l_button-BVdghfMp.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:none;justify-content:center;align-items:center;width:120px;height:120px;display:flex;position:relative}.wolf-world-icon-btn img{object-fit:contain;pointer-events:none;z-index:1;width:55px;height:55px;position:relative}body.dark-mode .wolf-world-icon-btn{background-image:none;position:relative}body.dark-mode .wolf-world-icon-btn:before{content:"";filter:brightness(.48)contrast(3)saturate(1.7);z-index:0;background-image:url(/assets/l_button-BVdghfMp.png);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}.bubble-icon-btn{cursor:pointer;background-color:#0000;background-image:url(/assets/bubble-ylmnWOVw.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border:none;justify-content:center;align-items:center;width:110px;height:80px;display:flex;position:relative}.bubble-icon-btn img{object-fit:contain;pointer-events:none;z-index:1;width:35px;height:35px;position:relative;transform:translate(70%)translateY(-20%)}body.dark-mode .bubble-icon-btn{background-image:none;position:relative}body.dark-mode .bubble-icon-btn:before{content:"";filter:brightness(.45)contrast(2.5)saturate(1.7);z-index:0;background-image:url(/assets/bubble-ylmnWOVw.png);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}.wolf-mosaic{flex-direction:column;justify-content:center;align-items:center;display:flex}.mosaic-row{justify-content:center;align-items:center;display:flex}.top-row{gap:var(--top-gap)}.bottom-row{gap:var(--bottom-gap);margin-top:var(--vertical-gap)}.wolf-part-container{transition:all .3s cubic-bezier(.2,.9,.4,1.1);display:inline-block;position:relative}.part-tl{width:var(--tl-width);height:var(--tl-height);top:var(--tl-top);left:var(--tl-left);position:relative}.part-tl .wolf-part{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.part-tl .part-icon{width:var(--tl-icon-size);height:var(--tl-icon-size)}.part-tr{width:var(--tr-width);height:var(--tr-height);top:var(--tr-top);left:var(--tr-left);position:relative}.part-tr .wolf-part{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.part-tr .part-icon{width:var(--tr-icon-size);height:var(--tr-icon-size)}.part-bl{width:var(--bl-width);height:var(--bl-height);top:var(--bl-top);left:var(--bl-left);position:relative}.part-bl .wolf-part{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.part-bl .part-icon{width:var(--bl-icon-size);height:var(--bl-icon-size)}.part-br{width:var(--br-width);height:var(--br-height);top:var(--br-top);left:var(--br-left);position:relative}.part-br .wolf-part{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.part-br .part-icon{width:var(--br-icon-size);height:var(--br-icon-size)}.wolf-part-container:hover{filter:brightness()contrast(1.1);z-index:100;transform:scale(1.05)}body.dark-mode .wolf-part-container:hover{filter:brightness(1.2)contrast(1.21);z-index:100;transform:scale(1.05)}.part-icon{object-fit:contain;pointer-events:none;filter:drop-shadow(0 2px 4px #0000004d);transition:all .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wolf-part-container:hover .part-icon{filter:drop-shadow(0 4px 8px #0006)brightness(1.15);transform:translate(-50%,-50%)scale(1.1)}.svg-center-box{justify-content:center;align-items:center;padding:20px;display:flex;overflow:visible}@media (width<=99999px){:root{--tl-width:200px;--tl-height:200px;--tl-top:55px;--tl-left:35px;--tr-width:200px;--tr-height:200px;--tr-top:55px;--tr-left:-35px;--bl-width:160px;--bl-height:250px;--bl-top:0px;--bl-left:9px;--br-width:160px;--br-height:250px;--br-top:0px;--br-left:-9px;--top-gap:100px;--bottom-gap:30px;--vertical-gap:1px;--tl-icon-size:16px;--tr-icon-size:16px;--bl-icon-size:16px;--br-icon-size:16px}}@media (width<=5500px){:root{--tl-width:150px;--tl-height:150px;--tl-top:55px;--tl-left:35px;--tr-width:150px;--tr-height:150px;--tr-top:55px;--tr-left:-35px;--bl-width:135px;--bl-height:220px;--bl-top:0px;--bl-left:9px;--br-width:135px;--br-height:220px;--br-top:0px;--br-left:-9px;--top-gap:100px;--bottom-gap:30px;--vertical-gap:1px;--tl-icon-size:16px;--tr-icon-size:16px;--bl-icon-size:16px;--br-icon-size:16px}}@media (width<=1600px){:root{--tl-width:130px;--tl-height:130px;--tl-top:55px;--tl-left:35px;--tr-width:130px;--tr-height:130px;--tr-top:55px;--tr-left:-35px;--bl-width:113px;--bl-height:200px;--bl-top:0px;--bl-left:7px;--br-width:113px;--br-height:200px;--br-top:0px;--br-left:-7px;--top-gap:100px;--bottom-gap:30px;--vertical-gap:1px;--tl-icon-size:16px;--tr-icon-size:16px;--bl-icon-size:16px;--br-icon-size:16px}}@media (width<=500px){:root{--tl-width:100px;--tl-height:100px;--tl-top:62px;--tl-left:35px;--tr-width:100px;--tr-height:100px;--tr-top:62px;--tr-left:-35px;--bl-width:90px;--bl-height:200px;--bl-top:0px;--bl-left:9px;--br-width:90px;--br-height:200px;--br-top:0px;--br-left:-9px;--top-gap:100px;--bottom-gap:30px;--vertical-gap:1px;--tl-icon-size:16px;--tr-icon-size:16px;--bl-icon-size:16px;--br-icon-size:16px}}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}body{background:linear-gradient(135deg,#fff 0%,#fffef7 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;margin:0;padding:20px;font-family:system-ui,Segoe UI,Tahoma,PingFang SC,Microsoft YaHei,sans-serif;transition:background .3s;display:flex}body.dark-mode{--heading-color-start:#6496e6f2;--heading-color-end:#3c64c8d9;--heading-shadow-color:#0009;--heading-highlight-color:#ffffff4d;--paragraph-color-start:#4682d2e6;--paragraph-color-end:#285aaad9;--paragraph-shadow-color:#00000080;--paragraph-highlight-color:#4682d24d;background:linear-gradient(135deg,#070b16 0%,#131720 100%)}main{flex-direction:column;flex:1;align-items:center;padding:1rem;display:flex}.hero-section{text-align:center}.artez-header{z-index:99999;justify-content:space-between;align-items:center;gap:20px;width:100%;max-width:1400px;height:80px;margin:0 auto;padding:.6rem 2rem;display:flex;position:relative;top:20px;left:0;right:0}.header-left,.header-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.btn-png-header{object-fit:contain;pointer-events:none;width:35px;height:35px;display:block}.logo-svg{cursor:pointer;width:80px;height:auto;transition:transform .3s}.logo-svg:hover{transform:scale(1.05)}.wolf-wrapper{justify-content:center;width:100%;height:100%;display:flex;overflow:visible}.svg-center-box{filter:blur(.3px);justify-content:center;align-items:center;transition:all .3s;display:flex;position:relative}.svg-center-box:before{content:"";z-index:-1;filter:blur(20px);opacity:.45;pointer-events:none;background:radial-gradient(circle,#1d83ef8a 0%,#66adf98a 100%);border-radius:50%;width:75%;height:75%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}body.dark-mode .svg-center-box:before{filter:blur(30px);opacity:.5;background:radial-gradient(circle,#336484 0% 100%)}.svg-center-box{filter:brightness()contrast(1.1)}body.dark-mode .svg-center-box{filter:brightness()contrast(1.1);opacity:.9}.hero-section{text-align:center;margin-top:20px}.hero-section svg{width:100%;max-width:800px;height:auto}.custom-footer{z-index:10;background:0 0;justify-content:space-between;align-items:flex-end;gap:12px;width:100%;margin-top:auto;padding:16px 24px 28px;display:flex;position:relative}.footer-btn-group{flex-direction:column;flex:1;align-items:center;gap:10px;display:flex}.glass-btn{cursor:pointer;background:radial-gradient(circle,#60acdb67 0%,#10669c2e 25%,#60acdb1d 50%,#3282b423 60%,#fff 68%,#3282b423 100%);border:none;border-radius:999px;justify-content:center;align-items:center;width:60px;height:60px;padding:0;transition:transform .2s,background .2s;display:flex;position:relative}body.dark-mode .glass-btn{background:radial-gradient(circle,#78bbe5a2 0%,#173a4f 25%,#355676 50%,#446d9aad 60%,#ffffffa6 68%,#3282b423 100%)}.glass-btn:hover{background:radial-gradient(circle,#8ac5ea67 0%,#3466842e 25%,#c1defa29 50%,#4d9ed123 60%,#fff 68%,#3282b423 100%);transform:scale(1.02)}body.dark-mode .glass-btn:hover{background:radial-gradient(circle,#78bbe5a2 0%,#3e7191 25%,#5985b5 50%,#6b98c7ad 60%,#fff7 68%,#3282b423 100%)}.glass-btn .btn-png{object-fit:contain;pointer-events:none;width:45px;height:45px;display:block}#btn-center .btn-png{filter:brightness(.94)contrast(1.2)}body.dark-mode #btn-center .btn-png{filter:brightness(.9)contrast(1.2)}.btn-caption{color:#142c47;text-shadow:0 1px 1px #fffadcc2;letter-spacing:.2px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:0 0;border-radius:30px;padding:4px 6px;font-size:.78rem;font-weight:560}body.dark-mode .btn-caption{color:silver;text-shadow:0 1px 2px #00000080}@media (width<=768px){.artez-header{gap:10px;padding:.6rem 1rem}.glass-btn-header{width:40px;height:40px}.btn-png-header{width:20px;height:20px}.logo-svg{width:60px}}@media (width<=560px){.custom-footer{gap:8px;padding:12px 16px 22px}.glass-btn{width:48px;height:48px}.glass-btn .btn-png{width:22px;height:22px}.btn-caption{font-size:.68rem}}