.header[data-v-de5f87a6]{position:fixed;top:0;left:0;width:100%;background-color:rgba(var(--background-rgb),.3);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:1000;padding:15px 0;animation:header-glow-de5f87a6 3s infinite alternate}.header-content[data-v-de5f87a6]{display:flex;justify-content:flex-start;align-items:center;gap:2rem}.logo a[data-v-de5f87a6]{text-decoration:none;color:var(--text-color)}.logo h1[data-v-de5f87a6]{font-size:1.8rem;font-weight:700;position:relative}.logo h1[data-v-de5f87a6]:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:2px;background:var(--gradient-primary);transform:scaleX(0);transition:transform .3s ease}.logo h1[data-v-de5f87a6]:hover:after{transform:scaleX(1)}.logo h1 span[data-v-de5f87a6]{color:var(--primary-color);text-shadow:0 0 10px var(--primary-color)}.nav[data-v-de5f87a6]{margin-right:auto}.nav-list[data-v-de5f87a6]{display:flex;list-style:none;margin:0;padding:0}.nav-list li[data-v-de5f87a6]{margin:0 15px}.nav-list li a[data-v-de5f87a6]{color:var(--text-color);font-weight:500;position:relative;padding-bottom:5px}.nav-list li a[data-v-de5f87a6]:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--primary-color);transition:var(--transition)}.nav-list li a[data-v-de5f87a6]:hover,.nav-list li a.router-link-active[data-v-de5f87a6]{color:var(--primary-color)}.nav-list li a[data-v-de5f87a6]:hover:after,.nav-list li a.router-link-active[data-v-de5f87a6]:after{width:100%}.language-select[data-v-de5f87a6]{cursor:pointer;font-size:1rem;padding:10px 40px 10px 15px;border-radius:10px;border:2px solid rgba(var(--primary-rgb),.3);background:rgba(var(--background-rgb),.9) url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3e%3cpath d='M6 9l6 6 6-6'/%3e%3c/svg%3e") no-repeat right 12px center;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--text-color);transition:var(--transition);box-shadow:0 0 10px #010caa4d;width:auto;min-width:120px;max-width:200px;z-index:1002}.language-select[data-v-de5f87a6]:hover{border-color:var(--primary-color);box-shadow:0 0 15px #010caa4d;transform:translateY(-1px)}.language-select[data-v-de5f87a6]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 20px #010caa4d}.language-select option[data-v-de5f87a6]{background:var(--background-color);color:var(--text-color)}@media (max-width: 768px){.language-select[data-v-de5f87a6]{font-size:1rem;padding:8px 32px 8px 12px;background-position:right 8px center;margin-right:10px;min-width:100px;max-width:150px}}.menu-toggle[data-v-de5f87a6]{display:none;flex-direction:column;cursor:pointer}.menu-toggle .bar[data-v-de5f87a6]{width:25px;height:3px;background-color:var(--text-color);margin:3px 0;transition:var(--transition)}.menu-toggle .bar.animate[data-v-de5f87a6]:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}.menu-toggle .bar.animate[data-v-de5f87a6]:nth-child(2){opacity:0}.menu-toggle .bar.animate[data-v-de5f87a6]:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}@media (max-width: 768px){.header-content[data-v-de5f87a6]{justify-content:space-between}.language-select[data-v-de5f87a6]{display:block;z-index:1001;order:1;margin-left:auto;box-shadow:0 0 10px #00f2fe80}@keyframes header-glow-de5f87a6{0%{box-shadow:0 0 10px #00f2fe4d;border-bottom-color:#64ffda4d}to{box-shadow:0 0 20px #00f2fe99;border-bottom-color:#64ffdab3}}.nav[data-v-de5f87a6]{position:fixed;top:70px;left:0;width:100%;height:calc(100vh - 70px);background-color:rgba(var(--background-rgb),.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translate(100%);transition:var(--transition);z-index:999}.nav-open[data-v-de5f87a6]{transform:translate(0)}.nav-list[data-v-de5f87a6]{flex-direction:column;align-items:center;justify-content:center;height:100%}.nav-list li[data-v-de5f87a6]{margin:15px 0}.nav-list li a[data-v-de5f87a6]{font-size:1.2rem}.menu-toggle[data-v-de5f87a6]{display:flex;order:2}}.footer[data-v-34a05af9]{background-color:var(--light-background);padding:60px 0 20px;margin-top:80px}.footer-content[data-v-34a05af9]{display:flex;flex-direction:column}@media (min-width: 992px){.footer-content[data-v-34a05af9]{flex-direction:row}}.footer-logo[data-v-34a05af9]{margin-bottom:30px}@media (min-width: 992px){.footer-logo[data-v-34a05af9]{width:25%}}.footer-logo h2[data-v-34a05af9]{font-size:1.8rem;margin-bottom:10px}.footer-logo h2 span[data-v-34a05af9]{color:var(--primary-color)}.footer-logo p[data-v-34a05af9]{color:var(--light-text-color)}.footer-links[data-v-34a05af9]{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}@media (min-width: 768px){.footer-links[data-v-34a05af9]{grid-template-columns:repeat(4,1fr)}}@media (min-width: 992px){.footer-links[data-v-34a05af9]{width:75%}}.footer-links-column h3[data-v-34a05af9]{font-size:1.1rem;margin-bottom:20px;position:relative}.footer-links-column h3[data-v-34a05af9]:after{content:"";position:absolute;bottom:-8px;left:0;width:30px;height:2px;background-color:var(--primary-color)}.footer-links-column ul[data-v-34a05af9]{list-style:none}.footer-links-column ul li[data-v-34a05af9]{margin-bottom:10px}.footer-links-column ul li a[data-v-34a05af9]{color:var(--light-text-color);transition:var(--transition)}.footer-links-column ul li a[data-v-34a05af9]:hover{color:var(--primary-color);padding-left:5px}.footer-links-column .social-icons[data-v-34a05af9]{display:flex;gap:10px;margin-top:15px}.footer-links-column .social-icons .social-icon[data-v-34a05af9]{display:inline-block;padding:8px 12px;background-color:var(--background-color);border-radius:var(--border-radius);transition:var(--transition)}.footer-links-column .social-icons .social-icon[data-v-34a05af9]:hover{background-color:var(--primary-color);color:#fff}.footer-bottom[data-v-34a05af9]{margin-top:50px;padding-top:20px;border-top:1px solid var(--border-color);display:flex;flex-direction:column;align-items:center}@media (min-width: 768px){.footer-bottom[data-v-34a05af9]{flex-direction:row;justify-content:space-between}}.footer-bottom .copyright[data-v-34a05af9]{color:var(--light-text-color);margin-bottom:15px;text-align:center}@media (min-width: 768px){.footer-bottom .copyright[data-v-34a05af9]{margin-bottom:0;text-align:left}}.footer-bottom .copyright .icp-info[data-v-34a05af9]{margin-top:5px;font-size:.9rem}.footer-bottom .copyright .icp-info a[data-v-34a05af9]{color:var(--light-text-color);transition:var(--transition)}.footer-bottom .copyright .icp-info a[data-v-34a05af9]:hover{color:var(--primary-color)}.footer-bottom-links[data-v-34a05af9]{display:flex;gap:20px}.footer-bottom-links a[data-v-34a05af9]{color:var(--light-text-color)}.footer-bottom-links a[data-v-34a05af9]:hover{color:var(--primary-color)}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1}.settings-menu{position:fixed;bottom:80px;right:20px;background:var(--background-color);border-radius:12px;box-shadow:var(--box-shadow);overflow:hidden;transform:scale(0);transform-origin:bottom right;transition:transform .3s ease}.settings-menu.active{transform:scale(1)}.settings-menu .menu-item{padding:12px 20px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .2s ease}.settings-menu .menu-item:hover{background:var(--hover-bg)}.settings-toggle{position:fixed;bottom:20px;right:20px;width:50px;height:50px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--box-shadow);z-index:999;transition:transform .3s ease,box-shadow .3s ease}.settings-toggle:hover{transform:scale(1.1);box-shadow:0 5px 15px #0003}.settings-toggle-icon{font-size:1.5rem;transition:transform .5s ease}.settings-toggle.active .theme-toggle-icon{transform:rotate(180deg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-50px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(50px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes shimmer{0%{background-position:-100% 0}to{background-position:100% 0}}.animate{animation-duration:.8s;animation-fill-mode:both}.animate.delay-1{animation-delay:.1s}.animate.delay-2{animation-delay:.2s}.animate.delay-3{animation-delay:.3s}.animate.delay-4{animation-delay:.4s}.animate.delay-5{animation-delay:.5s}.fade-in{animation-name:fadeIn}.slide-in-up{animation-name:slideInUp}.slide-in-left{animation-name:slideInLeft}.slide-in-right{animation-name:slideInRight}.scale-in{animation-name:scaleIn}.rotate{animation-name:rotate}.pulse{animation-name:pulse}.hover-lift{transition:transform .3s ease}.hover-lift:hover{transform:translateY(-5px)}.hover-scale{transition:transform .3s ease}.hover-scale:hover{transform:scale(1.05)}.hover-rotate{transition:transform .3s ease}.hover-rotate:hover{transform:rotate(5deg)}.shimmer-effect{background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.2) 50%,rgba(255,255,255,0) 100%);background-size:200% 100%;animation:shimmer 2s infinite}.gradient-bg{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:#fff;transition:all .5s ease}.gradient-bg:hover{background:linear-gradient(135deg,var(--secondary-color) 0%,var(--primary-color) 100%)}.card-3d{transition:all .3s ease;transform-style:preserve-3d;perspective:1000px}.card-3d:hover{transform:rotateY(5deg) rotateX(5deg);box-shadow:0 15px 30px #0000001a}.reveal-on-scroll{opacity:0;transform:translateY(30px);transition:all .8s ease}.reveal-on-scroll.revealed{opacity:1;transform:translateY(0)}:root{--primary-color: #3366ff;--secondary-color: #00c8ff;--accent-color: #ff6b00;--text-color: #333333;--light-text-color: #666666;--background-color: #ffffff;--light-background: #f5f7fa;--border-color: #e0e0e0;--success-color: #00c853;--warning-color: #ffab00;--error-color: #ff3d00;--border-radius: 8px;--box-shadow: 0 4px 20px rgba(0, 0, 0, .08);--transition: all .3s cubic-bezier(.25, .8, .25, 1);--max-width: 1200px;--gradient-primary: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);--gradient-accent: linear-gradient(135deg, var(--accent-color) 0%, #ff9d4a 100%);--card-bg: #ffffff;--card-shadow: 0 10px 30px rgba(0, 0, 0, .05);--card-hover-shadow: 0 15px 35px rgba(0, 0, 0, .1);--button-shadow: 0 4px 10px rgba(51, 102, 255, .2);--button-hover-shadow: 0 6px 15px rgba(51, 102, 255, .3)}.dark-theme{--primary-color: #4d7cff;--secondary-color: #00d4ff;--accent-color: #ff7b29;--text-color: #e0e0e0;--light-text-color: #a0a0a0;--background-color: #121212;--light-background: #1e1e1e;--border-color: #2c2c2c;--success-color: #00e676;--warning-color: #ffbc00;--error-color: #ff5722;--box-shadow: 0 4px 20px rgba(0, 0, 0, .25);--gradient-primary: linear-gradient(135deg, #4d7cff 0%, #00d4ff 100%);--gradient-accent: linear-gradient(135deg, #ff7b29 0%, #ffac6a 100%);--card-bg: #1e1e1e;--card-shadow: 0 10px 30px rgba(0, 0, 0, .2);--card-hover-shadow: 0 15px 35px rgba(0, 0, 0, .3);--button-shadow: 0 4px 10px rgba(77, 124, 255, .3);--button-hover-shadow: 0 6px 15px rgba(77, 124, 255, .4)}.tech-blue-theme{--primary-color: #00f2fe;--secondary-color: #4facfe;--accent-color: #ff00ff;--text-color: #e0f7fa;--light-text-color: #b2ebf2;--background-color: #0a192f;--light-background: #172a45;--border-color: #64ffda;--success-color: #00ff9d;--warning-color: #ffe700;--error-color: #ff2965;--box-shadow: 0 4px 20px rgba(0, 242, 254, .2);--gradient-primary: linear-gradient(135deg, #00f2fe 0%, #4facfe 100%);--gradient-accent: linear-gradient(135deg, #ff00ff 0%, #ff8a00 100%);--card-bg: rgba(10, 25, 47, .7);--card-shadow: 0 10px 30px rgba(0, 242, 254, .15);--card-hover-shadow: 0 15px 35px rgba(0, 242, 254, .3);--button-shadow: 0 4px 10px rgba(0, 242, 254, .3);--button-hover-shadow: 0 6px 15px rgba(0, 242, 254, .5)}body{transition:background-color .5s ease,color .5s ease}.theme-transition *{transition:background-color .5s ease,color .5s ease,border-color .5s ease,box-shadow .5s ease}.glass-effect{background:rgba(255,255,255,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a}.dark-theme .glass-effect{background:rgba(18,18,18,.7);border:1px solid rgba(255,255,255,.05)}.neon-effect{box-shadow:0 0 5px var(--primary-color),0 0 10px var(--primary-color),0 0 20px var(--primary-color),0 0 40px var(--primary-color);text-shadow:0 0 2px var(--primary-color),0 0 5px var(--primary-color),0 0 10px var(--primary-color);animation:neon-pulse 2s infinite alternate}@keyframes neon-pulse{0%{opacity:.7;box-shadow:0 0 5px var(--primary-color)}to{opacity:1;box-shadow:0 0 20px var(--primary-color)}}.tech-border{position:relative;border:1px solid var(--border-color);overflow:hidden}.tech-border:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:2px;background:var(--gradient-primary);animation:tech-border-animation 3s linear infinite}@keyframes tech-border-animation{0%{left:-100%}to{left:100%}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:PingFang SC,Microsoft YaHei,sans-serif;color:var(--text-color);line-height:1.6;background-color:var(--background-color)}a{color:var(--primary-color);text-decoration:none;transition:var(--transition)}a:hover{color:var(--secondary-color)}img{max-width:100%;height:auto}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 20px}.btn{display:inline-block;padding:10px 20px;background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);font-weight:500;text-align:center}.btn:hover{background-color:var(--secondary-color);transform:translateY(-2px)}.btn.btn-secondary{background-color:transparent;border:1px solid var(--primary-color);color:var(--primary-color)}.btn.btn-secondary:hover{background-color:var(--primary-color);color:#fff}.section{padding:80px 0}.section-title{font-size:2.5rem;margin-bottom:1.5rem;text-align:center;position:relative}.section-title:after{content:"";display:block;width:60px;height:4px;background:var(--primary-color);margin:15px auto 0}.section-subtitle{font-size:1.2rem;color:var(--light-text-color);text-align:center;max-width:700px;margin:0 auto 50px}@media (max-width: 768px){.section{padding:60px 0}.section-title{font-size:2rem}}