.navbar{position:fixed;top:0;left:0;right:0;padding:24px 0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0acc}.nav-container{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}.logo span{color:var(--accent)}.nav-links{display:flex;gap:32px;list-style:none}.nav-links a{color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:color .3s cubic-bezier(.4,0,.2,1)}.nav-links a:hover{color:var(--accent)}.orb{position:fixed;border-radius:50%;filter:blur(80px);opacity:.15;pointer-events:none;animation:float 20s ease-in-out infinite}.orb-1{width:400px;height:400px;background:var(--accent);top:-100px;right:-100px;animation-delay:0s}.orb-2{width:300px;height:300px;background:#ff6b6b;bottom:10%;left:-80px;animation-delay:-7s}.orb-3{width:200px;height:200px;background:#4ecdc4;top:50%;right:20%;animation-delay:-14s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.terminal{background:var(--bg-secondary);border:1px solid #222;border-radius:12px;overflow:hidden;transform:rotate(1deg);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.terminal:hover{transform:rotate(0) scale(1.02)}.terminal-header{background:#1a1a1a;padding:12px 16px;display:flex;gap:8px;align-items:center}.terminal-dot{width:12px;height:12px;border-radius:50%}.terminal-dot.red{background:#ff5f57}.terminal-dot.yellow{background:#febc2e}.terminal-dot.green{background:#28c840}.terminal-body{padding:24px;font-family:Space Grotesk,monospace;font-size:.9rem}.terminal-line{margin-bottom:8px;opacity:0;animation:typeIn .5s cubic-bezier(.22,1,.36,1) forwards}@keyframes typeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.terminal-prompt{color:var(--accent)}.terminal-text{color:var(--text-secondary)}.terminal-cursor{color:var(--accent);animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.hero{padding-top:100px}.hero-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;align-items:center;padding:60px 0 40px}.hero-content{padding-right:40px}.greeting{font-size:.9rem;color:var(--accent);margin-bottom:16px;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.hero h1{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;line-height:1.1;margin-bottom:24px;letter-spacing:-.03em}.hero h1 .highlight{color:var(--accent);position:relative}.hero-description{font-size:1.1rem;color:var(--text-secondary);line-height:1.8;margin-bottom:40px;max-width:500px}.about-section{padding:80px 0}.about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}.about-content{background:linear-gradient(165deg,var(--bg-secondary),#0d0d0d);border:1px solid #1a1a1a;border-radius:20px;padding:60px;opacity:0;transform:translateY(20px);transition:all .6s cubic-bezier(.34,1.56,.64,1)}.about-content.visible{opacity:1;transform:translateY(0)}.about-image{opacity:0;transform:translateY(20px);transition:all .6s cubic-bezier(.34,1.56,.64,1);transition-delay:.15s}.about-image.visible{opacity:1;transform:translateY(0)}.about-image img{width:100%;max-width:320px;aspect-ratio:1;object-fit:cover;border-radius:20px;border:1px solid #1a1a1a;filter:grayscale(20%);transition:all .4s cubic-bezier(.34,1.56,.64,1)}.about-image img:hover{filter:grayscale(0%);border-color:var(--accent);transform:scale(1.02)}.about-text{font-size:1.25rem;color:var(--text-secondary);line-height:1.9;margin-bottom:16px}.about-text:last-child{margin-bottom:0}.about-text.highlight-text{color:var(--accent);font-weight:500;margin-top:24px}@media(max-width:968px){.about-grid{grid-template-columns:1fr;gap:32px}.about-image{order:-1;justify-self:center}}@media(max-width:640px){.about-content{padding:40px 28px}.about-text{font-size:1.1rem}.about-image img{max-width:240px}}.links-section{padding:80px 0}.links-grid{display:grid;grid-template-columns:1.2fr 1fr .9fr;gap:24px}.link-card{background:linear-gradient(145deg,var(--bg-secondary),#080808);border:1px solid #1a1a1a;border-radius:16px;padding:40px;text-decoration:none;color:inherit;display:block;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;opacity:0;transform:translateY(20px)}.link-card.visible{opacity:1;transform:translateY(0)}.link-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mouse-x, 50%) var(--mouse-y, 50%),var(--accent-dim),transparent 60%);opacity:0;transition:opacity .3s;pointer-events:none}.link-card:hover:after{opacity:1}.link-card:hover{transform:translateY(-8px);border-color:var(--accent)}.link-card.visible:hover{transform:translateY(-8px)}.link-card .link-icon{font-size:2.5rem;color:var(--accent);margin-bottom:20px;display:block}.link-card h3{font-size:1.5rem;margin-bottom:12px}.link-card p{color:var(--text-secondary);font-size:.95rem}.link-card .arrow{position:absolute;top:40px;right:40px;font-size:1.5rem;color:var(--text-secondary);transition:all .3s}.link-card:hover .arrow{color:var(--accent);transform:translate(4px,-4px)}@media(max-width:968px){.links-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.links-grid{grid-template-columns:1fr}}footer{padding:60px 0;border-top:1px solid #1a1a1a;margin-top:80px}.footer-content{display:flex;justify-content:space-between;align-items:center}.footer-text{color:var(--text-secondary);font-size:.9rem}.social-links{display:flex;gap:20px}.social-links a{color:var(--text-secondary);font-size:1.5rem;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.social-links a:hover{color:var(--accent);transform:translateY(-2px)}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0a0a0a;--bg-secondary: #111111;--text-primary: #e8e8e8;--text-secondary: #888888;--accent: #00ff88;--accent-dim: #00ff8833}body{font-family:Noto Sans TC,Space Grotesk,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none;z-index:1000}.container{max-width:1400px;margin:0 auto;padding:0 clamp(20px,5vw,80px)}.section-title{font-size:.8rem;color:var(--accent);text-transform:uppercase;letter-spacing:.2em;margin-bottom:40px}.cta-btn{display:inline-flex;align-items:center;gap:12px;background:var(--accent);color:var(--bg-primary);padding:16px 32px;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s cubic-bezier(.34,1.56,.64,1);border:none;cursor:pointer}.cta-btn:hover{transform:scale(1.05);box-shadow:0 0 30px var(--accent-dim)}@media(max-width:968px){.hero-grid{grid-template-columns:1fr!important;gap:40px}}@media(max-width:640px){.nav-links{display:none!important}.footer-content{flex-direction:column!important;gap:24px;text-align:center}}