:root{line-height:1.5;font-weight:400;color-scheme:light dark}html{margin:0;padding:0;overflow-x:hidden}body{font-family:Inter,Noto Sans TC,sans-serif;margin:0;padding:0;overflow-x:hidden}a{font-weight:500;color:#f2f3ff;text-decoration:inherit}a:hover{color:#a3a8ff}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.layout-root{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-dark, #1a202c);color:var(--text-secondary, #f3f4f6)}.layout-header{position:sticky;top:0;z-index:10;width:100%;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,#0d233e 0%,var(--primary-color, #1173d4) 100%);padding:1rem 2rem;border-bottom:1px solid var(--border-color, #374151);box-shadow:0 2px 8px #1173d414;min-height:64px;box-sizing:border-box}.layout-header nav{display:flex;align-items:center;gap:2rem;flex-wrap:nowrap;min-width:0}@media (max-width: 768px){.layout-header{padding:.75rem 1rem}.layout-header nav{gap:1rem}main{padding:1.5rem 1rem;min-height:calc(100vh - 120px)}.layout-footer{padding:1.5rem 1rem}}@media (max-width: 480px){.layout-header{padding:.5rem .75rem;flex-direction:column;gap:.5rem;min-height:auto}.layout-header nav{gap:.75rem}main{padding:1rem .75rem;min-height:calc(100vh - 100px)}.layout-footer{padding:1rem .75rem}}.layout-header-title{color:#fff;display:flex;align-items:center;gap:1rem}.layout-header-title img{width:60px;height:60px;object-fit:contain;flex-shrink:0}main{flex:1;display:flex;flex-direction:column;justify-content:flex-start;padding:2rem;box-sizing:border-box;min-height:0}.layout-footer{width:100%;border-top:1px solid var(--border-color, #374151);background:var(--bg-dark, #1a202c);padding:2rem;margin-top:auto;box-sizing:border-box}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.sm\:text-6xl{font-size:3.75rem;line-height:1}.md\:text-7xl{font-size:4.5rem;line-height:1}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}.welcome-title{font-weight:700;letter-spacing:-.05em;text-align:center;font-size:3rem;line-height:1}.welcome-description{max-width:42rem;font-size:1.125rem;line-height:1.75rem;color:#9ca3af;text-align:center;margin:0 auto}.home-buttons{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.btn-primary{display:inline-flex;height:3rem;align-items:center;justify-content:center;border-radius:.375rem;background-color:#0141c2;padding-left:2rem;padding-right:2rem;font-size:.875rem;line-height:1.25rem;font-weight:500;color:#fff;text-decoration:none;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn-primary:hover{background-color:color-mix(in srgb,#0141c2 70%,transparent)}.btn-primary:focus-visible{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: hsl(var(--ring))}.btn-primary:disabled{pointer-events:none;opacity:.5}.btn-secondary{display:inline-flex;height:3rem;align-items:center;justify-content:center;border-radius:.375rem;border:1px solid rgb(31 41 55);background-color:transparent;padding-left:2rem;padding-right:2rem;font-size:.875rem;line-height:1.25rem;font-weight:500;color:#fff;text-decoration:none;box-shadow:0 1px 2px #0000000d;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.btn-secondary:hover{background-color:#1f2937}.btn-secondary:focus-visible{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: hsl(var(--ring))}.btn-secondary:disabled{pointer-events:none;opacity:.5}@media (min-width: 640px){.sm\:text-6xl{font-size:3.75rem;line-height:1}.welcome-title{font-size:3.75rem}}@media (min-width: 768px){.md\:text-7xl{font-size:4.5rem;line-height:1}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}.welcome-title{font-size:4.5rem}.welcome-description{font-size:1.25rem;line-height:1.75rem}}.about-container{max-width:1200px;margin:0 auto;padding:3rem 1rem}@media (min-width: 640px){.about-container{padding:3rem 1.5rem}}@media (min-width: 1024px){.about-container{padding:5rem 2rem}}.about-grid{display:flex;flex-direction:column;gap:2rem}@media (min-width: 768px){.about-grid{flex-direction:row;align-items:flex-start;gap:3rem}}.about-profile-section{display:flex;flex-direction:column;align-items:center;text-align:center;flex:0 0 auto}@media (min-width: 768px){.about-profile-section{flex:0 0 300px}}.about-profile-image{background-position:center;background-repeat:no-repeat;aspect-ratio:1;background-size:cover;border-radius:50%;width:10rem;height:10rem;margin-bottom:1rem;background-image:url(/assets/profile_img-D_YaLqjr.jpg)}.about-name{font-size:1.875rem;font-weight:700;letter-spacing:-.025em}.about-title-text{color:var(--text-muted);margin-top:.25rem}.about-description{color:var(--text-muted);margin-top:1rem;max-width:20rem}.about-content-section{display:flex;flex-direction:column;gap:2rem;flex:1}.education-item{border-left:2px solid var(--primary-color);padding-left:1rem}.education-degree{font-weight:600}.education-school{color:var(--text-muted)}.education-dates{color:var(--text-gray);font-size:.875rem}.skill-tag{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag span{background-color:var(--bg-card);color:var(--text-secondary);font-size:.875rem;font-weight:500;padding:.5rem 1rem;border-radius:.375rem;display:inline-block}.layout-content-container{padding:2rem;margin:0 auto}.grid{display:grid;gap:2rem}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.note-card{background-color:var(--bg-card);border-radius:.5rem;overflow:hidden;box-shadow:var(--shadow-lg);transition:var(--transition);display:block;text-decoration:none;color:inherit}.note-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-.25rem)}.note-image{width:100%;background-position:center;background-repeat:no-repeat;background-size:cover;aspect-ratio:16/9}.note-content{padding:1.25rem}.note-title{font-size:1.125rem;font-weight:700;line-height:1.25;margin-bottom:.5rem;color:var(--note-title-color, var(--text-primary))}.loading-container{display:flex;justify-content:center;align-items:center;height:16rem}.loading-text{font-size:1.125rem;color:var(--text-gray)}.notes-title{font-size:2.25rem;font-weight:700;letter-spacing:-.025em;margin-bottom:2.5rem;padding:0 1rem}.text-\[var\(--note-title-color\)\]{color:var(--note-title-color, var(--text-primary))}main{display:flex;flex:1;padding:2rem 0;position:relative}.toc-toggle-btn{position:fixed;left:280px;top:calc(80px + (100vh - 300px)/2);transform:translateY(-50%);width:20px;height:60px;background-color:#384c5f;border:none;border-radius:0 8px 8px 0;cursor:pointer;z-index:20;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:2px 0 8px #0000004d}.toc-toggle-btn:hover{background-color:#0d5aa7;width:24px}.toc-toggle-btn.open{left:280px}.toc-toggle-btn.closed{left:0}.toc-toggle-icon{color:#fff;font-size:12px;font-weight:700;transition:transform .3s ease}.toc-toggle-btn:hover .toc-toggle-icon{transform:scale(1.2)}.toc-toggle-btn:focus{outline:2px solid rgba(17,115,212,.5);outline-offset:2px}.toc-toggle-btn:active{transform:translateY(-50%) scale(.95)}.toc-sidebar{position:fixed;left:0;top:80px;width:280px;height:calc(100vh - 300px);background-color:#1a1a1a;border-right:1px solid #333;padding:1rem;overflow-y:auto;z-index:5;transition:transform .3s ease;scrollbar-width:thin;scrollbar-color:#4a5568 #2d3748}.toc-sidebar.open{transform:translate(0)}.toc-sidebar.closed{transform:translate(-100%)}.toc-sidebar::-webkit-scrollbar{width:6px}.toc-sidebar::-webkit-scrollbar-track{background:#2d3748;border-radius:3px}.toc-sidebar::-webkit-scrollbar-thumb{background:#4a5568;border-radius:3px}.toc-sidebar::-webkit-scrollbar-thumb:hover{background:#718096}.toc-container{padding:1rem .5rem 2rem;height:100%;display:flex;flex-direction:column}.toc-title{color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #333;flex-shrink:0}.toc-nav{display:flex;flex-direction:column;gap:.25rem;flex:1;overflow-y:auto;padding-right:.25rem}.toc-item{background:none;border:none;color:#9ca3af;text-align:left;padding:.5rem .75rem;border-radius:.375rem;cursor:pointer;transition:all .2s ease;font-size:.9rem;line-height:1.4;word-wrap:break-word;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0;position:relative}.toc-item:hover{background-color:#2d2d2d;color:#e5e7eb;white-space:normal;overflow:visible}.toc-item.active{background-color:var(--primary-color);color:#fff;box-shadow:0 0 0 1px #1173d44d}.toc-item.active:before{content:"";position:absolute;left:-.5rem;top:50%;transform:translateY(-50%);width:3px;height:60%;background-color:var(--primary-color);border-radius:2px}.main-content{flex:1;display:flex;align-items:center;justify-content:center;transition:margin-left .3s ease}.main-content.with-toc{margin-left:280px}.main-content.without-toc{margin-left:0}@media (max-width: 1024px){.toc-sidebar{width:240px}.toc-toggle-btn,.toc-toggle-btn.open{left:240px}.main-content.with-toc{margin-left:240px}}@media (min-width: 1025px) and (max-width: 1200px){.toc-sidebar{width:240px}.toc-toggle-btn,.toc-toggle-btn.open{left:240px}.main-content.with-toc{margin-left:240px}}@media (min-width: 1201px){.toc-sidebar{width:300px}.toc-toggle-btn,.toc-toggle-btn.open{left:300px}.main-content.with-toc{margin-left:300px}}@media (min-width: 1025px){.main-content{min-height:calc(100vh - 260px)}}.container{margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;padding:0 1rem;text-align:center}#main-title{font-size:2.25rem;font-weight:700;letter-spacing:-.05em;margin-bottom:.5rem;color:#fff}@media (min-width: 640px){#main-title{font-size:3rem}}@media (min-width: 768px){#main-title{font-size:3.75rem}}.text-gray-400{color:#9ca3af;margin-bottom:1.5rem}#rendered-markdown{width:100%;max-width:48rem;margin:0 auto;text-align:left;background-color:#1f2937;padding:1.5rem;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;line-height:1.7}#rendered-markdown h1{display:none;color:#fff;font-size:2.2em;margin-top:.5em;margin-bottom:.5em;font-weight:700}#rendered-markdown h2{color:#fff;font-size:1.7em;margin-top:1.2em;margin-bottom:.5em;font-weight:600;scroll-margin-top:6rem;position:relative}#rendered-markdown h2[id]{cursor:pointer}#rendered-markdown h3{color:#fff;font-size:1.4em;margin-top:1em;margin-bottom:.5em;font-weight:500}#rendered-markdown h4{color:#fff;font-size:1.2em;margin-top:.8em;margin-bottom:.4em;font-weight:500}#rendered-markdown h5{color:#fff;font-size:1.1em;margin-top:.6em;margin-bottom:.3em;font-weight:500}#rendered-markdown h6{color:#fff;font-size:1em;margin-top:.4em;margin-bottom:.2em;font-weight:500}#rendered-markdown p{color:#e5e7eb;margin-bottom:1em;line-height:1.7}#rendered-markdown ol{list-style-type:decimal;list-style-position:outside;margin-left:2em;padding-left:0;color:#e5e7eb}#rendered-markdown ul{list-style-type:disc;list-style-position:outside;margin-left:2em;padding-left:0;color:#e5e7eb}#rendered-markdown ol>li,#rendered-markdown ul>li{margin-bottom:.5em;line-height:1.7}#rendered-markdown ol>li{font-size:1em;font-weight:700}#rendered-markdown ul>li{font-weight:700}#rendered-markdown li>p{display:inline;margin:0;padding:0}#rendered-markdown hr{margin-top:2em;margin-bottom:2em;border-color:#444;border-style:solid;border-width:1px 0 0 0}#rendered-markdown a{color:#1173d4;text-decoration:underline;word-break:break-all}#rendered-markdown a:hover{color:#0d5aa7}#rendered-markdown pre{background-color:#22223b;color:#f2e9e4;padding:1em;border-radius:8px;overflow-x:auto;margin-bottom:1em;position:relative}#rendered-markdown pre,#rendered-markdown code{font-size:14px;font-weight:400;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace}#rendered-markdown code{background-color:#374151;color:#f3f4f6;padding:.2em .4em;border-radius:4px;font-size:.9em}#rendered-markdown pre code{background-color:transparent;color:inherit;padding:0;border-radius:0}.code-block-wrapper{position:relative}.code-block-wrapper button{display:none;position:absolute;top:.5rem;right:.5rem;background-color:var(--primary-color);color:#fff;padding:.25rem .75rem;border-radius:.25rem;font-size:.75rem;border:none;cursor:pointer;z-index:10;transition:background-color .2s}.code-block-wrapper:hover button{display:block}.code-block-wrapper button:hover{background-color:#0d5aa7}#rendered-markdown blockquote{border-left:4px solid #1173d4;margin:1em 0;padding-left:1em;color:#9ca3af;font-style:italic}#rendered-markdown table{border-collapse:collapse;width:100%;margin:1em 0}#rendered-markdown th,#rendered-markdown td{border:1px solid #374151;padding:.5rem;text-align:left}#rendered-markdown th{background-color:#374151;color:#fff;font-weight:600}#rendered-markdown td{color:#e5e7eb}.hover\:bg-\[var\(--primary-color\)\]\/90:hover{background-color:#1173d4e6}.focus-visible\:ring-1:focus-visible{box-shadow:0 0 0 1px var(--primary-color)}.focus-visible\:ring-ring:focus-visible{box-shadow:0 0 0 1px var(--primary-color)}:root{--primary-color: #1173d4;--primary-hover: #0d5aa7;--bg-dark: #1a202c;--bg-card: #1f2937;--bg-secondary: #374151;--text-primary: #ffffff;--text-secondary: #e5e7eb;--text-muted: #9ca3af;--text-gray: #6b7280;--border-color: #374151;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--transition: all .3s cubic-bezier(.4, 0, .2, 1);--transition-colors: color .15s, background-color .15s, border-color .15s, text-decoration-color .15s, fill .15s, stroke .15s;--transition-timing: cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box}.flex{display:flex}.inline-flex{display:inline-flex}.block{display:block}.flex-1{flex:1 1 0%}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-20{padding-top:5rem;padding-bottom:5rem}.mb-2{margin-bottom:.5rem}.mb-6{margin-bottom:1.5rem}.mb-10{margin-bottom:2.5rem}.mt-8{margin-top:2rem}.mx-auto{margin-left:auto;margin-right:auto}.gap-4{gap:1rem}.gap-8{gap:2rem}.w-full{width:100%}.h-12{height:3rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-5xl{max-width:64rem}.text-center{text-align:center}.text-left{text-align:left}.text-sm{font-size:.875rem;line-height:1.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-7xl{font-size:4.5rem;line-height:1}.font-medium{font-weight:500}.font-bold{font-weight:700}.leading-tight{line-height:1.25}.tracking-tighter{letter-spacing:-.05em}.text-white{color:var(--text-primary)}.text-gray-400{color:var(--text-muted)}.bg-gray-800{background-color:var(--bg-card)}.bg-transparent{background-color:transparent}.bg-\[var\(--primary-color\)\]{background-color:var(--primary-color)}.border{border-width:1px}.border-gray-800{border-color:var(--border-color)}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow)}.shadow-lg{box-shadow:var(--shadow-lg)}.hover\:shadow-2xl:hover{box-shadow:var(--shadow-xl)}.transition-all{transition:var(--transition)}.transition-colors{transition:var(--transition-colors);transition-timing-function:var(--transition-timing)}.duration-300{transition-duration:.3s}.hover\:-translate-y-1:hover{transform:translateY(-.25rem)}.overflow-hidden{overflow:hidden}.bg-center{background-position:center}.bg-no-repeat{background-repeat:no-repeat}.bg-cover{background-size:cover}.aspect-video{aspect-ratio:16/9}.hover\:bg-\[var\(--primary-color\)\]\/90:hover{background-color:color-mix(in srgb,var(--primary-color) 90%,transparent)}.hover\:bg-gray-800:hover{background-color:var(--bg-card)}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-1:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color: hsl(var(--ring))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}