:root{--paper: #f3ecdf;--card: #fffdf7;--ink: #2d2823;--ink-2: #5a5249;--ink-3: #8c8276;--line: rgba(90, 70, 45, .18);--dot: rgba(92, 72, 45, .2);--red: #c23a2b;--hl: #ffe27a;--note: #fff1a6;--tape-y: rgba(247, 210, 96, .78);--tape-m: rgba(137, 205, 188, .78);--tape-p: rgba(242, 160, 180, .78);--tape-b: rgba(150, 190, 230, .78);--hand: "LXGW WenKai TC", "Noto Sans TC", "PingFang TC", serif;--sans: "Noto Sans TC", "PingFang TC", system-ui, sans-serif;--shadow: 0 1px 2px rgba(60, 40, 20, .1), 0 10px 24px -12px rgba(60, 40, 20, .35);color-scheme:light}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:64px}body{background-color:var(--paper);background-image:radial-gradient(var(--dot) 1px,transparent 1.3px);background-size:22px 22px;color:var(--ink);font-family:var(--hand);font-size:17px;line-height:1.85;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}ul{list-style:none}::selection{background:var(--hl);color:var(--ink)}:focus-visible{outline:2px dashed var(--red);outline-offset:3px}.page{max-width:1080px;margin:0 auto;padding:0 16px}@media (min-width: 720px){.page{padding:0 32px}}.hl{background:linear-gradient(transparent 55%,var(--hl) 55%,var(--hl) 90%,transparent 90%);padding:0 2px}.date{font-family:var(--sans);font-size:12px;letter-spacing:.05em;color:var(--ink-3)}.topnav{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-bottom:1px dashed var(--line)}.topnav .page{display:flex;align-items:center;gap:18px;height:52px}.topnav .me{font-weight:700;white-space:nowrap}.topnav .links{display:flex;gap:14px;overflow-x:auto;scrollbar-width:none;font-size:15px;color:var(--ink-2)}.topnav .links::-webkit-scrollbar{display:none}.topnav .links a{white-space:nowrap}.topnav .links a.on{color:var(--ink);background:linear-gradient(transparent 60%,var(--hl) 60%)}.topnav .upd{margin-left:auto;font-size:13px;color:var(--ink-3);white-space:nowrap;display:none}@media (min-width: 1200px){.topnav .links{display:none}.topnav .upd{display:block}}.tabs{display:none}@media (min-width: 1200px){.tabs{position:fixed;right:0;top:96px;z-index:30;display:flex;flex-direction:column;gap:5px}.tabs a{writing-mode:vertical-rl;letter-spacing:.15em;font-size:14px;padding:14px 8px 14px 10px;border-radius:8px 0 0 8px;background:var(--c);color:#3b3027;box-shadow:-2px 2px 5px #3c28141a;transform:translate(10px);transition:transform .2s}.tabs a:hover,.tabs a.on{transform:translate(0)}}.sec{padding:72px 0 24px}.sec-title{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:36px}.sec-title h2{font-size:clamp(30px,5vw,40px);font-weight:700;line-height:1.2;position:relative}.sec-title h2 svg{position:absolute;left:-4px;bottom:-12px;width:calc(100% + 8px);height:12px;color:var(--red)}.sec-title p{font-size:15px;color:var(--ink-3)}.tape{position:absolute;top:-13px;left:50%;width:92px;height:26px;transform:translate(-50%) rotate(var(--tr, -3deg));background-color:var(--tape, var(--tape-y));clip-path:polygon(0 0,100% 0,97% 25%,100% 50%,97% 75%,100% 100%,0 100%,3% 75%,0 50%,3% 25%);z-index:2}.tape.stripe{background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.35) 0 5px,transparent 5px 10px)}.polaroid{position:relative;background:var(--card);padding:10px 10px 12px;box-shadow:var(--shadow);transform:rotate(var(--r, 0deg));transition:transform .25s,box-shadow .25s}a.polaroid:hover{transform:rotate(0) translateY(-4px);box-shadow:0 2px 4px #3c28141a,0 18px 30px -12px #3c281466}.note{position:relative;background:var(--note);padding:26px 22px 20px;box-shadow:var(--shadow);transform:rotate(var(--r, 1.5deg))}.note:after{content:"";position:absolute;right:0;bottom:0;width:24px;height:24px;background:linear-gradient(135deg,rgba(0,0,0,.1) 45%,var(--paper) 50%)}.hero{display:grid;gap:48px;padding-top:48px;padding-bottom:24px}@media (min-width: 860px){.hero{grid-template-columns:minmax(0,1fr) 320px;gap:64px;padding-top:80px}}.hello{font-size:20px;color:var(--ink-2)}.hero h1{font-size:clamp(64px,12vw,116px);line-height:1.05;font-weight:700;margin:4px 0 8px;letter-spacing:.02em}.hero h1 span{background:linear-gradient(transparent 64%,var(--hl) 64%,var(--hl) 92%,transparent 92%)}.hero .en{font-family:var(--sans);font-size:14px;color:var(--ink-3);letter-spacing:.08em}.hero .bio{margin-top:26px;max-width:32em;display:grid;gap:10px;font-size:18px}.edu{list-style:none;margin-top:28px;max-width:34em;border-left:2px dashed var(--ink-3);padding-left:18px}.edu li{position:relative;padding:4px 0 10px;font-size:16px;line-height:1.6}.edu li:before{content:"";position:absolute;left:-25px;top:10px;width:12px;height:12px;border-radius:50%;background:var(--paper);border:2px solid var(--red)}.edu li:last-child:before{background:var(--red)}.edu .date{display:block}.edu small{font-family:var(--sans);font-size:11px;margin-left:8px;padding:0 6px;border:1px solid var(--ink-3);border-radius:99px;color:var(--ink-2);white-space:nowrap}.facts{margin-top:30px;display:flex;flex-wrap:wrap;gap:6px 26px;font-size:15px;color:var(--ink-2)}.facts b{font-size:28px;color:var(--ink);margin-right:4px}.hero-side{display:grid;gap:44px;justify-items:center;align-content:start}.me-card{width:min(300px,90%);--r: 2.5deg}.me-card img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;object-position:65% 30%;background:#efe4d0}.me-card figcaption{text-align:center;font-size:16px;padding-top:8px;color:var(--ink-2)}.busy{width:min(320px,100%);--r: -1.5deg}.busy h3{font-size:18px;margin-bottom:6px}.busy li{display:flex;gap:10px;font-size:15px;line-height:1.6;padding:3px 0}.busy li:before{content:"☐";font-family:var(--sans);flex-shrink:0;color:var(--ink-2)}.busy li.done{color:var(--ink-3);text-decoration:line-through}.busy li.done:before{content:"☑"}.shots{display:grid;gap:48px 32px;padding-top:14px}@media (min-width: 620px){.shots{grid-template-columns:repeat(2,1fr)}}@media (min-width: 960px){.shots{grid-template-columns:repeat(3,1fr)}}.shot-img{aspect-ratio:16 / 10;overflow:hidden;background:#e9e1d2;border:1px solid rgba(0,0,0,.06)}.shot-img img{width:100%;height:100%;object-fit:cover;object-position:top}.shot-img.empty{display:grid;place-items:center;font-size:15px;color:var(--ink-3)}.shot-cap{padding:12px 4px 0}.shot-cap h3{font-size:19px;line-height:1.45;font-weight:700}.shot-cap p{font-size:15px;color:var(--ink-2);line-height:1.7;margin-top:4px}.shot-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;font-size:13px;color:var(--ink-3)}.shot-meta .go{color:var(--red);white-space:nowrap}.badge{font-family:var(--sans);font-size:11px;padding:0 7px;border:1px solid currentColor;border-radius:99px;white-space:nowrap}.badge.live{color:#2f7d4f}.badge.wip{color:#b0621c}.cards{display:grid;gap:30px}@media (min-width: 860px){.cards{grid-template-columns:repeat(2,1fr)}}.index-card{position:relative;background-color:var(--card);background-image:repeating-linear-gradient(transparent 0 31px,#5082be38 31px 32px);background-position:0 20px;box-shadow:var(--shadow);padding:20px 22px 22px;border-top:4px solid var(--red);transform:rotate(var(--r, 0deg));line-height:32px}.index-card .year{font-size:14px;color:var(--red)}.index-card h3{font-size:18px;line-height:32px;font-weight:700}.index-card .meta{font-family:var(--sans);font-size:13px;color:var(--ink-3);display:flex;flex-wrap:wrap;gap:0 14px}.clip{display:block;margin-top:36px;border:2px dashed var(--ink-3);padding:16px 20px;background:var(--card);max-width:640px;transform:rotate(-.6deg);transition:transform .2s}.clip:hover{transform:rotate(0)}.clip h3{font-family:var(--sans);font-size:17px;font-weight:700;margin:2px 0}.clip p{font-size:14px;color:var(--ink-2)}.stamps{display:flex;flex-wrap:wrap;gap:24px 30px;justify-content:center;padding:4px 0 20px}@media (min-width: 720px){.stamps{justify-content:flex-start}}.stamp{width:140px;height:140px;border:3px solid var(--red);border-radius:50%;color:var(--red);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;transform:rotate(var(--r, -6deg));filter:url(#rough);mix-blend-mode:multiply;opacity:.88}.stamp:before{content:"";position:absolute;inset:5px;border:1px solid var(--red);border-radius:50%}.stamp b{font-size:23px;line-height:1.2;letter-spacing:.08em}.stamp .yrs{font-family:var(--sans);font-size:11px;letter-spacing:.06em;margin-top:4px}.stamp .kinds{font-size:12px}.sub{font-size:20px;font-weight:700;margin:36px 0 10px}.checklist li{display:flex;gap:12px;padding:7px 0;border-bottom:1px dashed var(--line);font-size:16px;line-height:1.7}.checklist li:before{content:"☑";font-family:var(--sans);color:var(--red);flex-shrink:0}.checklist .date{margin-left:auto;padding-left:12px;white-space:nowrap;padding-top:3px}.wins{display:grid;grid-template-columns:repeat(2,1fr);gap:28px 20px;margin-bottom:48px}@media (min-width: 860px){.wins{grid-template-columns:repeat(3,1fr)}}.wins .note{min-height:150px;padding:22px 16px 16px}.wins .note:nth-child(2){background:#ffd9e1;--r: -2deg}.wins .note:nth-child(3){background:#d8efe6;--r: 1deg}.wins .note:nth-child(4){background:#dce8f6;--r: -1deg}.wins .note:nth-child(5){background:#fbe0c4;--r: 1.5deg}.wins .note:nth-child(6){background:#e6def2;--r: -.8deg}.wins b{display:block;font-size:24px;line-height:1.3}.wins p{font-size:14px;color:var(--ink-2);line-height:1.6;margin-top:8px}.list-year{display:grid;gap:4px 20px;padding:14px 0;border-top:1px dashed var(--line)}@media (min-width: 720px){.list-year{grid-template-columns:70px minmax(0,1fr)}}.list-year>span{font-size:22px;font-weight:700;color:var(--red);line-height:1.5}.list-year li{display:flex;justify-content:space-between;gap:16px;font-size:16px;padding:3px 0;line-height:1.7}.list-year li small{display:block;font-size:13px;color:var(--ink-3);line-height:1.5}.list-year li em{font-style:normal;color:var(--ink-2);text-align:right;flex-shrink:0;max-width:45%}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.filters button{font-size:15px;padding:2px 14px;border-radius:99px;border:1.5px solid var(--ink-3);color:var(--ink-2);transition:all .15s}.filters button i{font-style:normal;font-family:var(--sans);font-size:11px;margin-left:5px;opacity:.7}.filters button:hover{border-color:var(--ink);color:var(--ink)}.filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.diary-year{display:grid;gap:8px 28px;margin-bottom:30px}@media (min-width: 720px){.diary-year{grid-template-columns:90px minmax(0,1fr)}}.diary-year h3{font-size:30px;line-height:1.2;font-weight:700}@media (min-width: 720px){.diary-year h3{position:sticky;top:72px;align-self:start}}.diary-year h3 small{display:block;font-size:13px;font-weight:400;color:var(--ink-3)}.diary-year ul{border-left:2px solid var(--line);padding-left:20px}.diary-year li{position:relative;padding:6px 0;font-size:16px;line-height:1.7}.diary-year li:before{content:"";position:absolute;left:-27px;top:14px;width:12px;height:12px;border-radius:50%;background:var(--paper);border:2px solid var(--ink-3)}.diary-year li .t{font-family:var(--sans);font-size:11px;padding:1px 6px;margin-right:8px;border-radius:3px;background:var(--c, #e5ddce);color:#3b3027;vertical-align:2px}.diary-year li .h{font-family:var(--sans);font-size:12px;color:var(--ink-3);margin-left:6px}.more{display:block;margin:0 auto;font-size:16px;padding:4px 22px;border:1.5px dashed var(--ink-3);border-radius:99px;color:var(--ink-2)}.more:hover{border-color:var(--ink);color:var(--ink)}.album{columns:2 180px;column-gap:26px;padding-top:14px}@media (min-width: 860px){.album{columns:3}}.album figure{break-inside:avoid;margin-bottom:34px}.album img{width:100%}.album figcaption{font-size:15px;padding-top:8px;text-align:center}.two{display:grid;gap:40px}@media (min-width: 860px){.two{grid-template-columns:1.2fr 1fr}}.box{background:var(--card);box-shadow:var(--shadow);padding:24px 22px 18px;position:relative}.box h3{font-size:20px;margin-bottom:8px}.box dl div{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;padding:6px 0;border-bottom:1px dashed var(--line);font-size:15px;line-height:1.7}.box dl div:last-child{border-bottom:0}.box dt{font-family:var(--sans);font-size:12px;font-weight:700;color:var(--ink-3);padding-top:3px}.cal{position:relative;background:var(--card);padding:10px;box-shadow:var(--shadow)}.cal iframe{display:block;width:100%;height:clamp(440px,68vh,620px);border:0}.letter{position:relative;max-width:680px;background-color:var(--card);background-image:repeating-linear-gradient(transparent 0 33px,#5082be2e 33px 34px);background-position:0 30px;box-shadow:var(--shadow);padding:30px clamp(22px,5vw,44px) 28px;line-height:34px;transform:rotate(-.4deg)}.letter p{font-size:18px}.letter .mail{font-family:var(--sans);font-size:clamp(16px,3.4vw,22px);font-weight:700;color:var(--red);word-break:break-all}.letter .mail:hover{text-decoration:underline wavy;text-underline-offset:6px}.letter ul{margin-top:10px}.letter li a{display:inline-flex;gap:12px;font-size:16px}.letter li a span{font-family:var(--sans);font-size:12px;color:var(--ink-3);width:72px}.letter li a:hover{color:var(--red)}.sign{text-align:right;font-size:20px;margin-top:8px}.foot{padding:56px 0 40px;font-size:13px;color:var(--ink-3);text-align:center;line-height:1.8}.foot a{text-decoration:underline;text-underline-offset:3px}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}