:root{--day-top:#2757e0;--day-mid:#7db1ff;--day-hz:#eaf3ff;--night-top:#030817;--night-mid:#0c1c47;--night-hz:#1b2c58;--night:0;--paper:#f5f8fe;--paper-2:#e9f0fc;--card:#fff;--ink:#0f1b3d;--ink-soft:#4b5a7c;--line:#0f1b3d21;--hero-ink:#0f1b3d;--hero-soft:#0f1b3d9e;--sun:#ffc53d;--coral:#ff7a59;--leaf:#4e9a2a;--leaf-deep:#1f4d16;--cobalt:#2757e0;--sel:#fff;--f-display:"Bricolage Grotesque","Noto Sans TC",system-ui,sans-serif;--f-zh:"Noto Sans TC","PingFang TC","Microsoft JhengHei",system-ui,sans-serif;--f-zh-round:"Huninn","Noto Sans TC","PingFang TC",system-ui,sans-serif;--f-mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;--gutter:clamp(16px,4vw,56px);--radius-sheet:clamp(20px,3vw,36px);--ease:cubic-bezier(.2,.8,.2,1)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--night:1;--paper:#0a1024;--paper-2:#111a36;--card:#121b39;--ink:#e8edff;--ink-soft:#a1accd;--line:#e8edff24;--hero-ink:#eef2ff;--hero-soft:#eef2ffa8;--sun:#ffd166;--coral:#ff8b6d;--cobalt:#7fa6ff}}:root[data-theme=dark]{--night:1;--paper:#0a1024;--paper-2:#111a36;--card:#121b39;--ink:#e8edff;--ink-soft:#a1accd;--line:#e8edff24;--hero-ink:#eef2ff;--hero-soft:#eef2ffa8;--sun:#ffd166;--coral:#ff8b6d;--cobalt:#7fa6ff}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--f-zh);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.6;overflow-x:hidden}body.is-loading{overflow:hidden}a{color:inherit}button{font:inherit;color:inherit}.mono{font-family:var(--f-mono);letter-spacing:.06em;text-transform:uppercase;font-size:11px}:focus-visible{outline:2px solid var(--sun);outline-offset:3px;border-radius:6px}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (pointer:fine){body.has-cursor,body.has-cursor a,body.has-cursor button{cursor:none}}#cursor{z-index:90;pointer-events:none;display:none;position:fixed;top:0;left:0}body.has-cursor #cursor{display:block}#cursor .c-dot,#cursor .c-ring{mix-blend-mode:difference;background:#fff;border-radius:50%;position:fixed;top:0;left:0}#cursor .c-dot{width:6px;height:6px;margin:-3px 0 0 -3px}#cursor .c-ring{width:34px;height:34px;transition:width .35s var(--ease),height .35s var(--ease),margin .35s var(--ease),opacity .25s;background:0 0;border:1.5px solid #fff;margin:-17px 0 0 -17px}#cursor .c-label{opacity:0;background:var(--sun);color:#0f1b3d;font:500 11px/1 var(--f-mono);letter-spacing:.08em;text-align:center;width:74px;height:74px;transition:transform .35s var(--ease),opacity .25s;border-radius:50%;place-items:center;padding:0;display:grid;position:fixed;top:0;left:0;transform:translate(-50%,-50%)scale(.4)}#cursor .c-label b{font:700 13px/1.2 var(--f-zh);letter-spacing:0;display:block}#cursor .c-drop{opacity:0;width:26px;height:26px;margin:-24px 0 0 -2px;transition:opacity .2s;position:fixed;top:0;left:0}#cursor[data-mode=label] .c-label{opacity:1;transform:translate(-50%,-50%)scale(1)}#cursor[data-mode=label] .c-ring,#cursor[data-mode=drop] .c-ring,#cursor[data-mode=drop] .c-dot{opacity:0}#cursor[data-mode=drop] .c-drop{opacity:1}#cursor[data-mode=grass] .c-ring{border-style:dashed;width:64px;height:64px;margin:-32px 0 0 -32px}#loader{z-index:100;padding:calc(env(safe-area-inset-top,0px) + 20px) var(--gutter) 0;background:linear-gradient(to bottom,var(--day-top),var(--day-mid) 45%,var(--day-hz));color:#fff;transition:clip-path 1s var(--ease);clip-path:inset(0);grid-template-rows:auto 1fr auto;display:grid;position:fixed;inset:0}:root[data-theme=dark] #loader{background:linear-gradient(to bottom,var(--night-top),var(--night-mid) 50%,var(--night-hz))}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) #loader{background:linear-gradient(to bottom,var(--night-top),var(--night-mid) 50%,var(--night-hz))}}.ld-top{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}.ld-mid{text-align:center;place-self:center}.ld-count{font:800 clamp(88px,20vw,240px)/.9 var(--f-display);letter-spacing:-.04em;font-variant-numeric:tabular-nums;justify-content:center;align-items:flex-start;display:flex}.ld-count .pct{opacity:.8;margin:.15em 0 0 .06em;font-size:.32em}.ld-stage{font-family:var(--f-zh-round);justify-content:center;align-items:baseline;gap:10px;margin-top:14px;font-size:15px;display:flex}.ld-stage .mono{opacity:.75}#ld-grass{width:calc(100% + var(--gutter) * 2);margin-inline:calc(var(--gutter) * -1);height:clamp(90px,16vh,160px);display:block}#ld-grass path{transform-box:fill-box;transform-origin:50% 100%;transform:scaleY(var(--g,0));transition:transform .5s var(--ease)}#top{z-index:50;padding:calc(env(safe-area-inset-top,0px) + 14px) var(--gutter) 14px;color:#fff;align-items:center;gap:clamp(12px,3vw,40px);transition:background .4s,color .4s,backdrop-filter .4s,padding .4s;display:flex;position:fixed;top:0;left:0;right:0}#top.scrolled{color:var(--ink);background:color-mix(in srgb,var(--paper) 78%,transparent);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);padding-block:10px}.logo{font:800 26px/1 var(--f-display);letter-spacing:-.04em;align-items:center;gap:6px;text-decoration:none;display:flex}.logo sup{font:500 9px/1 var(--f-mono);letter-spacing:.08em;opacity:.8}.nav{margin-left:auto;gap:clamp(14px,2.4vw,34px);margin-block:0;padding:0;list-style:none;display:flex}.nav a{padding:4px 0;line-height:1.15;text-decoration:none;display:grid;position:relative}.nav .zh{font:700 15px/1.2 var(--f-zh);letter-spacing:.04em;transition:color .25s}.nav .en{font:500 9.5px/1.4 var(--f-mono);letter-spacing:.14em;opacity:.72}.nav a:after{content:"";background:var(--pick,currentColor);transform-origin:0;height:2px;transition:transform .35s var(--ease);border-radius:2px;position:absolute;bottom:-3px;left:0;right:0;transform:scaleX(0)}.nav a:hover:after,.nav a:focus-visible:after{transform:scaleX(1)}.nav a:hover .zh,.nav a:focus-visible .zh{color:var(--pick,inherit)}.nav .soon{opacity:.45;pointer-events:none}.top-tools{align-items:center;gap:10px;display:flex}.icon-btn{border:1px solid color-mix(in srgb,currentColor 35%,transparent);cursor:pointer;background:0 0;border-radius:50%;place-items:center;width:40px;height:40px;transition:background .25s;display:grid}.icon-btn:hover{background:color-mix(in srgb,currentColor 12%,transparent)}.icon-btn svg{width:18px;height:18px}.pill{background:var(--sun);color:#0f1b3d;white-space:nowrap;cursor:pointer;transition:transform .3s var(--ease);border:0;border-radius:999px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.pill:hover{transform:translateY(-2px)}.pill .mono{opacity:.7;font-size:10px}#menuBtn{display:none}@media (width<=900px){.nav,.top-tools .pill{display:none}#menuBtn{display:grid}.top-tools{margin-left:auto}}#menu{z-index:60;background:var(--paper);color:var(--ink);padding:calc(env(safe-area-inset-top,0px) + 84px) var(--gutter) 40px;flex-direction:column;gap:6px;display:flex;position:fixed;inset:0}#menu a{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:12px;padding:16px 0;text-decoration:none;display:flex}#menu .zh{font:900 clamp(28px,8vw,40px)/1.1 var(--f-zh)}#menu .en{font:500 11px/1 var(--f-mono);letter-spacing:.12em;color:var(--ink-soft)}#menu .soon{opacity:.45}#menu .close{top:calc(env(safe-area-inset-top,0px) + 14px);right:var(--gutter);align-self:flex-end;position:absolute}:root{--c-top:#2757e0;--c-bot:#a9cbff;--foot:#173f12}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--c-top:#050c22;--c-bot:#1b2c58;--foot:#07170a}}:root[data-theme=dark]{--c-top:#050c22;--c-bot:#1b2c58;--foot:#07170a}#hero{height:100svh;min-height:560px;max-height:1200px;color:var(--hero-ink);isolation:isolate;background:var(--day-hz);position:relative;overflow:hidden}.sky{z-index:0;position:absolute;inset:0}.sky-day{background:linear-gradient(to bottom,var(--day-top) 0%,var(--day-mid) calc(var(--hz,44%) * .6),var(--day-hz) var(--hz,44%),var(--day-hz) 100%)}.sky-night{opacity:var(--night);background:linear-gradient(to bottom,var(--night-top) 0%,var(--night-mid) calc(var(--hz,44%) * .7),var(--night-hz) var(--hz,44%),var(--night-hz) 100%);transition:opacity 1.2s}.stars{background:0 0;border-radius:50%;width:2px;height:2px;position:absolute;top:0;left:0}.clouds{z-index:0;pointer-events:none;opacity:calc(1 - var(--night) * .82);transition:opacity 1.2s;position:absolute;inset:0}.cloud{filter:blur(4px);animation:drift var(--d,60s) ease-in-out infinite alternate;background:radial-gradient(closest-side,#ffffffeb,#ffffff8c 55%,#fff0);border-radius:50%;position:absolute}@keyframes drift{0%{transform:translate(-6vw)}to{transform:translate(6vw)}}.hero-title{--wm:clamp(72px,27vw,420px);z-index:1;left:var(--gutter);right:var(--gutter);bottom:calc(100% - var(--hz,44%) - var(--wm) * .085);pointer-events:none;gap:clamp(6px,1vw,14px);display:grid;position:absolute}.hero-meta{color:#fff;gap:16px;padding-inline:.5vw;display:flex}.hero-role{font:500 clamp(15px,1.5vw,20px)/1.4 var(--f-zh-round);flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin:0;display:flex}.hero-role span{font:500 10.5px/1.6 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;opacity:.85}.wordmark{font:800 var(--wm)/.78 var(--f-display);font-variation-settings:"opsz" 96;letter-spacing:-.045em;color:var(--hero-ink);white-space:nowrap;margin:0;display:flex}.wordmark .ch{transition:transform 1.1s var(--ease),color 1.2s;display:inline-block;transform:translateY(0)}body.is-loading .wordmark .ch{transform:translateY(55%)}.wordmark .ch:nth-child(2){transition-delay:80ms}.wordmark .ch:nth-child(3){transition-delay:.16s}.wordmark .ch:nth-child(4){transition-delay:.24s}#gl{z-index:2;touch-action:pan-y;width:100%;height:100%;display:block;position:absolute;inset:0}.fallback{bottom:0;left:0;right:0;top:calc(var(--hz,44%) - 1px);z-index:2;background:linear-gradient(#8fc45a,#4e9a2a 40%,#1f4d16);display:none;position:absolute}.no-gl .fallback{display:block}.no-gl .hint-3d{display:none}.ruler{z-index:3;pointer-events:none;--r:#fff9;background-color:#ffffff12;position:absolute}.ruler-x{background-image:repeating-linear-gradient(to right,var(--r) 0 1px,transparent 1px 10px),repeating-linear-gradient(to right,var(--r) 0 1px,transparent 1px 50px),repeating-linear-gradient(to right,var(--r) 0 1px,transparent 1px 100px);border-bottom:1px solid var(--r);background-position:0 100%;background-repeat:no-repeat;background-size:100% 3px,100% 6px,100% 14px;height:14px;top:0;left:14px;right:0}.ruler-y{background-image:repeating-linear-gradient(to bottom,var(--r) 0 1px,transparent 1px 10px),repeating-linear-gradient(to bottom,var(--r) 0 1px,transparent 1px 50px),repeating-linear-gradient(to bottom,var(--r) 0 1px,transparent 1px 100px);border-right:1px solid var(--r);background-position:100% 14px;background-repeat:no-repeat;background-size:3px 100%,6px 100%,14px 100%;width:14px;top:0;bottom:0;left:0}.ruler b{font:500 7.5px/1 var(--f-mono);color:#ffffffd9;position:absolute}.ruler-x b{margin-left:3px;top:1px}.ruler-y b{writing-mode:vertical-rl;margin-top:3px;left:1px;transform:rotate(180deg)}.ruler i{background:var(--sun);position:absolute}.ruler-x i{width:1px;top:0;bottom:0;left:-10px}.ruler-y i{height:1px;top:-10px;left:0;right:0}@media (width<=700px){.ruler{display:none}}.sel{z-index:3;pointer-events:none;border:1.5px solid var(--sel);position:absolute;top:0;left:0;box-shadow:0 0 0 1px #0f1b3d47}.sel .h{background:#fff;border:1.5px solid #0f1b3d;width:9px;height:9px;position:absolute;transform:translate(-50%,-50%)}.sel .h:first-child{top:0;left:0}.sel .h:nth-child(2){top:0;left:50%}.sel .h:nth-child(3){top:0;left:100%}.sel .h:nth-child(4){top:50%;left:0}.sel .h:nth-child(5){top:50%;left:100%}.sel .h:nth-child(6){top:100%;left:0}.sel .h:nth-child(7){top:100%;left:50%}.sel .h:nth-child(8){top:100%;left:100%}.sel-label{color:#fff;font:500 10px/1 var(--f-mono);letter-spacing:.04em;white-space:nowrap;background:#0f1b3d;border-radius:5px;padding:5px 8px;position:absolute;top:calc(100% + 9px);left:-1.5px}.hero-foot{z-index:3;left:var(--gutter);right:var(--gutter);padding-bottom:calc(env(safe-area-inset-bottom,0px) + var(--radius-sheet) * 1.3 + clamp(14px,2.4vh,26px));color:#fff;pointer-events:none;text-shadow:0 1px 12px #0a1e0573;justify-content:space-between;align-items:flex-end;gap:16px;display:flex;position:absolute;bottom:0}.hero-foot>*{pointer-events:auto}.readout{gap:4px;min-width:150px;display:grid}.readout .mono{opacity:.9;font-size:10.5px}.hint{font:500 15px/1.5 var(--f-zh-round);text-align:center;margin:0}.hint .mono{opacity:.85;font-size:10px;display:block}.scroll-cue{border:1.5px solid #fffc;border-radius:50%;flex:none;place-items:center;width:56px;height:56px;text-decoration:none;transition:background .3s;display:grid}.scroll-cue:hover{background:#ffffff2e}.scroll-cue svg{width:20px;height:20px;animation:2.2s ease-in-out infinite bob}@keyframes bob{50%{transform:translateY(4px)}}@media (width<=700px){.readout{display:none}.hint{text-align:left;font-size:14px}}#works{z-index:5;margin-top:calc(var(--radius-sheet) * -1.3);background:var(--paper);border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;padding:clamp(40px,6vw,88px) var(--gutter) clamp(64px,8vw,120px);position:relative}.frame-name{color:var(--ink-soft);align-items:center;gap:10px;margin-bottom:clamp(22px,3vw,40px);display:flex}.frame-name:before{content:"";border:1.5px solid;border-radius:2px;width:10px;height:10px}.works-head{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:24px 48px;margin-bottom:clamp(28px,4vw,52px);display:grid}.works-head h2{gap:4px;margin:0;display:grid}.works-head h2 .zh{font:900 clamp(40px,6.4vw,92px)/1 var(--f-zh);letter-spacing:.02em;text-wrap:balance}.works-head h2 .en{font:800 clamp(18px,2vw,26px)/1 var(--f-display);letter-spacing:-.02em;color:var(--cobalt)}.works-side{text-align:right;justify-items:end;gap:18px;display:grid}.works-side p{max-width:40ch;color:var(--ink-soft);margin:0}.chips{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.chip{border:1px solid var(--line);background:var(--card);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:500;transition:background .25s,color .25s,border-color .25s;display:inline-flex}.chip small{font:500 9.5px/1 var(--f-mono);letter-spacing:.1em;opacity:.7;text-transform:uppercase}.chip em{font:500 10px/1 var(--f-mono);opacity:.6;font-style:normal}.chip:hover{border-color:var(--ink)}.chip[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}@media (width<=860px){.works-head{grid-template-columns:1fr}.works-side{text-align:left;justify-items:start}.chips{justify-content:flex-start}}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,1.8vw,28px) clamp(14px,1.6vw,24px);transition:opacity .25s;display:grid}@media (width<=1100px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.grid{grid-template-columns:1fr}}.card{flex-direction:column;gap:12px;text-decoration:none;display:flex;position:relative}.card .art{aspect-ratio:4/5;background:var(--paper-2);border-radius:16px;max-width:100%;position:relative;overflow:hidden}.card .art svg{width:100%;height:100%;transition:transform .9s var(--ease);display:block}.card:hover .art svg,.card:focus-visible .art svg{transform:scale(1.05)}.card .corners{pointer-events:none;opacity:0;transition:opacity .25s;position:absolute;inset:-5px}.card .corners i{background:var(--paper);border:1.5px solid var(--cobalt);width:9px;height:9px;position:absolute}.card .corners i:first-child{top:0;left:0}.card .corners i:nth-child(2){top:0;right:0}.card .corners i:nth-child(3){bottom:0;left:0}.card .corners i:nth-child(4){bottom:0;right:0}.card .corners:after{content:"";border:1.5px solid var(--cobalt);border-radius:2px;position:absolute;inset:4px}.card:hover .corners,.card:focus-visible .corners{opacity:1}.card .ph{color:#0f1b3d;background:#ffffffe0;border-radius:999px;padding:4px 9px;font-size:9.5px;position:absolute;top:12px;left:12px}.card .meta{justify-content:space-between;align-items:center;gap:10px;display:flex}.card .cat{color:var(--cobalt);align-items:baseline;gap:6px;font-size:12.5px;font-weight:700;display:inline-flex}.card .cat small{font:500 9.5px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;opacity:.8}.card .year{font:500 11px/1 var(--f-mono);color:var(--ink-soft)}.card h3{font:700 17px/1.35 var(--f-zh);text-wrap:balance;margin:0}.card h3 span{font:500 11px/1.5 var(--f-mono);letter-spacing:.02em;color:var(--ink-soft);margin-top:2px;display:block}.works-foot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:clamp(32px,4vw,56px);padding-top:24px;display:flex}.works-foot .mono{color:var(--ink-soft)}.btn-line{border:1.5px solid var(--ink);border-radius:999px;align-items:center;gap:10px;padding:13px 22px;font-weight:700;text-decoration:none;transition:background .25s,color .25s;display:inline-flex}.btn-line:hover{background:var(--ink);color:var(--paper)}.btn-line .mono{opacity:.7;font-size:10px}#contact{color:#fff;background:linear-gradient(to bottom,var(--c-top),var(--c-bot));padding:clamp(72px,10vw,140px) var(--gutter) 0;position:relative;overflow:hidden}.contact-in{z-index:2;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:end;gap:40px 64px;padding-bottom:clamp(150px,20vw,230px);display:grid;position:relative}@media (width<=860px){.contact-in{grid-template-columns:1fr}}#contact .eyebrow{color:#fffc;margin:0 0 18px}#contact h2{gap:10px;margin:0;display:grid}#contact h2 .zh{font:900 clamp(44px,7vw,104px)/1.02 var(--f-zh);text-wrap:balance}#contact h2 .en{font:800 clamp(22px,2.6vw,36px)/1 var(--f-display);letter-spacing:-.02em;opacity:.85}.bio{font:400 16px/1.8 var(--f-zh);color:#ffffffe6;max-width:36ch;margin:22px 0 0}.contact-card{gap:14px;display:grid}.mail{color:#0f1b3d;cursor:pointer;text-align:left;width:100%;transition:transform .3s var(--ease);background:#fff;border:0;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;padding:20px 22px;display:flex}.mail:hover{transform:translateY(-3px)}.mail strong{font:800 clamp(18px,2.2vw,26px)/1.1 var(--f-display);letter-spacing:-.02em;overflow-wrap:anywhere}.mail .mono{opacity:.6;white-space:nowrap;font-size:10px}.links{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.links a{border:1px solid #fff6;border-radius:14px;justify-content:space-between;align-items:center;gap:8px;padding:14px 16px;font-weight:700;text-decoration:none;transition:background .25s;display:flex}.links a:hover{background:#ffffff24}.links .mono{opacity:.75;font-size:9.5px}.note{opacity:.7;margin:4px 0 0;font-size:10px}#footGrass{z-index:1;width:100%;height:clamp(120px,16vw,190px);display:block;position:absolute;bottom:0;left:0;right:0}#footGrass path{transform-box:fill-box;transform-origin:50% 100%}footer{background:var(--foot);color:#ffffffd1;padding:20px var(--gutter) calc(env(safe-area-inset-bottom,0px) + 22px);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}footer button{cursor:pointer;color:inherit;background:0 0;border:1px solid #ffffff59;border-radius:999px;padding:8px 14px}footer button:hover{background:#ffffff1a}#toast{z-index:95;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 24px);opacity:0;color:#fff;transition:all .35s var(--ease);pointer-events:none;background:#0f1b3d;border-radius:999px;padding:12px 18px;font-size:14px;font-weight:700;position:fixed;transform:translate(-50%,20px)}#toast.show{opacity:1;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation:none!important}html{scroll-behavior:auto}}:root{--foot:#1b3fa8;--ld-bg:radial-gradient(circle at 18% 22%,#a8e3ffd9,#a8e3ff00 40%),radial-gradient(circle at 82% 78%,#ffb3d9bf,#ffb3d900 44%),radial-gradient(circle at 70% 14%,#ffcdaa99,#ffcdaa00 36%),#f4f2ff;--ld-ink:#0f1b3d;--ld-soft:#0f1b3d99;--bat-shell:#ffffff8c;--bat-line:#0f1b3d2e;--blaze-glow:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ld-bg:radial-gradient(ellipse at 30% 8%,#3cf2a059,#3cf2a000 50%),radial-gradient(ellipse at 78% 0%,#a06eff47,#a06eff00 46%),linear-gradient(180deg,#030817,#0c1c47);--ld-ink:#eef2ff;--ld-soft:#eef2ffa8;--bat-shell:#ffffff14;--bat-line:#beffe659;--blaze-glow:drop-shadow(0 0 6px #ffd54a) drop-shadow(0 0 14px #ffc83cb3);--foot:#050c22}}:root[data-theme=dark]{--ld-bg:radial-gradient(ellipse at 30% 8%,#3cf2a059,#3cf2a000 50%),radial-gradient(ellipse at 78% 0%,#a06eff47,#a06eff00 46%),linear-gradient(180deg,#030817,#0c1c47);--ld-ink:#eef2ff;--ld-soft:#eef2ffa8;--bat-shell:#ffffff14;--bat-line:#beffe659;--blaze-glow:drop-shadow(0 0 6px #ffd54a) drop-shadow(0 0 14px #ffc83cb3);--foot:#050c22}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) #loader{background:var(--ld-bg)}}.ld-mid{justify-items:center;gap:18px;display:grid}.battery{filter:drop-shadow(0 18px 40px #7b6cf040);width:clamp(180px,26vw,280px);height:auto;display:block;overflow:visible}.bat-shell{fill:var(--bat-shell);stroke:var(--bat-line);stroke-width:3px}.bat-nub{fill:var(--bat-line)}.bat-wave{animation:1.2s linear infinite wave}@keyframes wave{to{transform:translate(-52px)}}.bat-bolt{fill:#fff;stroke:#0f1b3d26;stroke-width:2px;stroke-linejoin:round;animation:1.6s step-end infinite zap}@keyframes zap{0%,to{opacity:1}46%{opacity:.55}48%{opacity:1}52%{opacity:.7}}#batLevel{transition:transform .25s linear}.ld-count{font:800 clamp(64px,12vw,150px)/.9 var(--f-display);letter-spacing:-.04em;color:var(--ld-ink)}#ld-strike{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}#ld-strike path{fill:none;stroke:#fff;stroke-width:5px;stroke-linejoin:round;filter:drop-shadow(0 0 3px #9ff7ff)drop-shadow(0 0 10px #7cf5c8);vector-effect:non-scaling-stroke;opacity:0}#loader.strike #ld-strike path{animation:.5s step-end both boltflick}@keyframes boltflick{0%{opacity:1}20%{opacity:.35}35%{opacity:1}70%{opacity:.6}to{opacity:0}}#ld-flash{opacity:0;pointer-events:none;background:radial-gradient(circle at 50% 55%,#fff,#c8fff0d9 40%,#fff0 75%);position:absolute;inset:0}#loader.strike #ld-flash{animation:.5s ease-out .18s both ldflash}@keyframes ldflash{0%{opacity:0}25%{opacity:1}to{opacity:0}}.logo-svg{width:auto;height:30px;display:block;overflow:visible}#top.scrolled .logo{color:var(--ink)}@media (width<=1080px){.nav,.top-tools .pill{display:none}#menuBtn{display:grid}.top-tools{margin-left:auto}}.nav .en{letter-spacing:.1em}.hero-title{bottom:auto;top:calc(env(safe-area-inset-top,0px) + clamp(84px,11vh,120px))}.fallback-logo{z-index:2;left:50%;top:var(--hz,44%);width:min(70vw,640px);display:none;position:absolute;transform:translate(-50%,-70%)}.no-gl .fallback-logo{display:block}.fallback-logo svg{width:100%;height:auto;display:block}#fx{z-index:3;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}#flash{z-index:4;pointer-events:none;opacity:0;background:radial-gradient(at 50% 30%,#dcfffa8c,#a0f0ff2e 45%,#fff0 75%);position:absolute;inset:0}#flash.on{animation:.45s ease-out flash}@keyframes flash{0%{opacity:0}12%{opacity:1}to{opacity:0}}.hint .mono{display:block}.hint-night,#hero.is-night .hint-day{display:none}#hero.is-night .hint-night{display:block}.no-gl .hint-day,.no-gl .hint-night{display:none!important}#cat{z-index:2;right:max(var(--gutter),4vw);cursor:pointer;width:clamp(240px,30vw,420px);height:auto;position:absolute;bottom:-2px;overflow:visible}#catTail{transform-box:view-box;transform-origin:346px 222px;animation:3.2s ease-in-out infinite tail}@keyframes tail{0%,to{transform:rotate(0)}50%{transform:rotate(-14deg)}}#catHead{transition:transform .35s var(--ease)}.cat-pupil{transition:transform .12s linear}.cat-eye{transform-box:fill-box;transform-origin:50%;transition:transform 80ms}#cat.blink .cat-eye{transform:scaleY(.12)}#pawR,#pawL{transform-box:fill-box;transform-origin:50% 100%;transition:transform .35s var(--ease)}#cat.reach #pawR{transform:translate(26px,-74px)rotate(-28deg)scale(1.08)}@keyframes hop{30%{transform:translateY(-18px)}60%{transform:translateY(0)}75%{transform:translateY(-5px)}}#cat .blaze{filter:var(--blaze-glow)}@media (width<=860px){#cat{width:min(78vw,340px);right:50%;transform:translate(50%)}#cat.hop{animation:none}}@media (prefers-reduced-motion:reduce){#catTail,.bat-wave,.bat-bolt{animation:none}}:root{--g-fill:#ffffff57;--g-fill-hi:#ffffff8c;--g-edge:#ffffffe6;--g-edge-2:#ffffff47;--g-line:#ffffff8c;--g-spec:#ffffff8c;--g-shadow:0 12px 32px -10px #6e482847,0 2px 6px #6e482814;--g-glow:0 0 0 transparent;--g-ink:var(--ink);--orb-a:#f7c9a0bf;--orb-b:#a9c6d3b3;--orb-c:#f0a86073;--orb-d:#9daa6e59}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--g-fill:#2e221e6b;--g-fill-hi:#3a2a2494;--g-edge:#ffce8cd9;--g-edge-2:#8fe3c46b;--g-line:#ffc46b61;--g-spec:#ffd6a038;--g-shadow:0 14px 36px -12px #0009;--g-glow:0 0 22px -2px #f0a86061,0 0 1px #ffc46be6;--orb-a:#f0a86052;--orb-b:#8fe3c433;--orb-c:#d9733e4d;--orb-d:#ffc46b29}}:root[data-theme=dark]{--g-fill:#2e221e6b;--g-fill-hi:#3a2a2494;--g-edge:#ffce8cd9;--g-edge-2:#8fe3c46b;--g-line:#ffc46b61;--g-spec:#ffd6a038;--g-shadow:0 14px 36px -12px #0009;--g-glow:0 0 22px -2px #f0a86061,0 0 1px #ffc46be6;--orb-a:#f0a86052;--orb-b:#8fe3c433;--orb-c:#d9733e4d;--orb-d:#ffc46b29}.icon-btn,.pill,.chip,.mail,.links a,.btn-line,.scroll-cue,footer button,#toast,.card{background:linear-gradient(150deg,var(--g-spec),#fff0 46%),var(--g-fill);backdrop-filter:blur(18px)saturate(175%);border:1px solid var(--g-line);box-shadow:inset 0 1px 0 var(--g-edge),inset 0 -1px 0 var(--g-edge-2),inset 1px 0 0 #ffffff24,var(--g-shadow),var(--g-glow);color:var(--g-ink)}.icon-btn:hover,.pill:hover,.chip:hover,.links a:hover,.btn-line:hover,.scroll-cue:hover,footer button:hover{background:linear-gradient(150deg,var(--g-spec),#fff0 50%),var(--g-fill-hi);color:var(--g-ink)}#top.scrolled{background:linear-gradient(180deg,var(--g-spec),#fff0),var(--g-fill);border-bottom:1px solid var(--g-line);box-shadow:inset 0 -1px 0 var(--g-edge-2),0 10px 30px -18px #3c281459;backdrop-filter:blur(20px)saturate(180%)}#top:not(.scrolled) .icon-btn,#top:not(.scrolled) .pill{--g-ink:var(--hero-ink)}.pill{background:linear-gradient(150deg,#ffffff80,#fff0 50%),color-mix(in srgb,var(--accent) 34%,var(--g-fill))}.pill .mono{opacity:.7}.scroll-cue{border-color:var(--g-line);color:#fff8ed}#works{background:radial-gradient(38vw 28vw at 8% 14%,var(--orb-a),transparent 70%), radial-gradient(34vw 26vw at 92% 34%,var(--orb-b),transparent 70%), radial-gradient(30vw 26vw at 30% 78%,var(--orb-c),transparent 70%), radial-gradient(28vw 24vw at 80% 96%,var(--orb-d),transparent 70%),var(--paper)}#contact{background:radial-gradient(34vw 26vw at 82% 18%,var(--orb-a),transparent 70%), radial-gradient(30vw 24vw at 14% 86%,var(--orb-b),transparent 70%), linear-gradient(180deg,var(--c-top),var(--c-bot))}.chip{border-color:var(--g-line)}.chip em{opacity:.6}.chip[aria-pressed=true]{background:linear-gradient(150deg,#ffffff8c,#fff0 50%),color-mix(in srgb,var(--accent) 42%,var(--g-fill));color:var(--g-ink);box-shadow:inset 0 1px 0 var(--g-edge),inset 0 -1px 0 var(--g-edge-2),0 0 0 1px color-mix(in srgb,var(--accent) 55%,transparent),var(--g-shadow),var(--g-glow)}.card{transition:transform .45s var(--ease),box-shadow .45s var(--ease);border-radius:26px;padding:10px 10px 14px}.card .art{border-radius:18px}.card .meta,.card h3{padding:0 6px}.card:hover{transform:translateY(-4px)}.card .corners{display:none}.mail{background:linear-gradient(150deg,#ffffff9e,#fff0 52%),var(--g-fill-hi);border-radius:22px}.mail .mono{opacity:.65}.note{opacity:.7}#menu{background:radial-gradient(60vw 40vh at 10% 10%,var(--orb-a),transparent 70%), radial-gradient(60vw 40vh at 90% 80%,var(--orb-b),transparent 70%), color-mix(in srgb,var(--paper) 72%,transparent);backdrop-filter:blur(24px)saturate(170%)}#toast{border-radius:999px}footer button{color:#fff8ede6;--g-fill:#fff8ed14;--g-spec:#fff8ed29;--g-line:#fff8ed47}@supports not (backdrop-filter:blur(1px)){.icon-btn,.pill,.chip,.mail,.links a,.btn-line,.card,#toast{background:var(--card)}}:root{--day-top:#5a7cf2;--day-mid:#afc6ff;--day-hz:#f1eeff;--night-top:#05071c;--night-mid:#151a4d;--night-hz:#2e2b70;--paper:#f6f7fe;--paper-2:#eceffc;--card:#fff;--ink:#141b45;--ink-soft:#56608a;--line:#141b451f;--hero-ink:#141b45;--hero-soft:#141b459e;--sun:#ffd36b;--accent:#6c7bf5;--cobalt:#4f6beb;--coral:#ff8fa8;--c-top:#5a7cf2;--c-bot:#c9d7ff;--c-ink:#fff;--foot:#27348a;--ld-a:#5a7cf2;--ld-b:#8ea8fa;--ld-c:#bfd0ff;--ld-g1:#9bd45e;--ld-g2:#3e8a2c;--g-fill:#ffffff5c;--g-fill-hi:#ffffff8f;--g-edge:#fffffff2;--g-edge-2:#ffffff52;--g-line:#ffffff9e;--g-spec:#fff9;--g-shadow:0 12px 32px -12px #3c48aa4d,0 2px 6px #3c48aa14;--g-glow:0 0 0 transparent;--orb-a:#ffb6dc8c;--orb-b:#a0cdff9e;--orb-c:#c4b0ff80;--orb-d:#ffd2b073;--stage-top:#fdfbff;--stage-bot:#e4e8ff;--pool:#c9d4ff}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--night:1;--paper:#0b0f2a;--paper-2:#121845;--card:#141a44;--ink:#eef0ff;--ink-soft:#a8b0d8;--line:#eef0ff24;--hero-ink:#f4f5ff;--hero-soft:#f4f5ffb3;--sun:#ffd36b;--accent:#b9a8ff;--cobalt:#a9b8ff;--coral:#ff9fc4;--c-top:#05071c;--c-bot:#1b1e57;--foot:#04061a;--ld-a:#05071c;--ld-b:#151a4d;--ld-c:#2e2b70;--ld-g1:#2f6a4a;--ld-g2:#0c2418;--g-fill:#161a4675;--g-fill-hi:#2228609e;--g-edge:#c4b6ffd9;--g-edge-2:#8ce6ff66;--g-line:#b9a8ff5c;--g-spec:#cdc3ff2e;--g-shadow:0 14px 36px -12px #0009;--g-glow:0 0 22px -2px #9682ff61,0 0 1px #cdc3ffe6;--orb-a:#8264ff47;--orb-b:#50c8ff29;--orb-c:#ff78c826;--orb-d:#78ffd21a;--stage-top:#0a0e30;--stage-bot:#151a52;--pool:#2338c8}}:root[data-theme=dark]{--night:1;--paper:#0b0f2a;--paper-2:#121845;--card:#141a44;--ink:#eef0ff;--ink-soft:#a8b0d8;--line:#eef0ff24;--hero-ink:#f4f5ff;--hero-soft:#f4f5ffb3;--sun:#ffd36b;--accent:#b9a8ff;--cobalt:#a9b8ff;--coral:#ff9fc4;--c-top:#05071c;--c-bot:#1b1e57;--foot:#04061a;--ld-a:#05071c;--ld-b:#151a4d;--ld-c:#2e2b70;--ld-g1:#2f6a4a;--ld-g2:#0c2418;--g-fill:#161a4675;--g-fill-hi:#2228609e;--g-edge:#c4b6ffd9;--g-edge-2:#8ce6ff66;--g-line:#b9a8ff5c;--g-spec:#cdc3ff2e;--g-shadow:0 14px 36px -12px #0009;--g-glow:0 0 22px -2px #9682ff61,0 0 1px #cdc3ffe6;--orb-a:#8264ff47;--orb-b:#50c8ff29;--orb-c:#ff78c826;--orb-d:#78ffd21a;--stage-top:#0a0e30;--stage-bot:#151a52;--pool:#2338c8}:root:not([data-theme=dark]) .logo-night,:root[data-theme=dark] .logo-day{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .logo-day{display:none}:root:not([data-theme=light]) .logo-night{display:block}}.logo{display:block}.logo img{width:auto;height:clamp(34px,3.8vw,46px);display:block}#top{color:#fff}#top.scrolled{color:var(--ink)}.pill{background:linear-gradient(150deg,#ffffff8c,#fff0 52%),color-mix(in srgb,var(--sun) 70%,transparent);color:#141b45}.nav a:after{background:var(--pick,currentColor)}#hero{color:var(--hero-ink);background:var(--day-hz)}.hero-title{--wm:clamp(64px,13.5vw,250px);width:auto;top:auto;left:0;right:0;bottom:calc(100% - var(--hz,44%) + var(--wm) * .16);text-align:center;pointer-events:none;justify-items:center;gap:clamp(12px,1.8vw,24px);display:grid;transform:none}.hero-meta{color:var(--hero-ink);justify-items:center;gap:14px;padding:0;display:grid}.hero-role{color:var(--hero-ink);justify-content:center;font-size:clamp(15px,1.4vw,19px)}.hero-role span{opacity:.75}.hero-cta{pointer-events:auto;color:var(--ink);background:linear-gradient(150deg,var(--g-spec),#fff0 46%),var(--g-fill);backdrop-filter:blur(16px)saturate(170%);border:1px solid var(--g-line);box-shadow:inset 0 1px 0 var(--g-edge),inset 0 -1px 0 var(--g-edge-2),var(--g-shadow),var(--g-glow);transition:transform .3s var(--ease);border-radius:999px;align-items:center;gap:10px;padding:11px 20px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.hero-cta:hover{transform:translateY(-2px)}.hero-cta .mono{opacity:.65;font-size:10px}.wordmark{color:var(--hero-ink);letter-spacing:-.05em;transition:color 1.2s}.wordmark .dot{background:linear-gradient(135deg,#ffb3d9,var(--accent));border-radius:50%;align-self:flex-end;width:.16em;height:.16em;margin:0 .03em .05em;box-shadow:0 0 .25em #b9a8ff8c}.wordmark .ch:nth-child(5){transition-delay:.3s}.wordmark .ch:nth-child(6){transition-delay:.34s}.wordmark .ch:nth-child(7){transition-delay:.38s}.wordmark .ch:nth-child(8){transition-delay:.42s}.wordmark .ch:nth-child(9){transition-delay:.46s}.wordmark .ch:nth-child(10){transition-delay:.5s}#hero.is-night .wordmark{text-shadow:0 0 42px #aaa0ff73,0 0 2px #ffffff80}.cloud{background:radial-gradient(closest-side,#fffffff2,#fffaff99 55%,#fff0)}.sky-day:after{content:"";background:radial-gradient(60% 30% at 70% calc(var(--hz,44%) - 4%),#ffc8e873,transparent 70%),radial-gradient(50% 26% at 18% calc(var(--hz,44%) - 8%),#c8e2ff80,transparent 70%);position:absolute;inset:0}.sky-night{overflow:hidden}.milky{mix-blend-mode:screen;filter:blur(7px);background:radial-gradient(58% 13%,#c4baff4d,#0000 72%),radial-gradient(34% 6% at 44% 51%,#fff0fc3d,#0000 70%),radial-gradient(26% 9% at 63% 47%,#96cdff33,#0000 70%),radial-gradient(20% 7% at 30% 53%,#ffaae124,#0000 70%);height:74%;position:absolute;top:-12%;left:-25%;right:-25%;transform:rotate(-17deg)}.milky:after{content:"";background:radial-gradient(40% 2.4% at 52% 50.5%,#05071c8c,#0000 75%);position:absolute;inset:0}.nebula{filter:blur(24px);mix-blend-mode:screen;background:radial-gradient(28% 22% at 18% 20%,#a06eff38,#0000 70%),radial-gradient(24% 18% at 84% 28%,#5abeff26,#0000 70%),radial-gradient(18% 14% at 64% 10%,#ff82d221,#0000 70%);position:absolute;inset:0}.mist{left:0;right:0;top:calc(var(--hz,44%) - 16%);filter:blur(6px);background:linear-gradient(#0000,#aaa0ff38 66%,#c8beff1a);height:24%;position:absolute}#stars2{border-radius:50%;width:1px;height:1px;animation:4s ease-in-out infinite twinkle2;position:absolute;top:0;left:0}#stars3{border-radius:50%;width:1.5px;height:1.5px;animation:5.5s ease-in-out infinite reverse twinkle2;position:absolute;top:0;left:0}@keyframes twinkle2{0%,to{opacity:1}50%{opacity:.35}}.clouds{opacity:calc(1 - var(--night) * .9)}.hero-foot{color:#fff}#cursor .c-label{background:var(--sun);color:#141b45}.sel{border-color:#fff}.sel-label{background:#141b45}.fallback-logo{display:none!important}#loader,:root[data-theme=dark] #loader{background:linear-gradient(to bottom,var(--ld-a),var(--ld-b) 55%,var(--ld-c));color:#fff;grid-template-rows:auto 1fr auto;padding-bottom:0}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) #loader{background:linear-gradient(to bottom,var(--ld-a),var(--ld-b) 55%,var(--ld-c))}}.ld-count{color:#fff;font:800 clamp(88px,20vw,240px)/.9 var(--f-display);text-shadow:0 10px 40px #28328c40}.ld-stage{color:#fff}#ld-grass{display:block}#ld-grass .gA{fill:var(--ld-g1)}#ld-grass .gB{fill:var(--ld-g2)}.ld-stars{pointer-events:none;opacity:var(--night);position:absolute;inset:0}.works-head h2 .en,.card .cat{color:var(--cobalt)}#about{z-index:5;padding:clamp(56px,8vw,120px) var(--gutter);background:radial-gradient(34vw 26vw at 90% 12%,var(--orb-b),transparent 70%),radial-gradient(30vw 24vw at 6% 90%,var(--orb-a),transparent 70%),var(--paper);position:relative;overflow:hidden}.about-in{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:clamp(32px,5vw,80px);display:grid}@media (width<=900px){.about-in{grid-template-columns:1fr}}#about h2{gap:6px;margin:0 0 18px;display:grid}#about h2 .zh{font:900 clamp(40px,6vw,84px)/1 var(--f-zh)}#about h2 .en{font:800 clamp(18px,2vw,26px)/1 var(--f-display);letter-spacing:-.02em;color:var(--cobalt)}.about-bio{color:var(--ink-soft);max-width:44ch;margin:0 0 26px;font-size:16px;line-height:1.85}.skills{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 26px;padding:0;list-style:none;display:grid}.skills li{background:linear-gradient(150deg,var(--g-spec),#fff0 46%),var(--g-fill);border:1px solid var(--g-line);box-shadow:inset 0 1px 0 var(--g-edge),var(--g-shadow),var(--g-glow);backdrop-filter:blur(14px);border-radius:18px;gap:2px;padding:14px 16px;display:grid}.skills b{font:700 16px/1.3 var(--f-zh)}.skills .mono{color:var(--ink-soft);font-size:9.5px}.tool-row{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.tool-row li{background:var(--g-fill);border:1px solid var(--g-line);box-shadow:inset 0 1px 0 var(--g-edge);border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 6px;font-size:13px;font-weight:600;display:inline-flex}.tool-row img{object-fit:contain;width:24px;height:24px;display:block}.stage{aspect-ratio:1.08;isolation:isolate;background:radial-gradient(70% 40% at 50% 100%,var(--pool),transparent 70%),linear-gradient(to bottom,var(--stage-top),var(--stage-bot));border:1px solid var(--g-line);min-height:320px;box-shadow:inset 0 1px 0 var(--g-edge),var(--g-shadow),var(--g-glow);border-radius:32px;position:relative;overflow:hidden}.stage:after{content:"";pointer-events:none;opacity:.22;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.stage-cap{z-index:5;color:var(--ink-soft);font-size:10px;position:absolute;top:16px;left:18px}.cr{left:var(--x);bottom:var(--b);width:var(--w);height:var(--h);z-index:var(--z,2);transform-origin:50% 100%;animation:sway var(--sw,5s) ease-in-out infinite;animation-delay:var(--dl,0s);position:absolute}@keyframes sway{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-3%)scale(1.015,.985)}}.cr .bd,.cr .ear{background:radial-gradient(circle at 50% 32%,var(--c1),var(--c2) 72%);filter:blur(var(--bl,3px));transition:background 1.2s;position:absolute}.cr .bd{border-radius:var(--r,50% 50% 44% 44% / 60% 60% 40% 40%);inset:0}.cr .ear{width:var(--ew,26%);height:var(--eh,26%);top:var(--et,-10%);border-radius:50%}.cr .ear.l{left:var(--el,6%)}.cr .ear.r{right:var(--el,6%)}.cr .ear.cap{background:radial-gradient(circle at 50% 30%,var(--k1,#fff),var(--k2,#e4e2ff) 75%);border-radius:50% 50% 34% 34%/80% 80% 20% 20%;width:auto;height:46%;top:-16%;left:-14%;right:-14%}.cr .ear.sprout{background:var(--sp,#9be38e);border-radius:0 80%;width:18%;height:22%;top:-16%;left:50%;transform:translate(-30%)rotate(-12deg)}.cr .eyes{left:50%;top:var(--ey,40%);gap:var(--eg,22%);width:var(--ew2,56%);justify-content:center;display:flex;position:absolute;transform:translate(-50%)}.cr .eye{width:var(--es,14px);height:var(--es,14px);filter:blur(.6px);background:radial-gradient(circle,#6ebefff2 0 54%,#ff8cc880 62%,#0000 74%);border-radius:50%;flex:none;transition:transform 90ms;position:relative}.cr .eye i{background:#1d27b8;border-radius:50%;width:46%;height:46%;margin:-23% 0 0 -23%;transition:transform .12s linear;position:absolute;top:50%;left:50%}.cr.blink .eye{transform:scaleY(.12)}.cr .eye.dot i{background:var(--dotc,#2a2f9a);width:70%;height:70%;margin:-35% 0 0 -35%}:root[data-theme=dark] .cr{--c1:var(--n1);--c2:var(--n2);filter:drop-shadow(0 0 16px var(--n2))}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .cr{--c1:var(--n1);--c2:var(--n2);filter:drop-shadow(0 0 16px var(--n2))}}.reflect{z-index:4;pointer-events:none;background:repeating-linear-gradient(to bottom,#ffffff2e 0 1px,transparent 1px 5px),linear-gradient(to bottom,transparent,color-mix(in srgb,var(--pool) 60%,transparent));opacity:.7;mix-blend-mode:screen;height:16%;position:absolute;bottom:0;left:0;right:0}#contact{color:#fff;background:radial-gradient(34vw 26vw at 82% 18%,var(--orb-c),transparent 70%),linear-gradient(to bottom,var(--c-top),var(--c-bot))}#contact .eyebrow{color:#fffc}.bio{color:#ffffffe6;opacity:1}.mail,.mail strong{color:var(--ink)}.links a{color:#fff;--g-ink:#fff}:root:not([data-theme=dark]) .links a{background:linear-gradient(150deg,#fff6,#fff0 46%),#ffffff29}.note{color:#fffc}#contact .cstars{opacity:var(--night);pointer-events:none;transition:opacity 1.2s;position:absolute;inset:0}.meadow{pointer-events:none;height:clamp(200px,24vw,320px);position:absolute;bottom:0;left:0;right:0}.meadow canvas{width:100%;height:100%;display:block;position:absolute;inset:0}#meadowBack{z-index:1}#meadowFront{z-index:4}.meadow-cr{z-index:2;opacity:var(--night);transition:opacity 1.2s;position:absolute;inset:0}.meadow-cr .cr{--bl:2.5px}#cat{z-index:3;right:max(var(--gutter),7vw);cursor:pointer;transform-origin:50% 100%;pointer-events:auto;width:clamp(96px,10vw,150px);height:auto;position:absolute;bottom:clamp(14px,2.4vw,34px);left:auto;transform:none}#cat .cat-img{transform-origin:50% 92%;width:100%;height:auto;animation:3.6s ease-in-out infinite breathe;display:block}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.01,1.025)}}.cat-z{font:italic 700 14px/1 var(--f-display);color:#fff;position:absolute;top:6%;left:8%}.cat-z i{opacity:0;animation:3s ease-out infinite catz;position:absolute;top:0;left:0}.cat-z i:nth-child(2){font-size:.85em;animation-delay:1s}.cat-z i:nth-child(3){font-size:1.25em;animation-delay:2s}@keyframes catz{0%{opacity:0;transform:translate(0)}25%{opacity:.85}to{opacity:0;transform:translate(-20px,-40px)}}.cat-wake{font:800 24px/1 var(--f-display);color:var(--sun);opacity:0;transition:all .25s var(--ease);position:absolute;top:-4%;left:14%;transform:scale(.4)}#cat.awake .cat-z{display:none}#cat.awake .cat-wake{opacity:1;transform:scale(1)}#cat.awake .cat-img{animation:.6s ease-in-out infinite wiggle}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}}#cat.hop{animation:hop .55s var(--ease)}@media (width<=860px){#cat{right:var(--gutter);width:92px}}footer{background:var(--foot);color:#ffffffd1}@media (prefers-reduced-motion:reduce){.cr,#cat .cat-img,.cat-z i,#stars2,#stars3{animation:none}}.stage{aspect-ratio:636/434;min-height:0;display:block;container-type:inline-size}.qd,.qn{z-index:2;position:absolute;inset:0}.cap-night,.qn,:root[data-theme=dark] .cap-day,:root[data-theme=dark] .qd{display:none}:root[data-theme=dark] .cap-night{display:inline}:root[data-theme=dark] .qn{display:block}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .cap-day,:root:not([data-theme=light]) .qd{display:none}:root:not([data-theme=light]) .cap-night{display:inline}:root:not([data-theme=light]) .qn{display:block}}.pol{transform:rotate(var(--r)) translateY(0);animation:polsway var(--d,7s) ease-in-out infinite;transform-origin:50% 0;background:#fffdf9;border-radius:6px;margin:0;padding:3.2% 3.2% 0;position:absolute;box-shadow:0 14px 30px -12px #28327859,0 2px 6px #2832781f}.pol img{border-radius:3px;width:100%;height:auto;display:block}.pol figcaption{font:500 clamp(11px,1.6cqw,15px)/1 var(--f-zh-round);color:#4b3a33;text-align:center;padding:10% 0 9%}.pol.p1{--r:-2deg;--d:6s;z-index:3;width:42%;top:17%;left:31%}.pol.p2{--r:-9deg;--d:7.5s;z-index:2;width:36%;top:31%;left:6%}.pol.p3{--r:8deg;--d:8s;z-index:1;width:35%;top:38%;left:60%}@keyframes polsway{0%,to{transform:rotate(var(--r)) translateY(0)}50%{transform:rotate(calc(var(--r) + 1.4deg)) translateY(-4px)}}.pol.p1:before{content:"";background:#ffd68cb3;border-radius:2px;width:26%;height:9%;position:absolute;top:-5%;left:50%;transform:translate(-50%)rotate(-3deg)}.pflash{opacity:0;background:radial-gradient(circle at 30% 30%,#fff,#fff9 50%,#fff0 80%);border-radius:6px;animation:5s ease-out infinite pflash;position:absolute;inset:0}@keyframes pflash{0%,70%{opacity:0}72%{opacity:1}86%,to{opacity:0}}.qheart{color:#ff8fa8;opacity:0;font-size:clamp(14px,2.6cqw,24px);animation:5s ease-out infinite qheart2;position:absolute}.qheart.h1{top:16%;left:70%}.qheart.h2{font-size:clamp(10px,1.8cqw,16px);animation-delay:.3s;top:24%;left:76%}@keyframes qheart2{0%,70%{opacity:0;transform:translateY(10px)scale(.5)}78%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-30px)scale(.9)}}.qn{border-radius:inherit;overflow:hidden}.qn-kb{transform-origin:55% 60%;animation:14s ease-in-out infinite alternate kb;position:absolute;inset:0}.qn-img{width:100%;height:100%;display:block;position:absolute;inset:0}@keyframes kb{0%{transform:scale(1)}to{transform:scale(1.045)}}.qn:after{content:"";pointer-events:none;mix-blend-mode:multiply;background:radial-gradient(70% 70% at 52% 58%,#0000 45%,#0a0e30b8 100%),linear-gradient(#141a5047,#141a500d 45%,#141a504d);position:absolute;inset:0}.lid{left:var(--x);top:var(--y);width:var(--w);height:var(--h);z-index:1;background:radial-gradient(closest-side,var(--c1) 0 50%,var(--c2) 84%,transparent 100%);transform-origin:50% 25%;border-radius:50%;animation:6s infinite lid;position:absolute;transform:translate(-50%,-50%)scaleY(0)}.lid:after{content:"";border-bottom:clamp(2px,.5cqw,4px) solid #2a1e1a;border-radius:0 0 50% 50%;height:18%;position:absolute;top:44%;left:22%;right:22%}.lid.c{animation-duration:4.3s;animation-delay:1.2s}.lid:nth-of-type(2){animation-delay:20ms}.lid:nth-of-type(4){animation-delay:1.22s}@keyframes lid{0%,93%,to{transform:translate(-50%,-50%)scaleY(0)}95.5%,97%{transform:translate(-50%,-50%)scaleY(1)}}.qn-kb,.lid{will-change:transform}.qn .lid{animation-play-state:running}.qn-think{z-index:2;width:8%;height:8%;position:absolute;top:22%;left:64%}.qn-think i{opacity:0;transform-origin:50% 100%;background:#ffd9a8;border-radius:2px;width:3px;height:40%;animation:3.6s ease-out infinite think;position:absolute;bottom:0}.qn-think i:first-child{left:10%;transform:rotate(-30deg)}.qn-think i:nth-child(2){height:55%;animation-delay:.12s;left:42%}.qn-think i:nth-child(3){animation-delay:.24s;left:74%;transform:rotate(30deg)}@keyframes think{0%,55%{opacity:0}62%,85%{opacity:1}to{opacity:0}}.qn-lamp{z-index:2;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(closest-side,#ffd69659,#ffd69600);width:70%;height:90%;animation:5s ease-in-out infinite lamp;position:absolute;top:-20%;left:-10%}@keyframes lamp{50%{opacity:.7}}.qn-dust{z-index:2;pointer-events:none;opacity:.8;background-image:radial-gradient(1.5px 1.5px at 20% 30%,#ffe8c0,#0000),radial-gradient(1.2px 1.2px at 38% 18%,#ffe8c0,#0000),radial-gradient(1.6px 1.6px at 72% 26%,#ffe8c0,#0000),radial-gradient(1px 1px at 86% 12%,#ffe8c0,#0000),radial-gradient(1.4px 1.4px at 12% 60%,#ffe8c0,#0000);animation:9s linear infinite dust;position:absolute;inset:0}@keyframes dust{0%{transform:translateY(0)}to{transform:translateY(-14px)}}.pol{max-width:none}@media (prefers-reduced-motion:reduce){.pol,.pflash,.qheart,.qn-kb,.lid,.qn-think i,.qn-lamp,.qn-dust{animation:none}}.pond{pointer-events:none;height:clamp(240px,30vw,380px);position:absolute;bottom:0;left:0;right:0;overflow:hidden;container-type:inline-size}#water{z-index:1;width:100%;height:42%;display:block;position:absolute;bottom:0;left:0;right:0}.pond-cr{z-index:2;position:absolute;inset:0}.pond-cr .cr{will-change:transform;transition:none;animation:none;left:0}.pond-cr .cr .wob{transform-origin:50% 100%;animation:sway var(--sw,5s) ease-in-out infinite;animation-delay:var(--dl,0s);position:absolute;inset:0}.cr .splash{height:var(--sink,20%);background:var(--pc,#afc2ff);filter:blur(7px);opacity:.92;border-radius:50%;transition:background 1.2s;position:absolute;bottom:-8%;left:-14%;right:-14%}.pond-grain{z-index:3;opacity:.3;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.cr .eye{filter:blur(.7px);background:radial-gradient(circle,#1b2bb0 0 30%,#3e9bff 38% 56%,#ff82c88c 63%,#0000 76%)}.cr .eye i{display:none}.cr .eye.dot{background:radial-gradient(circle,#f7e14a 0 46%,#ffe65a66 58%,#0000 72%)}:root{--navy:#1b2459;--lg-hi:.62;--lg-hi2:.22;--lg-ink:#1b2459;--lg-face:#ffffff57;--lg-rim:#ffffffeb;--lg-drop:#28347829}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lg-hi:.2;--lg-hi2:.06;--lg-ink:#eef0ff;--lg-face:#1e22568c;--lg-rim:#dcd4ff8c;--lg-drop:#00000073}}:root[data-theme=dark]{--lg-hi:.2;--lg-hi2:.06;--lg-ink:#eef0ff;--lg-face:#1e22568c;--lg-rim:#dcd4ff8c;--lg-drop:#00000073}.pill,.hero-cta,.chip,.mail,.links a,.btn-line,.scroll-cue,footer button,.icon-btn,.tool-row li,.car-btn,.car-dots button,#themeBtn,.jb{--t:#c9beff;isolation:isolate;backdrop-filter:blur(16px)saturate(190%);position:relative;overflow:hidden;color:var(--lg-ink)!important;background:linear-gradient(180deg,rgba(255,255,255,var(--lg-hi)) 0%,rgba(255,255,255,calc(var(--lg-hi) * .22)) 50%,#ffffff08 51%,rgba(255,255,255,var(--lg-hi2)) 100%), linear-gradient(135deg,color-mix(in srgb,var(--t) 42%,transparent),color-mix(in srgb,var(--t) 18%,transparent)),var(--lg-face)!important;border:1px solid var(--lg-rim)!important;box-shadow:inset 0 1.5px 0 #fffffff2,inset 0 -4px 8px color-mix(in srgb,var(--t) 55%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--t) 28%,transparent), 0 10px 24px -10px color-mix(in srgb,var(--t) 85%,transparent),0 2px 5px var(--lg-drop)!important;transition:transform .45s cubic-bezier(.34,1.56,.64,1),box-shadow .3s,filter .3s!important}.pill:before,.hero-cta:before,.chip:before,.mail:before,.links a:before,.btn-line:before,.scroll-cue:before,footer button:before,.icon-btn:before,.tool-row li:before,.car-btn:before,#themeBtn:before,.jb:before{content:"";z-index:-1;pointer-events:none;height:42%;opacity:calc(var(--lg-hi) * 1.35);background:linear-gradient(#ffffffe6,#fff0);border-radius:999px;position:absolute;top:3px;left:7%;right:7%}.pill:after,.hero-cta:after,.chip:after,.mail:after,.links a:after,.btn-line:after,.scroll-cue:after,footer button:after,.car-btn:after,#themeBtn:after,.jb:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,color-mix(in srgb,var(--t) 80%,#fff),transparent);opacity:.55;filter:blur(4px);border-radius:50%;height:60%;position:absolute;bottom:-30%;left:18%;right:18%}.pill:hover,.hero-cta:hover,.chip:hover,.mail:hover,.links a:hover,.btn-line:hover,.scroll-cue:hover,footer button:hover,.icon-btn:hover,.car-btn:hover,#themeBtn:hover,.jb:hover{filter:brightness(1.05)saturate(1.1);transform:translateY(-2px)scale(1.03)!important}.jelly{animation:.55s cubic-bezier(.34,1.56,.64,1) jelly!important}@keyframes jelly{0%{transform:scale(1)}25%{transform:scale(.92,1.06)}50%{transform:scale(1.06,.94)}75%{transform:scale(.98,1.02)}to{transform:scale(1)}}.pill{--t:#b9a8ff}.hero-cta{--t:#ffc59c}.mail{--t:#c9beff}.btn-line{--t:#a8e6cf}footer button{--t:#c9beff}.scroll-cue{--t:#a9d2ff}.icon-btn,.car-btn{--t:#d8d2ff}.links li:first-child a{--t:#ffb8d6}.links li:nth-child(2) a{--t:#a9d2ff}.links li:nth-child(3) a{--t:#a8e6cf}.links li:nth-child(4) a{--t:#ffc59c}.chip:nth-child(5n+1){--t:#c9beff}.chip:nth-child(5n+2){--t:#a8e6cf}.chip:nth-child(5n+3){--t:#ffc59c}.chip:nth-child(5n+4){--t:#ffb8d6}.chip:nth-child(5n){--t:#a9d2ff}.tool-row li:first-child{--t:#ffc59c}.tool-row li:nth-child(2){--t:#a9d2ff}.tool-row li:nth-child(3){--t:#ffb8d6}.tool-row li:nth-child(4){--t:#a8e6cf}.tool-row li:nth-child(5){--t:#ffc59c}.chip[aria-pressed=true]{--t:#9c8bff;font-weight:700}.chip[aria-pressed=true]:before{opacity:1}.chip em,.chip small,.links .mono,.mail .mono,.btn-line .mono,.pill .mono,.hero-cta .mono{color:inherit;opacity:.6}.mail{border-radius:24px}.mail strong{color:var(--lg-ink)!important}.links a{border-radius:18px}.tool-row li{border-radius:999px;font-weight:600}.scroll-cue{color:var(--lg-ink)!important}#themeBtn{--t:#ffc59c;border-radius:999px;width:66px;height:36px;padding:0;display:block}#themeBtn svg{display:none}#themeBtn .knob:after{content:"";background:radial-gradient(circle,#fff6e0 0 40%,#0000 42%);border-radius:50%;position:absolute;inset:7px}:root[data-theme=dark] #themeBtn .knob:after{background:radial-gradient(circle at 62% 38%,#0000 0 34%,#fff 36% 46%,#0000 48%)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) #themeBtn .knob:after{background:radial-gradient(circle at 62% 38%,#0000 0 34%,#fff 36% 46%,#0000 48%)}}#themeBtn .knob{z-index:2;background:radial-gradient(circle at 35% 30%,#fff,#ffe3c8 55%,#ffb98a);border-radius:50%;width:28px;height:28px;transition:transform .5s cubic-bezier(.34,1.56,.64,1),background .4s;position:absolute;top:3px;left:3px;box-shadow:inset 0 -2px 4px #ff8c5a73,0 3px 8px #ff8c5a73}:root[data-theme=dark] #themeBtn{--t:#b9a8ff}:root[data-theme=dark] #themeBtn .knob{background:radial-gradient(circle at 35% 30%,#fff,#e6deff 55%,#b39cff);transform:translate(30px);box-shadow:inset 0 -2px 4px #8264ff73,0 3px 10px #9678ff99}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) #themeBtn{--t:#b9a8ff}:root:not([data-theme=light]) #themeBtn .knob{background:radial-gradient(circle at 35% 30%,#fff,#e6deff 55%,#b39cff);transform:translate(30px);box-shadow:inset 0 -2px 4px #8264ff73,0 3px 10px #9678ff99}}#top,#top.scrolled{padding-bottom:28px;box-shadow:none!important;backdrop-filter:none!important;color:var(--navy)!important;background:0 0!important;border:0!important}#top:before{content:"";z-index:-1;pointer-events:none;backdrop-filter:blur(12px)saturate(160%);background:linear-gradient(#fffffff5 0%,#ffffffd1 45%,#ffffff61 75%,#fff0 100%);position:absolute;inset:0 0 -18px;-webkit-mask-image:linear-gradient(#000 55%,#0000);mask-image:linear-gradient(#000 55%,#0000)}#top .nav a,#top .nav .zh,#top .nav .en{color:var(--navy)}#top .nav .en{opacity:.62}#top .logo-night{display:none!important}#top .logo-day{display:block!important}:root[data-theme=dark] #top:before{background:linear-gradient(#0a0d2cf0 0%,#0a0d2cbf 45%,#0a0d2c4d 75%,#0a0d2c00)}:root[data-theme=dark] #top,:root[data-theme=dark] #top .nav a,:root[data-theme=dark] #top .nav .zh,:root[data-theme=dark] #top .nav .en{color:#eef0ff!important}:root[data-theme=dark] #top .logo-night{display:block!important}:root[data-theme=dark] #top .logo-day{display:none!important}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) #top:before{background:linear-gradient(#0a0d2cf0 0%,#0a0d2cbf 45%,#0a0d2c4d 75%,#0a0d2c00)}:root:not([data-theme=light]) #top,:root:not([data-theme=light]) #top .nav a,:root:not([data-theme=light]) #top .nav .zh,:root:not([data-theme=light]) #top .nav .en{color:#eef0ff!important}:root:not([data-theme=light]) #top .logo-night{display:block!important}:root:not([data-theme=light]) #top .logo-day{display:none!important}}.nav a:after{height:3px;background:linear-gradient(90deg,#b9a8ff,#ffb8d6,#a9d2ff)!important}.car{z-index:2;position:absolute;inset:0}.slide{opacity:0;visibility:hidden;transition:opacity .9s,visibility 0s .9s;position:absolute;inset:0}.slide.on{opacity:1;visibility:visible;transition:opacity .9s}.sl-bg{filter:blur(26px)saturate(1.1);opacity:.75;background-position:50%;background-size:cover;position:absolute;inset:-10%;transform:scale(1.1)}.sl-pic{height:100%;aspect-ratio:var(--ar);max-width:100%;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.sl-kb{transform-origin:55% 55%;position:absolute;inset:0}.slide.on .sl-kb{animation:9s ease-out both kb}.sl-pic img{object-fit:cover;width:100%;height:100%;display:block}.sl-cap{z-index:3;max-width:min(62%,340px);color:var(--lg-ink);background:linear-gradient(180deg,#ffffff8c,#fff3),var(--lg-face);border:1px solid var(--lg-rim);backdrop-filter:blur(14px)saturate(170%);opacity:0;border-radius:18px;padding:12px 16px;transition:transform .7s cubic-bezier(.34,1.56,.64,1) .25s,opacity .5s .25s;position:absolute;bottom:6%;left:4%;transform:translateY(12px);box-shadow:inset 0 1.5px #ffffffe6,0 10px 24px -12px #28347866}.slide.on .sl-cap{opacity:1;transform:none}.sl-cap b{font:700 clamp(14px,2.2cqw,18px)/1.3 var(--f-zh);display:block}.sl-cap span{opacity:.8;margin-top:4px;font-size:clamp(12px,1.7cqw,14px);line-height:1.6;display:block}.car-ui{z-index:4;align-items:center;gap:8px;display:flex;position:absolute;bottom:6%;right:3.5%}.car-btn{cursor:pointer;border-radius:50%;place-items:center;width:38px;height:38px;padding:0;display:grid}.car-btn svg{width:16px;height:16px}.car-dots{gap:6px;padding:0 4px;display:flex}.car-dots button{cursor:pointer;border-radius:999px;width:10px;height:10px;padding:0;transition:width .4s cubic-bezier(.34,1.56,.64,1)!important}.car-dots button[aria-current=true]{--t:#9c8bff;width:26px}.car-bar{z-index:4;background:linear-gradient(90deg,#b9a8ff,#ffb8d6,#a9d2ff);width:0;height:3px;position:absolute;bottom:0;left:0}.car.play .car-bar{animation:carbar var(--dur,5s) linear forwards}@keyframes carbar{to{width:100%}}@media (width<=560px){.sl-cap{max-width:70%;padding:9px 12px}.car-ui{top:5%;bottom:auto}.stage-cap{display:none}}.pond{height:clamp(220px,26vw,340px);container-type:normal}.contact-in{padding-bottom:calc(clamp(220px,26vw,340px) + 24px)!important}.pond-cr .cr{width:calc(var(--k-w) * var(--u,4px));height:calc(var(--k-h) * var(--u,4px))}.pond-cr .cr .eye{width:calc(var(--k-e) * var(--u,4px));height:calc(var(--k-e) * var(--u,4px))}.ld-rays{pointer-events:none;z-index:0;opacity:.45;mix-blend-mode:screen;filter:blur(6px);background:repeating-conic-gradient(#ffaadc00 0deg,#ffaadc8c 6deg,#fff0 14deg,#96c8ff80 22deg,#fff0 30deg,#bea0ff8c 38deg,#fff0 46deg,#ffdc9680 54deg,#fff0 62deg);width:150vmax;height:150vmax;animation:18s linear infinite rays;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);-webkit-mask-image:radial-gradient(circle,#000 0,#000000b3 18%,#0000 52%);mask-image:radial-gradient(circle,#000 0,#000000b3 18%,#0000 52%)}@keyframes rays{to{transform:translate(-50%,-50%)rotate(360deg)}}.ld-halo{aspect-ratio:1;pointer-events:none;z-index:0;filter:blur(40px);opacity:.7;background:conic-gradient(#ff9fd0,#b9a8ff,#8fd3ff,#9bf0d0,#ffe08a,#ff9fd0);border-radius:50%;width:min(70vw,620px);animation:9s linear infinite reverse rays;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}#ld-fx{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}#loader .ld-top,#loader .ld-mid,#ld-grass{z-index:2;position:relative}.ld-count{text-shadow:0 0 2px #fff,0 0 22px #ff8cd2bf,0 0 46px #82aaffcc,0 6px 30px #28288c59;animation:6s linear infinite huez;color:#fff!important}@keyframes huez{0%,to{text-shadow:0 0 2px #fff,0 0 22px #ff8cd2bf,0 0 46px #82aaffcc,0 6px 30px #28288c59}50%{text-shadow:0 0 2px #fff,0 0 22px #82f0c8bf,0 0 46px #be96ffd9,0 6px 30px #28288c59}}@keyframes shine{to{background-position:-300% 0}}#loader.zap .ld-count{animation:6s linear infinite huez,.4s steps(2,end) both zapshake}@keyframes zapshake{25%{transform:translate(-3px,1px)}50%{transform:translate(2px,-2px)}75%{transform:translate(-1px,2px)}}#loader.finale:after{content:"";z-index:5;pointer-events:none;background:radial-gradient(circle at 50% 46%,#fff,#ffe6fae6 25%,#b4c8ff66 55%,#0000 80%);animation:.7s ease-out both finale;position:absolute;inset:0}@keyframes finale{0%{opacity:0}20%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.ld-rays,.ld-halo,.ld-count{animation:none}}#loader,:root[data-theme=dark] #loader{--ld-ink:#2e3a2c;--ld-mute:#2e3a2c80;--tile-off:#ffffff94;--tile-rim:#ffffffd9;--tile-mix:#ffffff80;color:var(--ld-ink);grid-template-rows:auto 1fr;padding-bottom:40px;background-color:#f4f5f3!important;background-image:linear-gradient(#1e281e09 1px,#0000 1px),linear-gradient(90deg,#1e281e09 1px,#0000 1px)!important;background-position:50%!important;background-size:44px 44px!important}#loader .mono{color:var(--ld-mute)!important}#loader .ld-mid{justify-items:center;gap:clamp(18px,3vh,28px);display:grid}.ld-grid{--s:min(12.5vw,68px);--gap:calc(var(--s) * .07);grid-template-columns:repeat(5,var(--s));gap:var(--gap);isolation:isolate;display:grid;position:relative}.ld-glow{z-index:0;pointer-events:none;filter:blur(calc(var(--s) * .42));opacity:calc(.06 + var(--p,0) * .94);transition:opacity .4s;position:absolute;inset:-6%}.ld-glow b{border-radius:50%;animation:9s ease-in-out infinite alternate glowdrift;position:absolute}.ld-glow b:first-child{width:52%;height:52%;transform:scale(calc(.35 + var(--p,0) * .65));background:#45c20e;top:26%;left:22%}.ld-glow b:nth-child(2){background:#c6e100;width:36%;height:34%;animation-duration:7s;animation-delay:-2s;top:46%;left:44%}.ld-glow b:nth-child(3){opacity:.8;background:#2f8f1e;width:40%;height:30%;animation-duration:11s;animation-delay:-5s;top:16%;left:30%}@keyframes glowdrift{0%{translate:0}33%{translate:6% -4%}66%{translate:-5% 5%}to{translate:3% 3%}}.tile{z-index:1;width:var(--s);aspect-ratio:1;background:color-mix(in srgb,var(--c) calc(var(--lit) * 72%),var(--tile-off));backdrop-filter:blur(7px)saturate(150%);border:1px solid var(--tile-rim);box-shadow:inset 0 1px 0 #ffffffd9,inset 0 -5px 10px var(--tile-mix),0 3px 8px rgba(40,80,30,calc(.03 + var(--lit) * .05));transform-origin:50% 60%;animation:4.4s ease-in-out infinite tbreath;animation-delay:calc(var(--d) * -.45s - var(--ph));border-radius:22%;transition:background .6s;position:relative;overflow:hidden}@keyframes tbreath{0%,to{transform:scale(1)}50%{transform:scale(1.025,.975)}}.tile i{border-radius:inherit;opacity:calc(.25 + var(--lit) * .6);pointer-events:none;background:radial-gradient(55% 55% at 30% 25%,#ffffff80,transparent 70%),radial-gradient(70% 60% at 70% 80%,color-mix(in srgb,var(--c) 70%,#fff),transparent 72%);animation:7s ease-in-out infinite alternate tflow;animation-delay:calc(var(--ph) * -2);background-size:180% 180%;position:absolute;inset:0}@keyframes tflow{0%{background-position:0 0}to{background-position:100% 100%}}.tile.pop{animation:.7s cubic-bezier(.34,1.56,.64,1) both tpop,4.4s ease-in-out .7s infinite tbreath}@keyframes tpop{0%{transform:scale(.86)}40%{transform:scale(1.07,.95)}65%{transform:scale(.97,1.03)}to{transform:scale(1)}}#loader.complete .tile{animation:.8s cubic-bezier(.34,1.56,.64,1) both twave;animation-delay:calc(var(--d) * 90ms)}@keyframes twave{0%{transform:scale(1)}35%{transform:scale(1.08,.94)}60%{transform:scale(.97,1.03)}to{transform:scale(1)}}#loader .ld-count{letter-spacing:-.02em;font:700 clamp(26px,3.6vw,38px)/1 var(--f-display)!important;color:var(--ld-ink)!important;text-shadow:none!important;filter:none!important;background:0 0!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;animation:none!important}#loader .ld-count .pct{opacity:.55;font-size:.5em}#loader .ld-stage{color:var(--ld-ink);margin-top:-6px}#loader.done{clip-path:inset(0 0 100%)}@media (prefers-reduced-motion:reduce){.tile,.tile i,.ld-glow b{animation:none!important}}#loader.quick{display:none!important}.chip{color:inherit;text-decoration:none}#grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=1000px){#grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){#grid{grid-template-columns:1fr}}.wcard .art{aspect-ratio:4/3;background:var(--paper-2)}.wcard .art img{object-fit:cover;width:100%;height:100%;transition:transform .9s var(--ease);display:block}.wcard:hover .art img,.wcard:focus-visible .art img{transform:scale(1.045)}.wcard{animation:cardIn .6s var(--ease) both;animation-delay:calc(var(--i,0) * 50ms)}@keyframes cardIn{0%{opacity:0;transform:translateY(14px)}}#resume{z-index:5;padding:clamp(56px,8vw,120px) var(--gutter);background:radial-gradient(30vw 24vw at 92% 80%,var(--orb-d),transparent 70%),radial-gradient(28vw 22vw at 4% 10%,var(--orb-c),transparent 70%),var(--paper);position:relative;overflow:hidden}.resume-in{grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);align-items:start;gap:clamp(32px,5vw,80px);display:grid}@media (width<=900px){.resume-in{grid-template-columns:1fr}}#resume .eyebrow{color:var(--ink-soft);margin:0 0 16px}#resume h2{gap:6px;margin:0 0 16px;display:grid}#resume h2 .zh{font:900 clamp(36px,5vw,72px)/1.05 var(--f-zh)}#resume h2 .en{font:800 clamp(16px,1.8vw,24px)/1 var(--f-display);letter-spacing:-.02em;color:var(--cobalt)}.resume-lead{color:var(--ink-soft);margin:0 0 22px;font-size:16px}.resume-cols{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(24px,3vw,48px);display:grid}@media (width<=700px){.resume-cols{grid-template-columns:1fr}}.rs-h{font:800 17px/1.2 var(--f-zh);align-items:baseline;gap:10px;margin:0 0 14px;display:flex}.rs-h .mono{color:var(--ink-soft);font-size:10px}.rs-h:not(:first-child){margin-top:30px}.tl{border-left:1.5px dashed color-mix(in srgb,var(--cobalt) 45%,transparent);gap:14px;margin:0;padding:0 0 0 18px;list-style:none;display:grid}.tl li{background:linear-gradient(150deg,var(--g-spec),#fff0 46%),var(--g-fill);border:1px solid var(--g-line);box-shadow:inset 0 1px 0 var(--g-edge),var(--g-shadow),var(--g-glow);backdrop-filter:blur(14px);border-radius:18px;gap:3px;padding:14px 16px;display:grid;position:relative}.tl li:before{content:"";background:radial-gradient(circle at 35% 30%,#fff,var(--t,#b9a8ff) 70%);width:13px;height:13px;box-shadow:0 0 0 3px var(--paper),0 0 12px var(--t,#b9a8ff);border-radius:50%;position:absolute;top:20px;left:-26px}.tl li:nth-child(4n+2){--t:#a8e6cf}.tl li:nth-child(4n+3){--t:#ffc59c}.tl li:nth-child(4n+4){--t:#ffb8d6}.tl-t{color:var(--ink-soft);font-size:10.5px}.tl b{font:700 16px/1.35 var(--f-zh)}.tl-r{color:var(--cobalt);font-size:13.5px;font-weight:600}.tl p{color:var(--ink-soft);margin:4px 0 0;font-size:13.5px;line-height:1.7}.rs-skills{gap:10px;margin:0;display:grid}.rs-skills div{grid-template-columns:52px 1fr;align-items:baseline;gap:10px;display:grid}.rs-skills dt{font:700 13px/1 var(--f-zh);color:var(--ink-soft)}.rs-skills dd{flex-wrap:wrap;gap:6px;margin:0;display:flex}.rs-skills dd span{background:var(--g-fill);border:1px solid var(--g-line);box-shadow:inset 0 1px 0 var(--g-edge);border-radius:999px;padding:5px 11px;font-size:13px}.contact-in{align-items:start}.contact-card{gap:16px}.cform{backdrop-filter:blur(18px)saturate(160%);background:linear-gradient(160deg,#ffffff57,#ffffff14);border:1px solid #ffffff8c;border-radius:26px;gap:12px;padding:18px;display:grid;box-shadow:inset 0 1px #fffc,0 18px 40px -20px #1e287873}.cf-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.cf-row.three{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=560px){.cf-row,.cf-row.three{grid-template-columns:1fr}}.cf{gap:6px;min-width:0;display:grid}.cf>span{color:#fff;letter-spacing:.02em;font-size:12.5px;font-weight:700}.cf>span i{font:500 9.5px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;opacity:.7;margin-left:4px;font-style:normal}.cf input,.cf select,.cf textarea{width:100%;font:500 15px/1.5 var(--f-zh);color:#141b45;-webkit-appearance:none;appearance:none;background:#ffffffc7;border:1px solid #ffffffe6;border-radius:14px;outline:none;padding:11px 14px;transition:box-shadow .2s,border-color .2s;box-shadow:inset 0 2px 6px #28348c1f}.cf select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23141B45' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:16px;padding-right:32px}.cf textarea{resize:vertical;min-height:110px}.cf input:focus,.cf select:focus,.cf textarea:focus{border-color:#fff;box-shadow:inset 0 2px 6px #28348c1f,0 0 0 3px #b9a8ffbf}.cf [aria-invalid=true]{border-color:#ff8fa8;box-shadow:0 0 0 3px #ff8fa88c}.cf-hp{width:1px;height:1px;overflow:hidden;position:absolute!important;left:-9999px!important}.cf-foot{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.cf-send{--t:#ffc59c;cursor:pointer;font:700 15px/1 var(--f-zh)}.cf-send[disabled]{opacity:.6;cursor:progress}.cf-msg{color:#fff;font-size:13.5px;font-weight:600}.cf-msg a{color:inherit}.links{grid-template-columns:repeat(3,minmax(0,1fr))}.links a[aria-disabled=true]{opacity:.72}:root[data-theme=dark] .cform{background:linear-gradient(160deg,#3c3c9659,#14184659);border-color:#b9a8ff59;box-shadow:inset 0 1px #cdc3ff4d,0 0 30px -8px #9682ff59}:root[data-theme=dark] .cf input,:root[data-theme=dark] .cf select,:root[data-theme=dark] .cf textarea{color:#eef0ff;background-color:#0e123cb3;border-color:#b9a8ff73}:root[data-theme=dark] .cf select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EEF0FF' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .cform{background:linear-gradient(160deg,#3c3c9659,#14184659);border-color:#b9a8ff59}:root:not([data-theme=light]) .cf input,:root:not([data-theme=light]) .cf select,:root:not([data-theme=light]) .cf textarea{color:#eef0ff;background-color:#0e123cb3;border-color:#b9a8ff73}}@media (width<=560px){.mail strong{word-break:break-all;font-size:18px!important}}#cursor{--cur:#1b2459;--halo:#ffffffeb;z-index:98}:root[data-theme=dark] #cursor,body.lb-open #cursor{--cur:#f4f2ff;--halo:#080a28c7}body.lb-open #cursor .c-ring{box-shadow:0 0 0 1.5px var(--halo),inset 0 0 0 1.5px var(--halo),0 0 14px #c8beff8c}#cursor .c-dot,#cursor .c-ring{mix-blend-mode:normal}#cursor .c-dot{background:var(--cur);width:8px;height:8px;box-shadow:0 0 0 2px var(--halo),0 1px 4px #00000040;margin:-4px 0 0 -4px}#cursor .c-ring{border:2px solid var(--cur);box-shadow:0 0 0 1.5px var(--halo),inset 0 0 0 1.5px var(--halo),0 2px 10px #141b452e}.foot-btns{flex-wrap:wrap;gap:10px;display:flex}#liteBtn[aria-pressed=true]{--t:#a8e6cf;font-weight:700}body.view-open{overflow:hidden}#view{z-index:45;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;opacity:0;transition:opacity .35s var(--ease),transform .45s var(--ease);position:fixed;inset:0;overflow-y:auto;transform:translateY(18px)}#view.on{opacity:1;transform:none}.view-bg{z-index:-1;background:radial-gradient(40vw 30vw at 6% 8%,var(--orb-a),transparent 70%),radial-gradient(36vw 28vw at 96% 30%,var(--orb-b),transparent 70%), radial-gradient(30vw 26vw at 40% 100%,var(--orb-c),transparent 70%),var(--paper);position:fixed;inset:0}.view-in{padding:calc(env(safe-area-inset-top,0px) + clamp(96px,10vw,128px)) var(--gutter) clamp(64px,8vw,120px);max-width:1440px;color:var(--ink);outline:none;margin:0 auto}.crumb{color:var(--ink-soft);flex-wrap:wrap;gap:8px;margin:0 0 20px;display:flex}.crumb a{color:inherit;border-bottom:1px solid #0000;text-decoration:none}.crumb a:hover{border-color:currentColor}.vp-head{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px 40px;margin-bottom:clamp(20px,3vw,36px);display:grid}.vp-head h1,.wp-head h1{gap:6px;margin:0;display:grid}.vp-head h1 .zh{font:900 clamp(40px,6vw,88px)/1 var(--f-zh)}.vp-head h1 .en{font:800 clamp(18px,2vw,26px)/1 var(--f-display);letter-spacing:-.02em;color:var(--cobalt)}.vp-head p{color:var(--ink-soft);margin:0}@media (width<=760px){.vp-head{grid-template-columns:1fr}}.vp-filters{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 24px;margin-bottom:clamp(22px,3vw,40px);padding-bottom:18px;display:flex}.vp-filters .chips{justify-content:flex-start}.vp-sel{flex-wrap:wrap;gap:10px;display:flex}.vp-sel label{color:var(--ink-soft);align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.vp-sel select{font:600 14px/1 var(--f-zh);color:var(--lg-ink);border:1px solid var(--lg-rim);-webkit-appearance:none;appearance:none;cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2356608A' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 9px center/14px,var(--lg-face);border-radius:999px;padding:9px 30px 9px 14px;box-shadow:inset 0 1.5px #ffffffe6,0 4px 12px -6px #2834784d}.vgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2vw,30px) clamp(14px,1.6vw,24px);display:grid}@media (width<=1000px){.vgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.vgrid{grid-template-columns:1fr}}.vp-empty{text-align:center;color:var(--ink-soft);grid-column:1/-1;padding:48px 0}.vp-more{flex-direction:column;align-items:center;gap:10px;margin-top:clamp(28px,4vw,48px);display:flex}.vp-more .mono{color:var(--ink-soft)}.vp-more button{cursor:pointer;font:700 15px/1 var(--f-zh)}.wp-private{background:color-mix(in srgb,var(--sun) 40%,var(--g-fill));border:1px solid var(--g-line);border-radius:999px;align-items:center;gap:8px;margin:0 0 18px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex}.wp-private svg{width:15px;height:15px}.wp-head{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:end;gap:28px clamp(32px,5vw,80px);margin-bottom:clamp(28px,4vw,56px);display:grid}@media (width<=900px){.wp-head{grid-template-columns:1fr}}.wp-cat{color:var(--cobalt);align-items:baseline;gap:10px;margin:0 0 12px;font-weight:700;display:flex}.wp-cat .mono{opacity:.8;font-size:10px}.wp-head h1{font:900 clamp(30px,4.4vw,64px)/1.12 var(--f-zh);text-wrap:balance}.wp-head h1 span{font:800 clamp(15px,1.6vw,21px)/1.3 var(--f-display);letter-spacing:-.01em;color:var(--ink-soft);margin-top:10px;display:block}.wp-head h1 em{margin-top:.15em;font-size:.62em;font-style:normal;line-height:1.25;display:block}.wp-sum{color:var(--ink-soft);max-width:46ch;margin:18px 0 0;font-size:clamp(16px,1.3vw,18px);line-height:1.8}.wp-info{background:linear-gradient(150deg,var(--g-spec),#fff0 46%),var(--g-fill);border:1px solid var(--g-line);box-shadow:inset 0 1px 0 var(--g-edge),var(--g-shadow),var(--g-glow);backdrop-filter:blur(14px);border-radius:22px;gap:0;margin:0;display:grid;overflow:hidden}.wp-info div{border-top:1px solid var(--line);grid-template-columns:86px 1fr;gap:12px;padding:12px 18px;display:grid}.wp-info div:first-child{border-top:0}.wp-info dt{color:var(--ink-soft);font-size:12.5px;font-weight:700}.wp-info dd{margin:0;font-size:14.5px;font-weight:600}.wp-blocks{gap:clamp(18px,2.4vw,36px);display:grid}.b-text{grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr);gap:12px clamp(24px,4vw,64px);padding:clamp(8px,1.5vw,20px) 0;display:grid}@media (width<=760px){.b-text{grid-template-columns:1fr}}.b-text h2{font:800 clamp(20px,2vw,28px)/1.3 var(--f-zh);margin:0}.b-text p{color:var(--ink-soft);max-width:60ch;margin:0 0 .8em;font-size:16px;line-height:1.95}.b-fig{gap:10px;margin:0;display:grid}.b-fig figcaption{color:var(--ink-soft);align-items:center;gap:8px;font-size:13px;display:flex}.b-fig figcaption:before{content:"";opacity:.6;background:currentColor;width:14px;height:1.5px}.b-zoom{cursor:zoom-in;background:var(--paper-2);border:0;border-radius:22px;width:100%;padding:0;display:block;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff9,0 18px 40px -26px #28348c73}.b-zoom img{width:100%;height:auto;transition:transform .7s var(--ease);display:block}.b-zoom:hover img{transform:scale(1.015)}.b-zoom:after{content:"";opacity:0;background:#ffffffd9 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23141B45' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6'/%3E%3Cpath d='M20 20l-4.5-4.5M11 8v6M8 11h6'/%3E%3C/svg%3E") 50%/18px no-repeat;border-radius:50%;width:34px;height:34px;transition:opacity .25s;position:absolute;bottom:12px;right:12px;box-shadow:0 4px 12px #00000026}.b-zoom:hover:after,.b-zoom:focus-visible:after{opacity:1}.b-pair{grid-template-columns:1fr 1fr;align-items:start;gap:clamp(14px,2vw,28px);display:grid}.b-gal{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:clamp(12px,1.6vw,20px);display:grid}@media (width<=640px){.b-pair{grid-template-columns:1fr}}.b-video{aspect-ratio:16/9;background:#000;border-radius:22px;position:relative;overflow:hidden}.b-video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.b-cmp{--p:50%;border-radius:22px;position:relative;overflow:hidden}.b-cmp img{width:100%;height:auto;display:block}.b-cmp .after{clip-path:inset(0 0 0 var(--p));position:absolute;inset:0}.b-cmp .after img{object-fit:cover;height:100%}.b-cmp input{opacity:0;cursor:ew-resize;width:100%;height:100%;position:absolute;inset:0}.b-cmp .bar{top:0;bottom:0;left:var(--p);pointer-events:none;background:#fff;width:2px;position:absolute;box-shadow:0 0 0 1px #00000026}.b-cmp .bar:after{content:"⇆";color:#141b45;background:#fff;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:700;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wp-share{justify-content:center;margin:clamp(36px,5vw,64px) 0 0;display:flex}.wp-share button{cursor:pointer;font:700 15px/1 var(--f-zh)}.wp-nav{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:clamp(14px,2vw,28px);margin-top:clamp(28px,4vw,48px);padding-top:clamp(24px,3vw,36px);display:grid}.wp-nav a{color:inherit;background:linear-gradient(150deg,var(--g-spec),#fff0 46%),var(--g-fill);border:1px solid var(--g-line);box-shadow:inset 0 1px 0 var(--g-edge),var(--g-shadow);border-radius:22px;grid-template-columns:96px 1fr;align-items:center;gap:14px;padding:10px;text-decoration:none;transition:transform .4s cubic-bezier(.34,1.56,.64,1);display:grid}.wp-nav a:hover{transform:translateY(-3px)}.wp-nav a.next{text-align:right;grid-template-columns:1fr 96px}.wp-nav a.next img{order:2}.wp-nav img{aspect-ratio:4/3;object-fit:cover;border-radius:14px;width:96px;display:block}.wp-nav small{font:500 10px/1.4 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);display:block}.wp-nav b{font:700 15px/1.4 var(--f-zh)}@media (width<=640px){.wp-nav{grid-template-columns:1fr}.wp-nav a,.wp-nav a.next{text-align:left;grid-template-columns:72px 1fr}.wp-nav a.next img{order:0}.wp-nav img{width:72px}}.wp-404{text-align:center;padding:10vh 0}.wp-404 h1{font:900 clamp(32px,5vw,64px)/1.1 var(--f-zh);margin:0 0 14px}.wp-404 p{color:var(--ink-soft);margin:0 0 24px}#lb{z-index:95;backdrop-filter:blur(18px)saturate(140%);opacity:0;transition:opacity .3s var(--ease);background:#0a0e2edb;place-items:center;padding:clamp(56px,7vw,80px) clamp(8px,6vw,96px);display:grid;position:fixed;inset:0}#lb.on{opacity:1}.lb-fig{overscroll-behavior:contain;justify-items:center;gap:12px;max-width:100%;max-height:100%;margin:0;display:grid;overflow:auto}.lb-fig img{cursor:zoom-in;width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 160px);transition:transform .35s var(--ease);border-radius:0;box-shadow:0 30px 80px -20px #0009}.lb-fig.zoomed{place-self:stretch stretch;justify-items:start}.lb-fig.zoomed img{cursor:zoom-out;width:auto;max-width:none;max-height:none}.lb-fig figcaption{color:#ffffffd9;text-align:center;font-size:14px}.lb-btn{cursor:pointer;--t:#d8d2ff;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:absolute}.lb-btn svg{width:20px;height:20px}.lb-x{top:calc(env(safe-area-inset-top,0px) + 14px);right:14px}.lb-p{margin-top:-24px;top:50%;left:14px}.lb-n{margin-top:-24px;top:50%;right:14px}.lb-count{left:50%;top:calc(env(safe-area-inset-top,0px) + 28px);color:#ffffffbf;position:absolute;transform:translate(-50%)}#lb.single .lb-p,#lb.single .lb-n,#lb.single .lb-count{display:none}@media (width<=640px){.lb-p,.lb-n{margin:0;top:auto;bottom:16px}}.lite .pond-grain,.lite .stage:after{display:none}.lite .cloud{animation:none!important}.lite .tl li,.lite .skills li,.lite .wp-info,.lite .wp-nav a,.lite .cform{backdrop-filter:none}@media (prefers-reduced-motion:reduce){#view,#lb,.wcard{transition:none;animation:none}}#view.is-work .view-bg{background:linear-gradient(#1b24590e 1px,#0000 1px) 0 0/30px 30px,linear-gradient(90deg,#1b24590e 1px,#0000 1px) 0 0/30px 30px,radial-gradient(60vw 40vw at 0 0,#ffffffe6,#0000 70%),#f3f3f0}:root[data-theme=dark] #view.is-work .view-bg{background:linear-gradient(#c8cdff0d 1px,#0000 1px) 0 0/30px 30px,linear-gradient(90deg,#c8cdff0d 1px,#0000 1px) 0 0/30px 30px,#0c1030}.view-in.is-work{max-width:none;padding-inline:0}.wrap{max-width:1440px;padding-inline:var(--gutter);margin:0 auto}.wp-tags{justify-content:flex-start;margin:0 0 clamp(16px,2vw,24px)}.wp-tags .chip{font-weight:600}.wp .wp-head{margin:clamp(28px,4vw,52px) 0 clamp(8px,1.5vw,18px)}.wp-share{margin-top:clamp(28px,4vw,48px)}.sec{padding:var(--pad) 0;isolation:isolate;position:relative}.sec-in{z-index:1;padding-inline:var(--gutter);margin:0 auto;position:relative}.w-narrow .sec-in{max-width:880px}.w-normal .sec-in{max-width:1120px}.w-wide .sec-in{max-width:1440px}.w-full .sec-in{max-width:none;padding-inline:0}.sec.has-bg{margin:clamp(14px,2vw,24px) 0}.sec.dark{color:#eef0ff}.sec-t{font:700 15px/1.2 var(--f-zh);color:#1b2459;background:linear-gradient(#ffffffbf,#ffffff59);border:1px solid #ffffffe6;border-radius:999px;align-items:baseline;gap:10px;margin:0 0 clamp(14px,1.8vw,22px);padding:8px 16px;display:inline-flex;box-shadow:inset 0 1.5px #fff,0 6px 16px -8px #28347859}.sec-t small{font:500 9.5px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;opacity:.6}.sec-grid{grid-template-columns:var(--tpl);gap:var(--gap);align-items:var(--al);display:grid}@media (width<=700px){.sec-grid{grid-template-columns:var(--tplM);gap:min(var(--gap),14px)}.sec-grid>*{grid-column:auto!important}}.cl{gap:8px;min-width:0;margin:0;display:grid}.cl figcaption{color:var(--ink-soft);align-items:center;gap:8px;font-size:12.5px;display:flex}.cl figcaption:before{content:"";opacity:.6;background:currentColor;width:12px;height:1.5px}.sec.dark .cl figcaption{color:#eef0ffb3}.cl-box{border-radius:var(--rad,0);width:100%;aspect-ratio:var(--r);color:inherit;font:inherit;text-align:inherit;background:0 0;border:0;margin:0;padding:0;display:block;position:relative;overflow:hidden;container-type:inline-size}.cl-box.is-auto{aspect-ratio:auto}@media (width<=700px){.cl-box{aspect-ratio:var(--rM,var(--r))}.cl-box.is-auto{aspect-ratio:auto}}.cl.shadow .cl-box{box-shadow:inset 0 1px #ffffffb3,0 18px 36px -22px #1b24598c,0 2px 6px #1b245914}.cl-img{width:100%;height:auto;display:block}.cl-bgimg{width:100%;height:100%;position:absolute;inset:0}.cl-zoom{cursor:zoom-in}.cl-zoom .cl-img,.cl-zoom .cl-bgimg{transition:transform .7s var(--ease)}.cl-zoom:hover .cl-img,.cl-zoom:hover .cl-bgimg{transform:scale(1.02)}.cl-stack{gap:var(--sg,var(--gap));align-content:start;min-width:0;display:grid}.cl-text{padding:clamp(4px,1vw,12px) 0}.cl-text h2{font:800 clamp(20px,2vw,28px)/1.3 var(--f-zh);margin:0 0 12px}.cl-text p{color:var(--ink-soft);max-width:62ch;margin:0 0 .8em;font-size:16px;line-height:1.95}.w-narrow .cl-text{grid-template-columns:minmax(0,.5fr) minmax(0,1.5fr);gap:8px clamp(20px,4vw,56px);display:grid}@media (width<=700px){.w-narrow .cl-text{grid-template-columns:1fr}}.sec.dark .cl-text p{color:#eef0ffbf}.cl-layers{pointer-events:none;position:absolute;inset:0}.ly{left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);width:calc(var(--w) * 1%);transform:translate(-50%,-50%) rotate(var(--rot,0deg));position:absolute}@media (width<=700px){.ly{left:calc(var(--mx,var(--x)) * 1%);top:calc(var(--my,var(--y)) * 1%);width:calc(var(--mw,var(--w)) * 1%)}.ly[data-mhide]{display:none}.fr-polaroid{padding:calc(var(--mw,var(--w)) * .05cqw) calc(var(--mw,var(--w)) * .05cqw) calc(var(--mw,var(--w)) * .17cqw)}.ly-text{--fs:var(--mfs)!important}}.ly-img{box-sizing:border-box;height:auto;display:block}.fr-polaroid{padding:calc(var(--w) * .05cqw) calc(var(--w) * .05cqw) calc(var(--w) * .17cqw);background:#fff;box-shadow:0 18px 34px -12px #00000073,0 2px 4px #00000026}.fr-shadow{border-radius:10px;box-shadow:0 18px 34px -12px #00000073}.fr-round{aspect-ratio:1;object-fit:cover;border-radius:50%}.ly-text{max-width:calc(var(--w) * 1%);font-size:calc(var(--fs) * 1cqw);white-space:pre-line;text-wrap:balance;line-height:1.25;width:max-content!important}@media (width<=700px){.ly-text{max-width:calc(var(--mw,var(--w)) * 1%)}}.ly-text.pill{background:var(--pill);letter-spacing:.04em;border-radius:999px;padding:.45em 1.1em;box-shadow:0 8px 20px -10px #00000080}.f-serif{font-family:Instrument Serif,Songti TC,Noto Serif TC,Georgia,serif;font-weight:400}.f-sans{font-family:var(--f-zh);font-weight:700}.f-display{font-family:var(--f-display);letter-spacing:-.02em;font-weight:800}.f-round{font-family:var(--f-zh-round)}.f-mono{font-family:var(--f-mono);text-transform:uppercase;font-weight:500}.ly-stk{text-align:center;font-size:calc(var(--w) * .82cqw);filter:drop-shadow(0 6px 10px #0000004d);line-height:1;display:block}@media (width<=700px){.ly-stk{font-size:calc(var(--mw,var(--w)) * .82cqw)}}.ly-tile{aspect-ratio:1;display:block}.ly-tile img{object-fit:contain;filter:drop-shadow(0 10px 14px #0006);border-radius:22%;width:100%;height:100%;display:block}.ly-shape{display:block}.ly-shape svg{filter:drop-shadow(0 16px 24px #00000040);width:100%;height:auto;display:block;overflow:visible}.sh-scribble svg{filter:none}.sh-text{text-align:center;font-size:calc(var(--w) * .135cqw);letter-spacing:-.01em;white-space:nowrap;line-height:1.05;position:absolute;top:60%;left:8%;right:8%;transform:translateY(-50%)}@media (width<=700px){.sh-text{font-size:calc(var(--mw,var(--w)) * .135cqw)}}.pat{--p1:#eef1ff;--p2:#c9d6ff;background-color:var(--p1)}.sec.pat{--q1:var(--p1);--q2:var(--p2);background-color:var(--q1)}:root[data-theme=dark] .sec.pat:not(.dark){--q1:color-mix(in srgb,var(--p1) 10%,#10153a);--q2:color-mix(in srgb,var(--p2) 22%,#10153a)}.sec.has-bg:not(.pat){background:var(--p1)}.sec.pat-grid{background-image:linear-gradient(var(--q2) 1px,transparent 1px),linear-gradient(90deg,var(--q2) 1px,transparent 1px);background-size:28px 28px}.sec.pat-dots{background-image:radial-gradient(circle,var(--q2) 1.6px,transparent 2.2px);background-size:16px 16px}.cl-box.pat-grid{background-image:linear-gradient(var(--p2) 1px,transparent 1px),linear-gradient(90deg,var(--p2) 1px,transparent 1px);background-size:24px 24px}.cl-box.pat-dots{background-image:radial-gradient(circle,var(--p2) 1.6px,transparent 2.2px);background-size:14px 14px}.pat-paper{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .06 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}.pat-halftone{background:radial-gradient(70% 90% at 70% 40%,color-mix(in srgb,var(--p2) 55%,transparent),transparent 60%),var(--p1)}.pat-halftone:before,.pat-halftone:after{content:"";pointer-events:none;background:radial-gradient(circle,var(--p2) 36%,transparent 40%) 0 0/9px 9px;position:absolute;inset:0}.pat-halftone:before{opacity:.95;-webkit-mask:radial-gradient(48% 70% at 18% 40%,#000 20%,#0000 75%);mask:radial-gradient(48% 70% at 18% 40%,#000 20%,#0000 75%)}.pat-halftone:after{opacity:.7;background-size:12px 12px;-webkit-mask:radial-gradient(42% 60% at 86% 70%,#000 15%,#0000 72%);mask:radial-gradient(42% 60% at 86% 70%,#000 15%,#0000 72%)}.cl-layers{z-index:1}.sec.hero{margin:0 0 4px;padding:0}.sec.hero .cl-box{border-radius:0;box-shadow:inset 0 -1px #00000014}@media (prefers-reduced-motion:no-preference){.sec.hero .ly{animation:.8s cubic-bezier(.34,1.56,.64,1) both lyIn;animation-delay:calc(var(--y) * 6ms)}.sec.hero .ly-tile,.sec.hero .ly-stk{animation:.8s cubic-bezier(.34,1.56,.64,1) both lyIn,5s ease-in-out 1s infinite lyFloat}}@keyframes lyIn{0%{opacity:0;transform:translate(-50%,-30%) rotate(var(--rot,0deg)) scale(.8)}}@keyframes lyFloat{50%{transform:translate(-50%,-56%) rotate(calc(var(--rot,0deg) * -1))}}.cl-cmp{--p:50%;user-select:none;background:var(--paper-2);position:relative;overflow:hidden}.cl-cmp img{object-fit:cover;width:100%;height:100%;display:block}.cl-cmp .after{clip-path:inset(0 0 0 var(--p));position:absolute;inset:0}.cl-cmp input{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.cl-cmp .bar{top:0;bottom:0;left:var(--p);pointer-events:none;background:#fff;width:2px;margin-left:-1px;position:absolute;box-shadow:0 0 0 1px #141b452e}.cl-cmp .bar i{background:#fff;border-radius:50%;place-items:center;width:42px;height:42px;margin:-21px 0 0 -21px;display:grid;position:absolute;top:50%;left:50%;box-shadow:0 6px 16px #141b454d}.cl-cmp .bar i:before{content:"⇆";color:#1b2459;font:700 18px/1 var(--f-display)}.cmp-l{z-index:1;color:#fff;pointer-events:none;background:#141b45b8;border-radius:999px;padding:5px 11px;font-size:12px;font-weight:700;position:absolute;top:12px}.cmp-l.l{left:12px}.cmp-l.r{right:12px}.cl-proc{align-items:flex-start;gap:clamp(8px,1.2vw,16px);display:flex}.pr-step{flex:1 1 0;gap:10px;min-width:0;margin:0;display:grid}.pr-img{aspect-ratio:4/3;cursor:zoom-in;background:#fff;border:0;width:100%;padding:0;display:block;overflow:hidden;box-shadow:0 14px 30px -20px #1b245980}.pr-img img{object-fit:cover;width:100%;height:100%;transition:transform .7s var(--ease);display:block}.pr-img:hover img{transform:scale(1.03)}.pr-step figcaption{align-items:baseline;gap:8px;font-size:14px;font-weight:700;display:flex}.pr-step figcaption b{font:600 11px/1 var(--f-mono);color:var(--cobalt)}.pr-arrow{font:700 22px/1 var(--f-display);color:var(--cobalt);flex:none;align-self:center;margin-top:-28px}@media (width<=700px){.cl-proc{flex-direction:column;align-items:stretch}.pr-arrow{align-self:center;margin:0;transform:rotate(90deg)}}.cl-loop{cursor:zoom-in;background:var(--paper-2);border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.lp-track{height:100%;transform:translateX(calc(var(--k,0) * -100%));transition:transform .75s cubic-bezier(.65,0,.35,1);display:flex}.lp-track img{object-fit:cover;flex:0 0 100%;width:100%;height:100%;display:block}.lp-dots{pointer-events:none;justify-content:center;gap:6px;display:flex;position:absolute;bottom:12px;left:0;right:0}.lp-dots i{background:#fff9;border-radius:3px;width:6px;height:6px;transition:width .3s;box-shadow:0 1px 3px #00000040}.lp-dots i.on{background:#fff;width:18px}.cl-box video{display:block}.wp-rel{margin-top:clamp(40px,5vw,72px)}.wcard .art{position:relative}.lock-badge{z-index:2;color:#1b2459;background:#ffffffe6;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex;position:absolute;top:12px;left:12px;box-shadow:0 4px 12px #141b4533}.lock-badge svg{width:14px;height:14px}.wcard.locked .art img{filter:blur(12px)saturate(.85);transform:scale(1.1)}.lock-page{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,64px);padding:clamp(24px,5vw,72px) 0;display:grid}@media (width<=760px){.lock-page{grid-template-columns:1fr}}.lock-cover{aspect-ratio:4/3;overflow:hidden}.lock-cover img{object-fit:cover;filter:blur(16px)saturate(.8);width:100%;height:100%;transform:scale(1.15)}.lock-ic{background:var(--g-fill);border:1px solid var(--g-line);width:52px;height:52px;box-shadow:inset 0 1px 0 var(--g-edge),var(--g-shadow);border-radius:50%;place-items:center;display:inline-grid}.lock-ic svg{width:24px;height:24px}.lock-box h1{font:900 clamp(26px,3.4vw,44px)/1.2 var(--f-zh);margin:6px 0 10px}.lock-box .mono{color:var(--ink-soft);margin:14px 0 0}.lock-sum{color:var(--ink-soft);margin:0 0 20px}.lock-form{flex-wrap:wrap;gap:10px;display:flex}.lock-form input{font:600 16px/1 var(--f-zh);border:1px solid var(--lg-rim);background:var(--lg-face);color:var(--ink);border-radius:999px;flex:200px;padding:13px 16px;box-shadow:inset 0 2px 6px #28348c1f}.lock-form button{cursor:pointer;font:700 15px/1 var(--f-zh)}.lock-msg{color:#e23d6b;min-height:1.4em;font-weight:700}.crumb-back{color:var(--ink-soft);text-decoration:none}.wp-draft{background:color-mix(in srgb,#a8e6cf 55%,var(--g-fill))!important}.img-guard #view img,.img-guard #lb img,.img-guard #grid img{-webkit-user-drag:none;user-select:none;-webkit-touch-callout:none}.lb-pic{max-width:100%;line-height:0;display:block;position:relative}#lb.wm .lb-pic:after{content:"";pointer-events:none;background:var(--wm) repeat;background-size:260px 160px;position:absolute;inset:0}.lb-fig.zoomed .lb-pic{max-width:none}.tpl{border-top:1.5px dashed var(--line);margin:clamp(32px,4vw,56px) 0 0;padding-top:clamp(24px,3vw,40px)}.tpl-h{font:800 clamp(22px,2.4vw,30px)/1.3 var(--f-zh);margin:0 0 6px}.tpl-h small{color:var(--ink-soft);font-size:11px}.tpl-d{color:var(--ink-soft);margin:0 0 8px}.tpl-tabs{justify-content:flex-start}#view.is-pdf .view-bg{background:linear-gradient(#1b24590d 1px,#0000 1px) 0 0/30px 30px,linear-gradient(90deg,#1b24590d 1px,#0000 1px) 0 0/30px 30px,#e9eaf0}.pdf-ui{grid-template-columns:340px minmax(0,1fr);align-items:start;gap:clamp(20px,3vw,40px);max-width:1500px;display:grid}@media (width<=900px){.pdf-ui{grid-template-columns:1fr}}.pdf-side{gap:14px;max-height:calc(100vh - 120px);padding-right:4px;display:grid;position:sticky;top:96px;overflow:auto}@media (width<=900px){.pdf-side{max-height:none;position:static}}.pdf-h{font:900 30px/1.15 var(--f-zh);gap:4px;margin:0;display:grid}.pdf-h small{font:500 11px/1 var(--f-mono);letter-spacing:.08em;color:var(--ink-soft);text-transform:uppercase}.pdf-note{color:var(--ink-soft);margin:0;font-size:13.5px;line-height:1.7}.pdf-works{border:0;gap:6px;margin:0;padding:0;display:grid}.pdf-works legend{margin-bottom:6px;font-weight:800}.pdf-w{background:var(--g-fill);border:1px solid var(--g-line);cursor:pointer;border-radius:14px;grid-template-columns:18px 52px 1fr;align-items:center;gap:10px;padding:6px 8px;display:grid}.pdf-w img{aspect-ratio:4/3;object-fit:cover;width:52px;display:block}.pdf-w b{font-size:13px;line-height:1.35;display:block}.pdf-w small{color:var(--ink-soft);font-size:11px}.pdf-opts{gap:8px;font-size:14px;display:grid}.pdf-opt{align-items:center;gap:8px;display:flex}.pdf-opt select{font:600 14px/1 var(--f-zh);border-radius:8px;padding:4px 8px}.pdf-act{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.pdf-act button{cursor:pointer;font:700 15px/1 var(--f-zh)}.pdf-act .mono{color:var(--ink-soft)}.pdf-pages{gap:22px;display:grid}.pg{aspect-ratio:297/210;color:#141b45;font-family:var(--f-zh);-webkit-print-color-adjust:exact;print-color-adjust:exact;background:linear-gradient(#1b24590b 1px,#0000 1px) 0 0/2.6cqw 2.6cqw,linear-gradient(90deg,#1b24590b 1px,#0000 1px) 0 0/2.6cqw 2.6cqw,#fbfbf8;position:relative;overflow:hidden;box-shadow:0 20px 40px -24px #141b4573;container-type:inline-size}.pg-foot{font:500 .95cqw/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:#56608a;justify-content:space-between;display:flex;position:absolute;bottom:2.4cqw;left:4cqw;right:4cqw}.pg-eyebrow{font:600 1.05cqw/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;color:#4f6beb;margin:0 0 1.2cqw}.pc-dots{flex-direction:column;gap:1.4cqw;display:flex;position:absolute;top:7cqw;right:7cqw}.pc-dots i{background:#ffd36b;border-radius:50%;width:7cqw;height:7cqw;display:block}.pc-dots i:nth-child(2){background:#ff8fa8}.pc-dots i:nth-child(3){background:#5a7cf2}.pc-logo{width:38cqw;height:auto;position:absolute;top:18cqw;left:7cqw}.pc-role{font:700 1.8cqw/1.4 var(--f-zh);margin:0;position:absolute;top:31cqw;left:7.4cqw}.pc-role span{font:500 1.15cqw/1.4 var(--f-mono);color:#56608a;letter-spacing:.06em;display:block}.pc-title{font:800 7.6cqw/.9 var(--f-display);letter-spacing:-.03em;color:#1b2459;margin:0;position:absolute;bottom:7cqw;left:7cqw}.pc-list{gap:.9cqw;max-width:30cqw;margin:0;padding:0;font-size:1.25cqw;list-style:none;display:grid;position:absolute;top:9cqw;right:20cqw}.pc-list b{font:600 1cqw/1 var(--f-mono);color:#4f6beb;margin-right:1cqw}.pg-about{grid-template-columns:1fr 1fr;gap:5cqw;padding:7cqw 7cqw 8cqw;display:grid}.pg-about h2{font:900 4cqw/1 var(--f-zh);margin:0 0 2cqw}.pa-bio{color:#3d466e;margin:0 0 2.4cqw;font-size:1.4cqw;line-height:1.9}.pa-skills{gap:.9cqw;font-size:1.2cqw;display:grid}.pa-skills b{color:#4f6beb;min-width:5cqw;display:inline-block}.pa-mail{font:600 1.4cqw/1 var(--f-mono);margin-top:2.4cqw}.pa-r ol{border-left:.15cqw solid #c9d3ff;gap:1.3cqw;margin:0 0 2.6cqw;padding:0 0 0 2cqw;list-style:none;display:grid}.pa-r li{gap:.3cqw;display:grid}.pa-r li span{font:500 1cqw/1 var(--f-mono);color:#56608a}.pa-r li b{font-size:1.45cqw}.pa-r li em{color:#4f6beb;font-size:1.2cqw;font-style:normal;font-weight:600}.pg-work{grid-template-columns:36% 1fr;gap:4cqw;padding:6cqw 5cqw 7cqw 7cqw;display:grid}.pw-l h2{font:900 3cqw/1.2 var(--f-zh);margin:0}.pw-l h2 em{margin-top:.3em;font-size:.62em;font-style:normal;display:block}.pw-en{font:700 1.2cqw/1.4 var(--f-display);color:#56608a;margin:.8cqw 0 2cqw}.pw-sum{color:#3d466e;margin:0 0 1.4cqw;font-size:1.35cqw;line-height:1.8}.pw-body{color:#56608a;margin:0 0 2cqw;font-size:1.15cqw;line-height:1.8}.pw-l dl{border-top:.12cqw solid #d6dcec;gap:.6cqw;margin:0;padding-top:1.4cqw;display:grid}.pw-l dl div{grid-template-columns:8cqw 1fr;gap:1cqw;font-size:1.1cqw;display:grid}.pw-l dt{color:#56608a;font-weight:700}.pw-l dd{margin:0;font-weight:600}.pw-r{justify-content:center;align-items:center;height:100%;min-height:0;display:flex}.pw-r img{object-fit:contain;max-width:100%;max-height:100%;display:block;box-shadow:0 2cqw 4cqw -2.4cqw #141b4580}.pg-gal{gap:1.8cqw;padding:5cqw 5cqw 6.6cqw;display:grid}.pg-gal.g1{grid-template-columns:1fr}.pg-gal.g2{grid-template-columns:1fr 1fr}.pg-gal.g3{grid-template-columns:repeat(3,1fr)}.pg-gal.g4{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr}.pg-gal.g5,.pg-gal.g6{grid-template-rows:1fr 1fr;grid-template-columns:repeat(3,1fr)}.pg-gal figure{grid-template-rows:minmax(0,1fr) auto;gap:.6cqw;min-height:0;margin:0;display:grid}.pg-gal img{object-fit:contain;width:100%;height:100%;display:block}.pg-gal figcaption{color:#56608a;text-align:center;font-size:.95cqw}.pg-end{text-align:center;place-content:center;justify-items:center;gap:1cqw;display:grid}.pe-thanks{font:800 7cqw/1 var(--f-display);letter-spacing:-.03em;color:#1b2459;margin:0}.pe-zh{font:700 1.8cqw/1 var(--f-zh);margin:0}.pe-mail{font:600 1.6cqw/1 var(--f-mono);color:#4f6beb;margin:2cqw 0 0}.pe-logo{width:16cqw;margin-top:3cqw}@media print{@page{size:A4 landscape;margin:0}html.pdf-mode,html.pdf-mode body{background:#fff!important;margin:0!important;padding:0!important}html.pdf-mode body>:not(#view){display:none!important}html.pdf-mode body.view-open{overflow:visible}html.pdf-mode #view{opacity:1!important;position:static!important;overflow:visible!important;transform:none!important}html.pdf-mode .view-bg,html.pdf-mode .pdf-side{display:none!important}html.pdf-mode .view-in{max-width:none!important;padding:0!important}html.pdf-mode .pdf-ui{max-width:none;padding:0;display:block}html.pdf-mode .pdf-pages{display:block}html.pdf-mode .pg{aspect-ratio:auto;width:297mm;height:210mm;box-shadow:none;break-after:page;page-break-after:always}}#view.static-view{z-index:auto;opacity:1;min-height:100vh;position:relative;inset:auto;overflow:visible;transform:none}#view.static-view .view-bg{z-index:-1;position:fixed;inset:0}.card[hidden]{display:none!important}.vp-empty[hidden]{display:none}main img[style*=background-image]{background-repeat:no-repeat}