:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dark .hero{background:radial-gradient(circle at 10% 90%,#1a1a2e,#16213e,#0f0f23,#16213e,#1a1a2e)}.dark .hero:before{background:radial-gradient(circle at 80% 20%,#667eea33,#764ba233,#f093fb33)}.dark .section-title{color:var(--text-primary)}.dark .section-subtitle{color:var(--text-secondary)}.dark .project-card{background:var(--bg-card);border:1px solid var(--border-primary)}.dark .project-card:hover{box-shadow:var(--shadow-xl)}.dark .contact-card{background:var(--bg-card);border:1px solid var(--border-primary)}.dark .contact-card:hover{background:var(--bg-tertiary);border-color:var(--border-hover)}.dark .toast{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-primary)}.dark .work-card{background:var(--bg-card);border:1px solid var(--border-primary)}.dark .work-card:hover{box-shadow:var(--shadow-xl)}.dark .snake-game,.dark .card{background:var(--bg-card);border:1px solid var(--border-primary)}.dark .btn-secondary{border-color:var(--border-primary);color:var(--text-primary)}.dark .btn-secondary:hover{background:var(--accent-primary);color:var(--text-inverse)}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.dark .gradient-text{background:linear-gradient(45deg,#667eea,#764ba2,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dark .shadow-enhanced{box-shadow:0 4px 6px #0000004d,0 1px 3px #0003}.dark ::-webkit-scrollbar{width:8px}.dark ::-webkit-scrollbar-track{background:var(--bg-secondary)}.dark ::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:4px}.dark ::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}:root{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #f1f3f4;--bg-card: #ffffff;--bg-navbar: rgba(255, 255, 255, .95);--bg-footer: #f8f9fa;--text-primary: #333333;--text-secondary: #666666;--text-muted: #999999;--text-inverse: #ffffff;--border-primary: rgba(0, 0, 0, .1);--border-secondary: rgba(0, 0, 0, .05);--border-hover: rgba(0, 0, 0, .2);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--gradient-primary: linear-gradient(45deg, #667eea, #764ba2);--gradient-secondary: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);--gradient-text: linear-gradient(45deg, #667eea, #764ba2);--accent-primary: #667eea;--accent-secondary: #764ba2;--accent-tertiary: #f093fb;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--info: #3b82f6}.dark{--bg-primary: #0f0f23;--bg-secondary: #1a1a2e;--bg-tertiary: #16213e;--bg-card: #1e1e2e;--bg-navbar: rgba(15, 15, 35, .95);--bg-footer: #1a1a2e;--text-primary: #e2e8f0;--text-secondary: #a1a1aa;--text-muted: #71717a;--text-inverse: #0f0f23;--border-primary: rgba(255, 255, 255, .1);--border-secondary: rgba(255, 255, 255, .05);--border-hover: rgba(255, 255, 255, .2);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .4);--gradient-primary: linear-gradient(45deg, #667eea, #764ba2);--gradient-secondary: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);--gradient-text: linear-gradient(45deg, #667eea, #764ba2);--accent-primary: #667eea;--accent-secondary: #764ba2;--accent-tertiary: #f093fb;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--info: #3b82f6}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;transition:background-color .3s ease,color .3s ease}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}#app{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-primary);transition:background-color .3s ease}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:1rem;color:var(--text-primary);transition:color .3s ease}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}p{margin-bottom:1rem;line-height:1.7;color:var(--text-secondary);transition:color .3s ease}a{text-decoration:none;color:var(--accent-primary);transition:color .3s ease}a:hover{color:var(--accent-secondary)}.btn{display:inline-block;padding:.75rem 2rem;border:none;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;text-align:center}.btn-primary{background:var(--gradient-secondary);color:var(--text-inverse);position:relative;overflow:hidden}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-primary span{position:relative;z-index:2}.btn-secondary{background:transparent;color:var(--accent-primary);border:2px solid;border-image:var(--gradient-secondary) 1;position:relative;overflow:hidden}.btn-secondary:hover:before{left:0}.btn-secondary:hover{color:var(--text-inverse);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card{background:var(--bg-card);border-radius:15px;box-shadow:var(--shadow-md);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease;border:1px solid var(--border-primary)}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section{padding:5rem 0;background-color:var(--bg-primary);transition:background-color .3s ease}.gradient-text{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:200% 200%;animation:gradientShift 3s ease-in-out infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease-out}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mb-5{margin-bottom:3rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mt-5{margin-top:3rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}.p-5{padding:3rem}@media (max-width: 768px){.container{padding:0 1rem}.section{padding:3rem 0}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.25rem}}@media (max-width: 480px){.container{padding:0 .5rem}.btn{padding:.5rem 1.5rem;font-size:.9rem}}.theme-toggle[data-v-ef51f7f8]{position:relative}.theme-toggle-container[data-v-ef51f7f8]{display:flex;align-items:center;gap:.5rem;background:var(--theme-toggle-bg);border-radius:50px;padding:.25rem;border:1px solid var(--theme-toggle-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.theme-btn[data-v-ef51f7f8]{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:none;border-radius:50%;background:transparent;color:var(--theme-toggle-color);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.theme-btn[data-v-ef51f7f8]:hover{background:var(--theme-toggle-hover);transform:scale(1.05)}.theme-btn.active[data-v-ef51f7f8]{background:var(--theme-toggle-active);color:var(--theme-toggle-active-color)}.system-btn[data-v-ef51f7f8]{font-size:.875rem}.toggle-btn[data-v-ef51f7f8]{position:relative;background:var(--theme-toggle-slider-bg)}.icon[data-v-ef51f7f8]{width:1.25rem;height:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.sun-icon[data-v-ef51f7f8],.moon-icon[data-v-ef51f7f8]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.sun-icon.active[data-v-ef51f7f8],.moon-icon.active[data-v-ef51f7f8]{opacity:1;transform:translate(-50%,-50%) rotate(0)}.sun-icon[data-v-ef51f7f8]:not(.active){transform:translate(-50%,-50%) rotate(90deg)}.moon-icon[data-v-ef51f7f8]:not(.active){transform:translate(-50%,-50%) rotate(-90deg)}[data-v-ef51f7f8]:root{--theme-toggle-bg: rgba(255, 255, 255, .8);--theme-toggle-border: rgba(0, 0, 0, .1);--theme-toggle-color: #666;--theme-toggle-hover: rgba(0, 0, 0, .05);--theme-toggle-active: #667eea;--theme-toggle-active-color: white;--theme-toggle-slider-bg: rgba(0, 0, 0, .05)}.dark[data-v-ef51f7f8]{--theme-toggle-bg: rgba(0, 0, 0, .8);--theme-toggle-border: rgba(255, 255, 255, .1);--theme-toggle-color: #ccc;--theme-toggle-hover: rgba(255, 255, 255, .1);--theme-toggle-active: #667eea;--theme-toggle-active-color: white;--theme-toggle-slider-bg: rgba(255, 255, 255, .1)}@media (max-width: 768px){.theme-toggle-container[data-v-ef51f7f8]{gap:.25rem;padding:.2rem}.theme-btn[data-v-ef51f7f8]{width:2.25rem;height:2.25rem}.icon[data-v-ef51f7f8]{width:1.125rem;height:1.125rem}}.like-component[data-v-4a29ea84]{display:flex;align-items:center;justify-content:center;position:relative}.like-button[data-v-4a29ea84]{display:flex;align-items:center;gap:.4rem;background:transparent;border:1px solid var(--border-primary);color:var(--text-primary);padding:.4rem .6rem;border-radius:16px;cursor:pointer;transition:all .3s ease;font-size:.8rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:32px}.like-button[data-v-4a29ea84]:hover{background:var(--bg-tertiary);transform:translateY(-1px);box-shadow:0 3px 10px #0000001a;border-color:var(--accent-primary)}.like-button.liked[data-v-4a29ea84]{background:#ff6b6b1a;border-color:#ff6b6b4d;color:#ff6b6b}.like-button.liked[data-v-4a29ea84]:hover{background:#ff6b6b33;border-color:#ff6b6b}.like-button.loading[data-v-4a29ea84]{opacity:.7;cursor:not-allowed}.like-button.error[data-v-4a29ea84]{border-color:#ff4757;background:#ff47571a}.like-button[data-v-4a29ea84]:disabled{cursor:not-allowed;opacity:.7}.like-icon[data-v-4a29ea84]{width:.9rem;height:.9rem;transition:all .3s ease;color:currentColor}.like-button:hover .like-icon[data-v-4a29ea84]{transform:scale(1.1)}.like-button.liked .like-icon[data-v-4a29ea84]{animation:heartBeat-4a29ea84 .3s ease-in-out}@keyframes heartBeat-4a29ea84{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.like-count[data-v-4a29ea84]{font-weight:600;font-size:.8rem;min-width:1rem;text-align:center;line-height:1}.loading-icon[data-v-4a29ea84]{width:.9rem;height:.9rem;color:currentColor}.error-message[data-v-4a29ea84]{position:absolute;top:100%;left:50%;transform:translate(-50%);background:#ff4757;color:#fff;padding:.3rem .6rem;border-radius:4px;font-size:.7rem;white-space:nowrap;z-index:1000;margin-top:.3rem;display:flex;align-items:center;gap:.3rem;box-shadow:0 2px 8px #00000026}.error-close[data-v-4a29ea84]{background:none;border:none;color:#fff;cursor:pointer;font-size:.8rem;padding:0;width:1rem;height:1rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.error-close[data-v-4a29ea84]:hover{background:#fff3}@media (max-width: 768px){.like-button[data-v-4a29ea84]{padding:.35rem .5rem;height:28px}.like-icon[data-v-4a29ea84]{width:.8rem;height:.8rem}.like-count[data-v-4a29ea84]{font-size:.75rem}}#app[data-v-e1dd3cf0]{min-height:100vh;display:flex;flex-direction:column}.navbar[data-v-e1dd3cf0]{position:fixed;top:0;left:0;right:0;background:var(--bg-navbar);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-primary);z-index:1000;transition:all .3s ease}.nav-container[data-v-e1dd3cf0]{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;height:70px}.nav-left[data-v-e1dd3cf0]{display:flex;align-items:center;gap:1rem}.nav-logo[data-v-e1dd3cf0]{text-decoration:none}.logo-text[data-v-e1dd3cf0]{font-size:1.5rem;font-weight:700;background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-menu[data-v-e1dd3cf0]{display:flex;gap:2rem;align-items:center}.nav-link[data-v-e1dd3cf0]{text-decoration:none;color:var(--text-primary);font-weight:500;transition:color .3s ease;position:relative}.nav-link[data-v-e1dd3cf0]:hover{color:var(--accent-primary)}.nav-link[data-v-e1dd3cf0]:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--gradient-primary);transition:width .3s ease}.nav-link[data-v-e1dd3cf0]:hover:after{width:100%}.nav-toggle[data-v-e1dd3cf0]{display:none;flex-direction:column;cursor:pointer;gap:4px}.nav-toggle span[data-v-e1dd3cf0]{width:25px;height:3px;background:var(--text-primary);transition:all .3s ease}.main-content[data-v-e1dd3cf0]{flex:1;margin-top:70px}.footer[data-v-e1dd3cf0]{background:var(--bg-footer);padding:2rem 0;margin-top:auto;transition:background-color .3s ease}.footer-content[data-v-e1dd3cf0]{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;color:var(--text-secondary);transition:color .3s ease}.footer-links a[data-v-e1dd3cf0]{color:var(--accent-primary);text-decoration:none}.footer-links a[data-v-e1dd3cf0]:hover{text-decoration:underline}@media (max-width: 768px){.nav-menu[data-v-e1dd3cf0]{position:fixed;top:70px;left:-100%;width:100%;height:calc(100vh - 70px);background:var(--bg-navbar);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;justify-content:flex-start;padding-top:2rem;transition:left .3s ease}.nav-menu.active[data-v-e1dd3cf0]{left:0}.nav-link[data-v-e1dd3cf0]{padding:1rem 2rem;width:100%;text-align:center;border-bottom:1px solid var(--border-primary)}.nav-menu .like-component[data-v-e1dd3cf0]{margin:1rem 0;justify-content:center}.nav-left[data-v-e1dd3cf0]{gap:.5rem}.nav-toggle[data-v-e1dd3cf0]{display:flex}.nav-toggle.active span[data-v-e1dd3cf0]:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-toggle.active span[data-v-e1dd3cf0]:nth-child(2){opacity:0}.nav-toggle.active span[data-v-e1dd3cf0]:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.footer-content[data-v-e1dd3cf0]{flex-direction:column;gap:1rem;text-align:center}}.home[data-v-f43f8a43]{min-height:100vh}.hero[data-v-f43f8a43]{min-height:100vh;display:flex;align-items:center;background:radial-gradient(circle at 10% 90%,#667eea,#fcfadd,#9898ca,#fcfadd,#4facfe);background-size:400% 400%;animation:heroGradient-f43f8a43 8s ease-in-out infinite;color:#fff;padding:2rem 0;position:relative;overflow:hidden}.hero[data-v-f43f8a43]:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 20%,#f093fb4d,#f5576c4d,#4facfe4d);background-size:300% 300%;animation:heroOverlay-f43f8a43 6s ease-in-out infinite reverse;pointer-events:none}@keyframes heroGradient-f43f8a43{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes heroOverlay-f43f8a43{0%,to{background-position:100% 50%}50%{background-position:0% 50%}}.hero-content[data-v-f43f8a43]{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-title[data-v-f43f8a43]{font-size:3.5rem;font-weight:700;margin-bottom:1rem;line-height:1.2}.gradient-text[data-v-f43f8a43]{background:linear-gradient(45deg,#373f64,#3e689d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.name-zh[data-v-f43f8a43]{font-size:1.5rem;font-weight:600;margin-left:.5rem;color:#ffffffe6}.hero-subtitle[data-v-f43f8a43]{font-size:1.25rem;margin-bottom:2rem;opacity:.9}.hero-buttons[data-v-f43f8a43]{display:flex;gap:1rem;margin-bottom:2rem}.btn[data-v-f43f8a43]{padding:.75rem 2rem;border:none;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.btn-primary[data-v-f43f8a43]{background:linear-gradient(45deg,#373f64,#3e689d);color:#fff}.btn-primary[data-v-f43f8a43]:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0003}.btn-secondary[data-v-f43f8a43]{background:transparent;color:#fff;border:2px solid white}.btn-secondary[data-v-f43f8a43]:hover{background:#fff;color:var(--accent-primary)}.hero-image[data-v-f43f8a43]{display:flex;justify-content:center;align-items:center}.avatar-container[data-v-f43f8a43]{width:300px;height:300px;border-radius:50%;overflow:hidden;box-shadow:0 20px 40px #0000004d;border:4px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a}.avatar-image[data-v-f43f8a43]{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.avatar-container:hover .avatar-image[data-v-f43f8a43]{transform:scale(1.05)}.section[data-v-f43f8a43]{padding:5rem 0;position:relative}.home>section[data-v-f43f8a43]:not(:first-child):not(:last-child):after{content:"";position:absolute;left:10%;right:10%;bottom:0;height:2px;background:linear-gradient(90deg,#74b9ff,#fd79a8,#fdcb6e,#e17055);border-radius:2px;opacity:.8}.home>section+section[data-v-f43f8a43]{margin-top:1.5rem}.container[data-v-f43f8a43]{max-width:1200px;margin:0 auto;padding:0 2rem}.section-title[data-v-f43f8a43]{font-size:2.5rem;text-align:center;margin-bottom:3rem;color:var(--text-primary);transition:color .3s ease}.section-subtitle[data-v-f43f8a43]{text-align:center;font-size:1.1rem;color:var(--text-secondary);margin-bottom:3rem;transition:color .3s ease}.game-selector[data-v-f43f8a43]{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}.game-tab[data-v-f43f8a43]{background:var(--bg-card);border:2px solid var(--border-primary);border-radius:12px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-md)}.game-tab[data-v-f43f8a43]:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--accent-primary)}.game-tab.active[data-v-f43f8a43]{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;border-color:var(--accent-primary);box-shadow:var(--shadow-xl)}.game-container[data-v-f43f8a43]{display:flex;justify-content:center;margin:2rem 0;position:relative;z-index:1;min-height:500px}.game-placeholder[data-v-f43f8a43]{width:100%;min-height:320px;display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem;border:1px dashed var(--border-primary);border-radius:16px;color:var(--text-secondary);background:var(--bg-tertiary);box-shadow:inset 0 0 20px #00000008}.placeholder-text[data-v-f43f8a43]{max-width:320px;line-height:1.6}.game-content[data-v-f43f8a43]{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.game-content[data-v-f43f8a43]>*{width:100%;height:100%}.game-content .flock-container[data-v-f43f8a43]{width:100%;height:500px}.projects-grid[data-v-f43f8a43]{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:3rem}.projects-actions[data-v-f43f8a43]{display:flex;justify-content:center;margin-top:2rem}.project-card[data-v-f43f8a43]{background:var(--bg-card);border-radius:15px;overflow:hidden;box-shadow:var(--shadow-md);transition:all .3s ease;cursor:pointer;border:1px solid var(--border-primary)}.project-card[data-v-f43f8a43]:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.project-image[data-v-f43f8a43]{height:220px;background:radial-gradient(circle at 20% 80%,#74b9ff 0%,transparent 50%),radial-gradient(circle at 80% 20%,#fd79a8 0%,transparent 50%),radial-gradient(circle at 40% 40%,#fdcb6e 0%,transparent 50%),radial-gradient(circle at 60% 60%,#e17055 0%,transparent 50%);background-size:200% 200%;animation:meshGradient1-f43f8a43 8s ease-in-out infinite;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:15px}.project-card:nth-child(2n) .project-image[data-v-f43f8a43]{background:radial-gradient(circle at 80% 20%,#6c5ce7 0%,transparent 50%),radial-gradient(circle at 20% 80%,#a29bfe 0%,transparent 50%),radial-gradient(circle at 60% 40%,#55a3ff 0%,transparent 50%),radial-gradient(circle at 40% 60%,#00b894 0%,transparent 50%);background-size:200% 200%;animation:meshGradient2-f43f8a43 8s ease-in-out infinite}@keyframes meshGradient1-f43f8a43{0%,to{background-position:0% 0%}25%{background-position:100% 0%}50%{background-position:100% 100%}75%{background-position:0% 100%}}@keyframes meshGradient2-f43f8a43{0%,to{background-position:100% 100%}25%{background-position:0% 100%}50%{background-position:0% 0%}75%{background-position:100% 0%}}.project-image-container[data-v-f43f8a43]{height:100%;display:flex;align-items:center;justify-content:center}.project-image-content[data-v-f43f8a43]{width:100%;height:100%;object-fit:contain;transition:all .3s ease;border-radius:12px}.project-card:hover .project-image-content[data-v-f43f8a43]{transform:scale(1.05)}.project-placeholder[data-v-f43f8a43]{font-size:4rem}.project-content[data-v-f43f8a43]{padding:1.5rem}.project-content h3[data-v-f43f8a43]{font-size:1.25rem;margin-bottom:.5rem;color:var(--text-primary);transition:color .3s ease}.project-content p[data-v-f43f8a43]{color:var(--text-secondary);margin-bottom:1rem;line-height:1.6;transition:color .3s ease}.project-tags[data-v-f43f8a43]{display:flex;flex-wrap:wrap;gap:.5rem}.project-tag[data-v-f43f8a43]{background:var(--bg-tertiary);color:var(--text-secondary);padding:.25rem .75rem;border-radius:15px;font-size:.8rem;transition:all .3s ease}.contact-content[data-v-f43f8a43]{max-width:900px;margin:0 auto}.contact-grid[data-v-f43f8a43]{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem}.contact-card[data-v-f43f8a43]{background:var(--bg-card);border-radius:14px;box-shadow:var(--shadow-md);padding:1rem 1.25rem;transition:transform .2s ease,box-shadow .2s ease;border:1px solid var(--border-primary)}.contact-card[data-v-f43f8a43]:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.contact-link-card[data-v-f43f8a43]{text-decoration:none;color:inherit}.contact-card-header[data-v-f43f8a43]{display:flex;align-items:center;gap:.6rem;margin-bottom:.4rem}.contact-icon[data-v-f43f8a43]{font-size:1.3rem}.contact-title[data-v-f43f8a43]{font-weight:600;color:var(--text-primary);transition:color .3s ease}.contact-card-body[data-v-f43f8a43]{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.contact-value[data-v-f43f8a43]{color:var(--text-secondary);transition:color .3s ease}.contact-copy[data-v-f43f8a43]{background:linear-gradient(45deg,#7f91f6,#98bbeb);color:#fff;border:none;border-radius:20px;padding:.35rem .75rem;font-size:.85rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.contact-copy[data-v-f43f8a43]:hover{transform:translateY(-1px);box-shadow:0 6px 16px #74b9ff59}.toast[data-v-f43f8a43]{position:fixed;left:50%;bottom:60px;transform:translate(-50%);background:var(--bg-card);color:var(--text-primary);padding:10px 16px;border-radius:8px;font-size:14px;box-shadow:var(--shadow-lg);z-index:1000;border:1px solid var(--border-primary)}.toast-fade-enter-active[data-v-f43f8a43],.toast-fade-leave-active[data-v-f43f8a43]{transition:opacity .25s ease,transform .25s ease}.toast-fade-enter-from[data-v-f43f8a43],.toast-fade-leave-to[data-v-f43f8a43]{opacity:0;transform:translate(-50%) translateY(6px)}@media (max-width: 768px){.hero-content[data-v-f43f8a43]{grid-template-columns:1fr;text-align:center;gap:2rem}.hero-title[data-v-f43f8a43]{font-size:2.5rem}.name-zh[data-v-f43f8a43]{display:block;margin-left:0;font-size:1.1rem;margin-top:.25rem}.hero-buttons[data-v-f43f8a43]{justify-content:center}.avatar-container[data-v-f43f8a43]{width:200px;height:200px}.game-selector[data-v-f43f8a43]{flex-direction:column;align-items:center;gap:.75rem}.game-tab[data-v-f43f8a43]{padding:.6rem 1.2rem;font-size:.9rem}.game-container[data-v-f43f8a43]{min-height:350px;margin:1rem 0}.projects-grid[data-v-f43f8a43]{grid-template-columns:1fr}.section-title[data-v-f43f8a43]{font-size:2rem}}