@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;700&family=Noto+Sans+TC:wght@300;400;500;700&family=Space+Grotesk:wght@400;500;700&display=swap";*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}:root{--maxw:1080px;--transition:.42s cubic-bezier(.4,0,.2,1)}[data-theme=minimal]{--bg:#fff;--bg-alt:#fafafa;--surface:#fff;--text:#18181b;--text-muted:#52525b;--text-faint:#6b7280;--accent:#2563eb;--accent-soft:#eff6ff;--border:#e4e4e7;--font-head:"Inter", "Noto Sans TC", sans-serif;--font-body:"Inter", "Noto Sans TC", sans-serif;--font-mono:"JetBrains Mono", monospace;--radius:8px;--radius-sm:5px;--shadow:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-lg:0 10px 30px -12px #00000024;--card-border:1px solid var(--border);--tag-bg:#f4f4f5;--tag-text:#3f3f46;--letter:-.011em}[data-theme=terminal]{--bg:#0a0e14;--bg-alt:#0e131b;--surface:#11161f;--text:#c7d0dd;--text-muted:#97a2b3;--text-faint:#8792a3;--accent:#4ade80;--accent-soft:#4ade8014;--border:#1f2733;--font-head:"JetBrains Mono", monospace;--font-body:"JetBrains Mono", "Noto Sans TC", monospace;--font-mono:"JetBrains Mono", monospace;--radius:4px;--radius-sm:3px;--shadow:none;--shadow-lg:0 0 0 1px #4ade801f, 0 20px 50px -20px #4ade8026;--card-border:1px solid var(--border);--tag-bg:#4ade8012;--tag-text:#4ade80;--letter:0}[data-theme=brutal]{--bg:#fdf6e3;--bg-alt:#fff2cc;--surface:#fff;--text:#0d0d0d;--text-muted:#3d3d3d;--text-faint:#5c5c5c;--accent:#e02d0a;--accent-2:#ffd23f;--accent-3:#3d8bfd;--accent-soft:#ffe8e3;--border:#0d0d0d;--font-head:"Space Grotesk", "Noto Sans TC", sans-serif;--font-body:"Space Grotesk", "Noto Sans TC", sans-serif;--font-mono:"JetBrains Mono", monospace;--radius:0px;--radius-sm:0px;--shadow:4px 4px 0 var(--border);--shadow-lg:8px 8px 0 var(--border);--card-border:3px solid var(--border);--tag-bg:var(--accent-2);--tag-text:#0d0d0d;--letter:-.02em}body{background:var(--bg);color:var(--text);font-family:var(--font-body);letter-spacing:var(--letter);transition:background var(--transition),color var(--transition);padding-bottom:80px;font-size:15.5px;line-height:1.75;overflow-x:hidden}[data-theme=terminal] body:before{content:"";pointer-events:none;z-index:9998;background:repeating-linear-gradient(0deg,#ffffff04 0 1px,#0000 1px 3px);position:fixed;inset:0}[data-theme=terminal] body:after{content:"";pointer-events:none;z-index:1;background:radial-gradient(at 50% 0,#4ade800d,#0000 60%);position:fixed;inset:0}[data-theme=brutal] body{background-image:radial-gradient(var(--text-faint) 1px,transparent 1px);background-size:22px 22px;background-attachment:fixed}.wrap{max-width:var(--maxw);z-index:2;margin:0 auto;padding:0 28px;position:relative}.settings-trigger{z-index:9999;border:var(--card-border);background:var(--surface);min-height:46px;color:var(--text);box-shadow:var(--shadow-lg);cursor:pointer;font:600 12.5px var(--font-body);letter-spacing:.01em;border-radius:999px;align-items:center;gap:8px;padding:0 15px;transition:all .22s;display:inline-flex;position:fixed;top:22px;right:22px}.settings-trigger:hover{color:var(--accent);transform:translateY(-2px)}.settings-trigger svg{stroke:currentColor;fill:none;stroke-width:1.8px;width:17px;height:17px}[data-theme=brutal] .settings-trigger{border:3px solid var(--border);box-shadow:var(--shadow);text-transform:uppercase;border-radius:0;font-weight:700}[data-theme=brutal] .settings-trigger:hover{color:var(--text);box-shadow:6px 6px 0 var(--border);transform:translate(-2px,-2px)}[data-theme=terminal] .settings-trigger{background:#11161f}.settings-backdrop{z-index:10000;opacity:0;pointer-events:none;visibility:hidden;background:#090e1680;border:0;transition:opacity .22s,visibility .22s;position:fixed;inset:0}.settings-backdrop.is-open{opacity:1;pointer-events:auto;visibility:visible}.settings-panel{z-index:10001;background:var(--surface);width:min(440px,100vw);height:100dvh;color:var(--text);border-left:var(--card-border);visibility:hidden;flex-direction:column;transition:transform .26s cubic-bezier(.22,.8,.26,1),visibility .26s;display:flex;position:fixed;top:0;right:0;transform:translate(102%);box-shadow:-18px 0 55px #00000029}.settings-panel.is-open{visibility:visible;transform:none}body.settings-open{overflow:hidden}[data-theme=brutal] .settings-panel{border-left:3px solid var(--border);box-shadow:-8px 0 0 var(--border)}[data-theme=terminal] .settings-panel{background:#11161f}.settings-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:16px;padding:24px 24px 20px;display:flex}.settings-kicker{color:var(--accent);font:700 11px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px}.settings-title{font:700 22px/1.25 var(--font-head)}.settings-intro{color:var(--text-muted);margin-top:7px;font-size:13px;line-height:1.6}.settings-close{border:var(--card-border);border-radius:var(--radius-sm);width:44px;height:44px;color:var(--text-muted);cursor:pointer;background:0 0;flex:none;place-items:center;transition:all .18s;display:grid}.settings-close:hover{color:var(--text);background:var(--tag-bg)}.settings-close svg{stroke:currentColor;fill:none;stroke-width:2px;width:18px;height:18px}[data-theme=brutal] .settings-close{border-width:2px}.settings-scroll{flex:1;padding:20px 24px 28px;overflow-y:auto}.settings-form{flex-direction:column;gap:20px;display:flex}.settings-fieldset{border:0;gap:14px;min-width:0;padding:0;display:grid}.settings-fieldset+.settings-fieldset{border-top:1px solid var(--border);padding-top:20px}.settings-fieldset legend{width:100%;color:var(--accent);font:700 12px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:2px}.settings-field{gap:6px;display:grid}.settings-field label,.settings-label{color:var(--text);font-size:13px;font-weight:600}.settings-field input,.settings-field textarea{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-alt);width:100%;min-height:46px;color:var(--text);font:14px/1.5 var(--font-body);padding:10px 12px;transition:border-color .18s,box-shadow .18s,background .18s}.settings-field textarea{resize:vertical;min-height:112px}.settings-field input::-moz-placeholder{color:var(--text-faint)}.settings-field textarea::-moz-placeholder{color:var(--text-faint)}.settings-field input::placeholder,.settings-field textarea::placeholder{color:var(--text-faint)}.settings-field input:focus,.settings-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);background:var(--surface);outline:none}.settings-help{color:var(--text-faint);font-size:11.5px;line-height:1.5}.settings-field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}[data-theme=brutal] .settings-field input,[data-theme=brutal] .settings-field textarea{border:2px solid var(--border);background:var(--surface);border-radius:0}[data-theme=terminal] .settings-field input,[data-theme=terminal] .settings-field textarea{background:#0a0e14;border-color:#2a3544}.settings-bottom{border-top:1px solid var(--border);background:var(--surface);gap:12px;padding:16px 24px 24px;display:grid}.settings-actions{gap:10px;display:flex}.settings-actions .btn{flex:1;justify-content:center}.settings-reset{color:var(--text-muted)}.settings-reset:hover{color:var(--text)}.settings-status{min-height:20px;color:var(--text-faint);font-size:12px;line-height:1.5}.settings-status[data-state=pending]{color:var(--accent)}.settings-status[data-state=saved]{color:#15803d}[data-theme=terminal] .settings-status[data-state=saved]{color:var(--accent)}[data-theme=brutal] .settings-status[data-state=saved]{color:#166534;font-weight:700}.settings-actions button:disabled{cursor:wait;opacity:.58}.switcher{z-index:9999;background:var(--surface);border:var(--card-border);box-shadow:var(--shadow-lg);transition:background var(--transition),border-color var(--transition);border-radius:999px;gap:6px;padding:6px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}[data-theme=brutal] .switcher{border-radius:0}[data-theme=terminal] .switcher{background:#11161f}.switcher button{font-family:var(--font-body);letter-spacing:.02em;cursor:pointer;min-height:44px;color:var(--text-muted);white-space:nowrap;background:0 0;border:none;border-radius:999px;padding:0 17px;font-size:12.5px;font-weight:600;transition:all .22s}[data-theme=brutal] .switcher button{text-transform:uppercase;border-radius:0;font-weight:700}.switcher button:hover{color:var(--text)}.switcher button.active{background:var(--accent);color:#fff}[data-theme=terminal] .switcher button.active{color:#06120a}[data-theme=brutal] .switcher button.active{color:#fff;box-shadow:3px 3px 0 var(--border)}.switcher-label{letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint);font-size:10.5px;font-family:var(--font-mono);white-space:nowrap;position:absolute;top:-26px;left:50%;transform:translate(-50%)}.hero{padding:92px 0 56px;position:relative}[data-theme=terminal] .hero{padding-top:64px}.hero-inner{align-items:flex-start;gap:44px;display:flex}.avatar{background:linear-gradient(135deg,var(--accent),var(--text-faint));color:#fff;width:116px;height:116px;font-size:40px;font-weight:700;font-family:var(--font-head);border:var(--card-border);box-shadow:var(--shadow);transition:all var(--transition);border-radius:50%;flex-shrink:0;place-items:center;display:grid;overflow:hidden}[data-theme=brutal] .avatar{background:var(--accent-2);color:var(--text);box-shadow:var(--shadow-lg);border-radius:0}[data-theme=terminal] .avatar{border-radius:var(--radius);background:var(--accent-soft);color:var(--accent);font-size:34px}.hero-name{font-family:var(--font-head);margin-bottom:8px;font-size:clamp(34px,5.5vw,52px);font-weight:700;line-height:1.12}[data-theme=brutal] .hero-name{text-transform:uppercase;letter-spacing:-.03em}[data-theme=terminal] .hero-name{font-size:clamp(28px,4.4vw,40px)}[data-theme=terminal] .hero-name:before{content:"> ";color:var(--accent)}.hero-role{color:var(--accent);font-size:17px;font-weight:600;font-family:var(--font-head);margin-bottom:16px}[data-theme=brutal] .hero-role{background:var(--accent);color:#fff;box-shadow:3px 3px 0 var(--border);border:2px solid var(--border);padding:4px 12px;display:inline-block}.hero-bio{max-width:56ch;margin-bottom:22px;font-size:15px}.hero-bio,.hero-meta{color:var(--text-muted)}.hero-meta{font-size:13.5px;font-family:var(--font-mono);flex-wrap:wrap;gap:8px 20px;margin-bottom:24px;display:flex}.hero-meta span{align-items:center;gap:7px;display:inline-flex}.hero-meta svg{width:14px;height:14px;stroke:var(--accent);fill:none;stroke-width:2px}.hero-links{flex-wrap:wrap;gap:10px;display:flex}.btn{border-radius:var(--radius-sm);border:var(--card-border);background:var(--surface);min-height:44px;color:var(--text);cursor:pointer;font-size:13.5px;font-weight:600;font-family:var(--font-body);align-items:center;gap:8px;padding:0 18px;transition:all .2s;display:inline-flex}.btn:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn.is-disabled,.btn:disabled{opacity:.58;cursor:not-allowed}.btn.is-disabled:hover,.btn:disabled:hover{box-shadow:none;transform:none}[data-theme=brutal] .btn:hover{box-shadow:6px 6px 0 var(--border);transform:translate(-2px,-2px)}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}[data-theme=terminal] .btn-primary{color:#06120a}[data-theme=brutal] .btn-primary{border-color:var(--border);box-shadow:var(--shadow)}.btn svg{stroke:currentColor;fill:none;stroke-width:2px;width:15px;height:15px}section{padding:40px 0}.sec-head{align-items:baseline;gap:14px;margin-bottom:28px;display:flex}.sec-title{font-family:var(--font-head);white-space:nowrap;font-size:21px;font-weight:700}[data-theme=brutal] .sec-title{text-transform:uppercase;letter-spacing:-.015em}[data-theme=terminal] .sec-title:before{content:"## ";color:var(--accent)}.sec-line{background:var(--border);flex:1;height:1px}[data-theme=brutal] .sec-line{background:var(--border);height:3px}.sec-num{font-family:var(--font-mono);color:var(--text-faint);font-size:12px}.card{background:var(--surface);border:var(--card-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px 24px;transition:all .24s}.card:hover{box-shadow:var(--shadow-lg)}[data-theme=brutal] .card:hover{box-shadow:9px 9px 0 var(--border);transform:translate(-3px,-3px)}[data-theme=terminal] .card:hover{border-color:var(--accent)}.timeline{flex-direction:column}.job-head,.timeline{gap:16px;display:flex}.job-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;margin-bottom:4px}.job-title{font-family:var(--font-head);font-size:16.5px;font-weight:700}.job-company{color:var(--accent);font-size:14.5px;font-weight:600}.job-date{font-family:var(--font-mono);color:var(--text-muted);background:var(--tag-bg);border-radius:var(--radius-sm);white-space:nowrap;padding:3px 10px;font-size:12px}[data-theme=brutal] .job-date{border:2px solid var(--border);font-weight:700}.job-list{flex-direction:column;gap:7px;margin:12px 0 0;display:flex}.job-list li{color:var(--text-muted);padding-left:20px;font-size:14.5px;position:relative}.job-list li:before{content:"";background:var(--accent);border-radius:50%;width:5px;height:5px;position:absolute;top:10px;left:4px}[data-theme=terminal] .job-list li:before{content:"›";width:auto;height:auto;color:var(--accent);background:0 0;font-weight:700;top:0;left:2px}[data-theme=brutal] .job-list li:before{border-radius:0;width:7px;height:7px;top:9px}.job-list li b{color:var(--text);font-weight:600}.job-tags{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.tag{font-family:var(--font-mono);border-radius:var(--radius-sm);background:var(--tag-bg);color:var(--tag-text);padding:3px 9px;font-size:11.5px;font-weight:500;transition:all .2s}[data-theme=brutal] .tag{border:2px solid var(--border);font-weight:700}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;display:grid}.skill-cat{font-family:var(--font-head);color:var(--accent);letter-spacing:.04em;text-transform:uppercase;margin-bottom:12px;font-size:13px;font-weight:700}.skill-bars{flex-direction:column;gap:11px;display:flex}.skill-row{font-size:13.5px}.skill-row-top{justify-content:space-between;margin-bottom:5px;display:flex}.skill-lv{font-family:var(--font-mono);color:var(--text-faint);font-size:11.5px}.bar{background:var(--tag-bg);border-radius:99px;height:6px;overflow:hidden}[data-theme=brutal] .bar{border:2px solid var(--border);background:var(--surface);border-radius:0;height:12px}[data-theme=terminal] .bar{border-radius:0;height:4px}.bar i{background:var(--accent);border-radius:99px;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1);display:block}[data-theme=brutal] .bar i{border-radius:0}.proj-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.proj-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.proj-icon{background:var(--accent-soft);border-radius:var(--radius-sm);width:36px;height:36px;color:var(--accent);place-items:center;display:grid}[data-theme=brutal] .proj-icon{background:var(--accent-2);color:var(--text);border:2px solid var(--border)}.proj-icon svg{stroke:currentColor;fill:none;stroke-width:2px;width:18px;height:18px}.proj-name{font-family:var(--font-head);margin-bottom:6px;font-size:16px;font-weight:700}.proj-desc{color:var(--text-muted);margin-bottom:12px;font-size:14px}.proj-stats{font-family:var(--font-mono);color:var(--text-faint);gap:16px;margin-bottom:12px;font-size:11.5px;display:flex}.proj-stats b{color:var(--accent)}.two-col{grid-template-columns:1fr 1fr;gap:16px;display:grid}.edu-item+.edu-item{border-top:1px solid var(--border);margin-top:18px;padding-top:18px}.mini-title{font-family:var(--font-head);font-size:15px;font-weight:700}.mini-sub{color:var(--accent);font-size:13.5px;font-weight:600}.mini-date{font-size:11.5px}.mini-date,footer{font-family:var(--font-mono);color:var(--text-faint)}footer{text-align:center;border-top:1px solid var(--border);margin-top:40px;padding:48px 0 24px;font-size:12.5px}[data-theme=brutal] footer{border-top:3px solid var(--border)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:var(--radius-sm)}[data-theme=terminal] :focus-visible{outline-color:#4ade80}.js .reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(16px)}.js .reveal.in{opacity:1;transform:none}@media (width<=720px){.hero{padding:60px 0 40px}.hero-inner{flex-direction:column;gap:22px}.two-col{grid-template-columns:1fr}.wrap{padding:0 20px}.switcher button{padding:0 12px;font-size:11.5px}body{font-size:15px}.settings-trigger{top:14px;right:14px}.settings-trigger span{display:none}.settings-trigger{justify-content:center;width:46px;padding:0}.settings-header{padding:20px 20px 18px}.settings-scroll{padding:18px 20px 24px}.settings-bottom{padding:14px 20px 20px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.js .reveal{opacity:1}.btn:hover,.card:hover,.js .reveal{transform:none}}@media print{.settings-backdrop,.settings-panel,.settings-trigger,.switcher{display:none!important}body{color:#000;padding-bottom:0;font-size:11pt;line-height:1.5;background:#fff!important}[data-theme=terminal] body:after,[data-theme=terminal] body:before{display:none}.wrap{max-width:none;padding:0}.js .reveal{opacity:1!important;transform:none!important}.card{box-shadow:none;page-break-inside:avoid;border:1px solid #ccc}.card,section{-moz-column-break-inside:avoid;break-inside:avoid}section{padding:14px 0}.hero{padding:0 0 18px}.bar,.bar i,.job-date,.tag{-webkit-print-color-adjust:exact;print-color-adjust:exact}}