body{margin:0}body[data-v-aab5b3f0]{margin:0;padding:0}.app-content[data-v-aab5b3f0]{flex:1;overflow:auto}html[data-v-17f8e244],body[data-v-17f8e244]{width:100%;height:100%;margin:0;padding:0;overflow:hidden}#app[data-v-17f8e244]{width:100%;height:100%}[data-v-17f8e244]:root{--bg-color:#f8f8f8;--text-color:#111;--font-main:"Helvetica Neue", Helvetica, Arial, sans-serif}.home-container[data-v-17f8e244]{width:100vw;height:100vh;position:relative}body[data-v-17f8e244]{background-color:var(--bg-color);font-family:var(--font-main);color:var(--text-color);-webkit-font-smoothing:antialiased;width:100vw;height:100vh;margin:0;padding:0;overflow:hidden}#ui-layer[data-v-17f8e244]{pointer-events:none;z-index:10;flex-direction:column;justify-content:space-between;width:100vw;height:100vh;display:flex;position:absolute;top:0;left:0}header[data-v-17f8e244]{pointer-events:auto;opacity:0;justify-content:space-between;align-items:flex-start;padding:40px;display:flex}.brand[data-v-17f8e244]{gap:20px;display:flex}.logo[data-v-17f8e244]{font-size:3rem;font-weight:700;line-height:1}.meta[data-v-17f8e244]{color:#555;margin-top:5px;font-size:.8rem;line-height:1.4}nav ul[data-v-17f8e244]{gap:40px;margin:0;padding:0;list-style:none;display:flex}nav a[data-v-17f8e244]{color:var(--text-color);font-size:1rem;font-weight:500;text-decoration:none}footer[data-v-17f8e244]{pointer-events:auto;opacity:0;justify-content:space-between;align-items:flex-end;padding:40px;display:flex}.footer-left[data-v-17f8e244]{width:100%}.footer-right[data-v-17f8e244]{text-align:right;white-space:nowrap;flex:1}.footer-left h1[data-v-17f8e244]{letter-spacing:-1px;text-transform:uppercase;margin:0 0 30px;font-size:4rem}.info-flex[data-v-17f8e244]{gap:40px;font-size:.85rem;display:flex}.info-col[data-v-17f8e244]{flex-direction:column;gap:4px;display:flex}.info-col strong[data-v-17f8e244]{color:#000;margin-bottom:8px;display:block}.info-col span[data-v-17f8e244]{color:#555}.footer-right[data-v-17f8e244]{color:#555;align-self:flex-end;font-size:.85rem}.close-btn[data-v-17f8e244]{color:#fff;cursor:pointer;z-index:100;opacity:0;pointer-events:none;background:#000;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:24px;transition:opacity .3s;display:flex;position:absolute;top:40px;right:40px}#canvas-container[data-v-17f8e244]{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}#resume-container[data-v-17f8e244]{z-index:50;pointer-events:none;opacity:0;box-sizing:border-box;justify-content:center;align-items:flex-start;width:100%;height:100%;padding-top:80px;padding-bottom:40px;transition:opacity .5s;display:flex;position:absolute;top:0;left:0;overflow:hidden auto}#resume-container[data-v-17f8e244]::-webkit-scrollbar{width:6px}#resume-container[data-v-17f8e244]::-webkit-scrollbar-track{background:0 0}#resume-container[data-v-17f8e244]::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}#resume-container[data-v-17f8e244]::-webkit-scrollbar-thumb:hover{background:#ffffff80}#resume-container[data-v-17f8e244]::-webkit-scrollbar-corner{background:0 0}.resume[data-v-17f8e244]{color:#fff;-webkit-font-smoothing:antialiased;width:90%;max-width:800px;padding:60px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.resume-header[data-v-17f8e244]{border-bottom:1px solid #fff3;margin-bottom:50px;padding-bottom:30px}.resume-title[data-v-17f8e244]{letter-spacing:-.5px;margin:0 0 10px;font-size:3rem;font-weight:700}.resume-subtitle[data-v-17f8e244]{color:#ffffffb3;margin:0;font-size:1.2rem;font-weight:400}.resume-section[data-v-17f8e244]{margin-bottom:40px}.section-title[data-v-17f8e244]{text-transform:uppercase;letter-spacing:2px;color:#fff9;margin-bottom:20px;font-size:.9rem;font-weight:600}.experience-item[data-v-17f8e244]{margin-bottom:25px}.experience-title[data-v-17f8e244]{margin-bottom:5px;font-size:1.3rem;font-weight:600}.experience-company[data-v-17f8e244]{color:#fffc;margin-bottom:3px;font-size:1rem}.experience-date[data-v-17f8e244]{color:#ffffff80;font-size:.9rem;font-style:italic}.experience-desc[data-v-17f8e244]{color:#ffffffe6;margin-top:10px;font-size:1rem;line-height:1.6}.skills-grid[data-v-17f8e244]{grid-template-columns:repeat(3,1fr);gap:15px;margin-top:15px;display:grid}.skill-item[data-v-17f8e244]{text-align:center;background:#ffffff1a;border-radius:8px;padding:12px 16px;font-size:.95rem;transition:background .3s}.skill-item[data-v-17f8e244]:hover{background:#fff3}.contact-info[data-v-17f8e244]{gap:30px;margin-top:20px;display:flex}.contact-item[data-v-17f8e244]{color:#fffc;font-size:1rem}.contact-item a[data-v-17f8e244]{color:#fff;border-bottom:1px solid #ffffff4d;padding-bottom:2px;text-decoration:none;transition:border-color .3s}.contact-item a[data-v-17f8e244]:hover{border-color:#fff}@media (width<=768px){.footer-left h1[data-v-17f8e244]{letter-spacing:-.5px;text-transform:uppercase;margin:0 0 20px;font-size:3rem}#resume-container[data-v-17f8e244]{padding-top:60px;padding-bottom:30px}.resume[data-v-17f8e244]{width:95%;padding:20px}.resume-title[data-v-17f8e244]{font-size:2rem}.resume-subtitle[data-v-17f8e244]{font-size:1rem}.resume-section[data-v-17f8e244]{margin-bottom:30px}.section-title[data-v-17f8e244]{letter-spacing:1px;margin-bottom:15px;font-size:.8rem}.experience-item[data-v-17f8e244]{margin-bottom:20px}.experience-title[data-v-17f8e244]{font-size:1.1rem}.experience-company[data-v-17f8e244]{font-size:.9rem}.experience-date[data-v-17f8e244]{font-size:.8rem}.experience-desc[data-v-17f8e244]{font-size:.9rem;line-height:1.5}.skills-grid[data-v-17f8e244]{grid-template-columns:repeat(2,1fr);gap:10px}.skill-item[data-v-17f8e244]{padding:10px 12px;font-size:.85rem}.contact-info[data-v-17f8e244]{flex-direction:column;gap:10px}.contact-item[data-v-17f8e244]{font-size:.9rem}.resume-header[data-v-17f8e244]{margin-bottom:35px;padding-bottom:20px}}@media (width<=480px){.logo[data-v-17f8e244]{font-size:2.2rem}.info-flex[data-v-17f8e244]{gap:15px}footer[data-v-17f8e244]{padding:16px}.footer-left h1[data-v-17f8e244]{font-size:2.2rem}.brand[data-v-17f8e244]{flex-direction:column;gap:5px}header[data-v-17f8e244]{padding:16px}.resume-title[data-v-17f8e244]{font-size:1.8rem}.skills-grid[data-v-17f8e244]{grid-template-columns:1fr}.experience-desc[data-v-17f8e244]{font-size:.85rem}.contact-info[data-v-17f8e244]{flex-direction:column;gap:8px}}.html-frame-container[data-v-f0308d06]{width:100%;height:100%;min-height:400px;position:relative}.html-frame[data-v-f0308d06]{border:none;width:100%;height:100%;display:block}.loading-overlay[data-v-f0308d06]{z-index:10;background:#f8f9fa;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.ldr[data-v-f0308d06]{color:#10b981;font-size:13.3333px;font-weight:600}.ldr[data-v-f0308d06]:after{content:".";animation:1.5s steps(4,end) infinite dt-f0308d06}@keyframes dt-f0308d06{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}.loading-overlay p[data-v-f0308d06]{color:#666;margin-top:16px}.error-overlay[data-v-f0308d06]{z-index:10;background:#fff5f5;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.error-overlay p[data-v-f0308d06]{color:#c0392b;margin:4px 0}.error-path[data-v-f0308d06]{color:#95a5a6;word-break:break-all;max-width:80%;font-size:.85rem}.html-page-container[data-v-be70bf57]{background:#fff;flex-direction:column;height:100vh;display:flex;position:relative}.page-content[data-v-be70bf57]{flex:1;display:flex;overflow:hidden}.frame-area[data-v-be70bf57]{border-right:1px solid #e0e0e0;flex:1;overflow:hidden}.help-panel[data-v-be70bf57]{z-index:1000;cursor:pointer;background:#fff;border-radius:50px;align-items:center;gap:0;max-width:50px;max-height:50px;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:50px;right:50px;overflow:hidden;box-shadow:0 4px 15px #0000004d}.help-panel[data-v-be70bf57]::-webkit-scrollbar{display:none}.help-panel[data-v-be70bf57]:hover{box-shadow:0 6px 20px #0006}.help-panel.expanded[data-v-be70bf57]{border-radius:8px;max-width:250px;max-height:200px;padding:16px}.help-icon[data-v-be70bf57]{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex;position:absolute;top:0;right:0}.help-panel.expanded .help-icon[data-v-be70bf57]{border-radius:8px;width:40px;height:40px}.help-icon span[data-v-be70bf57]{color:#000;font-size:24px;font-weight:700;transition:transform .3s}.help-panel.expanded .help-icon span[data-v-be70bf57]{font-size:20px;transform:rotate(45deg)}.help-content[data-v-be70bf57]{opacity:0;transition:all .3s;overflow:auto;transform:translate(-10px)}.help-panel.expanded .help-content[data-v-be70bf57]{opacity:1;transform:translate(0)}.help-title[data-v-be70bf57]{color:#000;border-bottom:1px solid #ffffff1a;margin-bottom:12px;margin-right:50px;padding-bottom:8px;font-size:1rem;font-weight:600}.help-list[data-v-be70bf57]{flex-direction:column;gap:12px;display:flex}.help-item[data-v-be70bf57]{animation:.3s forwards fadeIn-be70bf57}.help-item[data-v-be70bf57]:first-child{animation-delay:50ms}.help-item[data-v-be70bf57]:nth-child(2){animation-delay:.1s}.help-item[data-v-be70bf57]:nth-child(3){animation-delay:.15s}.help-item[data-v-be70bf57]:nth-child(4){animation-delay:.2s}.help-item[data-v-be70bf57]:nth-child(5){animation-delay:.25s}@keyframes fadeIn-be70bf57{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.help-item-title[data-v-be70bf57]{color:#667eea;margin-bottom:4px;font-size:.85rem;font-weight:500}.help-item-desc[data-v-be70bf57]{color:#000;font-size:.8rem;line-height:1.5}.help-empty[data-v-be70bf57]{color:#ffffff80;text-align:center;padding:16px 0;font-size:.85rem}@media (width<=768px){.help-panel[data-v-be70bf57]{top:80px;right:20px}.help-panel.expanded[data-v-be70bf57]{max-width:calc(100vw - 60px)}.help-icon[data-v-be70bf57]{width:44px;height:44px}.help-icon span[data-v-be70bf57]{font-size:20px}}[data-v-1098102d]{box-sizing:border-box;margin:0;padding:0}body[data-v-1098102d]{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,Helvetica Neue,sans-serif}.page[data-v-1098102d]{color:#111;background:#fff;min-height:100vh}.hero[data-v-1098102d]{text-align:center;width:100%;padding-top:60px;padding-bottom:50px}.hero h1[data-v-1098102d]{letter-spacing:-2px;font-size:48px;font-weight:700}.hero p[data-v-1098102d]{color:#666;width:600px;max-width:90%;margin:16px auto auto;font-size:18px;line-height:1.7}.container[data-v-1098102d]{width:760px;max-width:92%;margin:auto;padding-bottom:60px}.post[data-v-1098102d]{border-top:1px solid #ececec;padding:30px 0;transition:all .25s}.post[data-v-1098102d]:hover{transform:translate(4px)}.date[data-v-1098102d]{color:#999;letter-spacing:1px;font-size:13px}.post h2[data-v-1098102d]{margin-top:10px;font-size:28px;font-weight:600;line-height:1.4}.post p[data-v-1098102d]{color:#666;margin-top:14px;font-size:16px;line-height:1.8}.more[data-v-1098102d]{color:#000;margin-top:16px;font-size:15px;text-decoration:none;transition:all .2s;display:inline-block}.more[data-v-1098102d]:hover{opacity:.45}.loading[data-v-1098102d]{flex-direction:column;justify-content:center;align-items:center;gap:15px;height:200px;display:flex}.spinner[data-v-1098102d]{border:2px solid #ddd;border-top-color:#000;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin-1098102d}@keyframes spin-1098102d{to{transform:rotate(360deg)}}.sentinel[data-v-1098102d]{text-align:center;padding:20px 0}.loading-more[data-v-1098102d]{color:#999;justify-content:center;align-items:center;gap:10px;font-size:14px;display:flex}.spinner-small[data-v-1098102d]{border:2px solid #ddd;border-top-color:#000;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin-1098102d}.no-more[data-v-1098102d]{color:#999;font-size:14px}footer[data-v-1098102d]{color:#999;text-align:center;border-top:1px solid #ececec;padding:25px;font-size:13px}@media (width<=768px){.hero[data-v-1098102d]{padding-top:40px;padding-bottom:30px}.hero h1[data-v-1098102d]{font-size:36px}.hero p[data-v-1098102d]{font-size:16px}.post[data-v-1098102d]{padding:25px 0}.post h2[data-v-1098102d]{font-size:24px}.post p[data-v-1098102d]{font-size:15px}}[data-v-3fbed96a]{box-sizing:border-box;margin:0;padding:0}body[data-v-3fbed96a]{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,Helvetica Neue,sans-serif}.page[data-v-3fbed96a]{color:#111;background:#fff;min-height:100vh}.container[data-v-3fbed96a]{width:760px;max-width:92%;margin:auto;padding:40px 0 60px}.back-btn[data-v-3fbed96a]{color:#666;cursor:pointer;background:0 0;border:1px solid #ddd;border-radius:6px;align-items:center;padding:8px 16px;font-size:14px;transition:all .2s;display:inline-flex}.back-btn[data-v-3fbed96a]:hover{color:#000;border-color:#000}.header[data-v-3fbed96a]{border-bottom:1px solid #ececec;margin-top:30px;padding-bottom:30px}.header h1[data-v-3fbed96a]{font-size:36px;font-weight:700;line-height:1.4}.meta[data-v-3fbed96a]{color:#999;margin-top:16px;font-size:14px}.content[data-v-3fbed96a]{color:#333;margin-top:40px;line-height:1.9}.content[data-v-3fbed96a] h1{margin-top:40px;margin-bottom:20px;font-size:28px;font-weight:700}.content[data-v-3fbed96a] h2{margin-top:35px;margin-bottom:16px;font-size:24px;font-weight:600}.content[data-v-3fbed96a] h3{margin-top:30px;margin-bottom:14px;font-size:20px;font-weight:600}.content[data-v-3fbed96a] p{margin-bottom:16px}.content[data-v-3fbed96a] a{color:#3b82f6;text-decoration:underline}.content[data-v-3fbed96a] code{background:#f5f5f5;border-radius:4px;padding:2px 6px;font-size:.9em}.content[data-v-3fbed96a] pre{color:#d4d4d4;background:#1e1e1e;border-radius:8px;margin:20px 0;padding:20px;overflow-x:auto}.content[data-v-3fbed96a] pre code{color:inherit;background:0 0;padding:0}.content[data-v-3fbed96a] ul,.content[data-v-3fbed96a] ol{margin-bottom:16px;margin-left:24px}.content[data-v-3fbed96a] li{margin-bottom:8px}.content[data-v-3fbed96a] blockquote{color:#666;border-left:4px solid #ddd;margin:20px 0;padding-left:16px;font-style:italic}.content[data-v-3fbed96a] hr{border:none;border-top:1px solid #ececec;margin:40px 0}.content[data-v-3fbed96a] table{border-collapse:collapse;width:100%;margin:20px 0}.content[data-v-3fbed96a] th,.content[data-v-3fbed96a] td{text-align:left;border:1px solid #ddd;padding:12px}.content[data-v-3fbed96a] th{background:#f5f5f5}.loading[data-v-3fbed96a]{flex-direction:column;justify-content:center;align-items:center;gap:15px;height:300px;display:flex}.spinner[data-v-3fbed96a]{border:2px solid #ddd;border-top-color:#000;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin-3fbed96a}@keyframes spin-3fbed96a{to{transform:rotate(360deg)}}footer[data-v-3fbed96a]{color:#999;text-align:center;border-top:1px solid #ececec;padding:25px;font-size:13px}@media (width<=768px){.container[data-v-3fbed96a]{padding:30px 0 50px}.header h1[data-v-3fbed96a]{font-size:28px}.content[data-v-3fbed96a] h1{font-size:24px}.content[data-v-3fbed96a] h2{font-size:20px}.content[data-v-3fbed96a] h3{font-size:18px}}