@font-face{font-family:ZiHunBianTaoTi;src:url(/fonts/zihun-biantao-ti.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:FranklinGothicHeavyItalic;src:url(/fonts/franklin-gothic-heavy-italic.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:AllanBold;src:url(/fonts/allan-bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{font-family:Helvetica Neue,PingFang SC,Microsoft YaHei,sans-serif;color:#2f2725;background:#78c5ee;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:0;cursor:url(/cursors/black_pencil_cursor.cur) 10 10,default}button{font:inherit}.tab-pill:hover,.collage-item:hover,.detail-back:hover,.showcase-modal-close:hover{cursor:url(/cursors/ok_hand_cursor.cur) 8 8,pointer}.collage-item.is-clickable:hover{cursor:url(/cursors/ok_hand_cursor.cur) 8 8,pointer!important}.app-shell{position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate;min-height:100vh;height:100vh;padding:16px;overflow:hidden;background:transparent}.app-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:#78c5ee url(/assets/page-background.webp) center / cover no-repeat;pointer-events:none}.app-shell.is-detail-mode{display:block;height:auto;padding:0;overflow:visible;background:none}.app-shell.is-cover-mode{display:block;padding:0}.envelope-stage{--envelope-width: min(1080px, calc((100vh - 48px)*.91) );--open-envelope-offset: clamp(32px, 5vh, 60px);position:relative;display:grid;min-height:100vh;place-items:center;overflow:hidden;background:transparent}.envelope-image{position:relative;width:var(--envelope-width);height:auto;padding:0;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.envelope-image-closed{grid-area:1 / 1;z-index:1}.envelope-seal-trigger{position:absolute;top:50%;left:50%;z-index:3;width:132px;height:132px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;transform:translate(-50%,calc(-50% + 60px))}.envelope-seal-trigger:hover{transform:translate(-50%,calc(-50% + 60px)) scale(1.06)}.envelope-seal-trigger:focus-visible,.envelope-booklet-card:focus-visible{outline:3px solid #7b6bbb;outline-offset:5px}.envelope-revealed-booklet{position:absolute;top:50%;left:50%;z-index:2;width:var(--envelope-width);aspect-ratio:813 / 891;height:auto;background:transparent;opacity:0;pointer-events:none;transform:translate(-50%,calc(-50% + var(--open-envelope-offset) + 22px)) scale(.96);transition:opacity .26s ease,transform .42s cubic-bezier(.22,1,.36,1);touch-action:none}.envelope-image-open{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;object-fit:fill}.envelope-booklet-card{position:absolute;top:22%;left:50%;z-index:2;width:87%;padding:0;border:0;border-radius:0;background:transparent;cursor:grab;touch-action:none;transform-origin:50% 100%;transition:transform .36s cubic-bezier(.18,.89,.32,1.28)}.envelope-booklet-card.is-dragging{cursor:grabbing;transition:none}.envelope-booklet-card img{display:block;width:100%;height:auto;border-radius:0;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.envelope-stage.is-revealed .envelope-booklet-card:not(.is-dragging) img{animation:booklet-float 1.6s ease-in-out infinite}@keyframes booklet-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.envelope-image-front{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;width:100%;height:100%;object-fit:fill;pointer-events:none}.envelope-stage.is-opening .envelope-image-closed{animation:envelope-unseal .62s cubic-bezier(.4,0,.2,1) forwards}.envelope-stage.is-opening .envelope-seal-trigger{opacity:0;transform:translate(-50%,calc(-50% + 60px)) scale(.72);transition:opacity .16s ease,transform .16s ease}.envelope-stage.is-revealed .envelope-image-closed,.envelope-stage.is-entering .envelope-image-closed{opacity:0}.envelope-stage.is-revealed .envelope-revealed-booklet,.envelope-stage.is-entering .envelope-revealed-booklet{opacity:1;pointer-events:auto;transform:translate(-50%,calc(-50% + var(--open-envelope-offset))) scale(1)}.envelope-stage.is-entering .envelope-revealed-booklet{pointer-events:none;animation:booklet-enter-home .52s cubic-bezier(.22,1,.36,1) forwards}@keyframes envelope-unseal{0%{opacity:1;transform:rotateX(0) scale(1)}50%{opacity:.78;transform:rotateX(24deg) translateY(14px) scale(.99)}to{opacity:0;transform:rotateX(46deg) translateY(28px) scale(.97)}}@keyframes booklet-enter-home{to{opacity:0;transform:translate(-50%,calc(-50% + var(--open-envelope-offset) - 12px)) scale(1.12)}}@media (prefers-reduced-motion: reduce){.envelope-stage.is-opening .envelope-image-closed,.envelope-stage.is-entering .envelope-revealed-booklet,.envelope-stage.is-revealed .envelope-booklet-card img{animation-duration:1ms}}.home-fit-frame{position:relative;flex:none}.home-booklet{width:1280px;height:874px;transform-origin:top left}.booklet-header{position:relative;width:1280px;height:70px;margin:0 auto}.tab-bar{display:flex;align-items:flex-end;gap:0;width:1280px;height:70px;margin:0;padding-left:16px;position:relative;z-index:3}.booklet-credit{position:absolute;right:0;bottom:12px;z-index:4;width:220px;height:auto;opacity:.68}.tab-pill{position:relative;display:inline-flex;align-items:center;justify-content:center;width:150px;height:42px;padding:0;border:0;border-radius:0;color:#2f2725;font-size:16px;font-weight:700;cursor:pointer;opacity:1;transform:translateY(0);transition:transform .18s ease,filter .18s ease;filter:saturate(.98);background:transparent}.tab-pill:hover{transform:translateY(0);filter:saturate(1.05)}.tab-pill.is-active{width:320px;height:63px;font-size:36px;justify-content:center;padding:0;text-align:center}.tab-shape{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.tab-label{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;height:100%;line-height:1}.tab-label-cjk{font-family:ZiHunBianTaoTi,PingFang SC,Microsoft YaHei,sans-serif;font-weight:400}.tab-label-latin{font-family:AllanBold,Helvetica Neue,Arial,sans-serif;font-weight:700}.main-stage{width:1280px;margin:0 auto}.canvas-shell{position:relative;width:1280px;height:804px;overflow:hidden;border:10px solid #b5a1ff;border-radius:18px;background-color:#faf3e9;box-shadow:0 26px 60px #765c3a24}.canvas-shell.theme-lavender{border-color:#b9a7ff}.canvas-shell.theme-olive{border-color:#c4cf6f}.canvas-shell.theme-pink{border-color:#f29bd4}.canvas-shell.theme-blue{border-color:#b8cff8}.canvas-grid{position:absolute;top:14px;right:14px;bottom:14px;left:14px;border-radius:12px;background-color:#faf3e9;background-image:linear-gradient(rgba(229,214,186,.46) 1px,transparent 1px),linear-gradient(90deg,rgba(229,214,186,.46) 1px,transparent 1px);background-size:32px 32px}.canvas-items{position:relative;width:100%;height:100%}.collage-item{position:absolute;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;padding:0;border:0;border-radius:0;text-align:left;background:transparent;box-shadow:none;transform:rotate(var(--base-rotate, 0deg));transition:transform .2s ease,box-shadow .2s ease}.drop-in-from-top{transform-origin:center top;animation:drop-in-from-top 1.1s cubic-bezier(.2,.82,.2,1.08)}.always-swing{transform-origin:center top;animation:drop-in-from-top 1.1s cubic-bezier(.2,.82,.2,1.08),badge-swing 3.2s ease-in-out 1.2s infinite}.collage-item:disabled{cursor:default}.collage-item.is-clickable{cursor:pointer}.collage-item.is-clickable:hover{box-shadow:none}.collage-placeholder{flex:1;border-radius:14px;background:linear-gradient(135deg,#ffffff47,#ffffff0f),repeating-linear-gradient(45deg,#7f6c4b14 0,#7f6c4b14 10px,#ffffff1f 10px,#ffffff1f 20px)}.collage-image{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.collage-content{display:flex;flex-direction:column;gap:8px;padding-top:14px}.collage-content strong{font-size:19px;line-height:1.1}.collage-content span{font-size:14px;line-height:1.65;white-space:pre-line}.floating-cutout .collage-content{display:none}.travel-photo{transform:rotate(var(--base-rotate, 0deg)) scale(1.14);transform-origin:center center}@keyframes drop-in-from-top{0%{opacity:0;transform:translateY(-120px) rotate(var(--base-rotate, 0deg))}72%{opacity:1;transform:translateY(12px) rotate(var(--base-rotate, 0deg))}to{opacity:1;transform:translateY(0) rotate(var(--base-rotate, 0deg))}}@keyframes badge-swing{0%{transform:rotate(calc(var(--base-rotate, 0deg) - 5deg))}50%{transform:rotate(calc(var(--base-rotate, 0deg) + 5deg))}to{transform:rotate(calc(var(--base-rotate, 0deg) - 5deg))}}.travel-photo .collage-image{filter:drop-shadow(0 18px 24px rgba(88,73,58,.18))}.plain-copy{display:block;color:#111}.plain-copy .collage-placeholder,.plain-copy .collage-image{display:none}.plain-copy .collage-content{padding:0}.plain-copy .collage-content span{font-size:14px;line-height:24px}.ai-module{justify-content:center;text-align:center}.ai-module .collage-content{align-items:center}.ai-module .collage-content strong{font-size:28px;line-height:1.2}.ai-image-placeholder{padding:0;border:0;background:transparent}.ai-image-placeholder .collage-placeholder{border-radius:8px}.ai-image-placeholder .collage-image{flex:1;min-height:0;height:auto}.ai-image-placeholder .collage-content{display:none}.ai-image-placeholder .collage-content strong{font-size:16px;line-height:1}.text-hidden .collage-content{display:none}.hover-breathe:hover{transform:rotate(0) scale(1.12)}.travel-photo.hover-breathe:hover{transform:rotate(0) scale(1.2)}.immersive-project-view{min-height:100vh;height:100vh;padding:80px 0 56px;background:transparent;overflow:hidden}.immersive-project-view-animated{animation:detail-expand-in .56s cubic-bezier(.22,1,.36,1);transform-origin:var(--detail-origin-x, 50%) var(--detail-origin-y, 50%)}.immersive-project-view-animated.is-closing{animation:detail-expand-out .52s cubic-bezier(.55,.06,.68,.19) forwards}.immersive-header{display:flex;width:min(1282px,calc((100vh - 157px) * 16 / 9),calc(100vw - 96px));margin:0 auto 21px;align-items:center;justify-content:flex-start}.detail-back{display:inline-flex;align-items:center;gap:10px;padding:0;border:0;background:transparent;color:#333;font-size:24px;cursor:pointer}.detail-back img{width:32px;height:32px}.immersive-body{width:min(1282px,calc((100vh - 157px) * 16 / 9),calc(100vw - 96px));height:min(721px,calc(100vh - 157px),calc((100vw - 96px)*.5625));margin:0 auto;background:#fff;overflow:auto;scrollbar-width:none;box-shadow:0 24px 60px #4939271f}.immersive-body::-webkit-scrollbar{display:none}.project-image-stack{display:flex;flex-direction:column;gap:0}.project-detail-image{display:block;width:100%;margin:0 auto}.project-html-frame{width:100%;height:100%;border:0;background:#fff}.project-hkbAI.immersive-project-view{padding:28px 0 24px}.project-hkbAI .immersive-header{position:absolute;z-index:2;top:18px;left:24px;width:auto;margin:0}.project-hkbAI .immersive-body{width:min(1760px,calc(100vw - 96px));height:calc(100vh - 52px);background:transparent;overflow:hidden;box-shadow:none}.project-hkbAI .project-html-frame{background:transparent}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#2218136b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:30}.showcase-modal{position:relative;display:flex;align-items:center;justify-content:center;width:280px;min-height:280px;padding:20px;border-radius:16px;background:#fffaf4;box-shadow:0 24px 50px #3c281833}.showcase-modal-wide{width:800px;min-width:800px;max-width:800px;height:620px;min-height:620px;max-height:620px;flex-shrink:0;padding:24px;overflow:hidden}.showcase-modal-body{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;width:100%}.showcase-modal-wide .showcase-modal-body{height:100%;justify-content:center}.showcase-modal h2{margin:0;font-size:20px;line-height:1;text-align:center}.showcase-modal-close{position:absolute;top:10px;right:10px;width:28px;height:28px;border:0;border-radius:999px;background:transparent;color:#2f2725;font-size:16px;line-height:1;cursor:pointer}.showcase-modal-close img{display:block;width:100%;height:100%;object-fit:contain}.qr-placeholder{display:grid;place-items:center;width:180px;height:180px;border-radius:16px;background:linear-gradient(135deg,#45d96526,#fff),repeating-linear-gradient(0deg,rgba(47,39,37,.08) 0,rgba(47,39,37,.08) 12px,transparent 12px,transparent 24px);color:#2f2725a3;text-align:center}.qr-placeholder span{padding:0 16px;font-size:14px;line-height:1.45}.qr-image{display:block;width:180px;height:auto;border-radius:16px}.qr-account-row{display:flex;align-items:center;justify-content:center;gap:6px;min-height:28px;color:#2f2725;font-size:15px;line-height:1}.qr-copy-button{display:grid;place-items:center;width:28px;height:28px;padding:0;border:0;background:transparent;color:#2f2725;font-family:inherit;font-size:21px;line-height:1;cursor:pointer}.qr-copy-button:hover{color:#7561d5}.qr-copy-button:focus-visible{outline:2px solid #7561d5;outline-offset:2px}.copy-toast{position:absolute;left:50%;bottom:-46px;min-width:max-content;padding:9px 14px;border-radius:4px;background:#2f2725eb;color:#fffaf4;font-size:13px;line-height:1.2;pointer-events:none;transform:translate(-50%);animation:copy-toast-in .16s ease-out both}@keyframes copy-toast-in{0%{opacity:0;transform:translate(-50%,4px)}to{opacity:1;transform:translate(-50%)}}.product-modal-content{display:grid;grid-template-rows:346px 30px 78px 24px;justify-items:center;align-content:center;width:100%;height:100%;gap:16px;padding:0;overflow:hidden}.product-modal-media{display:grid;place-items:center;width:100%;height:346px;min-width:0;min-height:0;overflow:hidden}.product-modal-image-placeholder{display:grid;place-items:center;width:100%;height:100%;border-radius:16px;background:linear-gradient(135deg,#f29bd42e,#fff),repeating-linear-gradient(90deg,rgba(47,39,37,.06) 0,rgba(47,39,37,.06) 12px,transparent 12px,transparent 24px);color:#2f2725a3;text-align:center;object-fit:contain}.product-modal-image{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;object-position:center}.product-modal-content h2{display:flex;align-items:center;justify-content:center;margin:0;width:100%;height:30px;font-size:24px;line-height:1.2;text-align:center}.product-modal-content p{margin:0;width:100%;max-width:484px;height:78px;font-size:16px;line-height:1.6;color:#2f2725ad;text-align:left;white-space:normal;overflow:hidden}.product-modal-link-slot{display:flex;align-items:center;justify-content:center;width:100%;height:24px}.product-modal-link,.product-modal-note{align-self:center;color:#2f2725;font-size:16px;font-weight:700}.product-modal-link{text-decoration:underline;text-underline-offset:4px}.terminal-profile-modal{position:relative;width:min(900px,calc(100vw - 48px));height:min(660px,calc(100vh - 48px));overflow:hidden;border:2px solid #b8b5ae;border-radius:8px;background:#fbfaf6;color:#252329;box-shadow:0 24px 60px #4036563d;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.terminal-window-bar{display:grid;grid-template-columns:92px 1fr 44px;align-items:center;height:42px;padding:0 12px;border-bottom:1px solid #d8d3cc;background:#f1efe9}.terminal-window-dots{display:flex;gap:8px}.terminal-window-dots span{display:block;width:12px;height:12px;border-radius:999px}.terminal-window-dots span:nth-child(1){background:#ff5f57}.terminal-window-dots span:nth-child(2){background:#ffbd2e}.terminal-window-dots span:nth-child(3){background:#28c840}.terminal-window-title{color:#77717e;font-size:13px;text-align:center}.terminal-window-close{width:28px;height:28px;justify-self:end;border:0;background:transparent;color:#6e6873;font-size:24px;line-height:1;cursor:pointer}.terminal-profile-body{display:flex;flex-direction:column;gap:18px;height:calc(100% - 42px);padding:24px;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.terminal-profile-body::-webkit-scrollbar{display:none;width:0;height:0}.terminal-line,.terminal-muted-line{display:flex;align-items:center;min-height:24px;color:#252329;font-size:16px;line-height:1.5;text-align:left}.terminal-prompt{margin-right:8px;color:#7561d5}.terminal-cursor{width:8px;height:18px;margin-left:4px;background:#7561d5;animation:terminal-cursor-blink .9s steps(2,start) infinite}.terminal-boot-lines{display:grid;gap:4px}.terminal-muted-line{color:#817b84;animation:terminal-line-in .24s ease-out both}.terminal-password-block{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-height:112px;margin:0;animation:terminal-line-in .24s ease-out both}.terminal-password-label{color:#625d66;font-size:14px;line-height:1.5;cursor:text}.terminal-password-line{position:relative;display:flex;align-items:center;min-height:28px;cursor:text}.terminal-password-slots{display:flex;align-items:center;gap:7px}.terminal-password-slot{display:block;width:10px;height:14px;border:1px solid #aaa5ad;background:transparent}.terminal-password-slot.is-filled{border-color:#4b4650;background:#4b4650}.terminal-password-slot.is-cursor{border-color:#7561d5;background:#7561d5;animation:terminal-cursor-blink .9s steps(2,start) infinite}.terminal-password-input{position:absolute;width:1px;height:1px;padding:0;border:0;overflow:hidden;opacity:0;pointer-events:none}.terminal-auth-message{min-height:20px;color:#817b84;font-size:13px;line-height:1.5}.terminal-auth-message.is-error{color:#b34f54}.terminal-auth-message.is-success{color:#5842bc}.terminal-stage-workspace{display:flex;flex-direction:column;gap:18px;align-items:start;animation:terminal-content-in .36s ease-out both}.terminal-model-usage{display:flex;align-items:stretch;max-width:100%;overflow-x:auto;background:#dff7f7;color:#293036;font-size:16px;line-height:1;white-space:nowrap;scrollbar-width:none}.terminal-model-usage::-webkit-scrollbar{display:none}.terminal-model-segment{display:flex;align-items:center;justify-content:center;min-height:34px;padding:0 16px;border-right:1px solid #77737b}.terminal-model-segment:last-child{border-right:0}.terminal-model-name{min-width:160px;justify-content:flex-start;color:#252329;font-weight:700}.terminal-model-context{min-width:145px}.terminal-model-name .terminal-prompt{margin-right:7px}.terminal-model-progress{min-width:230px;gap:6px}.terminal-model-duration{min-width:78px}.terminal-model-time{min-width:132px}.terminal-model-progress strong{color:#5842bc;font-weight:700}.terminal-model-meter{display:block;width:132px;height:10px;background:#cbc8d0}.terminal-model-meter-fill{display:block;width:5%;height:100%;background:#5842bc;animation:terminal-meter-fill .72s ease-out both}.terminal-stage-tabs{display:flex;flex-direction:column;align-items:stretch;gap:2px;width:100%;padding:4px 0;border-top:2px solid #8d7be1}.terminal-stage-tab{display:flex;align-items:center;gap:0;min-width:0;min-height:36px;padding:2px 10px;border:0;border-left:2px solid transparent;border-radius:0;background:transparent;color:#2b2930;font-family:inherit;font-size:16px;line-height:1.3;text-align:left;cursor:pointer}.terminal-stage-tab:hover{color:#7561d5}.terminal-stage-tab:focus-visible{outline:0}.terminal-stage-tab.is-active{border-left-color:transparent;background:transparent;color:#5842bc;font-weight:inherit}.terminal-stage-panel{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:18px;border:1px solid #8d7be1;border-radius:8px;background:transparent;text-align:left;width:100%;animation:terminal-panel-in .22s ease-out both}.terminal-stage-panel h2,.terminal-stage-panel p,.terminal-profile-card h3,.terminal-profile-card p{margin:0;text-align:left}.terminal-stage-panel h2{color:#252329;font-size:28px;line-height:1.25}.terminal-stage-panel>p{max-width:720px;color:#625d66;font-size:15px;line-height:1.7}.terminal-profile-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;margin-top:8px}.terminal-profile-card{min-height:132px;padding:14px;border:1px solid #dcd7cf;border-radius:3px;background:#f8f6f0}.terminal-profile-card h3{margin-bottom:10px;color:#2f2b34;font-size:16px;line-height:1.35}.terminal-profile-card p{color:#6c6670;font-size:13px;line-height:1.65;white-space:pre-line}@keyframes terminal-cursor-blink{0%,48%{opacity:1}49%,to{opacity:0}}@keyframes terminal-line-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes terminal-content-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes terminal-panel-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes terminal-meter-fill{0%{width:0}to{width:5%}}@media (max-width: 760px){.terminal-profile-cards{grid-template-columns:1fr}.terminal-stage-tab{padding-inline:6px;font-size:13px}.terminal-profile-modal{width:calc(100vw - 24px);height:min(720px,calc(100vh - 32px))}.terminal-profile-body{padding:16px}}@keyframes detail-expand-in{0%{opacity:.28;transform:translateY(20px) scale(.24)}72%{opacity:1;transform:translateY(0) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes detail-expand-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:.18;transform:translateY(18px) scale(.24)}}