:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1419;--surface:#171d26;--text:#e6e9ef;--muted:#9aa4b2;--line:#2a323d;--primary:#4f8ff7;--primary-dark:#6ea1ff;--primary-soft:#1b2a44;--radius:12px;--shadow:0 1px 2px #0000004d, 0 4px 16px #00000059;--font:-apple-system, "Segoe UI", "Noto Sans TC", "Microsoft JhengHei", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:64px}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.75}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0;line-height:1.3}p{margin:0 0 1em}ul,ol{margin:0;padding:0;list-style:none}.container{max-width:960px;margin:0 auto;padding:0 20px}.site-header{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#0f1419e0;position:sticky;top:0}.header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding-top:6px;padding-bottom:6px;display:flex}.brand{color:var(--text);font-size:17px;font-weight:700}.brand:hover{text-decoration:none}.nav{flex-wrap:wrap;align-items:center;gap:4px 14px;font-size:14px;display:flex}.nav a{color:var(--muted)}.nav a:hover{color:var(--primary);text-decoration:none}.user{align-items:center;gap:8px;display:inline-flex}.avatar{border-radius:50%;width:26px;height:26px}.user-name{color:var(--text)}.btn{border:1px solid var(--line);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;border-radius:999px;padding:10px 20px;font-size:15px;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:inline-block}.btn:hover{border-color:var(--primary);color:var(--primary);text-decoration:none}.btn-primary{background:var(--primary);border-color:var(--primary);color:#0f1419}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark);color:#0f1419}.btn-sm{padding:5px 12px;font-size:13px}.hero{background:linear-gradient(180deg, var(--primary-soft) 0%, var(--bg) 100%);padding:80px 0 72px}.hero-name{letter-spacing:.02em;font-size:44px;font-weight:800}.hero-sub{color:var(--muted);margin:8px 0 20px;font-size:18px}.hero-en{color:var(--text);font-weight:600}.sep{margin:0 10px}.hero-tagline{max-width:640px;margin-bottom:32px;font-size:20px}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.section{padding:64px 0}.section+.section{border-top:1px solid var(--line)}.section-title{border-left:4px solid var(--primary);margin-bottom:28px;padding-left:14px;font-size:26px;font-weight:700}.sub-title{color:var(--muted);margin:40px 0 14px;font-size:18px}.about-grid{gap:32px;display:grid}.about-text p{font-size:17px}.highlights{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.highlight-card{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--primary);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px;font-size:15px;font-weight:500;line-height:1.5}.skill-groups{gap:24px;display:grid}.skill-group h3{color:var(--muted);margin-bottom:10px;font-size:16px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--primary-soft);color:var(--primary-dark);border-radius:8px;padding:4px 12px;font-size:14px;line-height:1.6}.timeline{padding-left:28px;position:relative}.timeline:before{content:"";background:var(--line);width:2px;position:absolute;top:8px;bottom:8px;left:7px}.timeline-item{padding-bottom:36px;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-dot{background:var(--surface);border:3px solid var(--primary);border-radius:50%;width:16px;height:16px;position:absolute;top:8px;left:-28px}.timeline-head{flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-bottom:8px;display:flex}.timeline-head h3{font-size:18px}.role{color:var(--text);font-weight:500}.period{color:var(--muted);font-size:14px}.points{color:var(--text);padding-left:1.2em;list-style:outside}.points li{margin-bottom:4px}.education li{flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-bottom:8px;display:flex}.education .note{color:var(--muted);font-size:14px}.project-grid{gap:20px;display:grid}.project-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px 24px;transition:transform .15s,box-shadow .15s}.project-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000073}.project-card h3{margin-bottom:8px;font-size:19px}.project-card .desc{color:var(--muted)}.project-card .chips{margin:12px 0 14px}.project-card .points{font-size:15px}.contact{padding-bottom:0}.contact-line{margin-bottom:48px;font-size:20px}.footer{border-top:1px solid var(--line);color:var(--muted);text-align:center;padding:24px 0;font-size:14px}@media (width>=720px){.about-grid{grid-template-columns:3fr 2fr;align-items:start}.highlights{grid-template-columns:1fr}.hero-name{font-size:56px}}@media (width<=480px){.hero{padding:56px 0 48px}.hero-name{font-size:36px}.hero-tagline{font-size:18px}.highlights{grid-template-columns:1fr}.user-name{display:none}}.login-page{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--surface);border:1px solid var(--line);text-align:center;box-shadow:var(--shadow);border-radius:16px;min-width:280px;padding:40px 32px}.login-title{margin:0 0 24px;font-size:24px}.login-card .user{justify-content:center;margin-bottom:16px}.login-card .user-name{display:inline}.login-hint{color:var(--muted);margin:0 0 20px;font-size:14px;line-height:1.7}.login-hint strong{color:var(--text)}.exp-projects{border:1px solid var(--line);background:var(--surface);border-radius:10px;margin-top:12px}.exp-projects>summary{cursor:pointer;color:var(--primary);-webkit-user-select:none;user-select:none;padding:10px 14px;font-size:14px;list-style:none}.exp-projects>summary::-webkit-details-marker{display:none}.exp-projects>summary:before{content:"▸ "}.exp-projects[open]>summary:before{content:"▾ "}.exp-projects[open]>summary{border-bottom:1px solid var(--line)}.exp-project-list{margin:0;padding:6px 14px 12px;list-style:none}.exp-project{border-bottom:1px solid var(--line);padding:10px 0}.exp-project:last-child{border-bottom:none}.exp-project-head{flex-wrap:wrap;align-items:baseline;gap:2px 10px;display:flex}.exp-project-head strong{font-size:15px}.exp-project-desc{margin:6px 0 0;font-size:14px;line-height:1.7}.exp-project-meta{color:var(--muted);margin:4px 0 0;font-size:13px;line-height:1.6}.project-note{border:1px solid var(--line);border-left:3px solid var(--primary);background:var(--surface);color:var(--muted);border-radius:10px;margin:20px 0 0;padding:16px 18px;font-size:14px;line-height:1.9}.project-note strong{color:var(--text)}.support-page{justify-content:center;min-height:100vh;padding:4rem 1rem;display:flex}.support-card-wrap{width:100%;max-width:42rem}.support-title{margin:0 0 .25rem}.support-source{opacity:.7;gap:1rem;margin:0 0 2rem;display:flex}.support-back{color:inherit}.support-form{flex-direction:column;gap:.5rem;display:flex}.support-form label{opacity:.8;font-size:.9rem}.support-form input,.support-form select,.support-form textarea,.support-reply textarea{box-sizing:border-box;width:100%;color:inherit;font:inherit;background:0 0;border:1px solid;border-radius:6px;padding:.6rem .75rem}.support-form select{background:var(--surface)}.support-form select option{background:var(--surface);color:var(--text)}.support-form .btn{align-self:flex-start;margin-top:.5rem}.support-error{color:#f87171;margin:0}.support-subtitle{margin:3rem 0 1rem;font-size:1.1rem}.support-list{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.support-card{border:1px solid;border-radius:8px;padding:1rem}.support-card-head{justify-content:space-between;gap:1rem;margin:0 0 .75rem;display:flex}.support-card-head strong{flex:auto;min-width:0}.support-card-category,.support-card-app{opacity:.6;white-space:nowrap;font-size:.85rem}.support-waiting{opacity:.6;margin:0;font-size:.9rem}.support-thread{flex-direction:column;gap:.75rem;margin:0 0 1rem;padding:0;list-style:none;display:flex}.support-msg{gap:.75rem;display:flex}.support-msg-who{opacity:.6;flex:0 0 3rem;font-size:.85rem}.support-msg-main{flex-direction:column;flex:auto;min-width:0;display:flex}.support-msg-body{white-space:pre-wrap}.support-msg-context{white-space:pre-wrap;opacity:.85;background:#7f7f7f1f;border-left:3px solid #7f7f7f73;border-radius:6px;margin-bottom:.5rem;padding:.5rem .75rem;font-size:.85rem}.support-context{white-space:pre-wrap;background:#7f7f7f1f;font-size:.85rem}.support-msg-time{opacity:.45;align-self:flex-end;margin-top:.25rem;font-size:.75rem}.support-card-foot{justify-content:space-between;align-items:flex-end;gap:1rem;margin-top:.75rem;display:flex}.support-card-foot .support-msg-time{align-self:auto;margin-top:0}.support-card-foot .support-waiting{margin:0}.support-msg-admin .support-msg-who{opacity:.9;font-weight:600}.support-reply{flex-direction:column;gap:.5rem;display:flex}.support-reply .btn{align-self:flex-start}.hero-tagline-line{display:block}