.nav[data-v-ed2abf88]{position:fixed;top:0;left:0;right:0;z-index:100;background:#fbf9f5d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border)}.nav-inner[data-v-ed2abf88]{max-width:1080px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between}.logo[data-v-ed2abf88]{font-weight:700;font-size:1.1rem;cursor:pointer;color:var(--color-primary-deep)}.nav-links[data-v-ed2abf88]{display:flex;gap:24px}.nav-link[data-v-ed2abf88]{font-size:.95rem;color:var(--color-text-light);transition:color .2s}.nav-link[data-v-ed2abf88]:hover{color:var(--color-primary-deep)}.hero[data-v-ed2abf88]{padding-top:140px;text-align:center;animation:fade-up .8s ease both}.hero-avatar[data-v-ed2abf88]{position:relative;display:inline-block;margin-bottom:28px}.avatar[data-v-ed2abf88]{display:inline-flex;align-items:center;justify-content:center;width:120px;height:120px;font-size:3rem;background:linear-gradient(135deg,#d8efe7,#ffe6d8);border-radius:50%;border:4px solid #fff;box-shadow:var(--shadow-soft);animation:float-y 4s ease-in-out infinite}.flower[data-v-ed2abf88]{position:absolute;color:var(--color-accent);font-size:1.4rem;animation:float-y 3.5s ease-in-out infinite}.flower.f1[data-v-ed2abf88]{top:-10px;right:-24px;animation-delay:.6s}.flower.f2[data-v-ed2abf88]{bottom:6px;left:-26px;animation-delay:1.2s;font-size:1rem;color:var(--color-primary)}.hero-name[data-v-ed2abf88]{font-size:2.6rem;font-weight:800;margin-bottom:12px}.highlight[data-v-ed2abf88]{color:var(--color-primary-deep);position:relative}.hero-sub[data-v-ed2abf88]{font-size:1.15rem;color:var(--color-text-light);margin-bottom:10px}.hero-tagline[data-v-ed2abf88]{color:var(--color-text-light);margin-bottom:36px}.hero-actions[data-v-ed2abf88]{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.btn[data-v-ed2abf88]{display:inline-block;padding:12px 28px;border-radius:999px;font-size:.98rem;font-weight:600;transition:transform .2s,box-shadow .2s}.btn[data-v-ed2abf88]:hover{transform:translateY(-2px)}.btn-primary[data-v-ed2abf88]{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-deep));color:#fff;box-shadow:0 8px 20px #4a9c8859}.btn-primary[data-v-ed2abf88]:hover{box-shadow:var(--shadow-hover)}.btn-ghost[data-v-ed2abf88]{background:#fff;color:var(--color-primary-deep);border:1.5px solid var(--color-primary)}.about-card[data-v-ed2abf88]{background:var(--color-card);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-soft);border:1px solid var(--color-border)}.about-text[data-v-ed2abf88]{color:var(--color-text-light);font-size:1.02rem}.skills-grid[data-v-ed2abf88]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.skill-card[data-v-ed2abf88]{background:var(--color-card);border-radius:var(--radius-md);padding:22px;border:1px solid var(--color-border);box-shadow:var(--shadow-soft);transition:transform .2s,box-shadow .2s}.skill-card[data-v-ed2abf88]:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.skill-head[data-v-ed2abf88]{display:flex;justify-content:space-between;font-size:.95rem;font-weight:600;margin-bottom:10px}.skill-bar[data-v-ed2abf88]{height:8px;background:#f0ece4;border-radius:999px;overflow:hidden}.skill-fill[data-v-ed2abf88]{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));border-radius:999px;transition:width .6s ease}.projects-grid[data-v-ed2abf88]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.project-card[data-v-ed2abf88]{background:var(--color-card);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border);box-shadow:var(--shadow-soft);transition:transform .2s,box-shadow .2s}.project-card[data-v-ed2abf88]:hover{transform:translateY(-6px);box-shadow:var(--shadow-hover)}.project-cover[data-v-ed2abf88]{height:150px;display:flex;align-items:center;justify-content:center;font-size:2.6rem;background:linear-gradient(135deg,#e4f2ec,#ffe9dc)}.project-body[data-v-ed2abf88]{padding:22px}.project-body h3[data-v-ed2abf88]{font-size:1.15rem;margin-bottom:8px}.project-body p[data-v-ed2abf88]{color:var(--color-text-light);font-size:.92rem;margin-bottom:14px}.project-tags[data-v-ed2abf88]{display:flex;flex-wrap:wrap;gap:8px}.tag[data-v-ed2abf88]{background:#eef6f2;color:var(--color-primary-deep);font-size:.8rem;padding:4px 12px;border-radius:999px}.contact-card[data-v-ed2abf88]{background:linear-gradient(135deg,#e4f2ec,#ffe9dc);border-radius:var(--radius-lg);padding:44px;text-align:center;box-shadow:var(--shadow-soft)}.contact-text[data-v-ed2abf88]{color:var(--color-text-light);margin-bottom:28px}.contact-links[data-v-ed2abf88]{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.footer[data-v-ed2abf88]{text-align:center;padding:40px 24px;color:var(--color-text-light);font-size:.9rem}@media(max-width:640px){.nav-links[data-v-ed2abf88]{gap:14px;font-size:.85rem}.hero[data-v-ed2abf88]{padding-top:110px}.hero-name[data-v-ed2abf88]{font-size:2rem}}:root{--color-primary: #67b7a3;--color-primary-deep: #4a9c88;--color-accent: #ffb49a;--color-accent-light: #ffd9c7;--color-bg: #fbf9f5;--color-card: #ffffff;--color-text: #3d4248;--color-text-light: #8a9199;--color-border: #efe9df;--shadow-soft: 0 12px 32px rgba(90, 120, 110, .12);--shadow-hover: 0 18px 44px rgba(90, 120, 110, .18);--radius-lg: 24px;--radius-md: 16px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;color:var(--color-text);background-color:var(--color-bg);background-image:radial-gradient(circle at 12% 18%,rgba(103,183,163,.12),transparent 42%),radial-gradient(circle at 88% 8%,rgba(255,180,154,.14),transparent 38%),radial-gradient(circle at 70% 88%,rgba(255,217,199,.25),transparent 46%),radial-gradient(circle at 20% 80%,rgba(103,183,163,.08),transparent 40%);background-attachment:fixed;min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}section{max-width:1080px;margin:0 auto;padding:72px 24px}.section-title{font-size:1.9rem;font-weight:700;margin-bottom:8px;position:relative;display:inline-block}.section-title:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:12px;background:linear-gradient(90deg,var(--color-accent-light),transparent);border-radius:4px;opacity:.7;z-index:-1}.section-sub{color:var(--color-text-light);margin-bottom:40px}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}