/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-serif:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.block{display:block}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}@font-face{font-family:Merchant Ledger;src:local(Merchant Ledger),local(MerchantLedgerRegular),url(/fonts/merchant-ledger/MerchantLedgerRegular.woff2)format("woff2"),url(/fonts/merchant-ledger/MerchantLedgerRegular.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Merchant Ledger;src:local(Merchant Ledger Thin),local(MerchantLedgerThin),url(/fonts/merchant-ledger/MerchantLedgerThin.woff2)format("woff2"),url(/fonts/merchant-ledger/MerchantLedgerThin.woff)format("woff");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:Merchant Ledger Rough;src:local(Merchant Ledger Rough),local(MerchantLedgerRough),url(/fonts/merchant-ledger/MerchantLedgerRough.woff2)format("woff2"),url(/fonts/merchant-ledger/MerchantLedgerRough.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Merchant Ledger Rough;src:local(Merchant Ledger Rough Thin),local(MerchantLedgerRoughThin),url(/fonts/merchant-ledger/MerchantLedgerRoughThin.woff2)format("woff2"),url(/fonts/merchant-ledger/MerchantLedgerRoughThin.woff)format("woff");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:HYPixel11px;src:url(/fonts/hypixel/HYPixel11pxU-2.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Kleyn;src:local(Kleyn Regular),local(Kleyn-Regular),url(/fonts/kleyn/Kleyn-Regular.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Kleyn Wide;src:local(Kleyn Wide),local(Kleyn-Wide),url(/fonts/kleyn/Kleyn-Wide.woff2)format("woff2"),url(/fonts/kleyn/Kleyn-Wide.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}:root{--sans:Inter, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;--display:"Merchant Ledger", Inter, "Noto Sans SC", sans-serif;--display-rough:"Merchant Ledger Rough", Inter, "Noto Sans SC", sans-serif;--kleyn:"Kleyn", Inter, "Noto Sans SC", sans-serif;--kleyn-wide:"Kleyn Wide", Inter, "Noto Sans SC", sans-serif;--pixel-cn:"HYPixel11px", "Noto Sans SC", "PingFang SC", sans-serif;--apple-cn:-apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%}body{cursor:url(/shubiao.svg),auto;background:#f2eae2;min-width:320px;margin:0}:root{--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E")}a,button,[role=button]{cursor:url(/shubiao.svg),pointer}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.folder{opacity:0;position:absolute}.directory-module--active .folder{will-change:opacity, transform;animation:.34s cubic-bezier(.33,.9,.35,1) both folder-in}@keyframes folder-in{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}.folder__back{pointer-events:none;-webkit-user-select:none;user-select:none;display:block;position:absolute;bottom:0}.fcard{pointer-events:none;translate:0 var(--lift,0px);transition:transform .62s cubic-bezier(.22, 1, .36, 1) calc(var(--i,0) * 40ms), translate .24s cubic-bezier(.33, 1, .68, 1);will-change:transform;position:absolute}.fcard__in{position:absolute;inset:0}.directory-module--active .fcard{animation:fcard-open .54s cubic-bezier(.28, .86, .34, 1) calc(.3s + var(--r,0) * 65ms) backwards}@keyframes fcard-open{0%{transform:translateY(0)}}.fcard__img{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.fcard__tab{cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:0 0;border:none;justify-content:flex-start;align-items:flex-end;padding:0 0 13px 85px;display:flex;position:absolute;top:0}.fcard__tab:focus-visible{outline-offset:-4px;outline:2px solid #8a735d}.fcard__tab-text{font-family:var(--kleyn);letter-spacing:.165em;color:#3a322b;white-space:nowrap;font-size:41px;line-height:1}.fcard__body{left:0;right:0;top:var(--tab-h,84px);height:var(--body-h,480px);box-sizing:border-box;visibility:hidden;pointer-events:none;padding:40px 92px 48px;position:absolute}.fcard--active .fcard__body{visibility:visible;pointer-events:auto}.fcard__body>*{opacity:0}.directory-module--active .fcard--active .fcard__body>*{animation:.6s cubic-bezier(.22,1,.36,1) both fcard-content-in;animation-delay:calc(.34s + var(--n,0) * 90ms)}.fcard__body>:first-child{--n:0}.fcard__body>:nth-child(2){--n:1}.fcard__body>:nth-child(3){--n:2}.fcard__body>:nth-child(4){--n:3}.fcard__body>:nth-child(5){--n:4}.fcard__body>:nth-child(6){--n:5}.fcard__body>:nth-child(7){--n:6}.fcard__body>:nth-child(8){--n:7}@keyframes fcard-content-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.fcard__body>.dir-brief__sticker{opacity:1;animation:none}.dir-brief__sticker{z-index:3;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;width:303px;position:absolute;top:138px;left:213px}.dir-brief__sticker--drag{cursor:grabbing;z-index:5}.dir-brief__logo{opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;transform-origin:52% 58%;filter:drop-shadow(3px 5px 3px #3c281429);width:100%;height:auto;display:block}.dir-brief__logo--slap{animation:.56s cubic-bezier(.2,.86,.28,1.12) both sticker-slap}@keyframes sticker-slap{0%{opacity:0;filter:drop-shadow(22px 36px 22px #3c28141f);transform:rotate(-22deg)scale(1.62)translate(-12px,-36px)}58%{opacity:1;filter:drop-shadow(1px 2px 1px #3c281447);transform:rotate(4deg)scale(.93)}80%{filter:drop-shadow(4px 7px 4px #3c28142e);transform:rotate(-2.6deg)scale(1.04)}to{opacity:1;filter:drop-shadow(3px 5px 3px #3c281429);transform:rotate(-1.6deg)scale(1)}}.dir-brief__text{width:790px;position:absolute;top:150px;left:592px}.dir-brief__title{font-family:"Kleyn", var(--pixel-cn);letter-spacing:.165em;color:#4d3f2e;margin:0;font-size:50px;line-height:1.2}.dir-brief__desc{font-family:var(--apple-cn);color:#5c4f3e;margin:30px 0 0;font-size:21px;line-height:42px}.dir-brief__text--cover{color:var(--brief-ink);flex-direction:column;display:flex}.dir-brief__title--cn{letter-spacing:.02em;color:inherit;margin-top:11px;font-size:36px}.dir-brief__desc--cover{margin-top:var(--title-gap,30px);color:inherit;font-size:20px;line-height:42px}.dir-brief__desc--cover+.dir-brief__desc--cover{margin-top:10px}.dir-brief__photo{z-index:2;height:auto;transform:rotate(var(--rot,0deg));transform-origin:50% 40%;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute}.directory-module--active .fcard--active .fcard__body>.dir-brief__photo{animation-name:polaroid-in;animation-duration:.72s;animation-timing-function:cubic-bezier(.2,.86,.28,1.06)}@keyframes polaroid-in{0%{opacity:0;transform:rotate(calc(var(--rot,0deg) - 8deg)) scale(1.12) translateY(-48px)}68%{opacity:1;transform:rotate(calc(var(--rot,0deg) + 1.4deg)) scale(.985) translateY(4px)}to{opacity:1;transform:rotate(var(--rot,0deg)) scale(1) translateY(0)}}.fcard__enter{font-family:var(--pixel-cn);color:#62482d;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;padding:0;font-size:30px;line-height:1;transition:filter .25s;display:inline-flex;position:absolute;bottom:59px;right:216px}.fcard__enter-icon{flex:none;width:30px;height:auto}.fcard__enter:hover,.fcard__enter:focus-visible{filter:brightness(.82);outline:none}.fcard__enter--sticky{z-index:3;color:#62482d;width:224px;height:70px;transform:rotate(var(--rot,0deg));transform-origin:50%;background:#e9df97;justify-content:flex-start;gap:14px;padding:0 0 0 28px;font-size:24px;transition:translate .25s cubic-bezier(.22,1,.36,1),background .25s;bottom:auto;right:auto}.fcard__enter-hand{flex:none;width:26px;height:auto}.fcard__enter--sticky:hover,.fcard__enter--sticky:focus-visible{filter:none;background:#eee39a;translate:0 -4px}.dir-end__text{font-family:var(--display);letter-spacing:.02em;color:#3b332c;white-space:nowrap;flex-direction:column;margin:0;font-size:56px;line-height:1.2;display:flex;position:absolute}.dir-end__qrs{margin:0;padding:0;list-style:none;display:flex;position:absolute}.dir-end__qr{font-family:var(--apple-cn);color:#3b332c;flex-direction:column;align-items:center;gap:30px;font-size:22px;line-height:1;display:flex}.dir-end__qr img{width:100%;height:auto;display:block}.directory-module--active .fcard--active .fcard__body>.fcard__enter--sticky{animation-name:sticky-in}@keyframes sticky-in{0%{opacity:0;transform:rotate(var(--rot,0deg)) translateY(24px)}to{opacity:1;transform:rotate(var(--rot,0deg))}}@media (prefers-reduced-motion:reduce){.fcard,.fcard__enter{transition-duration:.01ms}.directory-module--active .folder,.directory-module--active .fcard,.directory-module--active .fcard--active .fcard__body>*,.directory-module--active .fcard--active .fcard__body>.dir-brief__photo,.dir-brief__logo--slap{animation-duration:.01ms;animation-delay:.01ms}}.page-shell{height:100svh;position:relative;overflow:hidden}.page-panels{will-change:transform;height:300svh}.page-panel{height:100svh}.top-module{isolation:isolate;background:#f2eae2;width:100%;height:100svh;position:relative}.top-module:after,.splash:after{content:"";z-index:20;pointer-events:none;opacity:.35;mix-blend-mode:multiply;background-image:var(--grain);background-repeat:repeat;position:absolute;inset:0}.top-header{flex-direction:column;justify-content:center;display:flex;position:absolute;top:40px;left:56px;right:56px}.top-labels{pointer-events:none;grid-template-columns:1fr 1fr 1fr;align-items:center;display:grid}.top-label{font-family:var(--display-rough);color:#000;white-space:nowrap;font-size:14px;font-weight:100;line-height:1}.top-label--left{justify-self:start}.top-label--center{justify-self:center}.top-label--right{grid-column:3;justify-self:end}.site-nav{z-index:60;align-items:center;gap:46px;animation:.6s .4s both site-nav-in;display:flex;position:fixed;top:40px;left:50%;transform:translate(-50%)}@keyframes site-nav-in{0%{opacity:0}}.site-nav__item{font-family:var(--display-rough);color:#000;white-space:nowrap;cursor:pointer;background:0 0;border:none;margin:-6px 0;padding:6px 2px;font-size:14px;font-weight:100;line-height:1;transition:color .2s;position:relative}.site-nav__item:after{content:"";opacity:0;background:currentColor;height:1px;transition:opacity .25s,transform .25s;position:absolute;bottom:-4px;left:0;right:0;transform:scaleX(.4)}.site-nav__item:hover:after,.site-nav__item:focus-visible:after{opacity:.35;transform:scaleX(1)}.site-nav__item--on:after{opacity:1;transform:scaleX(1)}.site-nav__item:focus-visible{outline:none}.pc-stage{justify-content:center;width:clamp(820px,96vw,1386px);display:flex;position:absolute;top:50%;left:50%;transform:translate(calc(-50% + clamp(0px,5vw,90px)),-46%);container-type:inline-size}.side-text,.desktop-icons,.info-card{opacity:0;visibility:hidden}.pc-stage--entered .side-text{visibility:visible;opacity:1}.side-text__divider,.side-text__anim{opacity:0;transition:opacity .5s}.pc-stage--entered .side-text__divider{opacity:1;transition-delay:.3s}.pc-stage--entered .side-text__anim{opacity:1;transition-delay:.65s}.pc-stage--entered .info-card{visibility:visible;animation:.6s .1s both fade-in}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.pc-stage--entered .desktop-icons{visibility:visible;opacity:1}.desktop-icon,.desktop-tag{opacity:0}.pc-stage--entered .desktop-icon:first-child{animation:.8s steps(10,end) .25s both enter-drop}.pc-stage--entered .desktop-icon:nth-child(2){animation:.8s steps(10,end) .55s both enter-drop}.pc-stage--entered .desktop-tag{animation:.4s .7s both fade-in}@keyframes enter-drop{0%{opacity:0;transform:translateY(-24px)}50%{opacity:1;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.side-text{z-index:1;text-align:right;white-space:nowrap;transform-origin:100%;position:absolute;top:22%;right:calc(69% + 2.27cqw);transform:scale(.95)}.side-text__line{margin:0;font-family:Amatic SC,cursive;font-size:6.36cqw;font-weight:400;line-height:1.1}.side-text__ai{color:#af6a32;margin-right:.32em}.side-text__coding{color:#2d231a}.side-text__divider{width:56%;height:6px;margin:-.3cqw 0 calc(.6cqw - 2px) auto;display:block;overflow:visible}.side-text__divider-path{stroke-dasharray:220;stroke-dashoffset:220px}.pc-stage--entered .side-text__divider-path{animation:.9s cubic-bezier(.4,0,.2,1) 1s forwards pencil-draw}@keyframes pencil-draw{to{stroke-dashoffset:0}}.side-text__anim{font-family:var(--kleyn);color:#2d231a;margin:-1.82cqw 0 0;font-size:7.58cqw;font-weight:700;line-height:1}.side-tags{opacity:0;justify-content:flex-end;gap:1.1cqw;margin-top:48px;transition:opacity .5s;display:flex}.pc-stage--entered .side-tags{opacity:1;transition-delay:.85s}.side-tag{box-sizing:border-box;min-width:0;font-family:var(--kleyn);letter-spacing:.03em;color:#8a735d;text-align:center;white-space:nowrap;border:1px dashed #c2af9d;border-radius:0;flex:1 1 0;justify-content:center;align-items:center;padding:.15cqw 1.4cqw .75cqw;font-size:1.55cqw;font-weight:500;line-height:1;display:flex;position:relative}.side-tag:before{content:"";pointer-events:none;background:radial-gradient(circle at 3px 3px,#8a745d 0 2px,#0000 2.5px),radial-gradient(circle at calc(100% - 3px) 3px,#8a745d 0 2px,#0000 2.5px),radial-gradient(circle at 3px calc(100% - 3px),#8a745d 0 2px,#0000 2.5px),radial-gradient(circle at calc(100% - 3px) calc(100% - 3px),#8a745d 0 2px,#0000 2.5px);position:absolute;inset:-3px}.desktop-icons{z-index:1;gap:2.5cqw;display:flex;position:absolute;top:calc(20.39% - 44px);left:59%}.desktop-icon{flex-direction:column;align-items:center;gap:0;display:flex}.desktop-icon__img{width:5.225cqw;height:auto}.desktop-icon__label{font-family:var(--kleyn);color:#2d231a;white-space:nowrap;font-size:2cqw}.desktop-tag{transform-origin:top;place-items:end center;margin-top:2.5cqw;display:inline-grid;position:absolute;top:100%;left:50%;transform:translate(calc(48px - 50%))translateY(-22px)scale(1.496)}.desktop-tag__bg{object-fit:fill;width:100%;height:100%;position:absolute;inset:12px 0 0}.desktop-tag__text{color:#203259;white-space:nowrap;align-items:baseline;gap:.3cqw;padding:0 1.2cqw;font-family:Amatic SC,cursive;font-weight:400;line-height:1;display:inline-flex;position:relative}.desktop-tag__80s{vertical-align:baseline;font-size:4cqw}.desktop-tag__style{text-transform:uppercase;vertical-align:baseline;font-size:6cqw}.retro-card{color:#443a2f;-webkit-text-stroke:.5px currentColor;letter-spacing:.08em;white-space:nowrap;opacity:0;background:#ddd5cb;padding:.5cqw 1.4cqw;font-family:"FangSong",STFangsong,SimSun,Noto Serif SC,serif;font-size:1.6cqw;font-weight:900;position:absolute;top:calc(100% + 11cqw + 12px);left:50%;transform:translate(calc(88px - 14cqw))}.pc-stage--entered .retro-card{animation:.4s 1.3s both fade-in}.pc-stage__image{width:100%;height:auto;display:block}.screen-noise{pointer-events:none;z-index:2;will-change:contents;border-radius:6px;width:18.05%;height:37.15%;position:absolute;top:16.3%;left:33.95%}.screen-bezel{pointer-events:none;z-index:3;border-radius:6px;width:18.05%;height:37.15%;position:absolute;top:16.3%;left:33.95%;box-shadow:inset 0 2px 8px #00000059,inset 0 0 3px #0000002e}.info-card{aspect-ratio:185/86;z-index:5;width:calc(15.44cqw + 8px);font-family:var(--kleyn-wide);color:#603168;box-sizing:border-box;background:#ddcae0;border-radius:9999px;justify-content:center;align-items:center;padding-bottom:2.44cqw;padding-left:.14cqw;font-size:6cqw;font-weight:700;line-height:1;display:flex;position:absolute;top:3.74%;left:23.03%;overflow:hidden}.bottom-module{background:#f2eae2;justify-content:center;align-items:center;width:100%;height:100svh;transition:background-color .5s;display:flex;position:relative}.bottom-module--leaving{background-color:#0000}.panel--overlay,.bottom-module.panel--overlay,.directory-module.panel--overlay{z-index:10;will-change:clip-path, opacity, transform;height:100svh;position:fixed;inset:0}.bottom-module--leaving.panel--overlay,.directory-module--leaving.panel--overlay{z-index:12}.bottom-module--entering.panel--overlay,.directory-module--active.panel--overlay{z-index:10}.about{width:1920px;height:1080px;transform:scale(min(1, calc(100svh / 1080px), calc(100vw / 1920px)));transform-origin:50%;flex:none;position:relative}.about__left{position:absolute;inset:0}.about-anim{opacity:0;transform:rotate(var(--rot,0deg))}.bottom-module--active .about-anim{animation:about-rise .6s cubic-bezier(.22, 1, .36, 1) var(--d,0s) both}@keyframes about-rise{0%{opacity:0;transform:translateY(22px) rotate(var(--rot,0deg))}to{opacity:1;transform:translateY(0) rotate(var(--rot,0deg))}}.bottom-module--leaving .about-anim{animation:.7s cubic-bezier(.5,0,.55,1) forwards about-fly}@keyframes about-fly{0%{opacity:1;transform:rotate(var(--rot,0deg))}to{opacity:0;transform:translate(var(--fx,0), var(--fy,0)) rotate(calc(var(--rot,0deg) + var(--fr,0deg))) scale(1.12)}}.bottom-module--entering .about-anim{animation:.7s cubic-bezier(.22,1,.36,1) forwards about-fly-back}@keyframes about-fly-back{0%{opacity:0;transform:translate(var(--fx,0), var(--fy,0)) rotate(calc(var(--rot,0deg) + var(--fr,0deg))) scale(1.12)}to{opacity:1;transform:rotate(var(--rot,0deg))}}.about__head{z-index:4;position:absolute;top:115px;left:126px}.about__title{letter-spacing:.038em;color:#1c1610;margin:0;font-family:Amatic SC,cursive;font-size:87px;font-weight:400;line-height:1}.about__rule{width:185px;height:6px;margin:15px 0 0 55px;display:block;overflow:visible}.about__card{box-sizing:border-box;z-index:1;background:url(/zhi.webp) 50%/100% 100% no-repeat;width:650px;height:746px;padding:120px 70px 0;position:absolute;top:182px;left:186px}.about__card>.about__field+.about__field,.about__grid+.about__field{margin-top:41px}.about__grid{grid-template-columns:200px 1fr;margin-top:33px;display:grid}.about__label{font-family:var(--display-rough);letter-spacing:.04em;color:#977f67;font-size:19px;line-height:1;display:block}.about__name{font-family:var(--pixel-cn);letter-spacing:.105em;color:#423525;margin:38px 0 0;font-size:33px;font-weight:400;line-height:1}.about__value{font-family:var(--display-rough);color:#494139;margin:22px 0 0;font-size:18px;line-height:1}.about__hr{width:100%;height:6px;margin:46px 0 0;display:block;overflow:visible}.about__skills{align-items:baseline;gap:50px;margin-top:41px;display:flex}.about__skill{font-family:var(--display-rough);letter-spacing:.08em;color:#494139;font-size:18px}.about__apps{align-items:center;margin:55px 0 0 183px;display:flex}.about__app{flex:none;display:block}.about__photo{--rot:2deg;z-index:3;width:255px;margin:0;position:absolute;top:199px;left:617px}.about__pic{width:100%;height:auto;display:block}.about__clip{z-index:1;width:30px;height:auto;position:absolute;top:-38px;right:68px}.about__note{box-sizing:border-box;--rot:5deg;z-index:2;background:url(/bianlitie.png) 0 0/100% no-repeat;width:235px;height:222px;padding:60px 26px 0 31px;position:absolute;top:740px;left:149px}.about__note-cn{font-family:var(--apple-cn);letter-spacing:.02em;color:#6b5637;margin:0;font-size:14px;line-height:1.85}.about__note-en{font-family:var(--display-rough);letter-spacing:0;color:#977f67;margin:23px 0 0;font-size:12.4px;line-height:1.35}.exp{box-sizing:border-box;z-index:1;background:#f5ede2;border:1px solid #ccbfaa;width:816px;height:750px;position:absolute;top:165px;left:947px}.exp__head{box-sizing:border-box;height:70px;font-family:var(--display-rough);letter-spacing:0;color:#433a31;border-bottom:1px solid #ccbfaa;align-items:center;padding:0 40px 1px;font-size:24px;display:flex;position:relative}.exp__head:after{content:"";border-top:1px solid #ccbfaa;position:absolute;top:calc(100% + 4px);left:0;right:0}.exp__list{box-sizing:border-box;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ccbfaa transparent;height:calc(100% - 75px);margin:0;padding:0 37px 0 40px;list-style:none;overflow-y:auto}.exp__list::-webkit-scrollbar{width:6px}.exp__list::-webkit-scrollbar-thumb{background:#ccbfaa;border-radius:3px}.exp__item{padding:33px 0 38px}.exp__item+.exp__item{border-top:1px solid #d9d1c4}.exp__row{justify-content:space-between;align-items:baseline;gap:28px;display:flex}.exp__company{font-family:var(--pixel-cn);letter-spacing:.03em;color:#322c25;margin:0;font-size:24px;font-weight:400}.exp__date{font-family:var(--kleyn);letter-spacing:.03em;color:#a09385;flex:none;font-size:30px;line-height:1}.exp__desc{font-family:var(--apple-cn);letter-spacing:.075em;color:#6f6558;margin:24px 0 0;font-size:18px;line-height:2}.exp__desc--note{margin-top:10px}.directory-module{box-sizing:border-box;background:repeating-linear-gradient(90deg,#ece3da 0 1px,#0000 1px 23px),repeating-linear-gradient(#ece3da 0 1px,#0000 1px 23px),#f2eae2;justify-content:center;align-items:center;width:100%;height:100svh;display:flex;position:relative}.directory-module .top-header{z-index:2}.dir-stage{width:1920px;height:1080px;transform:scale(min(1, calc(100svh / 1080px), calc(100vw / 1920px)));transform-origin:bottom;flex:none;align-self:flex-end;position:relative;overflow:hidden}.dir-slide{position:absolute;inset:0}.directory-module--leaving{animation:.55s cubic-bezier(.5,0,.55,1) forwards dir-fade-out}@keyframes dir-fade-out{0%{opacity:1}to{opacity:0}}.pixel-mask{z-index:20;pointer-events:none;visibility:hidden;will-change:contents;image-rendering:pixelated;position:fixed;inset:0}.scroll-hint{opacity:0;visibility:hidden;flex-direction:column;align-items:center;gap:8px;transition:opacity .6s,visibility .6s;display:flex;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.scroll-hint--visible{opacity:1;visibility:visible;transition-delay:.5s}.scroll-hint__pixel-mouse{width:14px;height:20px;position:relative}.scroll-hint__pixel-mouse:before{content:"";background:0 0;width:2px;height:2px;position:absolute;top:0;left:0;box-shadow:4px 0 #8c7b6b,6px 0 #8c7b6b,8px 0 #8c7b6b,2px 2px #8c7b6b,10px 2px #8c7b6b,0 4px #8c7b6b,6px 4px #8c7b6b,12px 4px #8c7b6b,0 6px #8c7b6b,6px 6px #8c7b6b,12px 6px #8c7b6b,0 8px #8c7b6b,2px 8px #8c7b6b,4px 8px #8c7b6b,6px 8px #8c7b6b,8px 8px #8c7b6b,10px 8px #8c7b6b,12px 8px #8c7b6b,0 10px #8c7b6b,12px 10px #8c7b6b,0 12px #8c7b6b,12px 12px #8c7b6b,0 14px #8c7b6b,12px 14px #8c7b6b,2px 16px #8c7b6b,10px 16px #8c7b6b,4px 18px #8c7b6b,6px 18px #8c7b6b,8px 18px #8c7b6b}.scroll-hint__pixel-mouse:after{content:"";background:#8c7b6b;width:2px;height:2px;animation:1.6s steps(3,end) infinite pixel-wheel;position:absolute;top:10px;left:6px}.scroll-hint__text{font-family:var(--pixel-cn);color:#8c7b6b;letter-spacing:2px;font-size:16px;line-height:1}@keyframes pixel-wheel{0%{opacity:1;top:10px}50%{opacity:.3;top:14px}to{opacity:1;top:10px}}.mouse-trail{z-index:50;pointer-events:none;will-change:contents;position:fixed;inset:0}.pager{z-index:60;flex-direction:column;align-items:center;gap:12px;animation:.6s .8s both pager-in;display:flex;position:fixed;top:50%;right:28px;transform:translateY(-50%)}@keyframes pager-in{0%{opacity:0;transform:translate(6px,-50%)}to{opacity:1;transform:translateY(-50%)}}.pager__btn{color:#aa9682;background:0 0;border:0;place-items:center;width:22px;height:14px;padding:0;transition:color .2s,transform .2s,opacity .2s;display:grid}.pager__btn:hover:not(:disabled){color:#477957}.pager__btn:first-child:hover:not(:disabled){transform:translateY(-2px)}.pager__btn:last-child:hover:not(:disabled){transform:translateY(2px)}.pager__btn:disabled{opacity:.22;cursor:url(/shubiao.svg),default}.pager__arrow{width:14px;height:8px;position:relative}.pager__arrow--down{transform:scaleY(-1)}.pager__arrow:before{content:"";background:0 0;width:2px;height:2px;position:absolute;top:0;left:0;box-shadow:6px 0,4px 2px,6px 2px,8px 2px,2px 4px,4px 4px,6px 4px,8px 4px,10px 4px,0 6px,2px 6px,4px 6px,6px 6px,8px 6px,10px 6px,12px 6px}.pager__dots{flex-direction:column;gap:4px;display:flex}.pager__dot{background:#cfc2b2;width:3px;height:3px;transition:background .3s}.pager__dot--on{background:#8c7b6b}.splash{--u:clamp(.45px, calc(100vw / 1920), 1px);--splash-green:#477957;--splash-cream:#f2eae2;z-index:100;background:var(--splash-cream);transform-origin:50%;will-change:transform, opacity, background-color;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.splash__box{z-index:1;width:calc(378 * var(--u));height:calc(362 * var(--u));transform-origin:50%;position:relative;transform:scale(.9)}.splash__ghost{background:var(--splash-cream);border:calc(3 * var(--u)) solid var(--splash-green);pointer-events:none;position:absolute;inset:0}.splash__ghost--1{transform:translate(calc(10 * var(--u)), calc(-10 * var(--u)));animation:80ms steps(2,end) .5s backwards ghost-snap}.splash__ghost--2{transform:translate(calc(20 * var(--u)), calc(-20 * var(--u)));animation:80ms steps(2,end) .68s backwards ghost-snap}.splash__ghost--3{transform:translate(calc(30 * var(--u)), calc(-30 * var(--u)));animation:80ms steps(2,end) .86s backwards ghost-snap}@keyframes ghost-snap{0%{opacity:0}to{opacity:1}}.splash__window{background:var(--splash-cream);border:calc(3 * var(--u)) solid var(--splash-green);flex-direction:column;width:100%;height:100%;animation:.35s cubic-bezier(.22,1,.36,1) 50ms both splash-window;display:flex;position:relative}@keyframes splash-window{0%{opacity:0;transform:scale(.55)}60%{opacity:1}to{opacity:1;transform:scale(1)}}.splash__titlebar{height:calc(48 * var(--u));background:var(--splash-green);padding:0 calc(16 * var(--u));flex-shrink:0;justify-content:flex-end;align-items:center;display:flex}.splash__close{width:calc(28 * var(--u));height:calc(28 * var(--u));-webkit-user-select:none;user-select:none;cursor:url(/shubiao.svg),pointer;box-sizing:content-box;padding:calc(10 * var(--u));margin:calc(-10 * var(--u));display:block}.splash__happy{pointer-events:none;z-index:0;transform:translate(-50%, -50%) rotate(var(--r,0deg));animation:.25s cubic-bezier(.22,1,.36,1) both happy-pop;position:fixed}@keyframes happy-pop{0%{opacity:0;scale:.3}to{opacity:1;scale:1}}.splash__body{padding:0 calc(24 * var(--u));flex-direction:column;flex:1;align-items:center;display:flex}.splash__text{font-family:var(--kleyn);font-size:calc(66 * var(--u));color:var(--splash-green);white-space:nowrap;margin-top:calc(26 * var(--u));flex-direction:column;align-items:center;font-weight:700;line-height:.9;display:flex}.splash__load{align-items:center;gap:calc(5 * var(--u));width:calc(290 * var(--u));margin-top:calc(50 * var(--u));flex-direction:column;display:flex;position:relative}.splash__bar{width:100%;height:calc(38 * var(--u));box-sizing:border-box;border:calc(3 * var(--u)) solid var(--splash-green);padding:calc(2 * var(--u));transition:opacity .25s}.splash__fill{background:repeating-linear-gradient(90deg, var(--splash-green) 0 calc(11 * var(--u)), transparent calc(11 * var(--u)) calc(14 * var(--u)));height:100%;transition:width .2s steps(2,end);display:block}.splash__pct{font-family:var(--kleyn);font-size:calc(43 * var(--u));color:var(--splash-green);font-variant-numeric:tabular-nums;font-weight:700;line-height:1;transition:opacity .25s}.splash__btn{left:0;top:calc(10 * var(--u));width:100%;height:calc(66 * var(--u));box-sizing:border-box;border:calc(3 * var(--u)) solid var(--splash-green);color:var(--splash-green);font-family:var(--kleyn);font-size:calc(54 * var(--u));padding:0 0 calc(19 * var(--u));cursor:url(/shubiao.svg),pointer;opacity:0;pointer-events:none;background:0 0;justify-content:center;align-items:center;font-weight:700;line-height:1;transition:background .2s,color .2s,opacity .3s,transform .3s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;transform:scale(.94)}.splash__load--ready .splash__bar,.splash__load--ready .splash__pct{opacity:0;pointer-events:none}.splash__load--ready .splash__btn{opacity:1;pointer-events:auto;transition-delay:.12s;transform:none}.splash__btn:hover{background:var(--splash-green);color:var(--splash-cream)}.mobile-block{z-index:9999;text-align:center;background:#f2eae2;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:none;position:fixed;inset:0}.mobile-block__img{max-width:80%;height:auto}@media (width<=768px){.mobile-block{display:flex}}.fdoc{box-sizing:border-box;background:repeating-linear-gradient(90deg,#ece3da 0 1px,#0000 1px 23px),repeating-linear-gradient(#ece3da 0 1px,#0000 1px 23px),#f2eae2;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.fdoc__chrome{z-index:4;pointer-events:none}.fdoc__stage{width:1920px;height:1080px;transform:scale(min(1, calc(100svh / 1080px), calc(100vw / 1920px)));transform-origin:bottom;--u:calc(1px * var(--s));flex:none;align-self:flex-end;position:relative;overflow:hidden}.fdoc__sheet{left:var(--img-x);top:var(--img-y);width:var(--img-w);height:var(--img-h);z-index:2;position:absolute}.fdoc__card{width:100%;height:100%;position:absolute;inset:0}.fdoc__doc{left:calc(var(--doc-x) - var(--img-x));top:calc(var(--doc-y) - var(--img-y));width:var(--doc-w);height:var(--doc-h);z-index:3;position:absolute}.fdoc__doc--scroll{overscroll-behavior:contain;scrollbar-width:none;overflow-y:auto}.fdoc__doc--scroll::-webkit-scrollbar{display:none}.fdoc__clip{left:calc(110 * var(--u) + var(--body-w) - 435 * var(--u));top:calc(-115 * var(--u));width:calc(300 * var(--u));transform-origin:50% 20%;z-index:5;pointer-events:none;height:auto;position:absolute;transform:rotate(-3deg)}.fdoc__back{left:calc(72 * var(--u));top:calc(105 * var(--u));width:calc(395 * var(--u));height:calc(113 * var(--u));border-radius:calc(10 * var(--u));font-family:var(--pixel-cn);font-size:calc(41 * var(--u));letter-spacing:.06em;color:#6b5637;cursor:pointer;transform-origin:50% 100%;box-shadow:0 calc(1 * var(--u)) calc(3 * var(--u)) #8c642c33, 0 calc(4 * var(--u)) calc(7 * var(--u)) #96703838;--curl:88;--m:calc(20 * var(--u));--mt:calc(60 * var(--u));clip-path:polygon(calc(-1 * var(--m)) calc(-1 * var(--mt)), calc(100% + var(--m)) calc(-1 * var(--mt)), calc(100% + var(--m)) calc(100% + var(--m)), calc(100% + var(--m)) calc(100% + var(--m)), calc(-1 * var(--m)) calc(100% + var(--m)));z-index:6;background:#ebd4a9;border:0;transition:box-shadow .3s cubic-bezier(.33,1,.68,1),clip-path .42s cubic-bezier(.33,1,.68,1);position:absolute;transform:rotate(-1.2deg)}.fdoc__back:before{content:"";left:50%;top:calc(-38 * var(--u));width:calc(169 * var(--u));height:calc(52 * var(--u));opacity:.92;clip-path:polygon(2% 6%,98% 0,100% 92%,0 100%);background:#9d6357;position:absolute;translate:-50%}.fdoc__back:after{content:"";width:0;height:0;box-shadow:calc(-4 * var(--u)) calc(-4 * var(--u)) calc(10 * var(--u)) #78562852;opacity:0;pointer-events:none;background:linear-gradient(to top left,#0000 calc(50% - .5px),#fff6e0 calc(50% + .5px),#f3e3c0 55%,#e6d1a4 66%,#d6bb87 86%,#c9ab74 100%);transition:width .42s cubic-bezier(.33,1,.68,1),height .42s cubic-bezier(.33,1,.68,1),opacity .2s;position:absolute;bottom:0;right:0}.fdoc__back:hover{clip-path:polygon(calc(-1 * var(--m)) calc(-1 * var(--mt)), calc(100% + var(--m)) calc(-1 * var(--mt)), calc(100% + var(--m)) calc(100% - var(--curl) * var(--u) - var(--m)), calc(100% - var(--curl) * var(--u) - var(--m)) calc(100% + var(--m)), calc(-1 * var(--m)) calc(100% + var(--m)));box-shadow:0 calc(2 * var(--u)) calc(4 * var(--u)) #8c642c38, 0 calc(6 * var(--u)) calc(11 * var(--u)) #96703842}.fdoc__back:hover:after{width:calc(var(--curl) * var(--u));height:calc(var(--curl) * var(--u));opacity:1}.pdfdoc{gap:calc(var(--doc-w) * .006);flex-direction:column;display:flex}.pdfdoc__page{background:#0a0a0c 50%/100% 100% no-repeat;width:100%;position:relative}.pdfdoc__canvas,.pdfdoc__canvas>canvas{width:100%;display:block}.fly{z-index:9000;pointer-events:none;position:fixed;inset:0}.fly .fdoc__sheet{will-change:transform}.fly .fdoc__chrome,.fly .fdoc__clip,.fly .fdoc__back{opacity:0}.loader{z-index:60;background:#f2eae2;justify-content:center;align-items:center;animation:.24s both loader-in;display:flex;position:fixed;inset:0}.loader--leaving{pointer-events:none;animation:.42s cubic-bezier(.5,0,.55,1) both loader-out}@keyframes loader-in{0%{opacity:0}to{opacity:1}}@keyframes loader-out{0%{opacity:1}to{opacity:0}}.loader__box{flex-direction:column;align-items:center;gap:14px;padding:0 32px;display:flex}.loader__kicker{font-family:var(--kleyn-wide);letter-spacing:.34em;text-transform:uppercase;color:#9b7d52;font-size:12px}.loader__name{font-family:var(--display);color:#2a1f16;align-items:baseline;gap:16px;font-size:52px;line-height:1;display:flex}.loader__name em{font-family:var(--kleyn);letter-spacing:.12em;color:#9b7d52;font-size:24px;font-style:normal}.loader__bar{border:1px solid #c2af9d;gap:4px;margin-top:10px;padding:7px;display:flex}.loader__cell{background:#ded2c3;width:12px;height:18px;transition:background .18s linear}.loader__cell--on{background:#6b5743}.loader__pct{font-family:var(--kleyn);letter-spacing:.18em;color:#6b5743;font-variant-numeric:tabular-nums;font-size:15px}
