@font-face{font-family:Crystal;src:url(https://vip.123pan.cn/1662268/LandeSR/%E5%B8%83%E5%B1%80/%E8%87%AA%E5%AE%9A%E4%B9%89%E5%AD%97%E4%BD%93/Crystal-Light-2.ttf);font-weight:400;font-style:normal}@font-face{font-family:GSlab;src:url(https://vip.123pan.cn/1662268/LandeSR/%E5%B8%83%E5%B1%80/%E8%87%AA%E5%AE%9A%E4%B9%89%E5%AD%97%E4%BD%93/home/GetboregSlab-X3gga.ttf);font-weight:400;font-style:normal}@font-face{font-family:Omegle;src:url(https://vip.123pan.cn/1662268/LandeSR/%E5%B8%83%E5%B1%80/%E8%87%AA%E5%AE%9A%E4%B9%89%E5%AD%97%E4%BD%93/home/OmegleRegular-gxDaq.otf);font-weight:400;font-style:normal}@font-face{font-family:Rainbow;src:url(https://vip.123pan.cn/1662268/LandeSR/%E5%B8%83%E5%B1%80/%E8%87%AA%E5%AE%9A%E4%B9%89%E5%AD%97%E4%BD%93/home/Rainbow-Party-2.ttf);font-weight:400;font-style:normal}@font-face{font-family:Specia;src:url(https://vip.123pan.cn/1662268/LandeSR/%E5%B8%83%E5%B1%80/%E8%87%AA%E5%AE%9A%E4%B9%89%E5%AD%97%E4%BD%93/home/SpecialElite-Regular.ttf);font-weight:400;font-style:normal}@font-face{font-family:Kufang;src:url(https://vip.123pan.cn/1662268/LandeSR/%E5%B8%83%E5%B1%80/%E8%87%AA%E5%AE%9A%E4%B9%89%E5%AD%97%E4%BD%93/home/Kufang.ttf);font-weight:400;font-style:normal}@font-face{font-family:ChillR;src:url(https://vip.123pan.cn/1662268/LandeSR/%E5%B8%83%E5%B1%80/%E8%87%AA%E5%AE%9A%E4%B9%89%E5%AD%97%E4%BD%93/ChillReunion_45S.otf);font-weight:400;font-style:normal}@font-face{font-family:Meigui;src:url(https://vip.123pan.cn/1662268/LandeSR/%E5%B8%83%E5%B1%80/%E8%87%AA%E5%AE%9A%E4%B9%89%E5%AD%97%E4%BD%93/home/LangManDeShiMeiGuiHeNi-3500.ttf);font-weight:400;font-style:normal}*{margin:0;padding:0;box-sizing:border-box}::-webkit-scrollbar{width:0;height:0}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:transparent}*{scrollbar-width:none;-ms-overflow-style:none}body{font-family:yezi,sans-serif;line-height:1.6;color:#333;overflow-x:hidden}#app{min-height:100vh;position:relative}.background-video{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:-1;overflow:hidden;display:flex;align-items:center;justify-content:center;transform:blur(2px)}.background-video video{min-width:100%;min-height:100%;width:auto;height:auto;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform:blur(2px)}.glass-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255,255,255,.18);box-shadow:0 8px 32px #1f26875e;transition:all .3s ease}.glass-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #1f268773}.skeuomorphic-card{background:#f0f0f0;border-radius:16px;box-shadow:8px 8px 16px #d1d1d1,-8px -8px 16px #fff;transition:all .3s ease}.skeuomorphic-card:hover{box-shadow:12px 12px 24px #c9c9c9,-12px -12px 24px #fff}.container{max-width:1200px;margin:0 auto;padding:0 20px}.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;padding:1rem 0;transition:all .3s ease}.navbar.glass{background:#00e5ff35;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.18)}.navbar.skeuomorphic{background:#f0f0f0;box-shadow:0 4px 8px #d1d1d1}.navbar-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px}.logo{font-size:1.5rem;font-weight:700;color:#fff;text-decoration:none;transition:color .3s ease;display:flex;align-items:center}.logo-image{height:40px;width:auto;max-height:100%}.logo-text{font-size:1.5rem;font-family:Omegle,sans-serif;color:#10f;text-shadow:0 0 5px #ff0000;transform:translateY(10%);text-decoration:none;transition:color .3s ease}.logo:hover{color:#00bcd4}.navbar.skeuomorphic .logo{color:#333}.nav-links{display:flex;gap:2rem}.nav-link{color:#fff;text-decoration:none;font-weight:500;transition:all .3s ease;position:relative;padding:.5rem 0}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:#00bcd4;transition:width .3s ease}.nav-link:hover{color:#00bcd4}.nav-link:hover:after{width:100%}.navbar.skeuomorphic .nav-link{color:#333}.mobile-menu{position:relative}.menu-toggle{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;transition:color .3s ease}.menu-toggle:hover{color:#00bcd4}.navbar.skeuomorphic .menu-toggle{color:#333}.mobile-nav-links{position:absolute;top:100%;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;box-shadow:0 4px 12px #00000026;padding:1rem;min-width:200px;margin-top:.5rem;animation:slideIn .3s ease;z-index:1001}.navbar.skeuomorphic .mobile-nav-links{background:#f0f0f0;box-shadow:8px 8px 16px #d1d1d1,-8px -8px 16px #fff}.mobile-nav-link{display:block;color:#333;text-decoration:none;padding:.75rem 0;transition:color .3s ease;font-weight:500}.mobile-nav-link:hover{color:#00bcd4}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.hero{height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;padding:0 20px;position:relative}.hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0003;z-index:-1}.hero-content{max-width:800px;animation:fadeInUp 1s ease-out}.hero-title{font-size:3.5rem;font-family:Rainbow,sans-serif;margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.5);line-height:1.2}.hero-subtitle{font-size:1.2rem;font-family:Omegle,sans-serif;margin-bottom:2.5rem;text-shadow:1px 1px 1px rgba(47,85,87,.5);opacity:1}#titleml{text-align:center;font-weight:bolder;margin:0 auto 20px;background:-webkit-linear-gradient(left,#feffc0 0%,#e6d205 10%,#147b96 20%,#052aff 30%,#ef0fff 40%,#f7ff99 50%,#f7ff99 60%,#147b96 70%,#0a37ff 80%,#ef0fff 90%,#ffffff 100%);color:transparent;-webkit-background-clip:text;background-clip:text;background-size:200% 100%;animation:masked-animation 3s infinite linear}@keyframes masked-animation{0%{background-position:0 0}to{background-position:-200% 0}}@-webkit-keyframes masked-animation{0%{background-position:0 0}to{background-position:-200% 0}}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.hero-button{display:inline-block;padding:12px 30px;border-radius:50px;text-decoration:none;font-weight:500;transition:all .3s ease;border:1px solid transparent}.hero-button.primary{background:#fff3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3);color:#fff}.hero-button.secondary{background:transparent;border:1px solid rgba(255,255,255,.5);color:#fff}.hero-button:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0003}.hero-button.primary:hover{background:#ffffff4d}.hero-button.secondary:hover{background:#ffffff1a}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.section-title{font-size:2.5rem;font-family:Rainbow,sans-serif;text-align:center;margin-bottom:3rem;color:#000;position:relative;padding-bottom:1rem}.section-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100px;height:3px;background:#00bcd4;border-radius:2px}.about{padding:100px 0;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.about-content{display:flex;flex-wrap:wrap;gap:40px;align-items:center}.about-image{flex:1;min-width:300px;display:flex;justify-content:center}.image-container{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #0000004d;transition:transform .3s ease}.image-container:hover{transform:scale(1.02)}.image-container img{width:100%;height:auto;display:block}.about-text{flex:1;min-width:300px}.about-paragraph{font-size:1.1rem;margin-bottom:1.5rem;color:#ffffffe6;line-height:1.8}.skills{margin-top:3rem}.skills-title{font-size:1.5rem;margin-bottom:1.5rem;color:#fff}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.skill-item{background:#ffffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:.75rem 1rem;text-align:center;color:#fff;font-weight:500;transition:all .3s ease}.skill-item:hover{background:#fff3;transform:translateY(-3px)}.projects{padding:100px 0}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.project-card{height:100%;display:flex;flex-direction:column;overflow:hidden}.project-image{width:100%;height:200px;overflow:hidden;border-radius:16px 16px 0 0}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project-card:hover .project-image img{transform:scale(1.1)}.project-content{padding:25px;flex-grow:1;display:flex;flex-direction:column}.project-title{font-size:1.5rem;margin-bottom:1rem;color:#fff}.project-description{margin-bottom:1.5rem;flex-grow:1;color:#ffffffe6;line-height:1.6}.project-link{display:inline-block;padding:8px 20px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:50px;color:#fff;text-decoration:none;font-weight:500;transition:all .3s ease;align-self:flex-start}.project-link:hover{background:#ffffff4d;transform:translateY(-2px)}.autome{padding:100px 0;background:#ffffff0d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(2px)}.autome-content{margin-top:2rem;display:flex;justify-content:center;align-items:center}.autome-container{display:flex;width:100%;max-width:1200px;border-radius:12px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000001a}.autome-image{flex:1;min-width:300px;overflow:visible;position:relative}.autome-image img{width:100%;height:100%;object-fit:cover;transition:all .5s ease;border-radius:8px;filter:blur(2px);position:absolute;inset:0}.autome-image:hover img{transform:scale(1.05);filter:blur(0)}.image-loader{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:10;border-radius:8px}.loader-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-radius:50%;border-top:4px solid #fff;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.autome-text{flex:1;padding:3rem;display:flex;align-items:center;justify-content:center}.autome-quote{font-size:1.4rem;font-family:Meigui,sans-serif;font-weight:bolder;line-height:1.6;color:#ff0;text-shadow:0 1px 4px rgb(0,0,0,.5);text-align:left;margin:0}@media(max-width:768px){.autome-container{flex-direction:column}.autome-image{min-height:200px}.autome-text{padding:2rem}.autome-quote{font-size:1rem}}.contact{padding:100px 0;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.contact-content{display:flex;flex-wrap:wrap;gap:40px;justify-content:center}.contact-info{flex:1;min-width:300px;padding:30px;color:#fff}.contact-info-title{font-size:1.5rem;margin-bottom:1.5rem}.contact-info-item{margin-bottom:1.25rem;display:flex;align-items:center;gap:1rem}.contact-info-item i{font-size:1.25rem;color:#00bcd4;min-width:24px}.social-links{display:flex;gap:1rem;margin-top:2rem}.social-link{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:50%;color:#fff;text-decoration:none;transition:all .3s ease;font-size:1.25rem}.social-link:hover{background:#ffffff4d;transform:translateY(-3px);color:#00bcd4}.contact-form{flex:1;min-width:300px;padding:30px;color:#fff}.contact-form-title{font-size:1.5rem;margin-bottom:1.5rem}.form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:#ffffffe6}.form-input,.form-textarea{padding:12px 16px;border:1px solid rgba(255,255,255,.3);border-radius:8px;background:#ffffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;font-size:1rem;transition:all .3s ease}.form-input:focus,.form-textarea:focus{outline:none;border-color:#00bcd4;box-shadow:0 0 0 3px #00bcd433}.form-input::placeholder,.form-textarea::placeholder{color:#fff9}.form-textarea{resize:vertical;min-height:120px}.form-button{padding:12px 30px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:50px;color:#fff;font-weight:500;cursor:pointer;transition:all .3s ease;align-self:flex-start}.form-button:hover{background:#ffffff4d;transform:translateY(-2px)}.footer{padding:3rem 0 2rem;background:#0000004d;color:#fff}.footer-content{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin-bottom:2rem}.footer-info{flex:1;min-width:250px}.footer-logo{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.footer-description{color:#fffc;margin-bottom:1.5rem}.footer-links{flex:1;min-width:200px}.footer-link{display:block;color:#fffc;text-decoration:none;margin-bottom:1rem;transition:color .3s ease}.footer-link:hover{color:#00bcd4}.footer-social{flex:1;min-width:200px;display:flex;gap:1rem}.footer-social-link{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:50%;color:#fff;text-decoration:none;transition:all .3s ease;font-size:1rem}.footer-social-link:hover{background:#ffffff4d;transform:translateY(-3px);color:#00bcd4}.footer-social-icon{width:24px;height:24px;object-fit:contain;display:block}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);color:#fff9}.footer-info-additional{margin-top:1rem;display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.footer-info-additional span{display:inline-block;font-size:.8rem;color:#fff9}@media(max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.hero-buttons{flex-direction:column;align-items:center}.hero-button{width:200px;text-align:center}.about-content,.contact-content{flex-direction:column}.section-title{font-size:2rem}.about,.projects,.contact,.autome{padding:60px 0}.skills-grid{grid-template-columns:repeat(2,1fr)}.footer-content{flex-direction:column;align-items:center;text-align:center}.footer-social{justify-content:center}.skeuomorphic-card{color:#333!important}.skeuomorphic-card .project-title,.skeuomorphic-card .contact-info-title,.skeuomorphic-card .contact-form-title{color:#333}.skeuomorphic-card .project-description,.skeuomorphic-card .contact-info-item,.skeuomorphic-card .form-group label{color:#555}.skeuomorphic-card .project-link,.skeuomorphic-card .form-button,.skeuomorphic-card .social-link{color:#333;background:#e0e0e0;border:1px solid #d0d0d0}.skeuomorphic-card .form-input,.skeuomorphic-card .form-textarea{background:#f5f5f5;border:1px solid #e0e0e0;color:#333}.skeuomorphic-card .form-input::placeholder,.skeuomorphic-card .form-textarea::placeholder{color:#999}.skeuomorphic-card .skill-item{background:#e0e0e0;border:1px solid #d0d0d0;color:#333}.skeuomorphic-card .autome-title{color:#333}.skeuomorphic-card .autome-description{color:#555}}html{scroll-behavior:smooth}.loading{display:inline-block;width:50px;height:50px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;-webkit-animation:spin 1s ease-in-out infinite;animation:spin 1s ease-in-out infinite}@keyframes spin{to{-webkit-transform:rotate(360deg)}}@-webkit-keyframes spin{to{-webkit-transform:rotate(360deg)}}@media(max-width:768px){.background-video{display:none}body{background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.hero{color:#333}.hero:before{background:#ffffff4d}.hero-title,.hero-subtitle{text-shadow:none}.hero-button.primary{color:#333;background:#e0e0e0;border:1px solid #d0d0d0}.hero-button.secondary{color:#333;border:1px solid #333}.section-title{color:#333}.section-title:after{background:#00bcd4}.about-text p{color:#555}.footer{background:#f0f0f0;color:#333}.footer-description,.footer-link,.footer-bottom{color:#666}.footer-social-link{color:#333;background:#e0e0e0;border:1px solid #d0d0d0}.footer-bottom{border-top:1px solid #e0e0e0}.footer-info-additional span{color:#333}}@font-face{font-family:yezi;src:url(https://files-plus.coldsea.vip/spcoreapi/fonts/yezigongchangdandanhei.ttf);font-weight:400;font-style:normal}