:root{--bg:#0b0f1a;--bg-elevated:#ffffff0a;--card:#ffffff0d;--border:#ffffff1a;--text:#c7cdd9;--text-h:#f2f5fa;--text-dim:#8a92a6;--accent:#7c6cff;--accent-2:#22d3ee;--accent-gradient:linear-gradient(135deg, #7c6cff 0%, #22d3ee 100%);--shadow:0 20px 50px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:PingFang SC,Microsoft YaHei,system-ui,Segoe UI,Roboto,sans-serif;line-height:1.6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(1200px 600px at 20% -10%, #7c6cff2e, transparent 60%), radial-gradient(1000px 500px at 90% 110%, #22d3ee1f, transparent 60%), var(--bg);min-height:100svh;margin:0}a{color:inherit;text-decoration:none}.app{max-width:960px;margin:0 auto;padding:0 24px}.nav{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b0f1ab3;justify-content:space-between;align-items:center;padding:18px 0;display:flex;position:sticky;top:0}.nav-brand{color:var(--text-h);font-size:1.15rem;font-weight:700}.nav-links{gap:24px;display:flex}.nav-links a{color:var(--text);font-size:.95rem;transition:color .2s}.nav-links a:hover{color:var(--text-h)}.main{flex-direction:column;gap:80px;padding:72px 0 40px;display:flex}.hero{text-align:center;padding-top:40px}.hero-badge{background:var(--card);border:1px solid var(--border);color:var(--text-dim);border-radius:999px;align-items:center;gap:8px;margin-bottom:28px;padding:6px 14px;font-size:.85rem;display:inline-flex}.status-dot{background:#34d399;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 3px #34d39933}.hero-name{letter-spacing:-.03em;color:var(--text-h);background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(2.8rem,7vw,4.2rem);font-weight:800}.hero-title{color:var(--text-h);margin:18px 0 0;font-size:clamp(1.1rem,2.5vw,1.35rem);font-weight:500}.hero-tagline{max-width:520px;color:var(--text-dim);margin:12px auto 0;font-size:1.05rem}.hero-meta{justify-content:center;margin-top:16px;display:flex}.hero-location{color:var(--text-dim);align-items:center;gap:6px;font-size:.95rem;display:inline-flex}.icon-sm{width:15px;height:15px}.icon-md{width:22px;height:22px}.hero-actions{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:36px;display:flex}.btn{border-radius:12px;justify-content:center;align-items:center;padding:12px 28px;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#fff;background:var(--accent-gradient);box-shadow:0 8px 24px #7c6cff59}.btn-primary:hover{box-shadow:0 12px 32px #7c6cff73}.btn-ghost{color:var(--text-h);background:var(--card);border:1px solid var(--border)}.btn-ghost:hover{background:var(--bg-elevated)}.section{scroll-margin-top:80px}.section-title{color:var(--text-h);letter-spacing:-.02em;margin:0 0 28px;font-size:1.6rem;font-weight:700}.section-title:after{content:"";background:var(--accent-gradient);border-radius:2px;width:44px;height:4px;margin-top:10px;display:block}.about-content{max-width:640px}.about-content p{color:var(--text);margin:0 0 16px}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.skill-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:20px 22px;transition:transform .2s,border-color .2s}.skill-card:hover{border-color:#7c6cff66;transform:translateY(-3px)}.skill-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.skill-name{color:var(--text-h);font-weight:600}.skill-level{color:var(--text-dim);font-size:.85rem}.skill-bar{background:var(--bg-elevated);border-radius:4px;height:8px;overflow:hidden}.skill-bar-fill{background:var(--accent-gradient);border-radius:4px;height:100%}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.project-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:24px;transition:transform .2s,border-color .2s,box-shadow .2s;display:block}.project-card:hover{box-shadow:var(--shadow);border-color:#22d3ee66;transform:translateY(-3px)}.project-title{color:var(--text-h);margin:0 0 10px;font-size:1.15rem;font-weight:700}.project-description{color:var(--text);margin:0 0 16px;font-size:.95rem}.project-tags{flex-wrap:wrap;gap:8px;display:flex}.tag{color:#a99dff;background:#7c6cff1f;border:1px solid #7c6cff40;border-radius:999px;padding:3px 10px;font-size:.78rem}.contact-subtitle{max-width:480px;color:var(--text-dim);margin:0 0 28px}.contact-socials{flex-wrap:wrap;gap:14px;display:flex}.social-card{background:var(--card);border:1px solid var(--border);color:var(--text-h);border-radius:12px;align-items:center;gap:10px;padding:12px 20px;font-weight:500;transition:transform .2s,border-color .2s,background .2s;display:inline-flex}.social-card:hover{background:var(--bg-elevated);border-color:#7c6cff66;transform:translateY(-2px)}.contact-email{color:var(--accent-2);border-bottom:1px dashed #22d3ee66;margin-top:28px;padding-bottom:2px;font-size:1.05rem;display:inline-block}.contact-email:hover{color:var(--text-h)}.footer{text-align:center;border-top:1px solid var(--border);margin-top:40px;padding:32px 0 40px}.footer p{color:var(--text-dim);margin:0;font-size:.9rem}@media (width<=640px){.main{gap:60px;padding:48px 0 24px}.nav-links{gap:16px}.skills-grid,.projects-grid{grid-template-columns:1fr}}