.modal-overlay[data-v-8aaf22ce]{-webkit-backdrop-filter:blur(4px);z-index:1000;background:#1e3a4f40;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-container[data-v-8aaf22ce]{background:var(--bg-secondary);border:1px solid var(--border);width:100%;max-width:420px;padding:48px 40px 40px;position:relative;overflow:hidden;box-shadow:0 4px 24px #3a709014,0 12px 48px #3a70900f}.modal-close[data-v-8aaf22ce]{border:1px solid var(--border);cursor:pointer;width:32px;height:32px;color:var(--text-muted);transition:all .25s var(--ease-out);background:0 0;border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute;top:16px;right:16px}.modal-close[data-v-8aaf22ce]:hover{border-color:var(--accent);color:var(--accent);background:#3a70900a}.modal-close svg[data-v-8aaf22ce]{width:16px;height:16px}.modal-avatar[data-v-8aaf22ce]{border:3px solid var(--rain-light);border-radius:50%;width:80px;height:80px;margin:0 auto 24px;overflow:hidden;box-shadow:0 4px 16px #3a709026}.modal-avatar img[data-v-8aaf22ce]{object-fit:cover;width:80px;height:80px;margin-left:-5.5px}.modal-badge[data-v-8aaf22ce]{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);background:#3a70900f;border-radius:20px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 12px;font-size:.625rem;font-weight:600;display:inline-flex}.badge-dot[data-v-8aaf22ce]{background:var(--rain-blue);border-radius:50%;width:4px;height:4px;animation:2s ease-in-out infinite pulse-8aaf22ce}@keyframes pulse-8aaf22ce{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.modal-title[data-v-8aaf22ce]{font-family:var(--font-display);color:var(--text-primary);text-align:center;letter-spacing:-.02em;margin-bottom:12px;font-size:1.375rem;font-weight:700}.modal-desc[data-v-8aaf22ce]{color:var(--text-secondary);text-align:center;margin-bottom:28px;font-size:.875rem;line-height:1.7}.modal-progress[data-v-8aaf22ce]{border:1px solid var(--border);background:#3a709008;border-radius:12px;margin-bottom:24px;padding:20px 24px}.progress-header[data-v-8aaf22ce]{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.progress-label[data-v-8aaf22ce]{color:var(--text-secondary);font-size:.6875rem;font-weight:500}.progress-value[data-v-8aaf22ce]{font-family:var(--font-display);color:var(--accent);font-size:1.125rem;font-weight:700}.progress-track[data-v-8aaf22ce]{background:var(--border);border-radius:3px;height:6px;overflow:hidden}.progress-fill[data-v-8aaf22ce]{background:linear-gradient(90deg, var(--rain-blue), var(--accent-light));border-radius:3px;width:40%;height:100%;animation:2s ease-in-out infinite progress-shine-8aaf22ce}@keyframes progress-shine-8aaf22ce{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.progress-note[data-v-8aaf22ce]{color:var(--text-muted);text-align:center;margin-top:10px;font-size:.625rem}.modal-github[data-v-8aaf22ce]{flex-direction:column;align-items:center;gap:16px;display:flex}.github-hint[data-v-8aaf22ce]{color:var(--text-muted);font-size:.8125rem}.button-icon[data-v-8aaf22ce]{cursor:pointer;border:3px solid #fff;width:fit-content;height:fit-content;display:flex}.icon[data-v-8aaf22ce]{background-color:#fff;padding:10px 10px 5px}.icon svg[data-v-8aaf22ce]{width:25px;height:25px}.cube[data-v-8aaf22ce]{transform-style:preserve-3d;width:200px;height:20px;transition:all .4s}.button-icon[data-v-8aaf22ce]:hover{border-color:#ff98a2}.button-icon:hover .cube[data-v-8aaf22ce]{transform:rotateX(90deg)}.side[data-v-8aaf22ce]{text-transform:uppercase;letter-spacing:.5px;justify-content:center;align-items:center;width:200px;height:47px;font-size:.8em;font-weight:700;display:flex;position:absolute}.top[data-v-8aaf22ce]{color:#fff;background:#ff98a2;transform:rotateX(-90deg)translate3d(0,13.5px,2em)}.front[data-v-8aaf22ce]{background:var(--accent);color:#fff;transform:translateZ(1em)}.modal-drops[data-v-8aaf22ce]{pointer-events:none;justify-content:center;gap:8px;height:24px;display:flex;position:absolute;bottom:0;left:0;right:0}.drop[data-v-8aaf22ce]{background:linear-gradient(to bottom, var(--rain-light), transparent);border-radius:1px;width:2px;height:8px;animation:1.5s ease-in infinite drop-fall-8aaf22ce}.drop[data-v-8aaf22ce]:nth-child(2){animation-delay:.3s}.drop[data-v-8aaf22ce]:nth-child(3){animation-delay:.6s}@keyframes drop-fall-8aaf22ce{0%{opacity:0;transform:translateY(-20px)}20%{opacity:.5}80%{opacity:.5}to{opacity:0;transform:translateY(24px)}}.modal-enter-active[data-v-8aaf22ce],.modal-leave-active[data-v-8aaf22ce]{transition:opacity .3s var(--ease-out)}.modal-enter-active .modal-container[data-v-8aaf22ce],.modal-leave-active .modal-container[data-v-8aaf22ce]{transition:transform .3s var(--ease-out), opacity .3s var(--ease-out)}.modal-enter-from[data-v-8aaf22ce],.modal-leave-to[data-v-8aaf22ce]{opacity:0}.modal-enter-from .modal-container[data-v-8aaf22ce],.modal-leave-to .modal-container[data-v-8aaf22ce]{opacity:0;transform:scale(.95)translateY(10px)}button.hero-cta[data-v-1c45a567]{cursor:pointer;border:none;font-family:inherit}:root{--bg-primary:#e5eef4;--bg-secondary:#fffffff2;--bg-card:#ffffffeb;--text-primary:#1e3a4f;--text-secondary:#4a6a7a;--text-muted:#7a9aaa;--accent:#3a7090;--accent-light:#5090b0;--accent-dark:#285070;--rain-blue:#6aa5c0;--rain-light:#95c5d8;--border:#3a70901a;--border-hover:#3a709040;--font-display:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-smooth:cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--text-primary);-webkit-font-smoothing:antialiased;background:#e5eef4;line-height:1.6;overflow-x:hidden}.rain-container{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.rain{background:linear-gradient(to bottom, transparent, var(--rain-light));opacity:.5;width:1px;height:40px;animation:linear infinite rain-fall;position:absolute}@keyframes rain-fall{0%{opacity:0;transform:translateY(-45px)}8%{opacity:.5}92%{opacity:.5}to{opacity:0;transform:translateY(100vh)}}.nav{z-index:100;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#ffffffeb;position:fixed;top:0;left:0;right:0}.nav-inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:20px 48px;display:flex}.logo{font-family:var(--font-display);color:var(--accent-dark);font-size:1.25rem;font-weight:700}.nav-links{gap:44px;display:flex}.nav-link{color:var(--text-secondary);transition:color .3s var(--ease-out);font-size:.8rem;font-weight:500;position:relative}.nav-link:after{content:"";background:var(--accent);width:0;height:1px;transition:width .3s var(--ease-out);position:absolute;bottom:-4px;left:0}.nav-link:hover,.nav-link.active{color:var(--accent-dark)}.nav-link:hover:after,.nav-link.active:after{width:100%}.hero-decoration{z-index:1;pointer-events:none;opacity:0;width:480px;height:auto;position:fixed;bottom:0;left:-100px}.hero-decoration.video-loaded{animation:1.2s cubic-bezier(.16,1,.3,1) both video-entrance}.hero-decoration.video-exit{animation:.6s cubic-bezier(.4,0,.2,1) forwards video-exit}.hero-decoration.video-enter{animation:1.1s cubic-bezier(.16,1,.3,1) both video-entrance}@keyframes video-exit{0%{opacity:1;filter:blur();transform:translate(0)translateY(0)scale(1)}to{opacity:0;filter:blur(6px);transform:translate(-40px)translateY(30px)scale(.92)}}.hero-decoration.hero-video-b{width:500px;bottom:-20px;left:-80px}@keyframes video-entrance{0%{opacity:0;filter:blur(8px);transform:translate(-60px)translateY(40px)scale(.92)}to{opacity:1;filter:blur();transform:translate(0)translateY(0)scale(1)}}.hero{z-index:10;justify-content:space-between;align-items:center;gap:100px;max-width:1300px;min-height:100vh;margin:0 auto;padding:0 48px;display:flex;position:relative}.hero-content{flex:1;max-width:460px;padding-top:80px;position:relative}.hero-badge{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;border-bottom:1px solid var(--border-hover);opacity:0;animation:hero-fade-up .8s var(--ease-out) .2s forwards;align-items:center;gap:10px;margin-bottom:28px;padding:8px 0;font-size:.625rem;font-weight:600;display:inline-flex;transform:translateY(20px)}.badge-dot{background:var(--accent);width:4px;height:4px}.hero-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text-primary);margin-bottom:24px;font-size:clamp(2.5rem,5vw,3.75rem);font-weight:800;line-height:1.06}.title-line{opacity:0;display:block;transform:translateY(30px)}.title-line:first-child{animation:hero-title-up .8s var(--ease-out) .35s forwards}.title-line:nth-child(2){animation:hero-title-up .8s var(--ease-out) .5s forwards}.title-line:last-child{color:var(--accent-dark)}.hero-subtitle{color:var(--text-secondary);opacity:0;max-width:380px;animation:hero-fade-up .8s var(--ease-out) .65s forwards;margin-bottom:40px;font-size:.9375rem;line-height:1.85;transform:translateY(20px)}.hero-cta{background:var(--accent);color:#fff;letter-spacing:.02em;cursor:pointer;transition:all .35s var(--ease-out);opacity:0;animation:hero-fade-up .8s var(--ease-out) .8s forwards;align-items:center;gap:12px;padding:14px 28px;font-size:.8125rem;font-weight:600;display:inline-flex;transform:translateY(20px)}.hero-cta:hover{background:var(--accent-dark);transform:translate(4px)}.cta-arrow{width:16px;height:16px;transition:transform .3s var(--ease-out)}.hero-cta:hover .cta-arrow{transform:translate(3px)}@keyframes hero-fade-up{to{opacity:1;transform:translateY(0)}}@keyframes hero-title-up{to{opacity:1;transform:translateY(0)}}.hero-visual{opacity:0;max-width:440px;animation:hero-fade-up 1s var(--ease-out) .4s forwards;flex:1;padding-top:80px;transform:translateY(30px)}.visual-wrapper{flex:1;width:100%;position:relative}.visual-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);width:100%;padding:24px 28px;position:relative}.visual-card.original{border-bottom:none}.visual-card.translated{border-color:var(--border-hover);background:#3a70900a}.visual-card:before{content:"";background:var(--rain-blue);opacity:.4;width:5px;height:5px;position:absolute;top:16px;right:16px}.visual-card.translated:before{background:var(--accent)}.card-label{letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px;font-size:.5rem;font-weight:600}.visual-card.translated .card-label{color:var(--accent)}.card-text{color:var(--text-primary);font-size:1.0625rem;font-weight:500;line-height:1.5}.visual-arrow{width:60px;height:24px;color:var(--accent);opacity:.3;margin:4px 0 4px 8px}section{z-index:2;max-width:1100px;margin:0 auto;padding:100px 48px;position:relative}.section-header{margin-bottom:64px}.section-tag{letter-spacing:.2em;text-transform:uppercase;color:var(--accent);border-bottom:1px solid var(--border);margin-bottom:12px;padding-bottom:12px;font-size:.5625rem;font-weight:600;display:block}.section-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);font-size:clamp(1.5rem,2.5vw,2rem);font-weight:700}.features{padding-top:80px}.feature-grid{border:1px solid var(--border);grid-template-rows:auto auto;grid-template-columns:repeat(12,1fr);gap:0;display:grid}.feature-card{background:var(--bg-card);transition:background .4s var(--ease-out);flex-direction:column;padding:48px 40px;display:flex;position:relative}.feature-card:after{content:"";background:var(--border);height:1px;transition:background .3s var(--ease-out);position:absolute;bottom:0;left:40px;right:40px}.feature-card:hover{background:#fffffffa}.feature-card:hover:after{background:var(--accent)}.feature-card:first-child{grid-area:1/1/auto/7}.feature-card:nth-child(2){grid-area:1/7/auto/13}.feature-card:nth-child(3){grid-area:2/1/auto/7}.feature-card:nth-child(4){grid-area:2/7/auto/13}.feature-card:nth-child(3):before,.feature-card:nth-child(4):before{display:none}.feature-number{font-family:var(--font-display);letter-spacing:.15em;color:var(--text-muted);margin-bottom:20px;font-size:.5625rem;font-weight:600}.feature-icon{width:36px;height:36px;color:var(--accent);transition:transform .4s var(--ease-out);margin-bottom:24px}.feature-card:hover .feature-icon{transform:translateY(-4px)}.feature-icon svg{width:100%;height:100%}.feature-card h3{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.01em;margin-bottom:12px;font-size:1.125rem;font-weight:600}.feature-card p{color:var(--text-secondary);flex-grow:1;font-size:.8125rem;line-height:1.75}.feature-accent{border-top:1px solid var(--border);margin-top:24px;padding-top:20px}.feature-accent-line{background:var(--accent);opacity:0;width:24px;height:2px;transition:width .4s var(--ease-out), opacity .3s var(--ease-out)}.feature-card:hover .feature-accent-line{opacity:1;width:48px}.languages{text-align:left;border-top:1px solid var(--border);padding:80px 48px}.languages-content{max-width:800px}.language-tags{flex-wrap:wrap;gap:8px;margin:32px 0 16px;display:flex}.lang-tag{border:1px solid var(--border);color:var(--text-secondary);transition:all .3s var(--ease-out);background:0 0;padding:10px 20px;font-size:.75rem;font-weight:500}.lang-tag:hover{border-color:var(--accent);color:var(--accent);background:#3a70900a}.languages-note{color:var(--text-muted);font-size:.6875rem}.footer{z-index:2;-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border);background:#fffc;padding:48px;position:relative}.footer-inner{justify-content:space-between;align-items:flex-start;max-width:1100px;margin:0 auto;display:flex}.footer-brand{flex-direction:column;gap:4px;display:flex}.footer-logo{font-family:var(--font-display);color:var(--accent-dark);font-size:1rem;font-weight:700}.footer-tagline{color:var(--text-muted);font-size:.75rem}.footer-links{gap:32px;display:flex}.footer-links a{color:var(--text-secondary);transition:color .3s var(--ease-out);font-size:.75rem}.footer-links a:hover{color:var(--accent)}.footer-bottom{border-top:1px solid var(--border);text-align:center;max-width:1100px;margin:32px auto 0;padding-top:20px}.footer-bottom p{color:var(--text-muted);margin-bottom:8px;font-size:.6875rem}.footer-bottom p:last-child{margin-bottom:0}.beian-link{color:var(--text-muted);transition:color .3s var(--ease-out);align-items:center;gap:4px;margin-top:8px;font-size:.6875rem;text-decoration:none;display:inline-flex}.beian-link:hover{color:var(--text-secondary)}.beian-icon{object-fit:contain;width:18px;height:20px}.scroll-reveal{opacity:0;transition:opacity .7s var(--ease-out), transform .7s var(--ease-out);transform:translateY(24px)}.scroll-reveal.revealed{opacity:1;transform:translateY(0)}.scroll-reveal-delay-1{transition-delay:.1s}.scroll-reveal-delay-2{transition-delay:.2s}.scroll-reveal-delay-3{transition-delay:.3s}@media (width<=1024px){.hero-decoration{width:200px;left:10px}.hero{flex-direction:column;gap:60px;padding:0 32px}.hero-content{max-width:100%;padding-top:120px}.hero-visual{max-width:100%}.feature-grid{grid-template-rows:auto;grid-template-columns:1fr}.feature-card:first-child,.feature-card:nth-child(2),.feature-card:nth-child(3),.feature-card:nth-child(4){grid-area:auto/1}}@media (width<=768px){.nav-inner{padding:16px 24px}.nav-links{gap:24px}section{padding:64px 24px}.footer{padding:40px 24px}.footer-inner{flex-direction:column;gap:24px}.feature-card{padding:36px 28px}.hero-decoration{width:140px;left:8px}}.about-page{z-index:2;max-width:900px;margin:0 auto;padding:160px 48px 100px;position:relative}.about-header{margin-bottom:72px}.about-eyebrow{opacity:0;animation:hero-fade-up .8s var(--ease-out) .2s forwards;align-items:center;gap:16px;margin-bottom:20px;display:flex;transform:translateY(20px)}.eyebrow-line{background:var(--accent);width:32px;height:1px}.eyebrow-text{letter-spacing:.2em;text-transform:uppercase;color:var(--accent);font-size:.5625rem;font-weight:600}.about-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text-primary);margin-bottom:24px;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;line-height:1.1}.about-title span{opacity:0;animation:hero-title-up .8s var(--ease-out) .35s forwards;display:block;transform:translateY(30px)}.about-lead{color:var(--text-secondary);opacity:0;max-width:400px;animation:hero-fade-up .8s var(--ease-out) .5s forwards;font-size:.9375rem;line-height:1.8;transform:translateY(20px)}.about-grid{background:var(--border);grid-template-columns:repeat(2,1fr);gap:1px;display:grid}.about-card{background:var(--bg-card);transition:background .3s var(--ease-out);flex-direction:column;padding:48px 40px;display:flex}.about-card:hover{background:#fffffffa}.about-card-header{border-bottom:1px solid var(--border);align-items:baseline;gap:16px;margin-bottom:24px;padding-bottom:20px;display:flex}.about-card-number{font-family:var(--font-display);letter-spacing:.15em;color:var(--text-muted);font-size:.5625rem;font-weight:600}.about-card-header h2{font-family:var(--font-display);color:var(--accent-dark);letter-spacing:-.01em;font-size:1.0625rem;font-weight:600}.about-card-content p{color:var(--text-secondary);margin-bottom:12px;font-size:.875rem;line-height:1.8}.about-card-content p:last-child{margin-bottom:0}.tech-stack{flex-direction:column;gap:0;margin-top:20px;display:flex}.tech-item{color:var(--text-secondary);border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 0;font-size:.8125rem;display:flex}.tech-item:last-child{border-bottom:none}.tech-dot{background:var(--accent);flex-shrink:0;width:4px;height:4px}.vision-statement{border-top:1px solid var(--border);margin-top:32px;padding-top:28px}.vision-text{font-family:var(--font-display);color:var(--accent-dark);letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.contact-page{z-index:2;max-width:800px;margin:0 auto;padding:160px 48px 100px;position:relative}.contact-header{margin-bottom:72px}.contact-eyebrow{opacity:0;animation:hero-fade-up .8s var(--ease-out) .2s forwards;align-items:center;gap:16px;margin-bottom:20px;display:flex;transform:translateY(20px)}.contact-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text-primary);margin-bottom:24px;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;line-height:1.1}.contact-title span{opacity:0;animation:hero-title-up .8s var(--ease-out) .35s forwards;display:block;transform:translateY(30px)}.contact-lead{color:var(--text-secondary);opacity:0;max-width:360px;animation:hero-fade-up .8s var(--ease-out) .5s forwards;font-size:.9375rem;line-height:1.8;transform:translateY(20px)}.contact-grid{background:var(--border);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.contact-card{background:var(--bg-card);transition:background .3s var(--ease-out);flex-direction:column;padding:40px 32px;display:flex}.contact-card:hover{background:#fffffffa}.contact-card-icon{width:36px;height:36px;color:var(--accent);margin-bottom:24px}.contact-card-icon svg{width:100%;height:100%}.contact-card-content{flex:1}.contact-card-number{font-family:var(--font-display);letter-spacing:.15em;color:var(--text-muted);margin-bottom:12px;font-size:.5625rem;font-weight:600;display:block}.contact-card-content h2{font-family:var(--font-display);color:var(--accent-dark);letter-spacing:-.01em;margin-bottom:14px;font-size:1rem;font-weight:600}.contact-card-content p{color:var(--text-secondary);margin-bottom:12px;font-size:.8125rem;line-height:1.75}.contact-email{color:var(--accent);transition:color .3s var(--ease-out);font-size:.8125rem;font-weight:500}.contact-email:hover{color:var(--accent-dark)}.contact-footer-note{text-align:center;margin-top:64px}.note-line{background:var(--border);width:48px;height:1px;margin:0 auto 24px;display:block}.contact-footer-note p{color:var(--text-muted);font-size:.8125rem}@media (width<=768px){.about-page,.contact-page{padding:130px 24px 80px}.about-grid,.contact-grid{grid-template-columns:1fr}.about-card,.contact-card{padding:36px 28px}.vision-text{font-size:1.25rem}}