.header[data-v-fc66a751]{border-bottom:1px solid var(--border);background:#fff}.header-inner[data-v-fc66a751]{justify-content:space-between;align-items:center;height:72px;display:flex}.brand[data-v-fc66a751]{align-items:center;gap:12px;display:flex}.brand-title[data-v-fc66a751]{color:var(--text);font-size:18px;font-weight:600;line-height:1.2}.brand-subtitle[data-v-fc66a751]{color:var(--text-secondary);font-size:12px;line-height:1.2}.nav-link[data-v-fc66a751]{color:var(--text-secondary);font-size:14px}.nav-link[data-v-fc66a751]:hover{color:var(--primary)}.hero[data-v-fc66a751]{background:linear-gradient(#fff 0%,#f8fafc 100%);padding:64px 0 48px}.hero-inner[data-v-fc66a751]{justify-content:space-between;align-items:center;gap:40px;display:flex}.hero-left[data-v-fc66a751]{flex:1}.hero-title[data-v-fc66a751]{color:var(--primary);margin:0 0 8px;font-size:48px;font-weight:700;line-height:1.1}.hero-lead[data-v-fc66a751]{color:var(--text);margin:0 0 18px;font-size:32px;font-weight:600}.hero-desc[data-v-fc66a751]{color:var(--text-secondary);margin:0 0 22px;font-size:16px}.tags[data-v-fc66a751]{flex-wrap:wrap;gap:12px;display:flex}.tag[data-v-fc66a751]{background:var(--primary-light);color:var(--primary-dark);border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:inline-flex}.hero-right[data-v-fc66a751]{flex-shrink:0;width:420px}.hero-illustration[data-v-fc66a751]{width:100%;height:auto}.section-head[data-v-fc66a751]{text-align:center;margin-bottom:28px}.section-title[data-v-fc66a751]{color:var(--text);margin:0 0 6px;font-size:24px;font-weight:600}.section-desc[data-v-fc66a751]{color:var(--text-secondary);margin:0;font-size:14px}.entries[data-v-fc66a751]{background:var(--bg);padding:48px 0 56px}.entry-grid[data-v-fc66a751]{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.entry-card[data-v-fc66a751]{text-align:center;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;align-items:center;padding:28px 20px;transition:transform .15s,box-shadow .15s;display:flex}.entry-card[data-v-fc66a751]:hover{transform:translateY(-4px);box-shadow:0 8px 28px #1e3a8a1a}.entry-icon[data-v-fc66a751]{border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:14px;display:flex}.entry-icon.blue[data-v-fc66a751]{color:var(--primary);background:#eff6ff}.entry-icon.green[data-v-fc66a751]{color:#16a34a;background:#f0fdf4}.entry-icon.purple[data-v-fc66a751]{color:#7c3aed;background:#f5f3ff}.entry-title[data-v-fc66a751]{margin:0 0 8px;font-size:17px;font-weight:600}.entry-desc[data-v-fc66a751]{color:var(--text-secondary);margin:0 0 16px;font-size:13px;line-height:1.5}.entry-btn[data-v-fc66a751]{color:#fff;border-radius:8px;margin-bottom:10px;padding:9px 22px;font-size:14px;display:inline-block}.entry-btn.blue[data-v-fc66a751]{background:var(--primary)}.entry-btn.green[data-v-fc66a751]{background:#16a34a}.entry-btn.purple[data-v-fc66a751]{background:#7c3aed}.entry-url[data-v-fc66a751]{color:var(--text-secondary);font-size:12px}.steps[data-v-fc66a751]{background:#fff;padding:56px 0 64px}.step-grid[data-v-fc66a751]{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:flex}.step-item[data-v-fc66a751]{text-align:center;width:150px}.step-icon[data-v-fc66a751]{background:var(--primary-light);width:48px;height:48px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:10px;display:inline-flex}.step-item h5[data-v-fc66a751]{margin:0 0 4px;font-size:15px;font-weight:600}.step-item p[data-v-fc66a751]{color:var(--text-secondary);margin:0;font-size:12px}.step-arrow[data-v-fc66a751]{color:#cbd5e1;font-size:20px;font-weight:700}.about[data-v-fc66a751]{background:var(--bg);padding:56px 0}.about-inner[data-v-fc66a751]{align-items:center;gap:40px;display:flex}.about-text[data-v-fc66a751]{flex:1}.about-text p[data-v-fc66a751]{color:var(--text-secondary);max-width:520px;font-size:15px;line-height:1.8}.about-illustration[data-v-fc66a751]{flex-shrink:0;width:300px}.footer[data-v-fc66a751]{color:#fff;background:#1e3a8a;padding:32px 0}.footer-inner[data-v-fc66a751]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.footer-title[data-v-fc66a751]{font-size:16px;font-weight:600}.footer-subtitle[data-v-fc66a751]{opacity:.8;font-size:12px}.footer-copy[data-v-fc66a751]{opacity:.8;text-align:center;font-size:13px}.footer-links[data-v-fc66a751]{opacity:.9;font-size:13px}.footer-links a[data-v-fc66a751]:hover{opacity:1;text-decoration:underline}.divider[data-v-fc66a751]{opacity:.5;margin:0 10px}.project-notice[data-v-fc66a751]{color:#415f9f;text-align:center;background:#eef4ff;padding:8px 16px;font-size:13px;position:relative}.project-notice a[data-v-fc66a751]{color:#4b70bd;position:absolute;left:max(16px,50% - 560px)}.project-notice span[data-v-fc66a751]{display:inline-block}.personal-home[data-v-fc66a751]{color:#2d3544;background:#f5f7fb;min-height:100vh}.personal-container[data-v-fc66a751]{width:min(1480px,100% - 40px);margin:0 auto}.personal-nav[data-v-fc66a751]{z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff0;border-bottom:1px solid #e7ebf2;position:sticky;top:0}.nav-inner[data-v-fc66a751]{align-items:center;gap:28px;min-height:68px;display:flex}.personal-logo[data-v-fc66a751]{color:#28334a;white-space:nowrap;align-items:center;gap:10px;display:flex}.personal-logo span[data-v-fc66a751]{color:#fff;background:linear-gradient(145deg,#517cf2,#7a5de8);border-radius:10px;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.personal-links[data-v-fc66a751]{color:#69758a;flex:1;justify-content:center;align-items:center;gap:24px;font-size:14px;display:flex}.personal-links a[data-v-fc66a751]:hover,.text-link[data-v-fc66a751]:hover{color:#416fea}.search-box[data-v-fc66a751]{color:#9da7b7;background:#fafbfd;border:1px solid #e1e6ef;border-radius:8px;align-items:center;gap:7px;width:178px;padding:8px 11px;display:flex}.search-box input[data-v-fc66a751]{width:100%;font:inherit;background:0 0;border:0;outline:0;font-size:13px}.intro-grid[data-v-fc66a751]{grid-template-columns:1.15fr 1.5fr 1.1fr;gap:18px;padding:28px 0 18px;display:grid}.card[data-v-fc66a751]{background:#fff;border:1px solid #e8ecf3;border-radius:12px;box-shadow:0 5px 18px #3546650d}.profile-card[data-v-fc66a751],.site-note[data-v-fc66a751],.learning-card[data-v-fc66a751]{min-height:250px;padding:22px}.profile-card[data-v-fc66a751]{grid-template-columns:58px 1fr;column-gap:14px;display:grid}.avatar[data-v-fc66a751]{color:#7a4e18;background:linear-gradient(145deg,#fee2ad,#edb86a);border:3px solid #f0e9d7;border-radius:50%;place-items:center;width:58px;height:58px;font-weight:700;display:grid}.eyebrow[data-v-fc66a751]{color:#8b98aa;letter-spacing:.08em;margin:0 0 5px;font-size:10px;font-weight:700}.profile-card h1[data-v-fc66a751],.section-line h2[data-v-fc66a751]{color:#29334a;margin:0;font-size:23px}.profile-subtitle[data-v-fc66a751]{color:#748095;margin:4px 0;font-size:14px}.profile-list[data-v-fc66a751]{color:#59677c;grid-column:1/-1;margin:16px 0 10px;padding:0;font-size:13px;line-height:1.9;list-style:none}.profile-list li[data-v-fc66a751]:before{color:#50b687;content:"✓";margin-right:7px;font-weight:700}.profile-card .text-link[data-v-fc66a751]{grid-column:1/-1}.text-link[data-v-fc66a751]{color:#5478de;align-items:center;gap:3px;font-size:13px;font-weight:600;display:inline-flex}.site-note[data-v-fc66a751]{color:#58667b;font-size:14px;line-height:1.85}.card-kicker[data-v-fc66a751]{color:#3d5277;align-items:center;gap:7px;font-size:15px;font-weight:700;display:flex}.site-note p[data-v-fc66a751]{margin:12px 0}.update-log[data-v-fc66a751]{color:#728096;background:#f6f9ff;border-left:3px solid #8db4ff;gap:4px;margin-top:10px;padding:10px 12px;font-size:12px;display:grid}.update-log strong[data-v-fc66a751]{color:#4665a3}.learning-row[data-v-fc66a751]{margin-top:16px}.learning-row>div[data-v-fc66a751]:first-child{color:#56647a;justify-content:space-between;font-size:13px;display:flex}.learning-row b[data-v-fc66a751]{color:#4b5b75;font-size:12px}.progress[data-v-fc66a751]{background:#edf0f5;border-radius:8px;height:7px;margin-top:6px;overflow:hidden}.progress i[data-v-fc66a751]{border-radius:inherit;height:100%;display:block}.tools-section[data-v-fc66a751]{margin:0 0 18px;padding:20px 22px}.section-line[data-v-fc66a751]{justify-content:space-between;align-items:end;gap:16px;margin-bottom:16px;display:flex}.section-line h2[data-v-fc66a751]{font-size:22px}.soft-note[data-v-fc66a751]{color:#98a3b4;font-size:12px}.tool-grid[data-v-fc66a751]{grid-template-columns:repeat(8,1fr);gap:9px;display:grid}.tool-item[data-v-fc66a751]{color:#59677b;background:#fbfcfe;border:1px solid #edf0f5;border-radius:9px;flex-direction:column;gap:7px;min-height:68px;padding:10px;font-size:12px;transition:transform .15s,border-color .15s;display:flex}.tool-item[data-v-fc66a751]:hover{border-color:#b9caf9;transform:translateY(-2px)}.tool-dot[data-v-fc66a751]{border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.tool-dot-0[data-v-fc66a751]{color:#4575e9;background:#eaf0ff}.tool-dot-1[data-v-fc66a751]{color:#259b70;background:#e7f8ef}.tool-dot-2[data-v-fc66a751]{color:#db7a3b;background:#fff0e5}.tool-dot-3[data-v-fc66a751]{color:#7e63d6;background:#f1edff}.content-layout[data-v-fc66a751]{grid-template-columns:minmax(0,1fr) 300px;gap:18px;padding:16px 0 30px;display:grid}.note-grid[data-v-fc66a751]{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.note-card[data-v-fc66a751]{border-top:3px solid #7492ed;padding:19px}.note-green[data-v-fc66a751]{border-top-color:#41b187}.note-purple[data-v-fc66a751]{border-top-color:#8d73dc}.note-orange[data-v-fc66a751]{border-top-color:#e99a5e}.note-card__title[data-v-fc66a751]{align-items:center;gap:9px;display:flex}.note-card__title span[data-v-fc66a751]{color:#5478de}.note-card h3[data-v-fc66a751]{margin:0;font-size:17px}.note-card ul[data-v-fc66a751]{color:#647186;grid-template-columns:repeat(2,1fr);gap:5px 10px;margin:15px 0;padding:0;font-size:12px;list-style:none;display:grid}.note-card li[data-v-fc66a751]:before{content:"·";color:#8ea7de;margin-right:5px;font-weight:700}.note-card__footer[data-v-fc66a751]{color:#9aa4b3;border-top:1px dashed #e2e7f0;justify-content:space-between;padding-top:12px;font-size:12px;display:flex}.note-card__footer a[data-v-fc66a751]{color:#5c7ee0}.articles-card[data-v-fc66a751]{padding:19px}.article-item[data-v-fc66a751]{color:#536178;border-bottom:1px dashed #e6eaf1;justify-content:space-between;gap:8px;padding:10px 0;font-size:13px;display:flex}.article-item time[data-v-fc66a751]{color:#a4adba;flex:none;font-size:11px}.tag-cloud[data-v-fc66a751]{margin-top:17px}.tag-cloud strong[data-v-fc66a751]{color:#46546c;font-size:13px}.tag-cloud div[data-v-fc66a751]{flex-wrap:wrap;gap:7px;margin-top:11px;display:flex}.tag-cloud a[data-v-fc66a751]{color:#637087;background:#f0f3f8;border-radius:999px;padding:3px 8px}.tag-size-1[data-v-fc66a751]{font-size:13px;color:#5275d7!important}.tag-size-2[data-v-fc66a751]{font-size:14px;color:#7b63c7!important}.projects-section[data-v-fc66a751]{padding:12px 0 30px}.project-grid[data-v-fc66a751]{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.project-card[data-v-fc66a751]{flex-direction:column;min-height:235px;padding:19px;display:flex}.project-icon[data-v-fc66a751]{border-radius:11px;place-items:center;width:43px;height:43px;display:grid}.project-blue[data-v-fc66a751]{color:#4c73e4;background:#eaf0ff}.project-purple[data-v-fc66a751]{color:#8061d9;background:#f0ebff}.project-orange[data-v-fc66a751]{color:#dd7e3d;background:#fff0e6}.project-green[data-v-fc66a751]{color:#279a70;background:#e6f7ee}.project-card h3[data-v-fc66a751]{color:#344058;margin:13px 0 7px;font-size:17px}.project-card p[data-v-fc66a751]{color:#6c788b;margin:0;font-size:13px;line-height:1.75}.project-tags[data-v-fc66a751]{flex-wrap:wrap;gap:6px;margin:13px 0 auto;display:flex}.project-tags span[data-v-fc66a751]{color:#748197;background:#f1f4f8;border-radius:5px;padding:2px 7px;font-size:11px}.project-status[data-v-fc66a751]{color:#9aa4b3;margin-top:14px;font-size:12px}.link-row[data-v-fc66a751]{grid-template-columns:1fr 1.3fr;gap:18px;padding-bottom:30px;display:grid}.friends[data-v-fc66a751],.resources[data-v-fc66a751]{padding:19px}.friends p[data-v-fc66a751]{color:#748095;font-size:13px}.friends div[data-v-fc66a751]:last-child,.resources div[data-v-fc66a751]:last-child{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.friends a[data-v-fc66a751],.resources a[data-v-fc66a751]{color:#5871b8;background:#f4f6fa;border-radius:6px;padding:6px 9px;font-size:12px}.personal-footer[data-v-fc66a751]{color:#d5dbe8;background:#222d43;border-top:1px solid #e5e9f1;padding:34px 0}.footer-grid[data-v-fc66a751]{grid-template-columns:1.3fr 1fr 1fr;gap:36px;display:grid}.footer-grid h3[data-v-fc66a751]{color:#fff;margin:0 0 9px;font-size:15px}.footer-grid p[data-v-fc66a751]{color:#aeb9cb;margin:0 0 8px;font-size:13px;line-height:1.8}.footer-grid small[data-v-fc66a751]{color:#8592aa}.footer-icp[data-v-fc66a751]{text-align:right}.icp-text[data-v-fc66a751]{color:#c2d2ff;margin-top:8px;font-size:13px;display:block}@media (width<=900px){.hero-inner[data-v-fc66a751]{text-align:center;flex-direction:column}.hero-right[data-v-fc66a751]{width:100%;max-width:360px}.tags[data-v-fc66a751]{justify-content:center}.entry-grid[data-v-fc66a751]{grid-template-columns:1fr}.about-inner[data-v-fc66a751]{text-align:center;flex-direction:column}.about-illustration[data-v-fc66a751]{width:100%;max-width:280px}.step-grid[data-v-fc66a751]{flex-direction:column}.step-arrow[data-v-fc66a751]{transform:rotate(90deg)}.footer-inner[data-v-fc66a751]{text-align:center;flex-direction:column}}@media (width<=1100px){.intro-grid[data-v-fc66a751]{grid-template-columns:1fr 1fr}.learning-card[data-v-fc66a751]{grid-column:1/-1}.tool-grid[data-v-fc66a751]{grid-template-columns:repeat(4,1fr)}.content-layout[data-v-fc66a751]{grid-template-columns:1fr}.articles-card[data-v-fc66a751]{grid-template-columns:1fr 1fr;gap:0 20px;display:grid}.articles-card .card-kicker[data-v-fc66a751],.tag-cloud[data-v-fc66a751]{grid-column:1/-1}.project-grid[data-v-fc66a751]{grid-template-columns:repeat(2,1fr)}}@media (width<=720px){.personal-container[data-v-fc66a751]{width:min(100% - 24px,1480px)}.nav-inner[data-v-fc66a751]{flex-wrap:wrap;gap:12px;min-height:auto;padding:12px 0}.personal-links[data-v-fc66a751]{order:3;justify-content:space-between;gap:8px;width:100%;overflow-x:auto}.search-box[data-v-fc66a751]{margin-left:auto}.intro-grid[data-v-fc66a751],.note-grid[data-v-fc66a751],.project-grid[data-v-fc66a751],.link-row[data-v-fc66a751],.footer-grid[data-v-fc66a751]{grid-template-columns:1fr}.tool-grid[data-v-fc66a751]{grid-template-columns:repeat(2,1fr)}.note-card ul[data-v-fc66a751]{grid-template-columns:1fr}.articles-card[data-v-fc66a751]{display:block}.footer-icp[data-v-fc66a751]{text-align:left}.project-notice[data-v-fc66a751]{text-align:left;justify-content:space-between;align-items:center;gap:10px;display:flex}.project-notice a[data-v-fc66a751]{flex:none;position:static}}@media (width<=480px){.hero-title[data-v-fc66a751]{font-size:36px}.hero-lead[data-v-fc66a751]{font-size:22px}.brand-title[data-v-fc66a751]{font-size:16px}}:root{--primary:#2563eb;--primary-dark:#1d4ed8;--primary-light:#eff6ff;--text:#1f2937;--text-secondary:#6b7280;--bg:#f8fafc;--card:#fff;--border:#e5e7eb;--radius:14px;--shadow:0 4px 20px #1e3a8a0f}*{box-sizing:border-box}body{color:var(--text);background:#fff;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.container{width:100%;max-width:1160px;margin:0 auto;padding:0 20px}