:root{--ink:#221d18;--muted:#6c6258;--paper:#efe7d8;--paper-deep:#e0d4c0;--board:#eee2cf;--yellow:#f7b300;--red:#e84935;--blue:#257fc0;--line:#231d17b8;--metal-dark:#35302a;--metal-mid:#8a8379;--metal-light:#f8f6ef;--font-en:"Avenir Next", Avenir;--font-zh:"Source Han Sans SC", "Source Han Sans CN", "Noto Sans CJK SC", "思源黑体";--font-fallback:"Helvetica Neue", Arial, "Microsoft YaHei", sans-serif;--font-stack:var(--font-en), var(--font-zh), var(--font-fallback);--magic-cursor:auto}*{box-sizing:border-box;cursor:var(--magic-cursor)}html,body{min-height:100%;margin:0}body{color:var(--ink);font-family:var(--font-stack);letter-spacing:0;background:radial-gradient(circle at 12% 16%,#ffffffe6,#0000 24%),radial-gradient(circle at 72% 30%,#fff6e1c7,#0000 32%),linear-gradient(135deg,#cfc5b4,#efe5d5 46%,#b9ad9e)}button{font:inherit;cursor:var(--magic-cursor)}.site-shell{min-height:100svh;padding:10px;overflow:auto}.splash-shell{place-items:center;display:grid;overflow:hidden}.splash-screen{z-index:1000;background:radial-gradient(circle at 50% 42%,#ffffffdb,#0000 28%),linear-gradient(135deg,#f2eadc,#e8dcc9);border:2px solid #1e1914eb;border-radius:28px;align-content:center;justify-items:center;width:auto;height:auto;min-height:0;transition:opacity .62s,transform .62s,filter .62s;animation:.68s ease-out both splash-enter;display:grid;position:fixed;inset:10px;overflow:hidden;box-shadow:0 0 0 4px #ffffff73,0 0 0 7px #231d1733,inset 0 0 0 4px #42372b1f,inset 0 0 28px #6e573c24,0 18px 34px #271f1538}.splash-screen:before{content:"";background-image:radial-gradient(circle,#211a1333 0 3px,#0000 3.8px);background-position:6px 7px;background-size:clamp(62px,4.2vw,75px) clamp(62px,4.2vw,75px);position:absolute;inset:40px 48px}.splash-screen:after{z-index:1;content:"";background:#231d17b8;width:72px;height:2px;margin-top:24px;position:relative}.splash-screen.is-exiting{opacity:0;filter:blur(2px);transform:scale(.985)}.splash-screen p,.splash-screen h1{z-index:1;letter-spacing:0;margin:0;position:relative}.splash-screen p{margin-bottom:14px;font-size:clamp(18px,1.4vw,28px);font-weight:900}.splash-screen h1{font-size:clamp(44px,5vw,84px);font-weight:900;line-height:1}.works-page-shell{color:#171411;background:#fff;min-height:100svh;padding:28px}.works-header{border-bottom:1px solid #17141129;align-items:center;gap:28px;padding-bottom:22px;display:flex}.back-home-button,.works-nav-item{color:#171411;cursor:var(--magic-cursor);background:#fff;border:1px solid #17141157;border-radius:8px;font-weight:900}.back-home-button{height:42px;padding:0 18px}.works-nav{flex-wrap:wrap;flex:1;gap:10px;display:flex}.works-nav-item{height:42px;padding:0 16px}.works-nav-item:hover,.works-nav-item.is-active{color:#fff;background:#171411}.works-content{max-width:1180px;margin:82px auto 0}.works-kicker{color:#6c6258;margin:0 0 18px;font-size:13px;font-weight:900}.works-content h1{margin:0;font-size:clamp(52px,7vw,112px);line-height:.92}.works-content>p:not(.works-kicker){color:#4f4941;max-width:520px;margin:26px 0 0;font-size:18px;line-height:1.7}.works-content>.works-summary{white-space:nowrap;scrollbar-width:none;max-width:100%;overflow-x:auto}.works-content>.works-summary::-webkit-scrollbar{display:none}.works-placeholder-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:58px;display:grid}.works-placeholder-grid span{background:linear-gradient(135deg,#f7b30033,#0000 45%),linear-gradient(#f8f8f8,#f0f0f0);border:1px solid #1714112e;min-height:220px}.work-project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 22px;margin-top:52px;display:grid}.work-project-card{color:#171411;text-align:left;background:0 0;border:0;gap:12px;min-width:0;padding:0;display:grid}.project-card-thumb{background:linear-gradient(135deg,#ffffff38,#0000 46%),#eee;border:1px solid #1714112e;border-radius:8px;min-height:240px;transition:transform .18s,box-shadow .18s;display:block;position:relative;overflow:hidden;box-shadow:0 16px 28px #1814101a}.project-card-thumb:before,.project-card-thumb:after{content:"";position:absolute}.project-card-thumb:before{border:1px solid #ffffff85;border-radius:6px;inset:18px}.project-card-thumb:after{background:#ffffffad;border-radius:50%;width:54px;height:54px;bottom:20px;right:20px;box-shadow:0 0 0 10px #ffffff2e}.project-card-thumb.has-image{background:#111}.project-card-thumb.has-image img{object-fit:cover;width:100%;height:100%;transition:transform .24s;position:absolute;inset:0}.project-card-thumb.has-image.ui-healing img{object-fit:contain;background:#000}.project-card-thumb.has-image:before{z-index:1;background:linear-gradient(#0000006b,#0000 38%,#0000002e);border:0;border-radius:0;inset:0}.project-card-thumb.has-image:after{display:none}.work-project-card:hover .project-card-thumb.has-image img{transform:scale(1.035)}.work-project-card:hover .project-card-thumb.has-image.ui-healing img{transform:none}.project-card-index{z-index:2;color:#ffffffe6;font-size:28px;font-weight:950;position:absolute;top:18px;left:20px}.work-project-card:hover .project-card-thumb{transform:translateY(-5px);box-shadow:0 22px 38px #18141026}.project-card-name{font-size:18px;font-weight:950;line-height:1.25;display:block}.project-card-type{color:#6c6258;max-width:92%;font-size:12px;font-weight:850;line-height:1.45;display:block}.work-project-card.is-draft .project-card-name:after{color:#766d62;content:"待补充";border:1px solid #17141138;border-radius:999px;margin-left:8px;padding:2px 6px;font-size:11px;font-weight:850;display:inline-block;transform:translateY(-1px)}.project-card-thumb.aigc-resonance,.project-visual-frame.aigc-resonance{background:radial-gradient(circle at 64% 34%,#ffffff80 0 8%,#0000 9%),radial-gradient(circle at 34% 58%,#f7b300d6 0 16%,#0000 17%),linear-gradient(135deg,#111 0 42%,#257fc0 42% 58%,#f5efe5 58%)}.project-card-thumb.ui-system,.project-visual-frame.ui-system{background:linear-gradient(90deg,#ffffffd9 0 26%,#0000 26%),repeating-linear-gradient(0deg,#1714111f 0 1px,#0000 1px 42px),linear-gradient(135deg,#f5efe5,#257fc0)}.project-card-thumb.ui-mobile,.project-visual-frame.ui-mobile{background:radial-gradient(circle at 72% 28%,#f7b300 0 14%,#0000 15%),linear-gradient(90deg,#171411 0 28%,#0000 28%),linear-gradient(135deg,#f7f4ee,#e84935)}.project-card-thumb.game-play,.project-visual-frame.game-play{background:linear-gradient(45deg,#0000 0 40%,#ffffff57 40% 51%,#0000 51%),radial-gradient(circle at 30% 28%,#f7b300 0 12%,#0000 13%),linear-gradient(135deg,#171411,#257fc0)}.project-card-thumb.game-level,.project-visual-frame.game-level{background:repeating-linear-gradient(90deg,#ffffff2e 0 22px,#0000 22px 44px),linear-gradient(135deg,#e84935 0 34%,#171411 34% 62%,#f7b300 62%)}.project-card-thumb.installation-light,.project-visual-frame.installation-light{background:radial-gradient(circle at 52% 42%,#fffc 0 16%,#0000 17%),linear-gradient(135deg,#f5efe5 0 36%,#171411 36% 68%,#257fc0 68%)}.project-card-thumb.installation-sensor,.project-visual-frame.installation-sensor{background:radial-gradient(circle at 26% 32%,#e84935 0 9%,#0000 10%),radial-gradient(circle at 70% 64%,#f7b300 0 15%,#0000 16%),repeating-linear-gradient(45deg,#1714111a 0 2px,#0000 2px 18px),#f5efe5}.work-detail-view{margin-top:50px}.project-back-button{color:#171411;background:#fff;border:1px solid #17141147;border-radius:8px;height:38px;margin-bottom:18px;padding:0 14px;font-size:13px;font-weight:900}.project-back-button:hover{color:#fff;background:#171411}.work-detail-panel{background:linear-gradient(135deg,#f7b30014,#0000 44%),#fbfaf7;border:1px solid #1714112e;border-radius:8px;grid-template-columns:minmax(300px,.8fr) minmax(420px,1.2fr);align-items:stretch;gap:28px;padding:22px;display:grid;box-shadow:0 18px 34px #18141014}.work-detail-copy{min-width:0}.work-detail-copy h2{margin:0;font-size:clamp(32px,4vw,58px);line-height:.96}.work-detail-panel.is-media-below{grid-template-columns:1fr;gap:24px}.work-detail-panel.is-media-below .work-detail-copy{width:100%;max-width:none}.work-detail-panel.is-media-below .work-detail-media-stack{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.work-detail-panel.is-media-below .project-video-frame{aspect-ratio:16/9;grid-column:1/-1;min-height:0}.work-detail-panel.is-media-below .project-image-frame{aspect-ratio:16/9;min-height:0}.work-detail-panel.is-media-below .work-detail-media-stack.is-game-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.work-detail-panel.is-media-below .is-game-gallery .project-image-frame{aspect-ratio:auto;background:#f3f6f7;place-items:center;min-height:0}.work-detail-panel.is-media-below .is-game-gallery .project-image-frame img{object-fit:contain;height:auto}.work-detail-panel.is-media-below .work-detail-media-stack.is-enerbridge-gallery{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.work-detail-panel.is-media-below .is-enerbridge-gallery .project-image-frame{aspect-ratio:auto;background:#f3f3f1;place-items:center;min-height:0}.work-detail-panel.is-media-below .is-enerbridge-gallery .project-image-frame img{object-fit:contain;width:100%;height:auto}.work-detail-panel.is-media-below .work-detail-media-stack.is-full-width-media .project-image-frame{aspect-ratio:auto;background:#f3f3f1;grid-column:1/-1;place-items:center;min-height:0}.work-detail-panel.is-media-below .is-full-width-media .project-image-frame img{object-fit:contain;width:100%;height:auto}.project-draft-label{color:#6c6258;border:1px solid #1714112e;border-radius:999px;margin-bottom:14px;padding:5px 9px;font-size:12px;font-weight:900;display:inline-block}.work-detail-media-stack{gap:16px;min-width:0;display:grid}.work-detail-panel:not(.is-media-below) .work-detail-media-stack{align-self:end}.project-media-item{min-width:0}.project-media-item.is-video,.work-detail-media-stack.is-full-width-media .project-media-item{grid-column:1/-1}.project-media-cta{color:#3f3831;margin:0 0 10px;font-size:15px;font-weight:800;line-height:1.6}.project-media-cta a{color:#e94836;text-underline-offset:4px;font-weight:950;text-decoration:underline;text-decoration-thickness:2px}.project-media-cta a:hover,.project-media-cta a:focus-visible{color:#bd2319}.project-image-frame,.project-visual-frame{background:#eee;border:1px solid #1714112e;border-radius:8px;place-items:end start;min-height:360px;margin:0;display:grid;position:relative;overflow:hidden}.project-image-frame img{object-fit:cover;width:100%;height:100%;display:block}.project-video-frame figcaption,.project-image-frame figcaption,.project-visual-frame figcaption{z-index:1;color:#ffffffe0;font-size:12px;font-weight:900;position:absolute;bottom:14px;left:16px;right:16px}.aigc-project-list{gap:22px;margin-top:52px;display:grid}.aigc-project-card{background:linear-gradient(135deg,#f7b3001a,#0000 42%),#fbfaf7;border:1px solid #1714112e;border-radius:8px;grid-template-columns:minmax(300px,.82fr) minmax(420px,1.18fr);align-items:stretch;gap:28px;padding:22px;display:grid;box-shadow:0 18px 34px #18141014}.aigc-project-copy{flex-direction:column;min-width:0;display:flex}.project-index{color:var(--yellow);font-family:var(--font-stack);margin:0 0 12px;font-size:18px;font-weight:950}.aigc-project-copy h2{margin:0;font-size:clamp(32px,4vw,58px);line-height:.96}.project-type{color:#3a342e;margin:14px 0 0;font-size:15px;font-weight:900;line-height:1.55}.project-role-block{border-top:1px solid #17141124;margin:22px 0 0;padding-top:18px}.project-role-block strong{margin-bottom:10px;font-size:13px;font-weight:950;display:block}.project-role-block div{flex-wrap:wrap;gap:8px;display:flex}.project-role-block span{color:#3f3831;background:#fff;border:1px solid #1714112e;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900}.project-description{color:#4f4941;margin:18px 0 0;font-size:14px;line-height:1.8}.project-document{border-top:1px solid #302b262e;grid-column:1/-1;margin-top:22px;padding-top:22px}.project-document-kicker{color:#8c7657;margin:0 0 12px;font-size:12px;font-weight:800}.project-document-section{border-top:1px solid #302b262e}.project-document-section:last-child{border-bottom:1px solid #302b262e}.project-document-section summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:58px;font-size:17px;font-weight:800;list-style:none;display:flex}.project-document-section summary::-webkit-details-marker{display:none}.project-document-section summary:after{content:"+";font-size:24px;font-weight:400}.project-document-section[open] summary:after{content:"-"}.project-document-content{padding:0 0 24px}.project-document-content p{color:#4f4941;max-width:860px;margin:0 0 14px;font-size:14px;line-height:1.9}.project-document-content h4{max-width:920px;margin:24px 0 12px;font-size:16px;line-height:1.5}.project-document-content .is-list{padding-left:20px;position:relative}.project-document-content .is-list:before{content:"•";position:absolute;left:3px}.project-document-table-wrap{max-width:100%;margin:16px 0 22px;overflow-x:auto}.project-document-table-wrap table{border-collapse:collapse;color:#4f4941;width:100%;min-width:640px;font-size:13px;line-height:1.65}.project-document-table-wrap td{white-space:pre-line;vertical-align:top;background:#ffffff8f;border:1px solid #302b2629;min-width:120px;padding:10px 12px}.project-document-table-wrap tr:first-child td{background:#dfd8cc66;font-weight:800}.project-document-images{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin-top:16px;display:grid}.project-document-images img{background:#fff;border:1px solid #302b2624;border-radius:6px;width:100%;height:auto;display:block}.project-video-frame{aspect-ratio:16/9;background:radial-gradient(circle at 50% 42%,#ffffff21,#0000 34%),#111;border:1px solid #1714112e;border-radius:8px;place-items:center;width:100%;min-height:0;margin:0;display:grid;position:relative;overflow:hidden}.project-video-frame video{object-fit:contain;background:#111;width:100%;height:100%;display:block}.graphic-wall{columns:5 190px;column-gap:22px;margin-top:52px}.graphic-wall-card{break-inside:avoid;cursor:zoom-in;background:linear-gradient(135deg,#ffffff38,#0000 45%),#eee;border:1px solid #17141129;border-radius:8px;width:100%;min-height:250px;margin:0 0 22px;display:inline-block;position:relative;overflow:hidden;box-shadow:0 14px 24px #1814101a}.graphic-wall-card:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}.graphic-wall-card.has-image{background:#111;min-height:0}.graphic-wall-card.has-image img{width:100%;height:auto;transition:transform .24s;display:block}.graphic-wall-card.has-image:hover img{transform:scale(1.025)}.graphic-wall-card.has-image:before{z-index:1;content:"";opacity:0;background:linear-gradient(#0000 45%,#00000075);transition:opacity .18s;position:absolute;inset:0}.graphic-wall-card.has-image:hover:before{opacity:1}.graphic-wall-card.has-image.tall,.graphic-wall-card.has-image.medium,.graphic-wall-card.has-image.short,.graphic-wall-card.has-image.square,.graphic-wall-card.has-image.mini,.graphic-wall-card.has-image.landscape{min-height:0}.graphic-wall-card:not(.has-image).tall{min-height:360px}.graphic-wall-card:not(.has-image).medium{min-height:300px}.graphic-wall-card:not(.has-image).short{min-height:220px}.graphic-wall-card:not(.has-image).square{min-height:270px}.graphic-wall-card:not(.has-image).mini{min-height:180px}.graphic-wall-card.poster{background:linear-gradient(#0000 58%,#0000002e),radial-gradient(circle at 72% 18%,#f7b300 0 20%,#0000 21%),linear-gradient(135deg,#171411 0 34%,#e84935 34% 58%,#f6efe3 58%)}.graphic-wall-card.brochure{background:repeating-linear-gradient(0deg,#221d181f 0 2px,#0000 2px 28px),linear-gradient(135deg,#f5efe5,#257fc0 42%,#f7b300 43% 58%,#fafafa 59%)}.graphic-wall-card.social{background:radial-gradient(circle at 32% 30%,#f7b300 0 17%,#0000 18%),radial-gradient(circle at 76% 68%,#257fc0 0 21%,#0000 22%),linear-gradient(135deg,#f7f4ee,#e84935)}.graphic-wall-card.wayfinding{background:linear-gradient(90deg,#171411 0 18%,#0000 18%),linear-gradient(135deg,#f7f4ee 0 50%,#257fc0 50% 70%,#f7b300 70%)}.graphic-wall-card.sticker{background:radial-gradient(circle at 28% 28%,#fff 0 12%,#0000 13%),radial-gradient(circle at 70% 62%,#fff 0 16%,#0000 17%),linear-gradient(135deg,#f7b300,#f2eadc 56%,#171411)}.graphic-wall-card.collage{background:linear-gradient(30deg,#0000 0 34%,#ffffff8c 35% 48%,#0000 49%),radial-gradient(circle at 60% 26%,#e84935 0 16%,#0000 17%),linear-gradient(135deg,#171411 0 38%,#f2eadc 38% 64%,#257fc0 64%)}.graphic-wall-card figcaption{z-index:2;color:#fff;opacity:0;background:linear-gradient(#0000,#000000c7);gap:7px;padding:18px;transition:opacity .18s,transform .18s;display:grid;position:absolute;inset:auto 0 0;transform:translateY(14px)}.graphic-wall-card:hover figcaption{opacity:1;transform:translateY(0)}.graphic-wall-card strong{font-size:16px;font-weight:950}.graphic-wall-card span{font-size:13px;font-weight:800;line-height:1.45}.graphic-lightbox{z-index:80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:zoom-out;background:#12100ec7;place-items:center;padding:34px;display:grid;position:fixed;inset:0}.graphic-lightbox-close{z-index:2;color:#171411;cursor:pointer;background:#faf8f3f0;border:1px solid #ffffff8c;border-radius:50%;place-items:center;width:44px;height:44px;font-size:26px;font-weight:500;line-height:1;display:grid;position:fixed;top:24px;right:24px}.graphic-lightbox-content{cursor:default;gap:14px;width:fit-content;max-width:92vw;max-height:90vh;margin:0;display:grid;position:relative}.graphic-lightbox-media{background:#fff;border-radius:8px;place-items:center;width:fit-content;max-width:92vw;max-height:calc(90vh - 76px);display:grid;overflow:hidden;box-shadow:0 24px 60px #00000057}.graphic-lightbox-media img{object-fit:contain;width:auto;max-width:100%;max-height:calc(90vh - 76px);display:block}.graphic-lightbox-media:not(.is-full){width:min(980px,78vw);height:min(680px,68vh)}.graphic-lightbox-media:not(.is-full) img{object-fit:cover;width:100%;max-width:none;height:100%;max-height:none}.graphic-lightbox-media.is-top img{transform-origin:top;transform:scale(1.08)}.graphic-lightbox-media.is-middle img{transform-origin:50%;transform:scale(1.08)}.graphic-lightbox-media.is-bottom img{transform-origin:bottom;transform:scale(1.08)}.graphic-lightbox-media.is-left img{transform-origin:0;transform:scale(1.42)}.graphic-lightbox-media.is-center img{transform-origin:50%;transform:scale(1.42)}.graphic-lightbox-media.is-right img{transform-origin:100%;transform:scale(1.42)}.graphic-lightbox-nav{z-index:3;color:#171411;cursor:pointer;background:#faf8f3f0;border:1px solid #fff9;border-radius:50%;place-items:center;width:44px;height:44px;font-size:32px;line-height:1;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.graphic-lightbox-nav.is-prev{left:-62px}.graphic-lightbox-nav.is-next{right:-62px}.graphic-lightbox-count{z-index:3;color:#fff;background:#141210ad;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:900;position:absolute;top:12px;left:50%;transform:translate(-50%)}.graphic-lightbox-content figcaption{color:#fff;flex-wrap:wrap;align-items:baseline;gap:8px 14px;display:flex}.graphic-lightbox-content strong{font-size:17px;font-weight:950}.graphic-lightbox-content span{color:#ffffffc7;font-size:13px;font-weight:800}.graphic-lightbox-link{color:#fff;background:#faf8f31f;border:1px solid #ffffff8c;border-radius:999px;align-items:center;min-height:30px;padding:0 12px;font-size:12px;font-weight:900;text-decoration:none;transition:background .16s,transform .16s;display:inline-flex}.graphic-lightbox-link:hover{background:#faf8f33d;transform:translateY(-1px)}.portfolio-shell{grid-template-columns:clamp(330px,20vw,410px) minmax(850px,1fr);gap:14px;width:min(2048px,100vw - 20px);min-width:1180px;height:calc(100svh - 20px);min-height:720px;max-height:940px;margin:0 auto;display:grid}.legend-panel,.pegboard{background:var(--paper);border:2px solid #1e1914eb;border-radius:28px;position:relative;box-shadow:0 0 0 4px #ffffff73,0 0 0 7px #231d1738,inset 0 0 0 4px #42372b29,inset 0 0 28px #6e573c2e,0 18px 34px #271f153d}.legend-panel{flex-direction:column;padding:clamp(34px,4.2vh,58px) 48px 36px;display:flex;overflow:hidden}.legend-panel:after,.pegboard:after{pointer-events:none;content:"";border-radius:inherit;mix-blend-mode:multiply;background:linear-gradient(90deg,#0000000a,#0000 12% 88%,#0000000f),repeating-linear-gradient(0deg,#32241809 0 1px,#0000 1px 5px);position:absolute;inset:0}.brand-lockup p{margin:0 0 10px;font-size:clamp(17px,1.2vw,22px);font-weight:900}.brand-lockup span,.mode-block p,.interface-note p,.follow-strip p,.panel-lead,.panel-lines,.panel-cta{color:var(--muted)}.brand-lockup span{font-size:clamp(11px,.9vw,16px);font-weight:700;display:block}.rule{background:var(--line);height:2px;margin:clamp(22px,3vh,34px) 0}.mode-block h2,.board-legend h2,.interface-note h2{margin:0 0 12px;font-size:clamp(15px,1vw,18px);font-weight:900}.mode-block p{align-items:center;gap:8px;margin:0;font-size:clamp(12px,.9vw,15px);font-weight:800;display:flex}.tiny-ring{border:2px solid var(--ink);border-radius:50%;width:11px;height:11px}.board-legend,.interface-note{padding-top:20px;position:relative}.board-legend ul{z-index:1;margin:0;padding:0;list-style:none;position:relative}.legend-row{width:100%;color:var(--ink);cursor:var(--magic-cursor);text-align:left;background:0 0;border:0;border-bottom:2px dotted #211c1647;grid-template-columns:38px 1fr 78px;padding:4px 0 3px;font-size:clamp(12px,.83vw,15px);font-weight:800;display:grid}.legend-row:hover,.legend-row.is-hovered{background:#f7b30038}.corner{border-top:2px solid var(--line);width:11px;height:11px;position:absolute;top:8px}.corner-left{border-left:2px solid var(--line);left:-14px}.corner-right{border-right:2px solid var(--line);right:0}.interface-note{margin-top:26px}.interface-note p{margin:8px 0;font-size:clamp(12px,.86vw,15px);font-weight:800}.big-copy{margin-top:auto}.big-copy h1{overflow-wrap:anywhere;max-width:330px;margin:0;font-size:clamp(24px,2vw,36px);font-weight:950;line-height:1.04}.follow-strip{align-items:flex-end;gap:24px;margin-top:22px;display:flex}.follow-strip strong{border-bottom:2px solid var(--line);padding-bottom:8px;font-size:12px;display:block}.follow-strip p{margin:9px 0 0;font-size:12px;font-weight:800;line-height:1.42}.qr-pair{gap:12px;display:flex}.qr{aspect-ratio:1;background-color:#f8f3e9;background-image:linear-gradient(90deg,#0000 38%,#1d1915 38% 47%,#0000 47%),linear-gradient(#0000 74%,#1d1915 74% 82%,#0000 82%),repeating-linear-gradient(90deg,#1d1915 0 4px,#0000 4px 9px),repeating-linear-gradient(0deg,#0000 0 6px,#1d1915 6px 9px,#0000 9px 14px);background-position:6px 5px,20px 18px,0 0,5px 3px;background-size:38px 38px,46px 46px,13px 17px,17px 13px;border:2px solid #211c16b3;width:70px}.qr-two{transform:rotate(2deg)}.wechat-qr{object-fit:contain;image-rendering:auto;width:118px;height:118px;display:block}.pegboard{--peg-step:clamp(62px, 4.2vw, 75px);--hole-x0:calc(54px + clamp(31px, 2.1vw, 37.5px));--hole-y0:calc(47px + clamp(31px, 2.1vw, 37.5px));--hole-col-1:calc(var(--hole-x0) + var(--peg-step));--hole-col-2:calc(var(--hole-col-1) + var(--peg-step));--hole-col-3:calc(var(--hole-col-2) + var(--peg-step));--hole-col-4:calc(var(--hole-col-3) + var(--peg-step));--hole-col-5:calc(var(--hole-col-4) + var(--peg-step));--hole-col-6:calc(var(--hole-col-5) + var(--peg-step));--hole-col-7:calc(var(--hole-col-6) + var(--peg-step));--hole-col-8:calc(var(--hole-col-7) + var(--peg-step));--hole-col-9:calc(var(--hole-col-8) + var(--peg-step));--hole-col-10:calc(var(--hole-col-9) + var(--peg-step));--hole-col-11:calc(var(--hole-col-10) + var(--peg-step));--hole-col-12:calc(var(--hole-col-11) + var(--peg-step));--hole-col-13:calc(var(--hole-col-12) + var(--peg-step));--hole-col-14:calc(var(--hole-col-13) + var(--peg-step));--hole-col-15:calc(var(--hole-col-14) + var(--peg-step));--hole-col-16:calc(var(--hole-col-15) + var(--peg-step));--hole-col-17:calc(var(--hole-col-16) + var(--peg-step));--hole-row-1:calc(var(--hole-y0) + var(--peg-step));--hole-row-2:calc(var(--hole-row-1) + var(--peg-step));--hole-row-3:calc(var(--hole-row-2) + var(--peg-step));--hole-row-4:calc(var(--hole-row-3) + var(--peg-step));--hole-row-5:calc(var(--hole-row-4) + var(--peg-step));--hole-row-6:calc(var(--hole-row-5) + var(--peg-step));background:radial-gradient(circle at 30% 16%, #ffffffe6, transparent 30%), linear-gradient(115deg, #f3e8d6 0%, var(--board) 45%, #e5d8c3 100%);overflow:hidden}.pegboard:before{z-index:0;content:"";background-image:radial-gradient(circle,#211a13 0 4.8px,#211a13bf 5.2px,#0000 6.1px);background-position:6px 7px;background-size:var(--peg-step) var(--peg-step);position:absolute;inset:40px 48px 32px}.top-rail{z-index:1;background:linear-gradient(#44382b8c,#ffffff8a,#32281f6b);border-radius:20px;height:12px;position:absolute;inset:10px 12px auto;box-shadow:0 2px 5px #29201652}.peg-object{--lift:0px;--scale:1;--rotate:0deg;z-index:4;color:var(--ink);cursor:var(--magic-cursor);text-align:left;transform:translateY(var(--lift)) scale(var(--scale)) rotate(var(--rotate));transform-origin:50% 18%;background:0 0;border:0;padding:0;transition:transform .22s,filter .22s;display:block;position:absolute}.peg-object:hover{--lift:-8px;filter:drop-shadow(0 16px 14px #2f241833)}.peg-object.is-active{--lift:-12px;--scale:1.035;z-index:20;filter:drop-shadow(0 22px 20px #281d1247)}.peg-object.is-legend-hover{z-index:18;filter:drop-shadow(0 18px 16px #2f24183d);animation:.76s ease-in-out infinite peg-wiggle}.peg-object:focus-visible{outline-offset:8px;border-radius:18px;outline:3px solid #f7b300f2}.hanger-photo{z-index:11;pointer-events:none;filter:drop-shadow(0 6px 4px #20191238)drop-shadow(0 15px 12px #20191224);background-position:50%;background-repeat:no-repeat;background-size:contain;display:block;position:absolute}.key-hanger{z-index:13;background-image:url(/hangers/key-ring.png);width:150px;height:324px;top:6px;left:8px}.file-hanger{z-index:16;background-image:url(/hangers/file-clip.png);width:65px;height:198px;top:-2px;left:190px}.id-hanger{background-image:url(/hangers/id-strap.png);width:76px;height:217px;top:-4px;left:149px}.badge-hanger{z-index:18;background-image:url(/hangers/badge-ring.png);width:74px;height:142px;top:-7px;left:88px}.contact-hanger{z-index:18;background-image:url(/hangers/contact-ring.png);background-position:top;background-size:66px;width:66px;height:78px;top:-10px;left:116px}.contact-hanger:before{content:"";background:linear-gradient(#f7f4ec,#f7f4ec) padding-box padding-box,conic-gradient(from -30deg,#2e2924,#f7f4ec 16%,#8f867b 34%,#2f2924 56%,#ddd7ce 76%,#554d45) border-box;border:4px solid #0000;border-radius:999px;width:13px;height:25px;display:block;position:absolute;top:62px;left:50%;transform:translate(-50%)rotate(-4deg);box-shadow:inset 2px 2px 3px #ffffffb8,inset -3px -4px 4px #312a237a,0 4px 7px #221a143d}.contact-hanger:after{display:none}.note-hanger{z-index:18;background-image:url(/hangers/note-chain.png);width:41px;height:155px;top:0;left:63px}.note-hanger:before{content:"";background:linear-gradient(90deg,#2f2924 0 12%,#f8f6ef 42%,#8e857b 66%,#2d2722 100%);border-radius:999px;width:18px;height:42px;position:absolute;top:-5px;left:50%;transform:translate(-50%);box-shadow:inset 2px 0 2px #ffffffad,inset -3px 0 3px #221d187a,0 6px 7px #261e164d}.ring,.key-group,.binder-clip,.id-strap,.bead-chain,.note-clip{display:none}.ring{z-index:2;isolation:isolate;background:radial-gradient(circle at 50% 50%, #efe4d2 0 21px, #e5d8c4eb 22px 24px, transparent 25px), radial-gradient(circle at 34% 24%, #fffffff2 0 5px, transparent 7px), conic-gradient(from -34deg, #3b352e 0 7%, #b8b1a7 10%, var(--metal-light) 15%, #6d655c 23%, #2f2a25 34%, #d8d4cc 49%, #fffdf7 57%, #7d756b 66%, #3b352e 76%, #e1ddd5 88%, #4c453d 100%);border-radius:50%;width:74px;height:74px;position:absolute;box-shadow:inset 5px 6px 8px #ffffff6b,inset -8px -10px 11px #26201a6b,0 0 0 1px #201c18cc,0 2px #ffffff85,0 11px 13px #241c1457}.ring:before{z-index:-1;content:"";background:linear-gradient(90deg,#2d2924 0 13%,#898278 22%,#fbfaf4 42%,#a19a91 62%,#302b26 100%);border-radius:12px;width:16px;height:60px;position:absolute;top:-44px;left:50%;transform:translate(-50%);box-shadow:inset 2px 0 2px #ffffffbf,inset -3px 0 3px #231e198c,0 7px 7px #261f1852}.ring:after{z-index:1;content:"";background:radial-gradient(circle at 48% 44%,#34291c57 0 16%,#0000 18%),radial-gradient(circle,#efe5d4 0 63%,#d8c9b5 100%);border-radius:50%;position:absolute;inset:17px;box-shadow:inset 5px 5px 7px #1c171373,inset -4px -4px 6px #ffffff8f,0 0 0 1px #241f1a6b}.key-object{z-index:5;width:220px;height:420px;top:9.7%;left:3.85%}.ring-key{top:20px;left:70px;transform:rotate(-5deg)}.key-group{width:96px;height:148px;position:absolute;top:90px;left:34px}.metal-tag{color:#918a80;text-align:center;background:linear-gradient(135deg,#efefed,#bdb7ae);border:1px solid #817a6e;border-radius:18px 18px 25px 25px;width:58px;height:74px;padding-top:26px;font-size:9px;position:absolute;top:-32px;left:26px;transform:rotate(-18deg);box-shadow:inset 0 0 12px #ffffffd6,0 6px 10px #241c1233}.key{transform-origin:50% 0;background:linear-gradient(90deg,#6e6a65,#f0ede7 45%,#65605a);border-radius:8px 8px 2px 2px;width:10px;height:116px;position:absolute;top:18px;box-shadow:0 2px 3px #20191240}.key:before{content:"";background:radial-gradient(circle,#efe5d4 0 37%,#0000 39%),conic-gradient(from -25deg,#3b352e,#f6f4ee 18%,#797168 36%,#2f2a25 53%,#dbd6cd 73%,#59524a);border:4px solid #0000;border-radius:50%;width:26px;height:26px;position:absolute;top:-18px;left:-8px;box-shadow:inset -2px -2px 3px #1f1b1661,0 2px 4px #1f191347}.key:after{content:"";clip-path:polygon(0 0,100% 0,100% 28%,45% 28%,45% 55%,100% 55%,100% 82%,0 82%);background:linear-gradient(90deg,#6e6a65,#d9d4cc);border-radius:0 2px 2px 0;width:22px;height:22px;position:absolute;bottom:0;right:-14px}.key-a{left:20px;transform:rotate(24deg)}.key-b{height:104px;left:44px;transform:rotate(8deg)}.yellow-tag{z-index:15;background:linear-gradient(115deg, #ffffff38, transparent 34%), var(--yellow);border:2px solid #9f700080;border-radius:28px 28px 15px 15px;width:116px;height:250px;padding:66px 15px 18px;position:absolute;top:142px;left:88px;box-shadow:inset 0 0 0 2px #ffd3569e,0 10px 16px #4b360047}.tag-hole:before,.yellow-tag:before,.yellow-tag:after{display:none}.yellow-tag:before{left:18px}.yellow-tag:after{right:18px}.tag-hole{z-index:2;isolation:isolate;background:radial-gradient(circle,#17110b 0 25%,#5b41088c 29%,#0000 32%),conic-gradient(from -40deg,#3c362e,#e5e1d7 17%,#9b9287 31%,#f9f7f0 47%,#5b544c 68%,#c7c1b8 84%,#38322b);border:0;border-radius:50%;width:31px;height:31px;position:absolute;top:-6px;left:28px;box-shadow:inset 2px 2px 4px #ffffff94,inset -3px -3px 5px #2e241773,0 2px 4px #2c201242}.tag-hole:before{z-index:1;content:"";border:5px solid #d8d4cc;border-radius:50%;width:24px;height:48px;position:absolute;top:-32px;left:50%;transform:translate(-50%)rotate(7deg);box-shadow:inset 2px 2px 3px #ffffffd1,inset -3px -3px 4px #302a2375,0 3px 5px #2e231738}.tag-hole:after{display:none}.tag-index,.tag-title,.tag-zh,.tag-copy,.tag-arrow,.tag-line{display:block}.tag-index{font-size:14px;font-weight:900}.tag-title{margin-top:8px;font-size:17px;font-weight:900}.tag-zh{margin-top:5px;font-size:13px;font-weight:800}.tag-line{background:#503b049e;width:58px;height:2px;margin:14px 0 11px}.tag-copy{color:#66520d;font-size:10px;line-height:1.36}.tag-arrow{display:none}.file-object{top:calc(var(--hole-y0) - 22px);left:calc(var(--hole-col-7) - 222px);z-index:6;width:450px;height:805px}.ring-file{top:2px;left:201px;transform:rotate(3deg)}.binder-clip{z-index:4;background:linear-gradient(110deg,#ffffffe0 0 17%,#0000 18% 56%,#28221c24 57%),linear-gradient(90deg,#777067 0 9%,#eeeae2 27%,#fff 46%,#a59d92 72%,#4b453e 100%);border:4px solid #4c463fb8;border-radius:10px 10px 4px 4px;width:60px;height:70px;position:absolute;top:93px;left:205px;box-shadow:inset 2px 0 4px #ffffffb8,inset -4px 0 5px #28221c6b,0 8px 9px #1e18124d}.binder-clip:before{content:"";background:linear-gradient(90deg,#2d2924 0 16%,#f8f6ef 44%,#90877e 66%,#2b2722 100%);border-radius:8px;width:10px;height:48px;position:absolute;top:-46px;left:22px;box-shadow:inset 2px 0 2px #ffffffad,0 3px 4px #261e164d}.binder-clip:after{content:"";background:linear-gradient(#ffffffbf,#50494261);border-radius:8px;height:11px;position:absolute;bottom:9px;left:5px;right:5px;box-shadow:inset 0 -2px 2px #251f1957}.clear-file{z-index:13;background:linear-gradient(112deg,#0000 0 62%,#ffffff8c 62% 71%,#0000 71%),linear-gradient(#ffffffd9,#f9fafaad);border:2px solid #56585a52;border-radius:18px;width:440px;height:650px;padding:65px 38px 34px;position:absolute;top:142px;left:0;overflow:hidden;box-shadow:inset 0 0 0 8px #ffffff59,inset 0 0 0 13px #a6aeb229,0 18px 22px #322b2145}.file-glare{pointer-events:none;background:linear-gradient(105deg,#0000 42%,#ffffff8f 43% 53%,#0000 54%),radial-gradient(circle at 15% 0,#ffffffbf,#0000 32%);position:absolute;inset:0}.file-screw{z-index:3;background:linear-gradient(35deg,#0000 43%,#443e3780 44% 51%,#0000 52%),radial-gradient(circle at 35% 28%,#fff 0 14%,#0000 18%),conic-gradient(from -20deg,#68625b,#f8f7f2 19%,#9d968d 43%,#403b35 65%,#d5d0c8 83%,#5e574f);border:0;border-radius:50%;width:18px;height:18px;position:absolute;box-shadow:inset 2px 2px 3px #ffffffb3,inset -2px -2px 3px #1e19145c,0 2px 3px #221c1647}.screw-a{top:18px;left:18px}.screw-b{top:18px;right:18px}.screw-c{bottom:18px;left:18px}.screw-d{bottom:18px;right:18px}.file-number,.file-title,.file-zh,.short-rule,.file-copy,.expand-mark,.work-list{z-index:2;display:block;position:relative}.file-number{font-size:31px;font-weight:900}.file-title{font-family:var(--font-stack);margin-top:4px;font-size:31px;font-weight:950;line-height:1}.file-zh{margin-top:6px;font-size:23px;font-weight:950}.short-rule{background:var(--ink);width:38px;height:2px;margin:27px 0 20px}.file-copy{font-family:var(--font-stack);color:#67625c;font-size:15px;line-height:1.45}.expand-mark{color:#908b82;font-size:27px;position:absolute;top:254px;right:42px}.work-list{margin-top:44px}.work-list span{border-bottom:1px solid #28221c1f;grid-template-columns:44px 125px 1fr;align-items:center;min-height:55px;display:grid}.work-list b{width:40px;height:50px;color:var(--ink);place-items:center;font-size:19px;display:grid}.work-list span:first-child b{background:var(--yellow)}.work-list em{color:#4b4640;font-size:11px;font-style:normal;line-height:1.25}.thumb{border-radius:2px;width:100%;height:45px;display:block;box-shadow:inset 0 0 0 1px #00000017}.preview-thumb{background:#ebe5da;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.preview-thumb img{object-fit:cover;width:100%;height:45px;display:block}.preview-thumb.ui-preview img:first-child{object-fit:contain;background:#000}.brand-thumb{background:linear-gradient(90deg,#0000002e,#0000 22%),linear-gradient(90deg,#f6eee2 0 22%,#5b3b23 22% 40%,#f4dfbc 40% 62%,#c9985e 62% 78%,#f9f6ed 78%)}.poster-thumb{background:linear-gradient(25deg,#0000 55%,#9c68ad 56% 74%,#0000 75%),linear-gradient(115deg,#f4f1e9,#f5d76a 30%,#69b995 31% 48%,#e55947 49% 62%,#e9e1ee 63%)}.pack-thumb{background:linear-gradient(#0000 40%,#00000014),linear-gradient(90deg,#f8f0dc 0 32%,#dccaa6 32% 58%,#f6f2e9 58%)}.ai-thumb{background:radial-gradient(circle at 76% 45%,#f0b79d 0 17%,#0000 18%),linear-gradient(90deg,#ffe45f 0 46%,#f3a818 46% 61%,#e6eef3 61%)}.edit-thumb{background:linear-gradient(90deg,#f3efe1 0 16%,#46423b 16% 21%,#f0d16e 21% 44%,#91b948 44% 72%,#dcd9cc 72%),repeating-linear-gradient(0deg,#0000001f 0 2px,#0000 2px 8px)}.id-object{top:calc(var(--hole-y0) - 22px);right:auto;left:calc(var(--hole-col-12) - 186px);z-index:6;width:360px;height:380px}.ring-id{top:8px;left:142px;transform:rotate(-2deg)}.id-strap{z-index:2;background:linear-gradient(90deg,#0000001f,#0000 30% 68%,#00000029),linear-gradient(#e9e6df,#c6c2b8);border-radius:6px;width:52px;height:132px;position:absolute;top:83px;left:163px;box-shadow:0 8px 8px #271f1729}.id-strap:before,.id-strap:after{content:"";background:linear-gradient(90deg,#5c554d,#f5f2eb 45%,#7d746a);border:2px solid #413b34a8;border-radius:5px;width:30px;height:13px;position:absolute;left:11px;box-shadow:0 2px 4px #231c1538}.id-strap:before{top:54px}.id-strap:after{bottom:12px}.id-holder{z-index:14;background:linear-gradient(135deg,#ffffff73,#0000 31%),radial-gradient(circle at 24% 18%,#ffffff38,#0000 18%),repeating-linear-gradient(35deg,#45372b1a 0 1px,#0000 1px 5px),repeating-linear-gradient(105deg,#ffffff14 0 1px,#0000 1px 7px),#d7cec1;border:2px dashed #665b4cc7;border-radius:18px;width:318px;height:220px;position:absolute;top:202px;left:28px;box-shadow:inset 0 0 0 8px #baae9e80,inset 0 1px 12px #ffffff47,inset 0 -10px 16px #5b493621,0 14px 18px #251f1738}.id-holder:before{z-index:0;content:"";pointer-events:none;border:1px dashed #5f534494;border-radius:13px;position:absolute;inset:10px}.id-inner{z-index:1;background:#f7f6f2;border:2px solid #b3b0aa;border-radius:8px;position:absolute;inset:28px 30px;box-shadow:inset 0 0 0 4px #f2efe6bf}.id-top{justify-content:flex-start;padding:16px 18px 0;display:flex}.id-top b{font-family:var(--font-stack);font-size:20px}.id-top em{color:#6b625a;font-size:15px;font-style:normal;line-height:1.12}.portrait{background:#86a9c9;border:3px solid #d6c6b7;width:62px;height:62px;position:absolute;bottom:43px;left:18px;overflow:hidden}.portrait img{object-fit:cover;width:100%;height:100%;display:block}.face{background:#e8b79d;border-radius:44% 44% 50% 50%;width:27px;height:34px;position:absolute;top:14px;left:18px}.hair{background:#163b69;border-radius:50% 50% 30% 30%;width:38px;height:24px;position:absolute;top:7px;left:13px}.shirt{background:#293b78;border-radius:18px 18px 0 0;width:50px;height:34px;position:absolute;bottom:-12px;left:7px}.id-lines{max-width:154px;font-family:var(--font-stack);font-size:12.5px;font-weight:800;line-height:1.34;position:absolute;bottom:62px;right:18px}.cv-line{font-family:var(--font-stack);justify-content:space-between;font-size:16px;font-weight:700;display:flex;position:absolute;bottom:10px;left:18px;right:20px}.skill-object{--rotate:-1deg;top:calc(var(--hole-row-6) - 25px);left:calc(var(--hole-col-2) - 125px);z-index:5;width:250px;height:390px}.ring-skill{top:0;left:93px;transform:rotate(4deg)}.black-badge{z-index:14;color:#efede5;text-align:center;background:radial-gradient(circle at 50% 8%,#ffffff1f,#0000 24%),#111;border:3px solid #4b4741;border-radius:48%/42%;width:220px;height:305px;position:absolute;top:90px;left:16px;box-shadow:inset 0 0 0 4px #28231f,inset 0 0 18px #ffffff1f,0 16px 18px #1b161052}.black-badge:before{z-index:5;content:"";background:radial-gradient(circle,#171717 0 34%,#0000 36%),conic-gradient(from -38deg,#332e28,#f6f3eb 18%,#867d72 36%,#302b26 54%,#e2ded6 76%,#585149);border:0;border-radius:50%;width:42px;height:42px;position:absolute;top:0;left:89px;box-shadow:inset 3px 3px 4px #ffffff8c,inset -4px -4px 5px #161310b8,0 0 0 2px #5d564e,0 4px 7px #15110d5c}.black-badge:after{z-index:4;content:"";background:0 0;border:5px solid #d8d4cc;border-radius:50%;width:22px;height:55px;display:none;position:absolute;top:-37px;left:99px;transform:rotate(3deg);box-shadow:inset 2px 2px 3px #ffffffc2,inset -3px -4px 4px #251f1980,0 4px 7px #1b150f4d}.black-badge span{font-family:var(--font-stack);margin-top:72px;font-size:23px;display:block}.black-badge em{color:#d4cab8;margin:7px 0 20px;font-size:18px;font-style:normal;display:block}.black-badge i{color:#d3a958;border:2px solid #8c6d3b;border-radius:999px;margin:4px 5px;padding:4px 9px;font-size:12px;font-style:normal;font-weight:900;display:inline-block}.black-badge b{font-size:28px;position:absolute;bottom:26px;right:50px}.contact-object{bottom:auto;right:auto;top:calc(var(--hole-row-6) - 26px);left:calc(var(--hole-col-12) - 150px);z-index:7;width:330px;height:350px}.ring-contact{display:none;top:0;left:117px;transform:rotate(-4deg)}.airmail-card{z-index:14;background:linear-gradient(#f7f5ee, #f7f5ee) padding-box, repeating-linear-gradient(135deg, var(--red) 0 11px, #f8f4ea 11px 22px, var(--blue) 22px 33px, #f8f4ea 33px 44px) border-box;border:12px solid #0000;border-radius:10px;width:318px;height:292px;padding:30px 34px 30px 25px;position:absolute;top:82px;left:0;box-shadow:0 13px 18px #231d153d}.airmail-card:before{z-index:6;content:"";background:radial-gradient(circle,#211a13f0 0 25%,#0000 27%),radial-gradient(circle,#0000 0 37%,#fff9 38% 45%,#0000 46%),conic-gradient(from -32deg,#2d2823,#f7f5ee 18%,#81786d 35%,#292520 56%,#d9d4cb 78%,#504840);border:0;border-radius:50%;width:24px;height:24px;position:absolute;top:-12px;left:137px;box-shadow:inset 2px 2px 3px #ffffffb8,inset -3px -3px 4px #1f1a1580,0 0 0 2px #6f6960,0 4px 6px #241d1642}.airmail-card:after{z-index:4;content:"";background:0 0;border:5px solid #d7d2c9;border-radius:50%;width:20px;height:58px;display:none;position:absolute;top:-55px;left:139px;transform:rotate(-2deg);box-shadow:inset 2px 2px 3px #ffffffc2,inset -3px -4px 4px #312a237a,0 4px 7px #221a1442}.stamp{color:#f0c300;text-align:center;border:2px dashed #b3b0aa;width:70px;height:62px;font-size:35px;line-height:58px;position:absolute;top:26px;right:31px}.stamp:before{content:"";opacity:.75;border-top:2px solid #99938a;border-radius:50%;width:62px;height:48px;position:absolute;top:-9px;left:-42px;box-shadow:0 9px #99938a,0 18px #99938a}.mail-number,.mail-title,.mail-zh,.mail-lines,.mail-arrow{display:block}.mail-number{font-size:25px;font-weight:950}.mail-title{font-family:var(--font-stack);margin-top:8px;font-size:27px;font-weight:950}.mail-zh{margin-top:10px;font-size:21px;font-weight:950}.mail-lines{color:#5d5851;font-family:var(--font-stack);margin-top:24px;font-size:14px;line-height:1.65}.mail-arrow{font-size:29px;position:absolute;bottom:18px;right:25px}.note-object{bottom:auto;right:auto;top:calc(var(--hole-row-5) - 22px);left:calc(var(--hole-col-16) - 83px);z-index:6;width:168px;height:392px}.bead-chain{filter:drop-shadow(0 4px 3px #211b1442);border:6px dotted #6f675d;border-bottom:0;border-radius:36px 36px 0 0;width:35px;height:104px;position:absolute;top:0;left:70px;box-shadow:inset 2px 2px 2px #ffffff80,inset -2px -2px 2px #1d18145c}.bead-chain:before{content:"";background:radial-gradient(circle at 34% 28%,#fff 0 12%,#0000 15%),conic-gradient(from -25deg,#3a342d,#ece8df 18%,#80786e 42%,#2c2722 65%,#c9c2b8);border-radius:50%;width:15px;height:15px;position:absolute;top:18px;left:8px;box-shadow:0 24px 0 -1px #5f574e,0 48px 0 -1px #615950,0 72px 0 -1px #5c554c}.note-clip{background:var(--yellow);width:58px;height:31px;display:none;position:absolute;top:96px;left:61px;box-shadow:0 6px 7px #3a280638}.note-object .note-clip{z-index:19;background:linear-gradient(105deg,#ffffff7a,#0000 42%),linear-gradient(#ffd33c,#f6b300 62%,#d89400);border-radius:2px 2px 12px 12px;width:54px;height:30px;display:block;top:122px;left:61px;box-shadow:inset -8px 0 8px #87530047,inset 8px 0 8px #fff69661,0 6px 7px #3a280638}.paper-note{z-index:14;background:linear-gradient(90deg,#0000000a,#0000 22%),#f7f2e7;width:132px;height:246px;padding:58px 16px 16px;position:absolute;top:132px;left:25px;box-shadow:0 11px 15px #2e24183b}.paper-note:before,.paper-note:after{content:"";background:#f7b30047;width:13px;position:absolute;top:0;bottom:0}.paper-note:before{left:0}.paper-note:after{right:0}.paper-note b,.paper-note span,.paper-note em,.paper-note small{z-index:1;display:block;position:relative}.paper-note b{margin-bottom:13px;font-size:10px;font-weight:900;display:block}.paper-note span{color:#5d564e;font-family:var(--font-stack);font-size:11px;font-weight:900;line-height:1.34}.paper-note i{z-index:1;background:#372f2740;height:1px;margin:19px 0 16px;display:block;position:relative}.paper-note em{color:#6a6258;font-size:9px;font-style:normal;line-height:1.35;display:block}.paper-note small{white-space:nowrap;margin-top:18px;font-size:12px;display:block;overflow:hidden}.unfold-backdrop{z-index:900;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1c171257;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.unfold-panel{z-index:1;background:linear-gradient(110deg,#ffffff9e,#0000 38%),#fff9ee;border:2px solid #2a231bbd;border-radius:10px;width:min(380px,100vw - 48px);min-height:270px;padding:28px 28px 24px;animation:.22s ease-out unfold;position:relative;box-shadow:0 24px 42px #1c161052,inset 0 0 0 3px #ffffffa3}.unfold-panel:before{z-index:0;content:"";pointer-events:none;background:#f7b30094;width:62px;height:25px;position:absolute;top:-13px;left:24px;transform:rotate(-5deg);box-shadow:0 2px 4px #37291429}.unfold-backdrop .unfold-panel{inset:auto}.about-modal{color:#fff;background:#050505;border:1px solid #ffffff2e;border-radius:10px;width:min(430px,100vw - 48px);min-height:610px;padding:0;overflow:hidden;box-shadow:0 26px 52px #0000006b}.about-modal:before{display:none}.about-modal-header{border-bottom:2px solid #ffffffb8;justify-content:space-between;align-items:center;height:64px;padding:0 28px;display:flex}.about-modal-header strong{font-size:15px;font-weight:900}.about-modal-header button{z-index:20;color:#fff;cursor:var(--magic-cursor);background:0 0;border:0;font-size:24px;line-height:1;position:relative}.about-modal-body{min-height:280px;padding:22px 28px 0;position:relative}.about-modal-body p{max-width:330px;margin:0 0 10px;font-size:14px;font-weight:800;line-height:1.8}.about-modal-frame{background:radial-gradient(circle at 72% 34%,#ffffffe6,#0000 8%),radial-gradient(circle at 72% 34%,#0d0d0d 0 14%,#d8d8d8 15% 18%,#111 19% 32%,#ebebeb 33% 36%,#171717 37% 54%,#0000 55%),#111;border:5px solid #fff;width:88px;height:130px;display:none;position:absolute;bottom:-72px;right:34px}.about-modal-frame span{background:linear-gradient(135deg,#dfe9ed 0 50%,#76878d 51%);width:34px;height:84px;position:absolute;top:-5px;left:-5px}.about-modal-frame i{background:#050505;border-left:5px solid #fff;width:26px;height:130px;position:absolute;top:-5px;right:-5px}.about-modal-bottom{background:var(--yellow);color:#fff;min-height:220px;margin-top:0;padding:58px 30px 36px;position:relative}.about-modal-bottom:before{display:none}.about-modal-bottom p{z-index:1;text-align:left;max-width:340px;margin:0 auto;font-size:12px;font-weight:500;line-height:1.5;position:relative}.unfold-resume{background:#fff;width:min(760px,100vw - 48px);min-height:0;max-height:calc(100vh - 48px);padding:0;overflow:auto}.unfold-resume:before{display:none}.resume-detail-image{width:100%;height:auto;display:block}.panel-close{z-index:20;width:32px;height:32px;color:var(--ink);cursor:var(--magic-cursor);background:#f4ead9;border:2px solid #221d1894;border-radius:50%;font-size:20px;line-height:1;position:absolute;top:12px;right:12px}.panel-index{margin:0;font-size:24px;font-weight:900}.unfold-panel h2{font-family:var(--font-stack);margin:7px 40px 2px 0;font-size:23px;line-height:1.08}.panel-zh{color:#6e675e;margin:0 0 18px;font-size:16px;font-weight:900}.panel-lead{font-family:var(--font-stack);margin:0 0 18px;font-size:14px;line-height:1.45}.panel-lines{flex-wrap:wrap;gap:8px;display:flex}.panel-lines span{background:#f7b3001f;border:1px solid #322a2061;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:800}.panel-cta{border-top:2px dotted #28221b38;margin-top:22px;padding-top:12px;font-size:13px;font-weight:900}.unfold-skills{width:min(760px,100vw - 48px);max-height:min(760px,100svh - 48px);overflow:auto}.unfold-contact{text-align:center;width:min(390px,100vw - 48px);min-height:440px}.unfold-contact .panel-index,.unfold-contact h2,.unfold-contact .panel-zh{text-align:center;margin-left:0;margin-right:0}.unfold-contact:before{left:50%;transform:translate(-50%)rotate(-4deg)}.contact-qr-modal{justify-items:center;gap:8px;margin-top:24px;display:grid}.contact-qr-modal img{object-fit:contain;width:min(260px,74vw);height:300px;display:block}.contact-qr-modal span{color:#6c6258;font-size:12px;font-weight:900}.contact-qr-controls{grid-template-columns:38px auto 38px;justify-content:center;align-items:center;gap:14px;margin-top:10px;display:grid}.contact-qr-controls button{color:#2e2924;cursor:pointer;background:#ffffffc7;border:1px solid #2b241d3d;border-radius:8px;place-items:center;width:38px;height:34px;font-size:18px;display:grid}.contact-qr-controls span{color:#6c6258;min-width:42px;font-size:12px;font-weight:900}.skill-logo-board{grid-template-rows:repeat(4,auto);grid-template-columns:minmax(252px,.88fr) minmax(340px,1fr);align-content:start;align-items:start;gap:12px;margin-top:18px;display:grid}.skill-logo-group:first-child{grid-area:1/1;justify-self:stretch;width:auto;min-width:0}.skill-logo-group:nth-child(2){grid-area:1/2/span 4}.skill-logo-group:nth-child(3){grid-area:2/1}.skill-logo-group:nth-child(4){grid-area:3/1}.skill-logo-group:nth-child(5){grid-area:4/1}.skill-logo-group{background:linear-gradient(135deg,#ffffffc2,#0000 48%),#fffaf0c2;border:1px solid #2b241d33;border-radius:8px;align-self:start;padding:13px}.skill-logo-group h3{margin:0 0 9px;font-size:14px;font-weight:950}.skill-logo-section+.skill-logo-section{margin-top:10px}.skill-logo-section p{color:var(--muted);margin:0 0 7px;font-size:12px;font-weight:900}.skill-logo-row{flex-wrap:wrap;gap:7px;display:flex}.skill-logo{background:#fff;border:1px solid #221d1824;border-radius:8px;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:7px;min-height:40px;padding:5px 8px 5px 5px;display:grid;box-shadow:0 5px 10px #241d1614}.skill-logo-mark{color:#fff;background:#171411;border-radius:7px;place-items:center;width:32px;height:32px;font-size:13px;font-weight:950;line-height:1;display:grid;position:relative;overflow:hidden}.skill-logo-name{color:#25201a;white-space:nowrap;min-width:0;font-size:12px;font-weight:900}.skill-logo.codex .skill-logo-mark{color:#0000;background:#111}.skill-logo.codex .skill-logo-mark:before{content:"";border:2px solid #fff;border-radius:50%;width:20px;height:20px;transform:rotate(22deg);box-shadow:8px 0 0 -4px #fff,-8px 0 0 -4px #fff,0 8px 0 -4px #fff,0 -8px 0 -4px #fff}.skill-logo.midjourney .skill-logo-mark{color:#0000;background:linear-gradient(135deg,#111827,#475569)}.skill-logo.midjourney .skill-logo-mark:before{content:"";clip-path:polygon(0 100%,42% 0,100% 100%,58% 78%,38% 78%);background:#fff;width:18px;height:16px;position:absolute;bottom:8px;left:7px}.skill-logo.midjourney .skill-logo-mark:after{content:"";background:#fff;border-radius:999px;width:18px;height:2px;position:absolute;bottom:8px;left:8px}.skill-logo.blender .skill-logo-mark{color:#0000;background:#ee7f22}.skill-logo.blender .skill-logo-mark:before{content:"";border:4px solid #fff;border-radius:50%;width:18px;height:14px;transform:rotate(-10deg)}.skill-logo.blender .skill-logo-mark:after{content:"";background:#2d7dd2;border-radius:50%;width:6px;height:6px;position:absolute;top:12px;left:18px;box-shadow:-11px -4px #fff}.skill-logo.zbrush .skill-logo-mark{color:#fff;background:#2a2a2a}.skill-logo.sketchup .skill-logo-mark{color:#0000;background:#cf1f2f}.skill-logo.sketchup .skill-logo-mark:before{content:"";clip-path:polygon(0 0,100% 10%,100% 100%,0 84%);border:4px solid #fff;border-left-width:7px;border-radius:4px;width:19px;height:20px;transform:skewY(-8deg)}.skill-logo.sketchup .skill-logo-mark:after{content:"";background:#fff;width:10px;height:4px;position:absolute;bottom:7px;right:8px;transform:rotate(-18deg)}.skill-logo.unity .skill-logo-mark{color:#0000;background:#111}.skill-logo.unity .skill-logo-mark:before{content:"";clip-path:polygon(50% 0,86% 20%,86% 62%,50% 84%,14% 62%,14% 20%,50% 0,50% 20%,32% 30%,32% 52%,50% 62%,68% 52%,68% 30%,50% 20%);background:#fff;width:21px;height:21px}.skill-logo.figma .skill-logo-mark{color:#0000;background:radial-gradient(circle at 36% 26%,#f24e1e 0 18%,#0000 19%),radial-gradient(circle at 64% 26%,#ff7262 0 18%,#0000 19%),radial-gradient(circle at 36%,#a259ff 0 18%,#0000 19%),radial-gradient(circle at 64%,#1abcfe 0 18%,#0000 19%),radial-gradient(circle at 36% 74%,#0acf83 0 18%,#0000 19%),#fff}.skill-logo.illustrator .skill-logo-mark{color:#ff9a00;background:#310b00}.skill-logo.photoshop .skill-logo-mark{color:#31a8ff;background:#001e36}.skill-logo.canva .skill-logo-mark{color:#fff;background:linear-gradient(135deg,#20c4cb,#7d2ae8);font-family:Georgia,serif;font-size:21px;font-style:italic;font-weight:700}.skill-logo.jianying .skill-logo-mark{color:#0000;background:#141414}.skill-logo.jianying .skill-logo-mark:before,.skill-logo.jianying .skill-logo-mark:after{content:"";border:3px solid #fff;border-radius:3px;width:21px;height:9px;position:absolute}.skill-logo.jianying .skill-logo-mark:before{transform:rotate(28deg)}.skill-logo.jianying .skill-logo-mark:after{transform:rotate(-28deg)}.skill-logo.python .skill-logo-mark{color:#101010;background:linear-gradient(135deg,#3776ab 0 50%,#ffd343 51%)}.skill-logo.arduino .skill-logo-mark{color:#0000;background:#008184}.skill-logo.arduino .skill-logo-mark:before{content:"− +";color:#fff;text-align:center;border:2px solid #fff;border-radius:999px;width:23px;height:13px;font-size:9px;font-weight:950;line-height:9px}.skill-logo.tableau .skill-logo-mark{color:#0000;background:linear-gradient(#fff,#fff)}.skill-logo.tableau .skill-logo-mark:before{content:"+";color:#4e79a7;text-shadow:-8px -7px #f28e2b,8px -7px #e15759,-8px 7px #59a14f,8px 7px #76b7b2,0 -13px #edc948,0 13px #b07aa1;font-size:15px;font-weight:950}.skill-logo.sql .skill-logo-mark{color:#0000;background:#24527a}.skill-logo.sql .skill-logo-mark:before{content:"";border:3px solid #fff;border-top-width:6px;border-radius:50%/30%;width:20px;height:16px;position:absolute;top:7px}.skill-logo.sql .skill-logo-mark:after{content:"";border-bottom:3px solid #fff;border-left:3px solid #fff;border-right:3px solid #fff;border-radius:0 0 50% 50%/0 0 35% 35%;width:20px;height:9px;position:absolute;top:14px}.skill-logo.ielts .skill-logo-mark{background:var(--yellow);color:#16120d;font-size:18px}.skill-logo.unity .skill-logo-mark,.skill-logo.arduino .skill-logo-mark,.skill-logo.blender .skill-logo-mark,.skill-logo.zbrush .skill-logo-mark,.skill-logo.midjourney .skill-logo-mark,.skill-logo.tableau .skill-logo-mark,.skill-logo.python .skill-logo-mark{color:#0000;background:#050505}.skill-logo.unity .skill-logo-mark:before,.skill-logo.arduino .skill-logo-mark:before,.skill-logo.blender .skill-logo-mark:before,.skill-logo.zbrush .skill-logo-mark:before,.skill-logo.midjourney .skill-logo-mark:before,.skill-logo.tableau .skill-logo-mark:before,.skill-logo.python .skill-logo-mark:before{content:"";width:auto;height:auto;box-shadow:none;clip-path:none;color:#0000;text-shadow:none;background-position:50%;background-repeat:no-repeat;background-size:contain;border:0;border-radius:0;display:block;position:absolute;inset:2px;transform:none}.skill-logo.unity .skill-logo-mark:after,.skill-logo.arduino .skill-logo-mark:after,.skill-logo.blender .skill-logo-mark:after,.skill-logo.zbrush .skill-logo-mark:after,.skill-logo.midjourney .skill-logo-mark:after,.skill-logo.tableau .skill-logo-mark:after,.skill-logo.python .skill-logo-mark:after{display:none}.skill-logo.midjourney .skill-logo-mark{background:#fff}.skill-logo.unity .skill-logo-mark:before{background-image:url(/skill-logos/unity.png)}.skill-logo.midjourney .skill-logo-mark:before{background-image:url(/skill-logos/midjourney.png);inset:3px}.skill-logo.arduino .skill-logo-mark:before{background-image:url(/skill-logos/arduino.png)}.skill-logo.blender .skill-logo-mark:before{background-image:url(/skill-logos/blender.png)}.skill-logo.zbrush .skill-logo-mark:before{background-image:url(/skill-logos/zbrush.png)}.skill-logo.tableau .skill-logo-mark:before{background-image:url(/skill-logos/tableau.png)}.skill-logo.python .skill-logo-mark:before{background-image:url(/skill-logos/python.png)}.skill-logo.arduino .skill-logo-mark,.skill-logo.tableau .skill-logo-mark,.skill-logo.python .skill-logo-mark{background:0 0}.skill-logo.codex .skill-logo-mark,.skill-logo.canva .skill-logo-mark,.skill-logo.sql .skill-logo-mark,.skill-logo.jianying .skill-logo-mark,.skill-logo.sketchup .skill-logo-mark{color:#0000;background:#fff}.skill-logo.codex .skill-logo-mark:before,.skill-logo.canva .skill-logo-mark:before,.skill-logo.sql .skill-logo-mark:before,.skill-logo.jianying .skill-logo-mark:before,.skill-logo.sketchup .skill-logo-mark:before{content:"";width:auto;height:auto;box-shadow:none;clip-path:none;color:#0000;text-shadow:none;background-position:50%;background-repeat:no-repeat;background-size:contain;border:0;border-radius:0;display:block;position:absolute;inset:2px;transform:none}.skill-logo.codex .skill-logo-mark:after,.skill-logo.canva .skill-logo-mark:after,.skill-logo.sql .skill-logo-mark:after,.skill-logo.jianying .skill-logo-mark:after,.skill-logo.sketchup .skill-logo-mark:after{display:none}.skill-logo.codex .skill-logo-mark:before{background-image:url(/skill-logos/codex.png)}.skill-logo.canva .skill-logo-mark:before{background-image:url(/skill-logos/canva.png);inset:1px}.skill-logo.sql .skill-logo-mark:before{background-image:url(/skill-logos/sql.png)}.skill-logo.jianying .skill-logo-mark:before{background-image:url(/skill-logos/jianying.png)}.skill-logo.sketchup .skill-logo-mark:before{background-image:url(/skill-logos/sketchup.png)}@keyframes unfold{0%{opacity:0;transform:translateY(14px)rotate(-1deg)scale(.96)}to{opacity:1;transform:translateY(0)rotate(0)scale(1)}}@keyframes peg-wiggle{0%,to{transform:translateY(-6px) scale(1.018) rotate(var(--rotate))}25%{transform:translateY(-8px) scale(1.018) rotate(calc(var(--rotate) + 1.4deg))}50%{transform:translateY(-5px) scale(1.018) rotate(calc(var(--rotate) - 1deg))}75%{transform:translateY(-7px) scale(1.018) rotate(calc(var(--rotate) + .7deg))}}@keyframes splash-enter{0%{opacity:0;transform:translateY(10px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:1240px){.portfolio-shell{grid-template-columns:330px 850px}.legend-panel{padding-left:34px;padding-right:34px}.file-object{left:calc(var(--hole-col-5) - 222px)}.id-object{left:calc(var(--hole-col-9) - 186px)}.skill-object{left:calc(var(--hole-col-2) - 125px)}.contact-object{left:calc(var(--hole-col-9) - 150px)}.note-object{left:calc(var(--hole-col-11) - 83px)}}@media (max-width:680px){.works-page-shell{padding:18px}.works-header{flex-direction:column;align-items:flex-start;gap:14px}.works-content{margin-top:48px}.work-project-grid{grid-template-columns:1fr}.project-card-thumb{min-height:210px}.work-detail-panel{grid-template-columns:1fr;padding:16px}.work-detail-panel.is-media-below .work-detail-media-stack,.work-detail-panel.is-media-below .work-detail-media-stack.is-game-gallery,.aigc-project-card{grid-template-columns:1fr}.project-image-frame,.project-visual-frame{min-height:220px}.project-video-frame{min-height:0}.graphic-wall{columns:1}.graphic-wall-card,.graphic-wall-card.tall,.graphic-wall-card.medium,.graphic-wall-card.short,.graphic-wall-card.mini,.graphic-wall-card.landscape,.graphic-wall-card.cheers,.graphic-wall-card.xcarb{width:100%;margin-top:0;margin-left:0}.graphic-lightbox{padding:18px}.graphic-lightbox-close{width:38px;height:38px;font-size:22px;top:14px;right:14px}.graphic-lightbox-media:not(.is-full){width:calc(100vw - 36px);height:min(64vh,620px)}.graphic-lightbox-nav.is-prev{left:10px}.graphic-lightbox-nav.is-next{right:10px}.graphic-lightbox-nav{background:#faf8f3db;width:40px;height:40px}.skill-logo-board{grid-template-rows:none;grid-template-columns:1fr}.skill-logo-group:first-child,.skill-logo-group:nth-child(2),.skill-logo-group:nth-child(3),.skill-logo-group:nth-child(4),.skill-logo-group:nth-child(5){grid-area:auto}}@media (max-height:780px){.portfolio-shell{min-height:680px}.rule{margin:18px 0}.big-copy h1{font-size:28px}}@media (prefers-reduced-motion:reduce){.peg-object,.unfold-panel,.splash-screen{transition:none;animation:none}}