*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}body{color:#1c1917;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f4;font-family:Work Sans,Outfit,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5}code{font-family:JetBrains Mono,Fira Code,monospace}.style-c[data-v-b57c4efd]{--bg:#f5f5f4;--card-bg:#fff;--text:#1c1917;--text-dim:#78716c;--border:#d6d3d1;--radius:16px;background:var(--bg);color:var(--text);min-height:100%;padding:40px;font-family:Work Sans,-apple-system,sans-serif;overflow-y:auto}.bento-grid[data-v-b57c4efd]{grid-template-columns:1fr .7fr 1.3fr;grid-auto-rows:auto;gap:16px;max-width:960px;margin:0 auto;display:grid}.bento-card[data-v-b57c4efd]{background:var(--card-bg);border-radius:var(--radius);border:1px solid var(--border);padding:24px;transition:transform .2s,box-shadow .2s}.bento-card[data-v-b57c4efd]:hover{transform:scale(1.02);box-shadow:0 8px 30px #0000000f}.card-latest[data-v-b57c4efd]{cursor:pointer;background:linear-gradient(160deg,#fafaf9 0%,#f5f0eb 100%);flex-direction:column;grid-area:span 2/span 2;justify-content:flex-end;padding:32px;display:flex}.card-latest .card-title[data-v-b57c4efd]{color:var(--text);margin:12px 0;font-family:Outfit,sans-serif;font-size:28px;font-weight:600;line-height:1.25}.card-latest .card-summary[data-v-b57c4efd]{color:var(--text-dim);margin-bottom:16px;font-size:15px;line-height:1.6}.card-about[data-v-b57c4efd]{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.about-avatar[data-v-b57c4efd]{color:#fff;background:linear-gradient(135deg,#7c3aed,#06b6d4);border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:4px;font-family:Outfit,sans-serif;font-size:20px;font-weight:700;display:flex}.about-name[data-v-b57c4efd]{font-family:Outfit,sans-serif;font-size:18px;font-weight:600}.about-bio[data-v-b57c4efd]{color:var(--text-dim);font-size:13px;line-height:1.5}.about-links[data-v-b57c4efd]{gap:12px;margin-top:4px;display:flex}.about-links a[data-v-b57c4efd]{color:#7c3aed;font-size:12px;font-weight:500;text-decoration:none;transition:opacity .15s}.about-links a[data-v-b57c4efd]:hover{opacity:.7}.card-stats[data-v-b57c4efd]{color:#fff;background:linear-gradient(160deg,#7c3aed,#06b6d4);border-color:#0000;flex-direction:column;justify-content:center;gap:16px;display:flex}.stat[data-v-b57c4efd]{align-items:baseline;gap:8px;display:flex}.stat-num[data-v-b57c4efd]{font-family:Outfit,sans-serif;font-size:28px;font-weight:700}.stat-label[data-v-b57c4efd]{opacity:.8;font-size:13px}.card-list[data-v-b57c4efd]{flex-direction:column;gap:0;display:flex}.list-header[data-v-b57c4efd]{cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;margin-bottom:12px;padding:0;font-family:inherit;display:flex}.list-header:hover .view-all[data-v-b57c4efd]{color:var(--text)}.list-label[data-v-b57c4efd]{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;font-family:Outfit,sans-serif;font-size:13px;font-weight:600}.view-all[data-v-b57c4efd]{color:var(--text-dim);font-size:12px;transition:color .15s}.list-row[data-v-b57c4efd]{color:inherit;font-family:inherit;font-size:inherit;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;width:calc(100% + 24px);margin:0 -12px;padding:10px 12px;text-decoration:none;transition:background .15s;display:flex}.list-row[data-v-b57c4efd]:hover{background:var(--bg)}.list-title[data-v-b57c4efd]{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;font-weight:500;line-height:1.3;overflow:hidden}.list-date[data-v-b57c4efd]{color:var(--text-dim);white-space:nowrap;flex-shrink:0;font-size:12px}.proj-info[data-v-b57c4efd]{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.proj-desc[data-v-b57c4efd]{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.3;overflow:hidden}.arrow-icon[data-v-b57c4efd]{color:var(--text-dim);flex-shrink:0}.card-media[data-v-b57c4efd]{flex-direction:column;display:flex}.card-media .list-label[data-v-b57c4efd]{margin-bottom:12px}.media-row[data-v-b57c4efd]{align-items:center;gap:10px;padding:8px 0;display:flex}.media-row+.media-row[data-v-b57c4efd]{border-top:1px solid #f0efed}.media-icon[data-v-b57c4efd]{background:var(--bg);width:32px;height:32px;color:var(--text-dim);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex}.media-info[data-v-b57c4efd]{flex-direction:column;gap:1px;min-width:0;display:flex}.media-title[data-v-b57c4efd]{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;line-height:1.3;overflow:hidden}.media-author[data-v-b57c4efd]{color:var(--text-dim);font-size:11px;line-height:1.3}.card-post-wide[data-v-b57c4efd]{cursor:pointer;grid-column:span 3;justify-content:space-between;align-items:center;gap:20px;display:flex}.card-title-sm[data-v-b57c4efd]{margin:8px 0 0;font-family:Outfit,sans-serif;font-size:17px;font-weight:600;line-height:1.3}.card-tag[data-v-b57c4efd]{text-transform:uppercase;letter-spacing:.8px;border-radius:8px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.card-meta[data-v-b57c4efd]{color:var(--text-dim);align-items:center;gap:6px;font-size:12px;display:flex}.dot[data-v-b57c4efd]{background:var(--text-dim);opacity:.5;border-radius:50%;width:3px;height:3px}.subpage[data-v-b57c4efd]{max-width:760px;margin:0 auto}.subpage-header[data-v-b57c4efd]{align-items:center;gap:16px;margin-bottom:28px;display:flex}.back-btn[data-v-b57c4efd]{border:1px solid var(--border);background:var(--card-bg);color:var(--text-dim);cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s;display:flex}.back-btn[data-v-b57c4efd]:hover{color:var(--text);border-color:#a8a29e}.subpage-title[data-v-b57c4efd]{font-family:Outfit,sans-serif;font-size:24px;font-weight:600}.subpage-count[data-v-b57c4efd]{color:var(--text-dim);margin-left:auto;font-size:13px}.tag-filter[data-v-b57c4efd]{flex-wrap:wrap;gap:6px;margin-bottom:24px;display:flex}.tag-btn[data-v-b57c4efd]{border:1px solid var(--border);background:var(--card-bg);color:var(--text-dim);cursor:pointer;border-radius:20px;padding:6px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s}.tag-btn[data-v-b57c4efd]:hover{color:var(--text);border-color:#a8a29e}.tag-btn.active[data-v-b57c4efd]{background:var(--text);color:var(--card-bg);border-color:var(--text)}.article-list[data-v-b57c4efd]{flex-direction:column;gap:12px;display:flex}.article-row[data-v-b57c4efd]{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);color:inherit;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.article-row[data-v-b57c4efd]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000000f}.article-color[data-v-b57c4efd]{flex-shrink:0;width:4px}.article-body[data-v-b57c4efd]{flex:1;min-width:0;padding:20px 24px}.article-top[data-v-b57c4efd]{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}.article-title[data-v-b57c4efd]{font-family:Outfit,sans-serif;font-size:17px;font-weight:600;line-height:1.3}.article-summary[data-v-b57c4efd]{color:var(--text-dim);margin-bottom:12px;font-size:14px;line-height:1.6}.project-grid[data-v-b57c4efd]{flex-direction:column;gap:12px;display:flex}.project-card[data-v-b57c4efd]{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);color:inherit;font-family:inherit;font-size:inherit;cursor:pointer;text-align:left;width:100%;padding:0;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.project-card[data-v-b57c4efd]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000000f}.project-color-bar[data-v-b57c4efd]{flex-shrink:0;width:4px}.project-body[data-v-b57c4efd]{flex:1;min-width:0;padding:24px}.project-name[data-v-b57c4efd]{margin-bottom:6px;font-family:Outfit,sans-serif;font-size:18px;font-weight:600}.project-desc[data-v-b57c4efd]{color:var(--text-dim);margin-bottom:14px;font-size:14px;line-height:1.6}.project-tags[data-v-b57c4efd]{flex-wrap:wrap;gap:6px;display:flex}.project-tag-pill[data-v-b57c4efd]{color:var(--text-dim);background:var(--bg);border-radius:8px;padding:3px 10px;font-size:12px;font-weight:500}.project-arrow[data-v-b57c4efd]{color:var(--text-dim);align-items:center;padding:0 20px;transition:color .15s;display:flex}.project-card:hover .project-arrow[data-v-b57c4efd]{color:var(--text)}@media (width<=768px){.style-c[data-v-b57c4efd]{padding:20px 16px}.bento-grid[data-v-b57c4efd]{grid-template-columns:1fr}.card-latest[data-v-b57c4efd],.card-post-wide[data-v-b57c4efd]{grid-column:span 1}.card-latest[data-v-b57c4efd]{grid-row:span 1}.card-post-wide[data-v-b57c4efd]{flex-direction:column;align-items:flex-start}.subpage-header[data-v-b57c4efd]{flex-wrap:wrap}.article-top[data-v-b57c4efd]{flex-direction:column;gap:6px}}@media (width>=769px) and (width<=1024px){.bento-grid[data-v-b57c4efd]{grid-template-columns:repeat(2,1fr)}.card-latest[data-v-b57c4efd]{grid-area:span 1/span 2}.card-post-wide[data-v-b57c4efd]{grid-column:span 2}}