/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.container{width:100%}.resize{resize:both}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{min-width:320px;min-height:100vh;margin:0;overflow-y:auto}body::-webkit-scrollbar{display:none}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.animated-gradient-text{position:relative;margin:0 auto;display:flex;max-width:-moz-fit-content;max-width:fit-content;flex-direction:row;align-items:center;justify-content:center;border-radius:1.25rem;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:box-shadow .5s ease-out;overflow:hidden;cursor:pointer}.gradient-overlay{position:absolute;inset:0;background-size:300% 100%;animation:gradient linear infinite;border-radius:inherit;z-index:0;pointer-events:none}.gradient-overlay:before{content:"";position:absolute;border-radius:inherit;width:calc(100% - 2px);height:calc(100% - 2px);left:50%;top:50%;transform:translate(-50%,-50%);background-color:#060010;z-index:-1}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.text-content{display:inline-block;position:relative;z-index:2;background-size:300% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:gradient linear infinite}.home{width:100%;min-height:100vh;position:relative;overflow:hidden}.background-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.background-image{width:100%;height:100%;max-width:100%;-o-object-fit:cover;object-fit:cover;opacity:.8;animation:blurEffect 1s ease-in-out forwards;animation-delay:.1s}@keyframes blurEffect{0%{filter:blur(0px)}to{filter:blur(5px)}}.floating-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.title-container{display:flex;align-items:center;justify-content:center;margin-bottom:20px}.home-logo{height:150px;width:auto;margin-right:15px;margin-top:-5vh}.home-title{font-size:5rem;margin-bottom:20px;display:inline-block}.home p{font-size:16px;line-height:1.6;color:#666}.info-container{background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;padding:20px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2);max-width:600px;margin:0 auto}.intro-section,.contact-section{margin-bottom:15px}.intro-section h2,.contact-section h2{color:#333;margin-bottom:15px;font-size:1.5rem;border-bottom:2px solid rgba(64,255,170,.5);padding-bottom:10px}.intro-section p,.contact-section p{color:#444;margin-bottom:10px}.image-container{display:flex;justify-content:center;margin-top:20px}.banner-image{max-width:100%;height:auto;border-radius:10px;box-shadow:0 4px 8px #0000001a}.beian-section{margin-top:20px;text-align:center}.beian-container{display:flex;justify-content:center;gap:20px;font-size:.9rem}.beian-container a{color:#666;text-decoration:none;transition:color .3s ease}.beian-container a:hover{color:#4079ff;text-decoration:underline}.scroll-list-container{position:relative}.scroll-list{overflow-y:auto;width:100%;margin:0 auto;height:100%}.scroll-list::-webkit-scrollbar{width:8px}.scroll-list::-webkit-scrollbar-track{background:#060606}.scroll-list::-webkit-scrollbar-thumb{background:#222;border-radius:4px}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.item{padding:16px;background-color:#111;border-radius:8px;margin-bottom:1rem}.item.selected{background-color:#222}.item-text{color:#fff;margin:0}.top-gradient{position:absolute;top:0;left:0;right:0;height:50px;background:linear-gradient(to bottom,#060010,transparent);pointer-events:none;transition:opacity .3s ease}.bottom-gradient{position:absolute;bottom:0;left:0;right:0;height:100px;pointer-events:none;transition:opacity .3s ease}.projects{padding:2rem;max-width:1200px;margin:0 auto;color:#fff}.projects-container{display:flex;flex-direction:column;gap:2rem}.projects-title{font-size:2rem;font-weight:700;margin-bottom:1rem;text-align:center;color:#fff}.projects-section{margin-bottom:2rem;border:1px solid #333;border-radius:8px;overflow:hidden}.section-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#1a1a1a;cursor:pointer;transition:background-color .3s ease}.section-header:hover{background-color:#222}.section-title{font-size:1.5rem;color:#ddd;margin:0;border:none;padding:0}.section-toggle{font-size:1.5rem;color:#ddd;font-weight:700}.projects-list{height:500px;border-radius:8px;background-color:#0a0a0a;border:1px solid #222}.project-list-item{background-color:#111;border-radius:8px;padding:0;margin-bottom:1rem;transition:all .3s ease}.project-list-item:hover{background-color:#1a1a1a}.project-item{padding:1rem;border-radius:8px;cursor:pointer;transition:all .3s ease}.project-item.expanded{background-color:#1a1a1a;border:1px solid #333}.project-item.completed{opacity:.7}.project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.project-title{font-size:1.2rem;font-weight:700;color:#fff}.project-progress-container{display:flex;flex-direction:column;width:250px;gap:.25rem}.project-progress-bar{display:flex;align-items:center;gap:.5rem}.progress-bar{flex-grow:1;height:8px;background-color:#222;border-radius:4px;overflow:hidden;width:120px}.progress-value{font-size:.8rem;color:#aaa;min-width:35px}.project-progress-note{font-size:.8rem;color:#aaa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.progress-fill{height:100%;background-color:#4caf50;border-radius:4px;transition:width .3s ease}.completed .progress-fill{background-color:#2196f3}.project-details{margin-top:1rem;padding-top:1rem;border-top:1px solid #333}.loading-details,.error-details{text-align:center;padding:1rem;color:#aaa}.project-image{margin-bottom:1rem;text-align:center}.project-image img{max-width:100%;max-height:300px;border-radius:8px;border:1px solid #333}.project-description{margin-bottom:1rem;color:#ddd;line-height:1.5}.project-members{margin-top:1rem}.project-members h4{margin-bottom:.5rem;color:#ddd}.members-list{display:flex;flex-wrap:wrap;gap:1rem}.member{display:flex;align-items:center;gap:.5rem;background-color:#222;padding:.5rem;border-radius:20px}.member-avatar{width:24px;height:24px;border-radius:50%;border:1px solid #444}.member span{font-size:.9rem;color:#ddd}.projects-loading,.projects-error{text-align:center;padding:2rem;font-size:1.2rem;color:#ddd}.projects-error{color:#f44336}.no-projects{text-align:center;padding:2rem;font-size:1.2rem;color:#aaa}@media (max-width: 768px){.projects{padding:1rem}.projects-title{font-size:1.5rem}.section-title{font-size:1.2rem}.project-header{flex-direction:column;align-items:flex-start;gap:.5rem}.project-progress{width:100%}}.leaderboard{padding:20px;max-width:1200px;margin:0 auto;min-height:calc(100vh - 40px)}.leaderboard h1{color:#333;margin-bottom:20px;text-align:center}.stats-container{display:flex;justify-content:center;gap:30px;margin-bottom:30px}.stat-box{background-color:#f5f5f5;border-radius:10px;padding:15px 25px;text-align:center;box-shadow:0 2px 5px #0000001a;transition:transform .3s ease}.stat-box:hover{transform:translateY(-5px)}.stat-value{font-size:28px;font-weight:700;color:#4a6cf7;margin-bottom:5px}.stat-label{font-size:14px;color:#666}.players-list-container{margin:0 auto;flex:1;display:flex;flex-direction:column;height:calc(100vh - 200px);overflow:hidden}.player-item-container{margin-bottom:10px;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000000d}.player-item{display:flex;align-items:center;padding:15px;background-color:#f9f9f9;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.player-item:hover{transform:translateY(-3px);box-shadow:0 4px 8px #0000001a}.player-item.expanded{background-color:#f0f4ff;border-left:4px solid #4a6cf7}.player-rank{font-size:20px;font-weight:700;color:#4a6cf7;width:40px;text-align:center}.player-avatar{width:50px;height:50px;margin:0 15px;border-radius:50%;overflow:hidden;border:2px solid #eee}.player-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.player-info{flex:1}.player-name{font-size:18px;font-weight:700;margin-bottom:5px;color:#333;text-align:left}.player-stats{display:flex;gap:15px;font-size:14px;color:#666}.expand-icon{font-size:16px;color:#666;margin-left:10px}.player-details{background-color:#fff;border-top:1px solid #eee;padding:15px}.player-info-iframe{border:none;border-radius:8px;overflow:hidden;pointer-events:none}.player-rank-badge{padding:2px 8px;border-radius:12px;font-size:12px;font-weight:700;color:#fff;background-color:#888}.player-rank-badge.rank-lvnan{background-color:red}.player-rank-badge.rank-sponsor{background-color:gold}.player-rank-badge.rank-lv4{background-color:#ff6b6b}.player-rank-badge.rank-lv3{background-color:#f59e0b}.player-rank-badge.rank-lv2{background-color:#10b981}.player-rank-badge.rank-lv1{background-color:#3b82f6}.player-rank-badge.rank-lv0{background-color:#8b5cf6}.player-rank-badge.rank-default{background-color:#6b7280}.players-list{max-height:none;height:100%;width:100%}.players-list .scroll-list{padding:10px}.players-list .item.selected{background-color:#f0f4ff;border-left:4px solid #4a6cf7}.search-bar{position:relative;width:100%;max-width:400px;margin:20px 0}.search-input{width:100%;padding:12px 16px;font-size:16px;border:1px solid #ddd;border-radius:8px;outline:none;transition:border-color .3s;box-sizing:border-box}.search-input:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233}.suggestions-list{position:absolute;top:100%;left:0;right:0;margin-top:5px;background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #0000001a;max-height:200px;overflow-y:auto;z-index:1000;list-style-type:none;padding:0}.suggestion-item{padding:10px 16px;cursor:pointer;transition:background-color .2s;text-align:left}.suggestion-item:hover{background-color:#f5f5f5}.suggestion-item:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.suggestion-item:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.query-button{background-color:#4a6cf7;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:16px;font-weight:500;transition:background-color .3s ease;white-space:nowrap}.query-button:hover{background-color:#3a5ce5}.query-button:active{background-color:#2a4cd3}.player-profile{font-family:Arial,sans-serif;background-color:#f8f9fa;border-radius:8px;padding:20px 100px;margin:20px 0;box-shadow:0 2px 4px #0000001a;max-width:1000px;white-space:nowrap;overflow-x:auto}.player-profile.loading{text-align:center;padding:40px;color:#666}.profile-header{display:flex;align-items:center;margin-bottom:20px;border-bottom:1px solid #e9ecef;padding-bottom:15px}.player-avatar{width:100px;height:100px;border-radius:50%;overflow:hidden;margin-right:20px;background-color:#dee2e6;display:flex;justify-content:center;align-items:center}.player-avatar-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar-placeholder{width:80px;height:80px;background-color:#dee2e6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#6c757d;font-size:14px}.player-basic-info{flex:1}.player-name-with-status{display:flex;align-items:center;gap:15px;margin-bottom:10px}.player-name{margin:0;font-size:28px;color:#212529}.player-status{margin-top:0}.status-online{display:inline-block;padding:4px 8px;background-color:#28a745;color:#fff;border-radius:4px;font-size:12px;font-weight:500}.status-offline{display:inline-block;padding:4px 8px;background-color:#6c757d;color:#fff;border-radius:4px;font-size:12px;font-weight:500}.status-banned{display:inline-block;padding:4px 8px;background-color:#dc3545;color:#fff;border-radius:4px;font-size:12px;font-weight:500}.player-title{display:flex;align-items:center}.title-icon-placeholder{width:256px;height:64px;background-color:#dee2e6;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#6c757d;font-size:14px}.title-icon{max-width:256px;max-height:64px;height:auto;width:auto;border-radius:4px}.profile-details{display:flex;justify-content:space-between}.profile-column{width:48%}.detail-row{display:flex;padding:12px 0;border-bottom:1px solid #f1f3f5}.detail-label{font-weight:600;color:#495057;width:180px;flex-shrink:0}.detail-value{color:#212529;flex:1}@media (max-width: 768px){.profile-header{flex-direction:column;text-align:center}.player-avatar{margin-right:0;margin-bottom:15px}.detail-row{flex-direction:column}.detail-label{width:100%;margin-bottom:5px}.profile-details{flex-direction:column}.profile-column{width:100%}}.save-as-image-button{background-color:#28a745;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:16px;font-weight:500;transition:background-color .3s ease;height:42px;display:flex;align-items:center;justify-content:center;white-space:nowrap}.save-as-image-button:hover{background-color:#218838}.save-as-image-button:active{background-color:#1e7e34}.save-as-image-button:disabled{background-color:#6c757d;cursor:not-allowed}.profile-page{max-width:1200px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}.profile-page-title{text-align:center;color:#333;margin-bottom:30px;font-size:2rem}.search-section{display:flex;flex-direction:column;gap:15px;margin-bottom:30px;padding:20px;background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 4px #0000001a}.button-group{display:flex;gap:10px;justify-content:flex-end}.profile-section{display:flex;flex-direction:column;align-items:center;gap:20px}.loading-indicator{padding:40px;text-align:center;font-size:1.2rem;color:#666}@media (min-width: 768px){.search-section{flex-direction:row;align-items:center;justify-content:space-between}.button-group{justify-content:flex-start}}@media (max-width: 767px){.button-group{flex-direction:column}}.profile{width:100%;display:flex;flex-direction:column;align-items:center}.profile h1{color:#333;margin-bottom:20px}.profile p{font-size:16px;line-height:1.6;color:#666;margin:10px 0}.error-message{color:#dc3545;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;padding:10px 15px;margin:15px 0;width:100%;max-width:800px;text-align:center}.wiki{max-width:95%;margin:0 auto}.wiki h1{color:#333;margin-bottom:20px}.wiki p{font-size:16px;line-height:1.6;color:#666}.wiki-container{width:100%;height:calc(100vh - 120px);margin-top:20px;border:1px solid #ddd;border-radius:8px;overflow:hidden}.wiki-iframe{width:100%;height:100%;border:none}.satellite-map-container{padding:20px;max-width:1200px;margin:0 auto}.satellite-map-container h1{font-size:2rem;margin-bottom:20px;color:#333;text-align:center}.map-content{background-color:#f9f9f9;border-radius:8px;padding:20px;box-shadow:0 2px 10px #0000001a;min-height:500px;display:flex;flex-direction:column;align-items:center;justify-content:center}.map-content p{font-size:1.2rem;color:#666}.server-latency-test{padding:20px;max-width:1200px;margin:0 auto;min-height:calc(100vh - 40px);overflow-y:auto;height:100%}@media (max-width: 768px){.server-latency-test{padding:15px;min-height:calc(100vh - 30px)}}@media (max-width: 480px){.server-latency-test{padding:10px;min-height:calc(100vh - 20px)}.server-item{flex-direction:column;align-items:flex-start}.server-info{margin:10px 0}.server-latency{margin-right:0;margin-bottom:10px}}.server-latency-test h1{color:#333;margin-bottom:20px;text-align:center}.test-controls{display:flex;justify-content:center;margin-bottom:30px}.test-button{background-color:#4a6cf7;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:700;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.test-button:hover{background-color:#3a5ce5;transform:translateY(-2px)}.test-button:disabled{background-color:#a0aec0;cursor:not-allowed;transform:none}.error-message{color:#e53e3e;margin-left:15px;font-weight:700;align-self:center}.results-container{margin:0 auto;flex:1;display:flex;flex-direction:column}.results-container h2{color:#333;margin-bottom:20px;text-align:center}.results-list{display:flex;flex-direction:column;gap:15px}.server-item{display:flex;align-items:center;padding:15px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.server-item:hover{transform:translateY(-3px);box-shadow:0 4px 8px #0000001a}.server-rank{font-size:20px;font-weight:700;color:#4a6cf7;width:40px;text-align:center}.server-info{flex:1;margin-left:15px}.server-name{font-size:18px;font-weight:700;margin-bottom:5px;color:#333}.server-address{font-size:14px;color:#666}.server-latency{display:flex;align-items:center;gap:10px;margin-right:15px}.latency-value{font-size:18px;font-weight:700;color:#333}.quality-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:700;color:#fff}.copy-button{background-color:#4a6cf7;color:#fff;border:none;border-radius:6px;padding:8px 12px;font-size:14px;cursor:pointer;transition:background-color .3s ease;white-space:nowrap}.copy-button:hover{background-color:#3a5ce5}.copy-button:active{background-color:#2a4cd5}.empty-state{text-align:center;padding:50px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000000d}.empty-state p{font-size:16px;color:#666}.loading{text-align:center;padding:50px;font-size:18px;color:#666}.progress-container{margin:20px auto;max-width:600px}.progress-info{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px;color:#666}.progress-bar{width:100%;height:10px;background-color:#e2e8f0;border-radius:5px;overflow:hidden}.progress-fill{height:100%;background-color:#4a6cf7;border-radius:5px;transition:width .3s ease}.mobile-intro{display:flex;flex-direction:column;min-height:100vh;background-color:#f5f5f5;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6;position:relative}.mobile-intro:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/%E8%83%8C%E6%99%AF.png);background-size:cover;background-position:center;filter:blur(8px);z-index:-1;opacity:.7}.mobile-header{display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;background:linear-gradient(135deg,#4079ff,#40ffaa);color:#fff;text-align:center;box-shadow:0 4px 6px #0000001a}.mobile-logo{width:100px;height:auto;margin-bottom:1rem;border-radius:50%;background-color:#fff;padding:5px}.mobile-title{font-size:1.8rem;margin:0;font-weight:700}.mobile-content{flex:1;padding:1.5rem;max-width:100%;overflow-x:hidden}section{margin-bottom:2rem;background:#fff;border-radius:10px;padding:1.5rem;box-shadow:0 2px 4px #0000000d}h2{color:#4079ff;font-size:1.4rem;margin-top:0;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid rgba(64,121,255,.2)}p{margin-bottom:1rem;font-size:1rem;color:#555}ul{padding-left:1.5rem;margin:0}li{margin-bottom:.5rem;font-size:1rem;color:#555}a{color:#4079ff;text-decoration:none;font-weight:500}a:hover{text-decoration:underline}.mobile-footer{padding:1.5rem;text-align:center;background-color:#333;color:#fff;font-size:.9rem}.orientation-notice{background-color:#fff3cd;border-left:4px solid #ffc107}.orientation-notice h2{color:#856404;border-bottom-color:#ffc1074d}.orientation-notice p{color:#856404}.intro-image-container{width:100%;margin:1rem 0;text-align:center}.intro-image{max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 8px #0000001a}.beian-info{margin-top:1rem;font-size:.8rem}.beian-info p{margin:.3rem 0}.beian-info a{color:#fffc;text-decoration:none}.beian-info a:hover{text-decoration:underline;color:#fff}@media (min-width: 480px){.mobile-content{max-width:480px;margin:0 auto}}@media (min-width: 768px){.mobile-intro{max-width:768px;margin:0 auto;border-left:1px solid #eee;border-right:1px solid #eee}}:root{--linear-ease: linear( 0, .068, .19 2.7%, .804 8.1%, 1.037, 1.199 13.2%, 1.245, 1.27 15.8%, 1.274, 1.272 17.4%, 1.249 19.1%, .996 28%, .949, .928 33.3%, .926, .933 36.8%, 1.001 45.6%, 1.013, 1.019 50.8%, 1.018 54.4%, 1 63.1%, .995 68%, 1.001 85%, 1 )}.gooey-nav-container{position:relative}.gooey-nav-container nav{display:flex;position:relative;transform:translateZ(.01px)}.gooey-nav-container nav ul{display:flex;gap:2em;list-style:none;padding:0 1em;margin:0;position:relative;z-index:3;color:#fff;text-shadow:0 1px 1px hsl(205deg 30% 10% / .2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:500;letter-spacing:.5px}.gooey-nav-container nav ul li{border-radius:100vw;position:relative;cursor:pointer;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease,transform .3s ease;box-shadow:0 0 .5px 1.5px transparent;color:#fff;font-weight:600;letter-spacing:.8px}.gooey-nav-container nav ul li:hover{transform:translateY(-2px)}.gooey-nav-container nav ul li a{display:inline-block;padding:.6em 1em;font-size:1rem;font-weight:600;text-decoration:none;color:inherit;position:relative;z-index:2;transition:all .3s ease}.gooey-nav-container nav ul li:focus-within:has(:focus-visible){box-shadow:0 0 .5px 1.5px #fff}.gooey-nav-container nav ul li:after{content:"";position:absolute;inset:0;border-radius:10px;background:#fff;opacity:0;transform:scale(0);transition:all .3s ease;z-index:-1}.gooey-nav-container nav ul li.active{color:#000;text-shadow:none}.gooey-nav-container nav ul li.active:after{opacity:1;transform:scale(1)}.gooey-nav-container .effect{position:absolute;left:0;top:0;width:0;height:0;opacity:1;pointer-events:none;display:grid;place-items:center;z-index:1}.gooey-nav-container .effect.filter{filter:blur(7px) contrast(100) blur(0);mix-blend-mode:lighten}.gooey-nav-container .effect.filter:before{content:"";inset:-75px;z-index:-2;background:#000}.gooey-nav-container .effect.filter:after{content:"";position:absolute;inset:0;background:#fff;transform:scale(0);opacity:0;z-index:-1;border-radius:100vw}.gooey-nav-container .effect.active:after{animation:pill .3s ease both}@keyframes pill{to{transform:scale(1);opacity:1}}.particle,.point{display:block;opacity:0;width:20px;height:20px;border-radius:100%;transform-origin:center}.particle{--time: 5s;position:absolute;top:calc(50% - 8px);left:calc(50% - 8px);animation:particle calc(var(--time)) ease 1 -.35s}.point{background:var(--color);opacity:1;animation:point calc(var(--time)) ease 1 -.35s}@keyframes particle{0%{transform:rotate(0) translate(calc(var(--start-x)),calc(var(--start-y)));opacity:1;animation-timing-function:cubic-bezier(.55,0,1,.45)}70%{transform:rotate(calc(var(--rotate) * .5)) translate(calc(var(--end-x) * 1.2),calc(var(--end-y) * 1.2));opacity:1;animation-timing-function:ease}85%{transform:rotate(calc(var(--rotate) * .66)) translate(calc(var(--end-x)),calc(var(--end-y)));opacity:1}to{transform:rotate(calc(var(--rotate) * 1.2)) translate(calc(var(--end-x) * .5),calc(var(--end-y) * .5));opacity:1}}@keyframes point{0%{transform:scale(0);opacity:0;animation-timing-function:cubic-bezier(.55,0,1,.45)}25%{transform:scale(calc(var(--scale) * .25))}38%{opacity:1}65%{transform:scale(var(--scale));opacity:1;animation-timing-function:ease}85%{transform:scale(var(--scale));opacity:1}to{transform:scale(0);opacity:0}}#root{width:100%;margin:0;padding:0;text-align:center}@media (max-width: 1200px){#root{max-width:100%}}@media (max-width: 768px){#root{padding:1rem}}@media (max-width: 480px){#root{padding:.5rem}}.app{display:flex;flex-direction:column;min-height:100vh}.nav-container{padding:1rem 0;background-color:#242424;display:flex;justify-content:center;position:fixed;top:0;left:0;width:100%;z-index:1000}@media (max-width: 768px){.nav-container{padding:.5rem 0}.gooey-nav-container nav ul{gap:1em;padding:0 .5em}.gooey-nav-container nav ul li a{padding:.4em .8em;font-size:.9rem}}@media (max-width: 480px){.gooey-nav-container nav ul{gap:.5em;padding:0 .25em}.gooey-nav-container nav ul li a{padding:.3em .6em;font-size:.8rem}}.main-content{flex:1;padding:0;background:#000;background-size:400% 400%;animation:gradientShift 15s ease infinite;width:100%;min-height:calc(100vh - 70px);margin-top:70px;overflow-y:auto}.main-content::-webkit-scrollbar{width:8px}.main-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.main-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.main-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}