:root{--paper: #f4f4f3;--ink: #3f3f6d;--ink-strong: #121314;--mark: rgba(161, 218, 192, .82);--line: #3f3f6d;--card: #ffffff;--font-sans: "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-serif: "Songti SC", STSong, Georgia, serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}::selection{background:var(--mark);color:var(--ink-strong)}html,body{margin:0;min-height:100%;background:var(--paper)}body{overflow:hidden;color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}.page{display:grid;width:100%;min-height:100vh;place-items:center;overflow:hidden;padding:60px clamp(32px,11.458vw,220px);background:var(--paper)}.sheet{display:grid;max-width:100%;width:min(1480px,100%);height:min(960px,calc(100vh - 120px));min-height:560px;grid-template-columns:repeat(2,minmax(375px,1fr))}.detail-view{grid-template-columns:minmax(0,2fr) minmax(375px,1fr)}.intro,.projects,.detail-preview,.detail-info{display:flex;max-width:100%;min-width:0;min-height:0;flex-direction:column;overflow:hidden;border:1px solid var(--line)}.intro{background:var(--card)}.projects{gap:0;border-left:0;background:var(--paper)}.detail-preview{gap:0;background:var(--card)}.detail-info{border-left:0;background:var(--card)}.panel-topbar{display:flex;height:50px;flex:0 0 50px;align-items:center;overflow:hidden;border-bottom:1px solid var(--line);padding:16px;color:var(--ink);font-family:var(--font-mono);font-size:11px;font-weight:400;line-height:1.5}.panel-topbar p{margin:0}.intro-topbar{gap:10px}.intro-topbar p:first-child{flex:1 1 auto;min-width:0}.intro-topbar p:last-child{flex:0 0 auto;font-size:12px;white-space:nowrap}.projects-topbar{justify-content:center}.back-button{width:100%;gap:8px;border:0;border-bottom:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;justify-content:flex-start;text-align:left;text-decoration:none}.back-button img{display:block;width:16px;height:16px;flex:0 0 auto}.back-button span{flex:0 0 auto}.detail-titlebar{justify-content:flex-start;background:var(--paper);font-family:var(--font-sans);font-size:12px}#intro-content{display:contents}.intro-main{display:flex;min-height:0;flex:1 1 auto;flex-direction:column;gap:32px;overflow-y:auto;padding:32px 64px}.intro-heading{display:flex;width:100%;flex:0 0 auto;align-items:flex-end;gap:10px}h1{min-width:0;flex:1 1 auto;margin:0;color:var(--ink);font-family:var(--font-serif);font-size:32px;font-weight:600;letter-spacing:0;line-height:normal;overflow-wrap:anywhere}.avatar-frame{display:grid;width:84px;height:84px;flex:0 0 auto;margin:0;place-items:center;overflow:hidden;border:1px solid var(--line);background:var(--paper)}.avatar-frame img{display:block;width:80px;height:80px;object-fit:cover;object-position:center top}.rule{width:100%;height:1px;flex:0 0 auto;background:var(--line)}.copy{display:flex;width:100%;flex:1 1 auto;flex-direction:column;gap:24px;color:var(--ink);font-size:14px;font-weight:400;letter-spacing:0;line-height:1.8;overflow-wrap:anywhere}.copy p,.list p{width:100%;margin:0}.contact-button{display:flex;width:100%;height:40px;flex:0 0 40px;align-items:center;justify-content:center;margin-top:auto;border:1px solid var(--line);background:var(--card);color:var(--ink);font-size:11px;line-height:1.5;text-decoration:none}.contact-button:focus-visible{outline:1px solid var(--ink);outline-offset:3px}.projects-list{display:flex;min-height:0;flex:1 1 auto;flex-direction:column;gap:32px;overflow-y:auto;padding:32px}.project-card{display:flex;width:100%;flex:0 0 auto;flex-direction:column;gap:8px;scroll-margin-top:32px}.project-media{position:relative;display:block;width:100%;overflow:hidden;border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;text-decoration:none;transition:filter .16s ease}.project-media:focus-visible{outline:1px solid var(--ink);outline-offset:3px}.project-media:after{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='50'%20height='50'%3e%3cg%20fill='rgba(0,0,0,0.5)'%3e%3cpath%20d='M0%200h25v25H0zM25%2025h25v25H25z'/%3e%3c/g%3e%3c/svg%3e");background-position:0 0;background-repeat:repeat;background-size:3px 3px;content:"";opacity:0;pointer-events:none;transition:opacity .16s ease}.project-card:hover .project-media,.project-card:focus-within .project-media{filter:saturate(0)}.project-card:hover .project-media:after,.project-card:focus-within .project-media:after{opacity:1}.project-media img{display:block;width:100%;height:auto}.project-media--contained img{width:100%}.project-media--model{height:auto;aspect-ratio:676 / 350}.project-model-viewer{position:relative;display:block;width:100%;height:100%;pointer-events:none}.project-model-viewer canvas{display:block;width:100%;height:100%}.project-model-placeholder{display:flex;width:100%;height:100%;min-height:180px;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--ink);font-family:var(--font-mono);font-size:12px;line-height:1.5;text-align:center}.project-model-placeholder span:first-child{color:var(--ink-strong);font-size:14px}.project-meta{display:flex;width:100%;align-items:flex-start;gap:10px;color:var(--ink);font-size:12px;line-height:1.5}.project-meta p{margin:0}.project-meta p:first-child{min-width:0;flex:1 1 auto;font-family:var(--font-mono)}.project-meta p:last-child{flex:0 0 auto;font-family:var(--font-sans);white-space:nowrap}.detail-media-list{display:flex;min-height:0;flex:1 1 auto;flex-direction:column;align-items:center;gap:24px;overflow-y:auto;padding:24px}.detail-media-item{display:flex;width:min(708px,100%);flex:0 0 auto;flex-direction:column;align-items:center;gap:8px;margin:0}.detail-media-frame{width:100%;overflow:hidden;border:1px solid var(--line);background:var(--paper)}.detail-media-frame img{display:block;width:100%;height:auto}.detail-media-frame--model{display:block;height:auto;aspect-ratio:676 / 350}.detail-model-viewer{position:relative;width:100%;height:100%;pointer-events:none}.detail-model-viewer canvas{display:block;width:100%;height:100%}.detail-media-item figcaption{width:min(708px,100%);color:var(--ink);font-family:var(--font-mono);font-size:12px;line-height:1.5;text-align:center}.detail-copy{display:flex;min-height:0;flex:1 1 auto;flex-direction:column;gap:32px;overflow-y:auto;padding:16px;background:var(--paper);color:var(--ink);font-family:var(--font-mono);font-size:12px;line-height:1.5}.detail-meta{display:flex;width:100%;flex-direction:column;gap:8px;margin:0}.detail-meta div{display:flex;width:100%;align-items:flex-start;gap:32px}.detail-meta dt{min-width:0;flex:1 1 auto}.detail-meta dd{display:flex;width:160px;flex:0 0 160px;flex-direction:column;gap:4px;margin:0}.detail-section{display:flex;width:100%;flex-direction:column;gap:8px}.detail-section h2,.detail-section p{margin:0;color:var(--ink);font-family:var(--font-mono);font-size:12px;font-weight:400;line-height:1.5}.model-loader{position:absolute;z-index:1;top:50%;left:50%;display:grid;width:40px;height:40px;place-items:center;pointer-events:none;transform:translate(-50%,-50%);opacity:0;transition:opacity .18s ease}.model-loader:before,.model-loader:after{position:absolute;border:1px solid rgba(63,63,109,.34);content:""}.model-loader:before{width:34px;height:34px;animation:model-loader-spin .9s linear infinite}.model-loader:after{width:12px;height:12px;border-color:#3f3f6dcc}.project-model-viewer.is-loading .model-loader,.detail-model-viewer.is-loading .model-loader{opacity:1}@keyframes model-loader-spin{to{transform:rotate(1turn)}}.rich-link{position:relative;display:inline-flex;align-items:center;gap:.28em;color:var(--ink-strong);text-decoration:none;vertical-align:baseline;white-space:nowrap}.rich-link:focus-visible{outline:1px solid var(--ink);outline-offset:3px}.link-icon{display:inline-flex;width:1em;height:1em;flex:0 0 auto;align-items:center;justify-content:center;color:var(--ink);font-size:1em;line-height:1;transform:translateY(.02em)}.link-icon svg,.link-icon img{display:block;width:1em;height:1em}.link-text{position:relative;display:inline-block;isolation:isolate}.link-text:after{position:absolute;z-index:-1;top:60%;right:-.1em;bottom:10%;left:-.1em;background:var(--mark);content:"";transition:top .2s cubic-bezier(0,.8,.13,1)}.rich-link:hover .link-text:after,.rich-link:focus-visible .link-text:after{top:10%}.intro-main,.projects-list{scrollbar-color:rgba(63,63,109,.42) transparent;scrollbar-width:thin}@media (max-width: 980px){body{overflow:auto}.page{display:block;min-height:100vh;overflow:visible;padding:32px 24px 48px}.sheet{width:100%;height:auto;min-height:0;grid-template-columns:minmax(0,1fr)}.intro,.projects,.detail-preview,.detail-info{min-height:0;overflow:visible}.projects,.detail-info{border-top:0;border-left:1px solid var(--line)}.intro-main,.projects-list,.detail-media-list,.detail-copy{overflow:visible}.project-media--model,.detail-media-frame--model{aspect-ratio:676 / 350}}@media (max-width: 720px){.page{padding:24px 18px 40px}.panel-topbar{padding:16px}.intro-main{gap:28px;padding:32px 28px}.intro-heading{flex-direction:column-reverse;align-items:flex-start}h1{font-size:28px}.avatar-frame{align-self:flex-end;width:72px;height:72px}.avatar-frame img{width:68px;height:68px}.copy{font-size:13px}.rich-link{display:inline;white-space:normal}.link-icon{display:inline-flex;vertical-align:-.1em}.link-text{display:inline}.projects,.detail-preview{gap:0}.projects-list,.detail-media-list{gap:24px;padding:24px}.detail-copy{padding:16px}.detail-meta div{gap:16px}.detail-meta dd{width:136px;flex-basis:136px}}