:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-primary: #f5f7fb;--bg-secondary: #ffffff;--text-primary: #1a1a2e;--text-secondary: #5a5a7a;--accent: #6366f1;--accent-hover: #4f46e5;--border: rgba(99, 102, 241, .15);--card-bg: rgba(255, 255, 255, .7);--card-border: rgba(255, 255, 255, .5);--shadow: 0 8px 32px rgba(31, 38, 135, .1);--tag-bg: rgba(99, 102, 241, .08);--tag-text: #4f46e5;color:var(--text-primary);background-color:var(--bg-primary)}[data-theme=dark]{--bg-primary: #0f0f1a;--bg-secondary: #1a1a2e;--text-primary: #e4e4f0;--text-secondary: #9a9ab8;--accent: #818cf8;--accent-hover: #a5b4fc;--border: rgba(129, 140, 248, .2);--card-bg: rgba(26, 26, 46, .6);--card-border: rgba(129, 140, 248, .15);--shadow: 0 8px 32px rgba(0, 0, 0, .3);--tag-bg: rgba(129, 140, 248, .12);--tag-text: #a5b4fc;color:var(--text-primary);background-color:var(--bg-primary)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg-primary);transition:background-color .3s ease,color .3s ease;scroll-behavior:smooth}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 1px 1px,var(--accent) 1px,transparent 0);background-size:32px 32px;opacity:.04;pointer-events:none;z-index:-2}.gradient-text{background:linear-gradient(135deg,var(--accent) 0%,#a855f7 50%,#ec4899 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 200%;animation:gradientShift 6s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.reveal{opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .6s ease;will-change:opacity,transform}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translate(-28px);transition:opacity .6s ease,transform .6s ease}.reveal-left.is-visible{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transform:translate(28px);transition:opacity .6s ease,transform .6s ease}.reveal-right.is-visible{opacity:1;transform:translate(0)}.reveal-scale{opacity:0;transform:scale(.94);transition:opacity .6s ease,transform .6s ease}.reveal-scale.is-visible{opacity:1;transform:scale(1)}a{color:var(--accent);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-hover)}h1,h2,h3{margin:0;line-height:1.2}.glass-card{background:var(--card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border);border-radius:16px;box-shadow:var(--shadow)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease forwards}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.cursor{animation:blink 1s step-end infinite}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px;opacity:.5}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal,.reveal-left,.reveal-right,.reveal-scale{opacity:1!important;transform:none!important}}.hero[data-v-b982fc12]{display:flex;justify-content:center;padding:48px 24px 24px}.hero-inner[data-v-b982fc12]{width:100%;max-width:680px;padding:40px 32px;text-align:center;opacity:0;animation:fadeInUp .6s ease forwards}.avatar[data-v-b982fc12]{width:128px;height:128px;border-radius:50%;object-fit:cover;border:3px solid var(--accent);box-shadow:0 0 24px #6366f14d;margin-bottom:20px}.name[data-v-b982fc12]{font-size:32px;font-weight:700;margin-bottom:8px}.tagline[data-v-b982fc12]{font-size:18px;color:var(--text-secondary);min-height:28px;margin:0 0 28px}.cursor[data-v-b982fc12]{color:var(--accent);font-weight:300;margin-left:2px}.socials[data-v-b982fc12]{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:28px}.social-link[data-v-b982fc12]{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--tag-bg);color:var(--tag-text);border-radius:999px;font-size:14px;transition:transform .2s ease,box-shadow .2s ease}.social-link[data-v-b982fc12]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f133}.social-icon[data-v-b982fc12]{font-size:16px}.qr-block[data-v-b982fc12]{display:flex;flex-direction:column;align-items:center;gap:8px}.qr[data-v-b982fc12]{width:120px;height:120px;border-radius:10px;border:1px solid var(--border)}.qr-text[data-v-b982fc12]{font-size:13px;color:var(--text-secondary);margin:0}@media (max-width: 600px){.hero-inner[data-v-b982fc12]{padding:28px 20px}.name[data-v-b982fc12]{font-size:26px}.tagline[data-v-b982fc12]{font-size:16px}}.about[data-v-85509a2c]{padding:24px;display:flex;justify-content:center}.about-inner[data-v-85509a2c]{width:100%;max-width:680px;padding:36px 32px}.section-title[data-v-85509a2c]{font-size:24px;font-weight:700;margin-bottom:16px;color:var(--accent)}.bio[data-v-85509a2c]{font-size:15px;line-height:1.8;color:var(--text-primary);margin:0 0 28px}.highlights[data-v-85509a2c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.highlight-item[data-v-85509a2c]{display:flex;align-items:flex-start;gap:12px;padding:14px;background:var(--tag-bg);border-radius:12px}.h-icon[data-v-85509a2c]{font-size:22px;flex-shrink:0}.h-content[data-v-85509a2c]{display:flex;flex-direction:column;gap:2px}.h-title[data-v-85509a2c]{font-weight:600;font-size:14px;color:var(--text-primary)}.h-desc[data-v-85509a2c]{font-size:13px;color:var(--text-secondary)}@media (max-width: 600px){.about-inner[data-v-85509a2c]{padding:28px 20px}}.skills[data-v-807c71b3]{padding:24px;display:flex;justify-content:center}.skills-inner[data-v-807c71b3]{width:100%;max-width:680px;padding:36px 32px}.section-title[data-v-807c71b3]{font-size:24px;font-weight:700;margin-bottom:24px;color:var(--accent)}.groups[data-v-807c71b3]{display:flex;flex-direction:column;gap:20px}.skill-group[data-v-807c71b3]{padding:16px;background:var(--tag-bg);border-radius:12px}.group-header[data-v-807c71b3]{display:flex;align-items:center;gap:8px;margin-bottom:12px}.group-icon[data-v-807c71b3]{font-size:18px}.group-title[data-v-807c71b3]{font-weight:600;font-size:15px;color:var(--text-primary)}.skill-tags[data-v-807c71b3]{display:flex;flex-wrap:wrap;gap:8px}.skill-tag[data-v-807c71b3]{padding:4px 12px;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border);border-radius:999px;font-size:13px;transition:transform .15s ease,color .15s ease,border-color .15s ease}.skill-tag[data-v-807c71b3]:hover{transform:translateY(-2px);color:var(--accent);border-color:var(--accent)}@media (max-width: 600px){.skills-inner[data-v-807c71b3]{padding:28px 20px}}.projects[data-v-be9b1560]{padding:24px;display:flex;justify-content:center}.projects-inner[data-v-be9b1560]{width:100%;max-width:680px}.section-title[data-v-be9b1560]{font-size:24px;font-weight:700;margin-bottom:24px;color:var(--accent);padding:0 4px}.project-list[data-v-be9b1560]{display:flex;flex-direction:column;gap:20px}.project-card[data-v-be9b1560]{padding:28px 24px;transition:transform .25s ease,box-shadow .25s ease}.project-card[data-v-be9b1560]:hover{transform:translateY(-4px);box-shadow:0 16px 48px #6366f126}.project-header[data-v-be9b1560]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}.project-name[data-v-be9b1560]{font-size:20px;font-weight:700;color:var(--text-primary)}.status-tag[data-v-be9b1560]{font-size:12px;padding:3px 10px;border-radius:999px;font-weight:600}.status-tag.online[data-v-be9b1560]{background:#22c55e26;color:#22c55e}.status-tag.progress[data-v-be9b1560]{background:#f59e0b26;color:#f59e0b}.status-tag.paused[data-v-be9b1560]{background:#94a3b826;color:#94a3b8}.project-desc[data-v-be9b1560]{font-size:14px;color:var(--text-secondary);margin:0 0 16px;line-height:1.7}.highlights[data-v-be9b1560]{list-style:none;padding:0;margin:0 0 18px;display:flex;flex-direction:column;gap:6px}.highlights li[data-v-be9b1560]{font-size:13.5px;color:var(--text-primary);padding-left:18px;position:relative;line-height:1.6}.highlights li[data-v-be9b1560]:before{content:"▸";position:absolute;left:0;color:var(--accent)}.stack-tags[data-v-be9b1560]{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}.stack-tag[data-v-be9b1560]{padding:3px 10px;font-size:12px;background:var(--tag-bg);color:var(--tag-text);border-radius:6px}.links[data-v-be9b1560]{display:flex;gap:12px;flex-wrap:wrap}.link-btn[data-v-be9b1560]{display:inline-flex;align-items:center;padding:6px 14px;background:var(--accent);color:#fff;border-radius:8px;font-size:13px;font-weight:500;transition:transform .15s ease,background .15s ease}.link-btn[data-v-be9b1560]:hover{background:var(--accent-hover);color:#fff;transform:translateY(-1px)}@media (max-width: 600px){.project-card[data-v-be9b1560]{padding:22px 18px}}.app[data-v-f001c857]{position:relative;min-height:100vh;overflow-x:hidden}.bg-decoration[data-v-f001c857]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none}.blob[data-v-f001c857]{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4}.blob-1[data-v-f001c857]{width:400px;height:400px;background:#6366f1;top:-100px;right:-100px;animation:float-f001c857 20s ease-in-out infinite}.blob-2[data-v-f001c857]{width:350px;height:350px;background:#a855f7;bottom:-80px;left:-80px;animation:float-f001c857 25s ease-in-out infinite reverse}@keyframes float-f001c857{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,-30px) scale(1.1)}}.main[data-v-f001c857]{max-width:720px;margin:0 auto;padding-bottom:40px}.theme-toggle[data-v-f001c857]{position:fixed;top:20px;right:20px;width:44px;height:44px;border-radius:50%;border:1px solid var(--border);background:var(--card-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:18px;cursor:pointer;z-index:100;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,box-shadow .2s ease;box-shadow:var(--shadow)}.theme-toggle[data-v-f001c857]:hover{transform:scale(1.1) rotate(15deg);box-shadow:0 0 16px #6366f166}.footer[data-v-f001c857]{text-align:center;padding:24px 20px 40px;color:var(--text-secondary);font-size:13px}.footer p[data-v-f001c857]{margin:0}@media (max-width: 600px){.theme-toggle[data-v-f001c857]{top:14px;right:14px;width:40px;height:40px}}