:root{--pink:#ffb3c6;--mint:#b5ead7;--lavender:#c9b8ff;--peach:#ffdac1;--sky:#a8daff;--yellow:#fff3b0;--coral:#ff9aa2;--sage:#c7efcf;--lilac:#e2cbff;--accent:#c9b8ff;--accent-dark:#a08be0;--accent-soft:#f0ebff;--text-1:#2d2b36;--text-2:#5c5870;--text-3:#9896a8;--bg:#fdfbff;--bg-card:#fff;--border:#ede8f5;--shadow-sm:0 2px 8px #b4a0dc1a;--shadow-md:0 4px 20px #b4a0dc29;--shadow-lg:0 8px 32px #b4a0dc38;--radius:14px;--radius-sm:8px;--font-sans:"Inter", "PingFang SC", "Hiragino Sans GB", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Consolas", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg);color:var(--text-1);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.7}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--lavender);border-radius:3px}.container{width:100%;max-width:860px;margin:0 auto;padding:0 24px}.btn{cursor:pointer;letter-spacing:.3px;border:none;border-radius:40px;align-items:center;gap:6px;padding:10px 22px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background:var(--lavender);color:#4a3b8c}.btn-primary:hover{background:var(--accent-dark);color:#fff;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-outline{color:var(--text-2);border:1.5px solid var(--border);background:0 0}.btn-outline:hover{border-color:var(--accent);color:var(--accent-dark);transform:translateY(-1px)}.tag{letter-spacing:.2px;border-radius:20px;align-items:center;padding:3px 10px;font-size:12px;font-weight:500;display:inline-flex}.tag-programming{color:#2b7ab5;background:#ebf5ff}.tag-design{color:#b5428a;background:#fff0f7}.tag-ai{color:#6b4ec4;background:#f3efff}.tag-life{color:#27916b;background:#effff5}#app{min-height:100vh}.site-nav[data-v-43f1f347]{z-index:100;-webkit-backdrop-filter:blur(12px);background:#fdfbffd9;border-bottom:1px solid #0000;transition:border-color .25s,box-shadow .25s;position:sticky;top:0}.site-nav.scrolled[data-v-43f1f347]{border-bottom-color:var(--border);box-shadow:var(--shadow-sm)}.nav-inner[data-v-43f1f347]{justify-content:space-between;align-items:center;height:60px;display:flex}.nav-logo[data-v-43f1f347]{color:var(--text-1);letter-spacing:-.3px;align-items:center;gap:8px;font-size:18px;font-weight:700;display:flex}.logo-dot[data-v-43f1f347]{background:linear-gradient(135deg, var(--lavender), var(--pink));border-radius:50%;flex-shrink:0;width:10px;height:10px}.nav-links[data-v-43f1f347]{gap:4px;display:flex}.nav-link[data-v-43f1f347]{color:var(--text-2);border-radius:20px;padding:6px 14px;font-size:14px;font-weight:500;transition:all .2s}.nav-link[data-v-43f1f347]:hover{color:var(--text-1);background:var(--accent-soft)}.nav-link.active[data-v-43f1f347]{color:var(--accent-dark);background:var(--accent-soft)}.site-footer[data-v-5854d0fc]{border-top:1px solid var(--border);margin-top:auto;padding:32px 0}.footer-inner[data-v-5854d0fc]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.footer-copy[data-v-5854d0fc]{color:var(--text-3);font-size:13px}.beian[data-v-5854d0fc]{color:var(--text-3);font-size:12px;transition:color .2s}.beian[data-v-5854d0fc]:hover{color:var(--text-2)}@media (width<=600px){.footer-inner[data-v-5854d0fc]{text-align:center;flex-direction:column}}.article-card[data-v-a805797b]{background:var(--bg-card);border:1.5px solid var(--border);border-radius:var(--radius);cursor:pointer;flex-direction:column;gap:10px;padding:22px 24px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.article-card[data-v-a805797b]:hover{box-shadow:var(--shadow-md);border-color:var(--accent);transform:translateY(-3px)}.card-header[data-v-a805797b]{justify-content:space-between;align-items:center;gap:8px;display:flex}.card-date[data-v-a805797b]{color:var(--text-3);white-space:nowrap;font-size:12px}.card-title[data-v-a805797b]{color:var(--text-1);letter-spacing:-.2px;font-size:17px;font-weight:600;line-height:1.4}.card-desc[data-v-a805797b]{color:var(--text-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.card-footer[data-v-a805797b]{margin-top:4px}.read-more[data-v-a805797b]{color:var(--accent-dark);font-size:13px;font-weight:500;transition:gap .2s}.page-home[data-v-a19cd277]{flex-direction:column;min-height:100vh;display:flex}.hero-section[data-v-a19cd277]{padding:80px 0 64px;position:relative;overflow:hidden}.hero-section[data-v-a19cd277]:before{content:"";pointer-events:none;background:radial-gradient(circle,#c9b8ff2e 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-120px;right:-120px}.hero-section[data-v-a19cd277]:after{content:"";pointer-events:none;background:radial-gradient(circle,#b5ead729 0%,#0000 70%);border-radius:50%;width:360px;height:360px;position:absolute;bottom:-80px;left:-80px}.hero-inner[data-v-a19cd277]{align-items:center;gap:64px;display:flex}.hero-avatar[data-v-a19cd277]{flex-shrink:0;width:160px;height:160px;position:relative}.avatar-ring[data-v-a19cd277]{background:linear-gradient(135deg, var(--lavender), var(--pink), var(--mint));width:160px;height:160px;box-shadow:var(--shadow-lg);border-radius:50%;justify-content:center;align-items:center;display:flex}.avatar-inner[data-v-a19cd277]{background:var(--bg);border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;font-size:56px;display:flex}.avatar-deco[data-v-a19cd277]{border-radius:50%;position:absolute}.deco-1[data-v-a19cd277]{background:var(--pink);width:20px;height:20px;top:10px;right:0}.deco-2[data-v-a19cd277]{background:var(--mint);width:14px;height:14px;bottom:12px;left:-4px}.deco-3[data-v-a19cd277]{background:var(--yellow);width:10px;height:10px;bottom:32px;right:-6px}.hero-text[data-v-a19cd277]{flex:1}.hero-greeting[data-v-a19cd277]{color:var(--text-2);margin-bottom:6px;font-size:16px}.hero-name[data-v-a19cd277]{letter-spacing:-1px;color:var(--text-1);margin-bottom:16px;font-size:42px;font-weight:800;line-height:1.2}.name-highlight[data-v-a19cd277]{background:linear-gradient(135deg, var(--accent-dark), var(--coral));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-bio[data-v-a19cd277]{color:var(--text-2);margin-bottom:20px;font-size:16px;line-height:1.8}.hero-bio em[data-v-a19cd277]{color:var(--accent-dark);font-style:normal;font-weight:500}.hero-tags[data-v-a19cd277]{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.hero-tag[data-v-a19cd277]{background:var(--bg-card);border:1.5px solid var(--border);color:var(--text-2);border-radius:20px;padding:5px 14px;font-size:13px;font-weight:500;transition:all .2s}.hero-tag[data-v-a19cd277]:hover{border-color:var(--accent);color:var(--accent-dark)}.hero-stats[data-v-a19cd277]{align-items:center;gap:20px;display:flex}.stat-item[data-v-a19cd277]{text-align:center}.stat-num[data-v-a19cd277]{color:var(--text-1);letter-spacing:-.5px;font-size:28px;font-weight:800;line-height:1;display:block}.stat-label[data-v-a19cd277]{color:var(--text-3);margin-top:2px;font-size:12px}.stat-divider[data-v-a19cd277]{background:var(--border);width:1px;height:32px}.articles-section[data-v-a19cd277]{padding:0 0 64px}.section-header[data-v-a19cd277]{margin-bottom:28px}.section-title[data-v-a19cd277]{color:var(--text-1);letter-spacing:-.5px;font-size:26px;font-weight:800}.section-sub[data-v-a19cd277]{color:var(--text-3);margin-top:4px;font-size:14px}.articles-grid[data-v-a19cd277]{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.more-wrap[data-v-a19cd277]{justify-content:center;margin-top:32px;display:flex}.about-strip[data-v-a19cd277]{padding:0 0 80px}.about-inner[data-v-a19cd277]{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.about-card[data-v-a19cd277]{border-radius:var(--radius);padding:24px 20px;transition:transform .2s,box-shadow .2s}.about-card[data-v-a19cd277]:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.about-card-pink[data-v-a19cd277]{background:#fff0f4;border:1.5px solid #ffccd8}.about-card-mint[data-v-a19cd277]{background:#effff8;border:1.5px solid #c0f0dc}.about-card-lavender[data-v-a19cd277]{background:#f3efff;border:1.5px solid #ddd0ff}.about-card-peach[data-v-a19cd277]{background:#fff5ee;border:1.5px solid #ffe0c6}.about-icon[data-v-a19cd277]{margin-bottom:10px;font-size:28px}.about-card h3[data-v-a19cd277]{color:var(--text-1);margin-bottom:6px;font-size:16px;font-weight:700}.about-card p[data-v-a19cd277]{color:var(--text-2);font-size:13px;line-height:1.6}@media (width<=768px){.hero-inner[data-v-a19cd277]{text-align:center;flex-direction:column;gap:32px}.hero-tags[data-v-a19cd277],.hero-stats[data-v-a19cd277]{justify-content:center}.hero-name[data-v-a19cd277]{font-size:32px}.articles-grid[data-v-a19cd277]{grid-template-columns:1fr}.about-inner[data-v-a19cd277]{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.hero-section[data-v-a19cd277]{padding:48px 0 40px}.about-inner[data-v-a19cd277]{grid-template-columns:1fr}}.page-articles[data-v-b6ca1226]{flex-direction:column;min-height:100vh;display:flex}.articles-main[data-v-b6ca1226]{flex:1;padding:48px 0 64px}.page-header[data-v-b6ca1226]{margin-bottom:32px}.page-title[data-v-b6ca1226]{letter-spacing:-1px;color:var(--text-1);margin-bottom:6px;font-size:36px;font-weight:800}.page-sub[data-v-b6ca1226]{color:var(--text-3);font-size:15px}.filter-bar[data-v-b6ca1226]{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.filter-btn[data-v-b6ca1226]{cursor:pointer;border:1.5px solid var(--border);background:var(--bg-card);color:var(--text-2);border-radius:24px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.filter-btn[data-v-b6ca1226]:hover{border-color:var(--accent);color:var(--accent-dark)}.filter-btn.active[data-v-b6ca1226]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-dark)}.filter-emoji[data-v-b6ca1226]{font-size:15px}.filter-count[data-v-b6ca1226]{background:var(--border);color:var(--text-3);border-radius:10px;padding:1px 7px;font-size:11px}.filter-btn.active .filter-count[data-v-b6ca1226]{background:var(--lavender);color:#5b4ba0}.articles-grid[data-v-b6ca1226]{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.fade-enter-active[data-v-b6ca1226],.fade-leave-active[data-v-b6ca1226]{transition:opacity .2s,transform .2s}.fade-enter-from[data-v-b6ca1226]{opacity:0;transform:translateY(10px)}.fade-leave-to[data-v-b6ca1226]{opacity:0;transform:translateY(-6px)}.empty-state[data-v-b6ca1226]{text-align:center;color:var(--text-3);padding:80px 0}.empty-icon[data-v-b6ca1226]{margin-bottom:12px;font-size:40px;display:block}@media (width<=640px){.articles-grid[data-v-b6ca1226]{grid-template-columns:1fr}.page-title[data-v-b6ca1226]{font-size:28px}}.page-article[data-v-abc0f13d]{flex-direction:column;min-height:100vh;display:flex}.article-main[data-v-abc0f13d]{flex:1;padding:32px 0 80px}.back-btn[data-v-abc0f13d]{border:1.5px solid var(--border);cursor:pointer;color:var(--text-2);font-size:13px;font-family:var(--font-sans);background:0 0;border-radius:20px;align-items:center;gap:6px;margin-bottom:40px;padding:8px 16px;transition:all .2s;display:inline-flex}.back-btn[data-v-abc0f13d]:hover{border-color:var(--accent);color:var(--accent-dark)}.article-header[data-v-abc0f13d]{margin-bottom:48px}.article-meta[data-v-abc0f13d]{align-items:center;gap:12px;margin-bottom:16px;display:flex}.article-date[data-v-abc0f13d]{color:var(--text-3);font-size:13px}.article-title[data-v-abc0f13d]{color:var(--text-1);letter-spacing:-.5px;margin-bottom:12px;font-size:32px;font-weight:800;line-height:1.3}.article-desc[data-v-abc0f13d]{color:var(--text-2);margin-bottom:16px;font-size:16px}.article-tags[data-v-abc0f13d]{flex-wrap:wrap;gap:8px;display:flex}.article-tag[data-v-abc0f13d]{color:var(--text-3);background:var(--accent-soft);border-radius:10px;padding:3px 10px;font-size:12px}.article-nav[data-v-abc0f13d]{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:16px;margin-top:64px;padding-top:32px;display:grid}.nav-prev[data-v-abc0f13d],.nav-next[data-v-abc0f13d]{border:1.5px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:6px;padding:16px 20px;transition:all .2s;display:flex}.nav-prev[data-v-abc0f13d]:hover,.nav-next[data-v-abc0f13d]:hover{border-color:var(--accent);box-shadow:var(--shadow-sm)}.nav-next[data-v-abc0f13d]{text-align:right}.nav-label[data-v-abc0f13d]{color:var(--text-3);font-size:12px}.nav-title[data-v-abc0f13d]{color:var(--text-1);font-size:14px;font-weight:600;line-height:1.4}.article-body{color:var(--text-1);max-width:720px;font-size:16px;line-height:1.85}.article-body h1,.article-body h2,.article-body h3{color:var(--text-1);letter-spacing:-.3px;margin:1.8em 0 .6em;font-weight:700;line-height:1.3}.article-body h1{font-size:26px}.article-body h2{border-bottom:2px solid var(--border);padding-bottom:8px;font-size:22px}.article-body h3{font-size:18px}.article-body p{margin:0 0 1.2em}.article-body a{color:var(--accent-dark);text-underline-offset:3px;text-decoration:underline}.article-body ul,.article-body ol{margin:0 0 1.2em;padding-left:1.6em}.article-body li{margin-bottom:.4em}.article-body blockquote{border-left:4px solid var(--lavender);background:var(--accent-soft);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-2);margin:1.5em 0;padding:16px 20px}.article-body code{font-family:var(--font-mono);color:#5b3fa6;background:#f3efff;border-radius:5px;padding:2px 7px;font-size:14px}.article-body pre{border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);background:#1e1e2e;margin:1.5em 0;padding:20px 24px;overflow-x:auto}.article-body pre code{color:#cdd6f4;background:0 0;padding:0;font-size:14px;line-height:1.6}.article-body img{border-radius:var(--radius-sm);box-shadow:var(--shadow-md);margin:1.5em 0}.article-body hr{border:none;border-top:2px solid var(--border);margin:2em 0}.article-body table{border-collapse:collapse;width:100%;margin:1.5em 0;font-size:14px}.article-body th,.article-body td{border:1px solid var(--border);text-align:left;padding:10px 14px}.article-body th{background:var(--accent-soft);font-weight:600}.article-body tr:nth-child(2n){background:#fafafa}