@import "https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap";:root{--bg-primary:#fff;--bg-secondary:#fbfbfb;--bg-tertiary:#f5f5f5;--text-primary:#000;--text-secondary:#444;--text-muted:#888;--border-color:#000;--accent-cyan:#42dcff;--accent-pink:#ff4281;--accent-lime:#b5df2b;--accent-yellow:#fc0;--border-width:1.5px;--font-main:"Figtree", system-ui, -apple-system, sans-serif}.dark-mode{--bg-primary:#121212;--bg-secondary:#181818;--bg-tertiary:#222;--text-primary:#fff;--text-secondary:#ccc;--text-muted:#777;--border-color:#fff}*{box-sizing:border-box;margin:0;padding:0;border-radius:0!important}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-main);transition:background-color .2s,color .2s;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:-.01em;font-weight:700;line-height:1.2}p{color:var(--text-secondary);font-weight:400;line-height:1.6}a{color:inherit;text-decoration:none}.container{max-width:1100px;margin:0 auto;padding:0 1.5rem}.neo-box{background-color:var(--bg-secondary);border:var(--border-width) solid var(--border-color);padding:2rem;transition:transform .2s,box-shadow .2s,border-color .2s,background-color .2s;box-shadow:0 0 #0000}.hover-cyan:hover{border-color:var(--accent-cyan);box-shadow:0px 6px 0px var(--accent-cyan);transform:translateY(-4px)}.hover-pink:hover{border-color:var(--accent-pink);box-shadow:0px 6px 0px var(--accent-pink);transform:translateY(-4px)}.hover-lime:hover{border-color:var(--accent-lime);box-shadow:0px 6px 0px var(--accent-lime);transform:translateY(-4px)}.hover-yellow:hover{border-color:var(--accent-yellow);box-shadow:0px 6px 0px var(--accent-yellow);transform:translateY(-4px)}.neo-btn{background-color:var(--bg-primary);color:var(--text-primary);border:var(--border-width) solid var(--border-color);cursor:pointer;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 0 #0000}.neo-btn:hover{border-color:var(--text-muted);transform:translateY(-2px);box-shadow:0 4px #0000}.neo-btn:active{transform:translateY(2px);box-shadow:0 0 #0000}.neo-btn.btn-cyan:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);box-shadow:0px 4px 0px var(--accent-cyan)}.neo-btn.btn-pink:hover{border-color:var(--accent-pink);color:var(--accent-pink);box-shadow:0px 4px 0px var(--accent-pink)}.neo-btn.btn-lime:hover{border-color:var(--accent-lime);color:var(--accent-lime);box-shadow:0px 4px 0px var(--accent-lime)}.neo-btn.btn-yellow:hover{border-color:var(--accent-yellow);color:var(--accent-yellow);box-shadow:0px 4px 0px var(--accent-yellow)}.nav-link{border-bottom:var(--border-width) solid transparent;color:var(--text-primary);padding:.4rem .8rem;font-weight:500;transition:all .2s}@keyframes slideInFromBelow{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-transition{animation:.6s cubic-bezier(.16,1,.3,1) both slideInFromBelow}.logo-container{cursor:pointer;letter-spacing:-.04em;align-items:center;padding:.2rem 0;font-size:1.5rem;font-weight:800;text-decoration:none;display:inline-flex}.logo-i{color:var(--accent-lime)}.logo-expand-text{opacity:0;max-width:0;color:var(--accent-lime);white-space:nowrap;transition:max-width .4s cubic-bezier(.16,1,.3,1),opacity .3s;display:inline-flex;overflow:hidden}.logo-hua{display:inline-flex}.logo-h{color:var(--accent-pink)}.logo-u{color:var(--accent-yellow)}.logo-a{color:var(--accent-cyan)}.logo-container:hover .logo-expand-text{opacity:1;max-width:120px}@keyframes logoPopIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes logoWave{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.logo-letter{animation:.5s cubic-bezier(.175,.885,.32,1.15) both logoPopIn;animation-delay:calc(var(--i) * 50ms);display:inline-block}.logo-container:hover .logo-letter{animation:.8s ease-in-out infinite logoWave;animation-delay:calc(var(--i) * 50ms)}.nav-link.active-link.link-cyan{border-bottom-color:var(--accent-cyan);color:var(--accent-cyan)}.nav-link.active-link.link-pink{border-bottom-color:var(--accent-pink);color:var(--accent-pink)}.nav-link.active-link.link-lime{border-bottom-color:var(--accent-lime);color:var(--accent-lime)}.nav-link.active-link.link-yellow{border-bottom-color:var(--accent-yellow);color:var(--accent-yellow)}.nav-link.link-cyan:hover{border-bottom-color:var(--accent-cyan);color:var(--accent-cyan)}.nav-link.link-pink:hover{border-bottom-color:var(--accent-pink);color:var(--accent-pink)}.nav-link.link-lime:hover{border-bottom-color:var(--accent-lime);color:var(--accent-lime)}.nav-link.link-yellow:hover{border-bottom-color:var(--accent-yellow);color:var(--accent-yellow)}.marquee-container{white-space:nowrap;border-top:var(--border-width) solid var(--border-color);border-bottom:var(--border-width) solid var(--border-color);color:var(--text-primary);letter-spacing:.05em;background-color:#0000;padding:.75rem 0;font-size:1rem;font-weight:500;overflow:hidden}.marquee-track{width:max-content;animation:35s linear infinite marquee-loop;display:flex}@keyframes marquee-loop{0%{transform:translate(0,0)}to{transform:translate(-50%)}}.hero-title{margin-bottom:1.5rem;font-size:clamp(2rem,7vw,4.5rem);font-weight:800;line-height:1.15}.scrolling-word-wrapper{vertical-align:bottom;border-bottom:var(--border-width) solid var(--border-color);padding-right:.2rem;display:inline-block;position:relative}.scrolling-word{display:inline-block}.neo-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:3rem 0;display:grid}.neo-list-container{flex-direction:column;gap:2rem;margin:3rem 0;display:flex}.project-meta-item{border-right:var(--border-width) solid var(--border-color);padding:1rem 1.5rem}.project-meta-item:last-child{border-right:none}@media (width<=768px){.project-meta-item{border-right:none;border-bottom:var(--border-width) solid var(--border-color)}.project-meta-item:last-child{border-bottom:none}}.badge{border:1px solid var(--border-color);background-color:var(--bg-tertiary);color:var(--text-primary);margin-bottom:.5rem;padding:.2rem .5rem;font-size:.8rem;font-weight:600;display:inline-block}.pattern-grid{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Ccircle cx='6' cy='6' r='1.5' fill='%2342DCFF'/%3E%3Ccircle cx='30' cy='6' r='1.5' fill='%23FF4281'/%3E%3Ccircle cx='6' cy='30' r='1.5' fill='%23B5DF2B'/%3E%3Ccircle cx='30' cy='30' r='1.5' fill='%23FFCC00'/%3E%3C/svg%3E");background-size:48px 48px;background-color:var(--bg-primary)}@keyframes slideArrow{0%,to{transform:translate(0)}50%{transform:translate(8px)}}.about-card-hover:hover .arrow-slide{animation:.8s ease-in-out infinite slideArrow}.project-card-right-col{border-left:1px solid var(--border-color);padding-left:1.5rem}@media (width<=768px){.project-card-right-col{border-left:none;border-top:1px solid var(--border-color);width:100%;padding-top:1.5rem;padding-left:0}}