:root{color-scheme:dark;--ink:#112833;--paper:#e9dec7;--muted:#b4c5c7;--gold:#d3b27d;font-family:"Microsoft YaHei UI","Microsoft YaHei","PingFang SC",sans-serif;color:var(--paper);background:var(--ink);font-synthesis:none}
*{box-sizing:border-box}body,h1,p{margin:0}body{isolation:isolate}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}img{display:block;max-width:100%}::selection{background:var(--gold);color:var(--ink)}
.skip-link{position:fixed;top:-90px;left:24px;z-index:10;background:var(--paper);color:var(--ink);padding:14px 20px}.skip-link:focus{top:16px}
.author-page{min-height:100svh;display:flex;flex-direction:column;position:relative;overflow:hidden}.author-header,.author-footer{position:relative;z-index:2;margin-inline:clamp(28px,4.5vw,90px);display:flex;align-items:center;justify-content:space-between;gap:24px}.author-header{height:84px;flex-shrink:0}.wordmark{font:900 24px/1.2 "Arial Black",Arial,sans-serif;letter-spacing:-1.4px}.author-header nav{display:flex;align-items:center;gap:32px;font-size:14px}.author-header nav a{min-height:44px;display:grid;place-items:center;text-shadow:0 2px 6px #00121d}.author-header a[aria-current]{color:var(--gold)}
main{flex:1;display:flex;align-items:center;padding:50px 4.5vw 110px}.author-identity{position:relative;z-index:2;width:27vw;max-width:400px}.hello{font-size:15px;color:var(--muted);margin-bottom:15px}h1{font:900 clamp(58px,5.15vw,92px)/1.06 "Arial Black",Arial,sans-serif;letter-spacing:-.065em;margin-left:-.045em}.alias{font-size:21px;letter-spacing:.12em;color:var(--gold);margin-top:19px}.author-platforms{display:flex;flex-wrap:wrap;gap:0 22px;margin-top:38px;max-width:290px}.author-platforms a{display:flex;align-items:center;gap:13px;min-height:44px;font-size:13px;border-bottom:1px solid #a6bcc330}.author-platforms span{font-size:12px;color:#9fb5b7}.author-platforms a:hover{color:var(--gold);border-color:var(--gold)}.works-entrance{display:inline-flex;align-items:center;min-height:44px;margin-top:34px;padding:0 25px;border:1px solid #bb9e6870;background:#10283288;font-size:13px;transition:background .2s}.works-entrance:hover{background:#365054}
.author-wall{position:absolute;inset:0;z-index:0;overflow:hidden;background:#112833}.wall-canvas{position:absolute;width:max(100vw,150svh);aspect-ratio:3/2;left:50%;top:0;transform:translateX(-50%)}.wall-art{width:100%;height:100%;max-width:none}.author-wall:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#081f2cc9 0%,#0a223080 23%,transparent 36%),linear-gradient(0deg,#081d2a99,transparent 13%),linear-gradient(180deg,#071b2870,transparent 10%)}
/* Coordinates match the inner aperture of the wooden frame in the 1536x1024 artwork. */
.author-avatar{position:absolute;left:50.716146%;top:15.039063%;width:18.229167%;height:26.855469%;overflow:hidden;background:#103623}.author-avatar img{width:100%;height:100%;object-fit:contain;filter:brightness(.94);max-width:none}.author-avatar img[hidden]{display:none}.author-avatar:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 7px 2px #061b17a8}
.frame-link{position:absolute;display:block;border-radius:1px;transition:box-shadow .18s}.frame-link:hover{box-shadow:0 0 0 2px #eac083bb,0 0 25px #e6ba7026}.frame-link:focus-visible{outline:3px solid #ffe2a1;outline-offset:2px;box-shadow:0 0 25px #e6ba7066}
.author-footer{min-height:68px;font-size:11px;color:#bdc8c5;flex-shrink:0}.author-footer a{min-height:44px;display:flex;align-items:center;color:var(--paper)}.author-footer>span:nth-child(2){margin-right:auto}.art-note{font-size:10px}
@media(max-width:1100px),(max-aspect-ratio:4/3){.author-header{height:76px;background:#112833}.author-header,.author-footer{margin-inline:24px}.wordmark{font-size:21px}.author-header nav{font-size:13px;gap:25px}main{display:block;padding:0}.author-wall{position:relative;inset:auto;width:100%;aspect-ratio:1;overflow:hidden}.wall-canvas{width:150%;left:-40%;top:0;transform:none}.author-wall:after{background:linear-gradient(0deg,#112833 0%,#11283340 10%,transparent 22%)}.author-identity{width:auto;max-width:none;padding:20px 24px 34px}.hello{font-size:13px;margin-bottom:10px}h1{font-size:clamp(64px,11vw,94px)}.alias{font-size:19px;margin-top:13px}.author-platforms{max-width:100%;margin-top:24px;gap:0 23px}.author-platforms a{font-size:13px}.works-entrance{margin-top:25px}.author-footer{min-height:70px;gap:16px;border-top:1px solid #bdc8c520}.author-footer>span:nth-child(2){margin-right:0}.art-note{margin-left:auto}}
@media(min-width:681px) and (max-width:1100px),(min-width:681px) and (max-aspect-ratio:4/3){.author-wall{aspect-ratio:1.38}.wall-canvas{width:150%;top:-3vw}.author-identity{display:grid;grid-template-columns:1fr 1fr;column-gap:45px;padding:10px 40px 35px}.hello,h1,.alias{grid-column:1}.author-platforms{grid-column:2;grid-row:1/4;align-content:center;margin:0;max-width:300px}.works-entrance{grid-column:1;justify-self:start}.author-header,.author-footer{margin-inline:40px}}
@media(max-width:360px){.author-header,.author-footer{margin-inline:20px}.author-header nav{gap:18px}.author-identity{padding-inline:20px}.author-footer{flex-wrap:wrap;gap:0 20px;padding-bottom:15px}.art-note{width:100%;margin:0}.author-platforms{gap:0 18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}