*{box-sizing:border-box;padding:0;margin:0}body{display:flex;justify-content:center;height:100vh;padding-top:76px;background-image:url(/assets/bg01-DKXht5PK.png);background-size:cover;background-position:center;background-repeat:no-repeat}#nav{position:fixed;top:16.18px;left:0;right:0;margin:0 auto;z-index:1000;border:none;border-radius:10em;display:flex;list-style:none;background-color:#f5f5f5;box-shadow:20px 40px 40px #0003;padding:10px;max-width:75%;width:90vw;justify-content:center}#nav .icon{height:40px}#nav>a{display:flex;align-items:center;justify-content:center;margin-right:20px}#nav2{position:fixed;top:16.18px;left:0;right:0;margin:0 auto;z-index:1000;border-radius:10em;background-color:#f5f5f5;box-shadow:20px 40px 40px #0003;max-width:90%;width:90vw;display:none;justify-content:center;align-items:center;padding:0}.nav2-inner{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 20px}#nav2 .icon{height:40px;margin-right:10px}#nav2-toggle{background:none;border:none;outline:none;cursor:pointer;padding:8px;margin-left:auto;display:flex;align-items:center}#nav2-toggle svg{display:block;width:32px;height:32px;color:#4664b4}#realnav2{position:absolute;margin-top:120px;margin-left:10px;left:50%;transform:translate(-50%);background:#f5f5f5;border-radius:2em;box-shadow:0 8px 32px #0002;padding:10px 0;min-width:220px;width:100%;z-index:1001}#realnav2 li{list-style:none;margin:0;padding:0}#realnav2 li a{display:block;padding:12px 32px;font:500 18px 优设标题黑;color:#4664b4;text-decoration:none;border-radius:1em;transition:background .2s}#realnav2 li a:hover{background:#e0eaff}#nav2{display:none}#nav li a{width:110%}#nav li a{position:relative;padding:15px 50px;font:500 20px 优设标题黑;border:none;outline:none;color:#4664b4;display:inline-block;text-decoration:none;z-index:3}.slide1,.slide2{position:absolute;display:inline-block;height:60px;border-radius:10em;transition:all .6s cubic-bezier(.23,1,.38,1.05)}.slide1{background-color:#aabeff;z-index:2}.slide2{opacity:0;background-color:#aabeff80;z-index:1;box-shadow:0 0 20px #fffa inset}.squeeze{transform:scale(.9)}#menu-bg-blur{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#fff9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);opacity:0;pointer-events:none;transition:opacity .35s cubic-bezier(.4,0,.2,1)}#menu-bg-blur.menu-bg-blur-show{opacity:1;pointer-events:auto}.menu-modal{position:fixed;left:50%;top:50%;z-index:2000;background:#fff;border-radius:.5rem;box-shadow:0 8px 32px #0002;padding:1.5rem 1rem;width:90vw;max-width:420px;max-height:90vh;overflow-y:auto;opacity:0;pointer-events:none;transform:translate(-50%,-40%) scale(.96);transition:opacity .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.4,0,.2,1)}.menu-modal.menu-modal-show{display:block;opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}@keyframes menuModalFadeIn{0%{opacity:0;transform:translate(-50%,calc(-50% + 40px)) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.menu-modal-header{display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;padding:0 1rem;height:40px}.menu-close-btn{background:none;border:none;cursor:pointer;padding:.5rem;color:#4664b4;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;width:40px;height:40px}.menu-close-btn:hover{background-color:#e0eaff;transform:rotate(90deg)}.menu-close-btn svg{width:24px;height:24px}.menu-title{font-size:1.25rem;font-weight:600;color:#4664b4;margin:0;padding:0}.menu-modal-nav ul{margin:.75rem 0 0;padding:0;list-style:none;border-top:1px solid #eee}.menu-modal-nav li{margin:0;padding:0;border-bottom:1px solid #eee}.menu-modal-nav li:last-child{border-bottom:none}.menu-modal-nav a{display:flex;align-items:center;justify-content:flex-start;gap:.5rem;padding:.75rem 0;font-size:1rem;color:#4664b4;text-decoration:none;transition:background .2s}.menu-modal-nav a:hover{background:#e0eaff;border-radius:.5rem}#hero{height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background:transparent;position:relative;overflow:hidden}.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform-origin:center center;transition:transform .5s ease-out}.logo{font-size:15em;color:#0000;background-image:url(/assets/logo-DEzH92P2.png);background-size:contain;background-repeat:no-repeat;margin-top:-20%;margin-left:1.1em}.logo2{display:none}.subtitle{color:#fff}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity .8s cubic-bezier(.23,1,.32,1),transform .8s cubic-bezier(.23,1,.32,1),visibility .8s}.loading-spinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid #aabeff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body.scrolled #hero .hero{transform:translateY(-30%) scale(.95);opacity:.2;transition:transform 1s ease-out,opacity 1s ease-out}.card-animate{opacity:0;transform:translateY(20px);transition:opacity .8s ease-out,transform .8s ease-out}.card-animate.visible{opacity:1;transform:translateY(0) scale(1.05);transition:opacity .8s ease-out,transform .8s ease-out}.hero-text{margin-bottom:2rem}.tips{position:absolute;bottom:15vh;font-size:1.2rem;color:#666;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}::-webkit-scrollbar{width:0;height:0}body{scrollbar-width:thin;scrollbar-color:#66ccff transparent;-ms-overflow-style:-ms-autohiding-scrollbar;padding-right:10px}body::-ms-scrollbar{width:10px}body::-ms-scrollbar-track{background:transparent}body::-ms-scrollbar-thumb{background-color:#6cf;border-radius:5px}body::-webkit-scrollbar{width:10px}body::-webkit-scrollbar-track{background:transparent}body::-webkit-scrollbar-thumb{background-color:#6cf;border-radius:5px}.scrollable::-webkit-scrollbar{width:10px}.scrollable::-ms-scrollbar{width:10px}.scrollable::-ms-scrollbar-track{background:transparent}.scrollable::-ms-scrollbar-thumb{background-color:#6cf;border-radius:5px}.scrollable::-webkit-scrollbar-track{background:transparent}.scrollable::-webkit-scrollbar-thumb{background-color:#6cf;border-radius:5px}.scrollable{scrollbar-width:thin;scrollbar-color:#66ccff transparent}#text{font-family:Microsoft YaHei,PingFang SC,sans-serif;color:#333;line-height:1.8;max-width:1000px;margin:0 auto;padding:3rem;background-color:#ffffffd9;border-radius:1rem;box-shadow:0 8px 32px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}#text br{margin-bottom:1rem}#about{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #eee}h2{font-size:1.8rem;color:#6cf;margin-bottom:1rem;font-weight:600}p{margin-bottom:1.2rem;text-align:justify}.xss{font-size:.95rem;color:#666;font-style:italic;background-color:#e6f0ff80;padding:1rem;border-radius:.5rem;margin-top:1.5rem}h3{font-size:1.5rem;color:#4664b4;margin:1.5rem 0 1rem;font-weight:600}.dev{display:flex;flex-wrap:wrap;gap:2rem;margin:1rem 0}.dev span{display:flex;flex-direction:column;align-items:center;width:120px;text-align:center}.dev img{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid #e0eaff;transition:all .3s ease;box-shadow:0 4px 10px #0000001a}.dev img:hover{transform:scale(1.05);box-shadow:0 6px 15px #00000026;border-color:#aabeff}.dev a{text-decoration:none;color:#4664b4;font-weight:500;margin-top:.5rem;transition:color .2s ease}.dev a:hover{color:#2a4aa0;text-decoration:underline}#xynb{font-family:Microsoft YaHei,PingFang SC,sans-serif;color:#333;line-height:1.8;max-width:1000px;margin:3rem auto 0;padding:3rem;background-color:#ffffffd9;border-radius:1rem;box-shadow:0 8px 32px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.xynb-intro{margin-bottom:2rem}.xynb-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem}.feature-item{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:#e6f0ff4d;border-radius:1rem;transition:transform .3s ease,box-shadow .3s ease}.feature-item:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a}.feature-icon{font-size:2.5rem;flex-shrink:0}.feature-content h4{font-size:1.2rem;color:#4664b4;margin-bottom:.5rem;font-weight:600}.feature-content p{font-size:.95rem;color:#666;margin:0}.xynb-chart{margin:2rem 0}.chart-container{background:#fffc;border-radius:1rem;overflow:hidden;box-shadow:0 4px 20px #00000014}.chart-iframe{width:100%;height:500px;border:none}.xynb-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:2rem 0}.xynb-link{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.25rem 1.5rem;background:#fff;color:#4664b4;text-decoration:none;border-radius:1rem;font-weight:500;font-size:1rem;transition:all .3s ease;border:2px solid rgba(170,190,255,.3)}.xynb-link:hover{border-color:#aabeff;background:#e6f0ff80;transform:translateY(-2px)}.xynb-link-icon{font-size:1.25rem}.xynb-link-text{font-size:1rem}.xynb-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.info-item{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;background:#e6f0ff4d;border-radius:1rem;text-align:center}.info-label{font-size:.9rem;color:#666;font-weight:500}.info-value{font-size:1.1rem;color:#4664b4;font-weight:600;word-break:break-all}.info-value.contract{font-size:.85rem;color:#666}@media (max-width: 1920px){#nav{max-width:85%}#nav li a{font:550 18px 优设标题黑}.slide1,.slide2{height:60px}}@media (max-width: 1257px){#nav{max-width:98%}#nav li a{font:500 15px 优设标题黑}.slide1,.slide2{height:50px}}@media (max-width: 1106px){#nav li a{font:450 13px 优设标题黑}.slide1,.slide2{height:46.18px}}@media (max-width: 1050px){#nav li a{font:400 10px 优设标题黑}.slide1,.slide2{height:46.18px}}@media (max-width: 947px){#nav{left:2vw;right:2vw;border-radius:2em;flex-wrap:wrap;padding:6px}#nav li a{padding:10px 18px;font:300 15px 优设标题黑}.slide1,.slide2{height:50px;top:-1px}}@media (max-width: 735px){#nav{display:none}#nav2{display:flex}.logo{display:none}.logo2{display:flex;width:100%}}@media (max-width: 600px){.menu-modal{width:98vw;max-width:98vw;padding:1.2rem .5rem}}@media (max-width: 768px){#xynb{padding:2rem 1.5rem}.xynb-features{grid-template-columns:1fr}.chart-iframe{height:400px}.xynb-links,.xynb-info{grid-template-columns:1fr}}.useful-sites-section[data-v-185af7ad]{padding:4rem 2rem;background-color:#ffffffd9;border-radius:1rem;box-shadow:0 8px 32px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);max-width:1000px;margin:3rem auto;opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.useful-sites-section.visible[data-v-185af7ad]{opacity:1;transform:translateY(0)}.useful-sites-container[data-v-185af7ad]{text-align:center}.useful-sites-title[data-v-185af7ad]{font-family:Microsoft YaHei,PingFang SC,sans-serif;font-size:2rem;color:#333;margin-bottom:3rem;font-weight:600}.useful-sites-grid[data-v-185af7ad]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;justify-items:center}.useful-site-card[data-v-185af7ad]{display:flex;flex-direction:column;align-items:center;padding:2rem;background-color:#fff;border-radius:1rem;box-shadow:0 4px 16px #00000014;transition:transform .3s ease,box-shadow .3s ease;text-decoration:none;color:inherit;width:100%;max-width:320px}.useful-site-card[data-v-185af7ad]:hover{transform:translateY(-8px);box-shadow:0 8px 24px #00000026}.useful-site-logo[data-v-185af7ad]{width:80px;height:80px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;background-color:#f8f9fa;border-radius:50%;padding:.5rem}.useful-site-logo img[data-v-185af7ad]{width:100%;height:100%;object-fit:contain}.useful-site-info[data-v-185af7ad]{text-align:center}.useful-site-name[data-v-185af7ad]{font-family:Microsoft YaHei,PingFang SC,sans-serif;font-size:1.25rem;color:#333;margin-bottom:.5rem;font-weight:600}.useful-site-description[data-v-185af7ad]{font-family:Microsoft YaHei,PingFang SC,sans-serif;font-size:.9rem;color:#666;line-height:1.5}@media (max-width: 768px){.useful-sites-section[data-v-185af7ad]{padding:3rem 1.5rem;margin:2rem 1rem}.useful-sites-title[data-v-185af7ad]{font-size:1.5rem;margin-bottom:2rem}.useful-sites-grid[data-v-185af7ad]{grid-template-columns:1fr;gap:1.5rem}.useful-site-card[data-v-185af7ad]{max-width:100%}}.footer[data-v-6c6b98be]{position:relative;left:0;right:0;width:100vw;background-color:#f5f5f5f2;padding:3rem 2rem 1.5rem;margin-top:4rem;box-shadow:0 -4px 16px #00000014;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.footer-container[data-v-6c6b98be]{max-width:1200px;margin:0 auto}.footer-content[data-v-6c6b98be]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section[data-v-6c6b98be]{padding:1rem}.footer-title[data-v-6c6b98be]{font-family:Microsoft YaHei,PingFang SC,sans-serif;font-size:1.25rem;color:#333;margin-bottom:1rem;font-weight:600}.footer-description[data-v-6c6b98be]{font-family:Microsoft YaHei,PingFang SC,sans-serif;font-size:.95rem;color:#666;line-height:1.6}.footer-links[data-v-6c6b98be]{list-style:none;padding:0;margin:0}.footer-links li[data-v-6c6b98be]{margin-bottom:.5rem}.footer-links a[data-v-6c6b98be]{font-family:Microsoft YaHei,PingFang SC,sans-serif;font-size:.95rem;color:#666;text-decoration:none;transition:color .3s ease}.footer-links a[data-v-6c6b98be]:hover{color:#007bff}.footer-bottom[data-v-6c6b98be]{border-top:1px solid #e0e0e0;padding-top:1.5rem;text-align:center}.footer-copyright[data-v-6c6b98be]{font-family:Microsoft YaHei,PingFang SC,sans-serif;font-size:.9rem;color:#999;margin:0}@media (max-width: 768px){.footer[data-v-6c6b98be]{padding:2rem 1.5rem 1rem;margin-top:3rem}.footer-content[data-v-6c6b98be]{grid-template-columns:1fr;gap:1.5rem}.footer-title[data-v-6c6b98be]{font-size:1.1rem}.footer-description[data-v-6c6b98be],.footer-links a[data-v-6c6b98be]{font-size:.9rem}}