@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#fff}.app{min-height:100vh;background:#000;display:flex;flex-direction:column}@keyframes rgbShift{0%{background-position:0% 50%;filter:hue-rotate(0deg) saturate(1.1)}12%{background-position:30% 40%;filter:hue-rotate(30deg) saturate(1.2)}25%{background-position:60% 70%;filter:hue-rotate(80deg) saturate(1)}38%{background-position:80% 30%;filter:hue-rotate(140deg) saturate(1.3)}50%{background-position:100% 60%;filter:hue-rotate(180deg) saturate(.9)}62%{background-position:70% 90%;filter:hue-rotate(220deg) saturate(1.2)}75%{background-position:40% 80%;filter:hue-rotate(270deg) saturate(1.1)}88%{background-position:20% 60%;filter:hue-rotate(310deg) saturate(1)}to{background-position:0% 50%;filter:hue-rotate(360deg) saturate(1.1)}}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);position:fixed;top:0;left:0;right:0;z-index:1000}.navbar .nav-left{display:flex;align-items:center;gap:.75rem}.navbar .nav-left .logo{width:32px;height:32px;border-radius:6px}.navbar .nav-left .brand-name{font-size:1.5rem;font-weight:700;color:#fff;letter-spacing:-.02em}.navbar .nav-right{display:flex;align-items:center;gap:1.5rem}.navbar .nav-right .nav-link{color:#fffc;text-decoration:none;font-weight:500;transition:color .3s ease}.navbar .nav-right .nav-link:hover{color:#fff}.navbar .nav-right .nav-link.github-link{display:flex;align-items:center;justify-content:center;padding:.25rem}.navbar .nav-right .nav-link.github-link svg{transition:all .3s ease}.navbar .nav-right .nav-link.github-link:hover svg{transform:scale(1.1);filter:drop-shadow(0 0 8px rgba(255,255,255,.3))}.navbar .nav-right .nav-divider{color:#ffffff4d;font-size:1.2rem;font-weight:300;-webkit-user-select:none;user-select:none}.main-content{flex:1;display:flex;flex-direction:column;position:relative}.hero-section{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem;min-height:100vh;width:100%;background:linear-gradient(45deg,#ff32324d,#32ff324d,#3232ff4d,#ffff324d,#ff32ff4d);background-size:400% 400%;animation:rgbShift 20s cubic-bezier(.4,0,.2,1) infinite}.hero-section .hero-content{max-width:800px}.hero-section .hero-content .hero-title{margin-bottom:1.5rem}.hero-section .hero-content .hero-title .title-main{display:block;font-size:clamp(2.5rem,6vw,4rem);font-weight:800;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;letter-spacing:-.02em}.hero-section .hero-content .hero-title .title-sub{display:block;font-size:clamp(2rem,5vw,3rem);font-weight:700;background:linear-gradient(135deg,#f093fb,#f5576c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.hero-section .hero-content .hero-description{font-size:1.5rem;color:#ffffffe6;margin:1.5rem 0 3rem;font-weight:500;letter-spacing:.02em;background:linear-gradient(135deg,#ffffffe6,#ffffffb3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-section .hero-content .hero-subtitle{font-size:1.25rem;color:#fffc;margin-bottom:3rem;font-weight:400}.hero-section .hero-content .hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn{padding:.75rem 2rem;border:none;border-radius:50px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.btn.btn-primary{background:linear-gradient(135deg,#4da6ff,#ffa64d);color:#fff}.btn.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px #4da6ff4d}.btn.btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn.btn-secondary:hover{background:#fff3;transform:translateY(-2px)}.features-section{padding:4rem 2rem;background:#0000000d}.features-section .features-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.features-section .features-grid .feature-card{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.features-section .features-grid .feature-card:hover{transform:translateY(-5px);background:#ffffff26;border-color:#ffffff4d}.features-section .features-grid .feature-card .feature-icon{font-size:2.5rem;margin-bottom:1rem;display:block}.features-section .features-grid .feature-card h3{font-size:1.25rem;font-weight:700;margin-bottom:1rem;color:#fff}.features-section .features-grid .feature-card p{color:#fffc;line-height:1.6;font-size:.95rem}.footer{background:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.1);padding:2rem;text-align:center}.footer .footer-content{max-width:1200px;margin:0 auto}.footer .footer-content p{color:#fffc;margin:.25rem 0;font-size:.9rem}.footer .footer-content p:first-child{font-weight:600}.footer .footer-content .beian-link{color:#fffc;text-decoration:none;transition:color .3s ease}.footer .footer-content .beian-link:hover{color:#fff;text-decoration:underline}@media (max-width: 768px){.navbar{padding:1rem}.navbar .nav-right{gap:1rem}.hero-section{padding:2rem 1rem}.hero-section .hero-buttons{flex-direction:column;align-items:center}.hero-section .hero-buttons .btn{width:200px}.features-section{padding:2rem 1rem}.features-section .features-grid{grid-template-columns:1fr;gap:1.5rem}}@media (max-width: 480px){.navbar .nav-left .brand-name{font-size:1.25rem}.features-grid .feature-card{padding:1.5rem}}