:root{--ink:#20160f;--muted:#725f51;--paper:#fff8ed;--cream:#f4dfbe;--orange:#e8792f;--orange-deep:#b44821;--mint:#9ed2bd;--line:#20160f24;--shadow:0 24px 80px #5534192e}*{box-sizing:border-box}html{background:var(--paper)}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 8% 0,#e8792f3d,#0000 30rem),radial-gradient(circle at 95% 15%,#9ed2bd6b,#0000 28rem),linear-gradient(135deg,#fff8ed 0%,#f6e3c2 48%,#fff3df 100%);margin:0;font-family:Georgia,Times New Roman,serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}body.is-photo-dragging,body.is-photo-dragging *{-webkit-user-select:none;user-select:none}.folio-gallery{padding-top:var(--folio-nav-h);margin:0}.folio-gallery-label{text-align:center;background:#fff;border-top:1px solid #00000012;flex-direction:column;align-items:center;gap:.6rem;padding:3.5rem 3rem 3rem;display:flex}.folio-gallery-label-num{letter-spacing:.14em;color:#aaa;text-transform:uppercase;font-family:Inter,Helvetica Neue,system-ui,sans-serif;font-size:.8rem;font-weight:400}.folio-gallery-label-text{letter-spacing:.06em;color:#111;font-family:Inter,Helvetica Neue,PingFang SC,system-ui,sans-serif;font-size:2rem;font-weight:600;line-height:1.2}.folio-gallery-label-hint{color:#bbb;letter-spacing:.08em;margin-top:.2rem;font-family:Inter,Helvetica Neue,system-ui,sans-serif;font-size:.9rem;font-weight:300}.folio-gallery-item{line-height:0}.folio-gallery-item img{width:100%;height:auto;display:block}.folio-proto-section{background:#fff;padding:4rem 0 6rem}.folio-proto-label{text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding:0 2rem 3rem;display:flex}.folio-proto-label-num{letter-spacing:.14em;color:#aaa;text-transform:uppercase;font-family:Inter,system-ui,sans-serif;font-size:.8rem}.folio-proto-label-text{color:#111;letter-spacing:.04em;font-family:Inter,PingFang SC,system-ui,sans-serif;font-size:1.8rem;font-weight:600}.folio-proto-label-hint{color:#bbb;font-family:Inter,system-ui,sans-serif;font-size:.9rem}.folio-proto-frame-wrap{justify-content:center;align-items:flex-start;height:607.68px;display:flex}.folio-proto-frame{transform-origin:top;border:none;border-radius:44px;flex-shrink:0;width:390px;height:844px;display:block;transform:scale(.72);box-shadow:0 24px 60px #00000026,0 0 0 1px #0000000f}.folio-gallery--inset{background:#07070a;padding-bottom:3rem}.folio-gallery--inset .folio-gallery-item{background:#07070a;padding:2rem 10%}.folio-gallery--inset .folio-gallery-item img{border-radius:4px}.gpnav{z-index:90;pointer-events:auto;flex-direction:column;align-items:center;gap:.5rem;display:flex;position:fixed;top:50%;left:1.2rem;transform:translateY(-50%)}.gpnav-counter{font-variant-numeric:tabular-nums;letter-spacing:.08em;color:#ffffff8c;text-align:center;flex-direction:column;align-items:center;gap:2px;width:2rem;font-family:Inter,Helvetica Neue,monospace,sans-serif;font-size:.7rem;line-height:1;display:flex}.gpnav-cur{color:#fffffff2;text-align:center;width:100%;font-size:.78rem;font-weight:700;display:block}.gpnav-sep-line{background:#ffffff38;width:16px;height:1px;margin:2px 0}.gpnav-total{color:#ffffff61;text-align:center;width:100%;display:block}.gpnav-track{flex-direction:column;align-items:center;gap:0;margin:.15rem 0;display:flex}.gpnav-dot{cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:28px;padding:4px 0;display:flex}.gpnav-dot:after{content:"";background:#ffffff4d;border-radius:999px;width:4px;height:4px;transition:height .22s,background .18s,width .18s;display:block}.gpnav-dot:hover:after{background:#ffffffa6;width:8px}.gpnav-dot.is-active:after{background:#ffffffeb;width:4px;height:20px}.gpnav-label{letter-spacing:.12em;color:#ffffff61;text-transform:uppercase;writing-mode:vertical-rl;text-orientation:mixed;margin-top:.1rem;font-family:Inter,Helvetica Neue,monospace,sans-serif;font-size:.6rem}@media (max-width:720px){.gpnav{left:.3rem}.gpnav-counter,.gpnav-label{display:none}.gpnav-dot{width:20px}}.figma-home{min-height:100vh;padding-top:var(--folio-nav-h);background:#f0f4fa;place-items:center;font-family:SF Pro Display,SF Pro,"Alibaba PuHuiTi 3.0",ui-sans-serif,system-ui,sans-serif;display:grid;position:relative;overflow:hidden}.record-page{min-height:100vh;padding-top:var(--folio-nav-h);background:#f0f4fa;font-family:SF Pro Display,SF Pro,"Alibaba PuHuiTi 3.0",ui-sans-serif,system-ui,sans-serif;position:relative;overflow:hidden}.figma-glow{pointer-events:none;border-radius:9999px;position:absolute}.figma-glow-purple{background:radial-gradient(50% 50%,#e1b7ffb8 0%,#d5f8ff00 100%);width:66vw;min-width:460px;height:56vw;min-height:360px;animation:10s ease-in-out infinite alternate glow-drift-purple;top:-18px;left:max(-90px,-7vw)}.figma-glow-blue{background:radial-gradient(50% 50%,#b7dbffbd 0%,#d5f8ff00 100%);width:88vw;min-width:620px;height:42vw;min-height:280px;animation:12s ease-in-out infinite alternate glow-drift-blue;top:108px;left:max(60px,8vw)}.figma-stage{width:min(100vw,1280px);height:min(100vh,832px);min-height:660px;position:relative;overflow:hidden}.record-stage{width:min(100vw,1280px);min-height:100vh;margin:0 auto;padding:28px 24px 40px;position:relative}.record-help{z-index:20;position:absolute;top:28px;right:24px}.record-back-button{color:#8a97f7;background:0 0;border:2px solid #8a97f7;border-radius:999px;place-items:center;width:34px;height:34px;font-size:18px;font-weight:700;line-height:1;transition:background-color .16s,color .16s;display:grid}.record-back-button:hover{color:#fff;background:#8a97f7}.record-help-button{color:#8a97f7;background:0 0;border:2px solid #8a97f7;border-radius:999px;place-items:center;width:34px;height:34px;font-size:18px;font-weight:850;line-height:1;transition:background-color .16s,color .16s;display:grid}.record-help:hover .record-help-button,.record-help:focus-within .record-help-button{color:#fff;background:#8a97f7}.record-help-popover{color:#000c;opacity:0;pointer-events:none;background:#ffffffeb;border:1px solid #8a97f729;border-radius:18px;width:280px;padding:16px;font-size:13px;font-weight:500;line-height:1.6;transition:opacity .16s,transform .16s;position:absolute;top:44px;right:0;transform:translateY(-6px)}.record-help-list{flex-direction:column;gap:8px;margin:0;padding-left:18px;display:flex}.record-help:hover .record-help-popover,.record-help:focus-within .record-help-popover{opacity:1;transform:translateY(0)}.record-topbar{justify-content:flex-start;align-items:center;gap:12px;display:flex}.record-back-button{color:#8a97f7;place-items:center;width:32px;height:32px;font-size:28px;font-weight:700;line-height:1;display:grid}.record-brand-row{align-items:center;gap:12px;display:flex}.record-brand{color:#8a97f7;letter-spacing:-.04em;text-align:left;margin:0;font-size:32px;font-style:italic;font-weight:858}.record-layout{grid-template-columns:minmax(0,1fr) minmax(400px,465px);align-items:stretch;gap:28px;width:min(100%,1152px);min-height:calc(100vh - 108px);margin:14px auto 0;display:grid}.record-panel{border-radius:34px;min-height:100%;position:relative}.record-panel-left{padding:10px 0 28px}.record-panel-right{display:block}.record-avatar-row{align-items:center;gap:22px;display:flex;position:absolute;top:10px;left:0}.record-avatar-wrap{position:relative}.record-avatar{background:#d9d9d9;border:3px solid #fff;border-radius:9999px;width:30px;height:30px;padding:0;overflow:hidden}.record-avatar img{object-fit:cover;width:100%;height:100%;display:block}.record-avatar.is-active{background:#fff}.record-avatar-tooltip{z-index:30;color:#000c;opacity:0;pointer-events:none;background:#fffffff0;border:1px solid #8a97f724;border-radius:16px;width:260px;padding:14px 15px;font-size:13px;font-weight:700;line-height:1.55;transition:opacity .16s,transform .16s;position:absolute;top:42px;left:0;transform:translateY(-6px)}.record-avatar-wrap:hover .record-avatar-tooltip,.record-avatar-wrap:focus-within .record-avatar-tooltip{opacity:1;transform:translateY(0)}.character-stage{-webkit-user-select:none;user-select:none;border-radius:32px;transition:background-color .18s;position:absolute;inset:58px 0 28px;overflow:hidden}.character-stage.is-preparing{background:0 0;border-color:#0000}.character-stage.is-ready{background:#8a97f71f}.character-chat-panel{z-index:8;background:#fffffff5;border:1px solid #8a97f729;border-radius:28px;flex-direction:column;transition:border-color .18s,transform .18s;animation:.22s both chat-panel-enter;display:flex;position:absolute;inset:4px 28px 28px;overflow:hidden}.character-chat-panel.is-drag-active{border-color:#8a97f794;transform:translateY(-2px)}.character-chat-messages{flex-direction:column;flex:1;gap:12px;min-height:0;padding:22px 22px 12px;display:flex;overflow-y:auto}.character-chat-empty{color:#231d3c8f;background:#f0f4fab8;border:2px dashed #8a97f747;border-radius:22px;flex:1;place-items:center;min-height:220px;font-size:15px;font-weight:560;transition:background-color .18s,border-color .18s,color .18s;display:grid}.character-chat-panel.is-drag-active .character-chat-empty{color:#5c4eff;background:#8a97f71a;border-color:#8a97f79e}.character-chat-message{border-radius:20px;width:fit-content;max-width:min(78%,260px);font-size:14px;font-weight:520;line-height:1.45;animation:.18s both chat-message-enter}.character-chat-message.is-user{background:#fff;border:3px solid #fff;align-self:flex-end;overflow:hidden}.character-chat-message.is-user img{object-fit:cover;width:124px;height:166px;display:block}.character-chat-message.is-assistant{color:#231d3c;background:#f0f4fa;align-self:flex-start;padding:10px 14px}.character-chat-drop-hint{color:#231d3c80;border-top:1px solid #8a97f71f;place-items:center;min-height:46px;font-size:12px;font-weight:560;display:grid}.character-thought-bubble{z-index:6;color:#231d3c;background:#fffffff0;border:1px solid #8a97f72e;border-radius:28px;width:max-content;max-width:calc(100% - 32px);min-height:64px;padding:14px 16px;animation:.22s both thought-bubble-enter;position:absolute;top:110px;left:min(50%,360px);transform:translate(-12%)}.character-thought-bubble:before,.character-thought-bubble:after{content:"";background:#fffffff0;border-radius:999px;position:absolute}.character-thought-bubble:before{width:20px;height:20px;bottom:-15px;left:42px}.character-thought-bubble:after{width:12px;height:12px;bottom:-31px;left:24px}.character-thought-current{align-items:center;min-height:34px;display:flex}.character-thought-term{color:#231d3c;font-size:18px;font-weight:500;line-height:1.2;animation:1.5s both thought-term-drift;display:block}.character-thought-cursor{background:#8a97f7;border-radius:999px;width:8px;height:8px;animation:.78s ease-in-out infinite thought-cursor-pulse}.character-thought-test-button{z-index:5;color:#5c4eff;background:#ffffffd1;border:1px solid #8a97f73d;border-radius:999px;min-height:38px;padding:0 16px;font-size:13px;font-weight:650;transition:background-color .16s,color .16s,transform .16s;position:absolute;bottom:22px;right:22px}.character-thought-test-button:hover{color:#fff;background:#8a97f7;transform:translateY(-2px)}.character-reading-bubble{z-index:5;background:#fffffff0;border:1px solid #8a97f733;border-radius:999px;align-items:center;gap:10px;width:min(240px,100% - 32px);min-height:64px;padding:10px 14px 10px 10px;transition:top .36s cubic-bezier(.22,1,.36,1),width .36s cubic-bezier(.22,1,.36,1),min-height .36s cubic-bezier(.22,1,.36,1),padding .36s cubic-bezier(.22,1,.36,1),opacity .36s;animation:.22s both reading-bubble-enter;display:flex;position:absolute;top:2px;left:min(50%,360px);transform:translate(-12%)}.character-reading-bubble:before,.character-reading-bubble:after{content:"";background:#fffffff0;border-radius:999px;position:absolute}.character-reading-bubble:before{width:18px;height:18px;transition:width .36s,height .36s,left .36s,bottom .36s;bottom:-12px;left:36px}.character-reading-bubble:after{width:10px;height:10px;transition:width .36s,height .36s,left .36s,bottom .36s;bottom:-25px;left:22px}.character-reading-photo{background:#f0f4fa;border:3px solid #fff;border-radius:999px;flex:none;width:46px;height:46px;transition:width .36s cubic-bezier(.22,1,.36,1),height .36s cubic-bezier(.22,1,.36,1),border-width .36s;animation:.58s cubic-bezier(.22,1,.36,1) both reading-photo-absorb;overflow:hidden}.character-reading-photo img{object-fit:cover;width:100%;height:100%;display:block}.character-reading-status{color:#231d3c;white-space:nowrap;align-items:center;gap:8px;min-width:0;font-size:13px;font-weight:520;line-height:1.2;transition:font-size .36s,opacity .36s;display:inline-flex}.character-reading-star{background:#8a97f7;flex:none;width:9px;height:9px;animation:.78s ease-in-out infinite reading-star-twinkle;position:relative;transform:rotate(45deg)}.character-reading-star:after{content:"";background:#8a97f729;border-radius:999px;position:absolute;inset:-4px}button.character-reading-bubble{font:inherit;color:inherit;text-align:left;cursor:pointer}.character-reading-bubble.is-result{border-color:#8a97f78c;transition:transform .16s,box-shadow .16s,top .36s cubic-bezier(.22,1,.36,1),width .36s cubic-bezier(.22,1,.36,1),min-height .36s cubic-bezier(.22,1,.36,1),padding .36s cubic-bezier(.22,1,.36,1);box-shadow:0 14px 36px #8a97f738}.character-reading-bubble.is-result:hover{transform:translate(-12%)translateY(-2px);box-shadow:0 18px 44px #8a97f752}.character-reading-bubble.is-result .character-reading-photo{animation:none}.character-reading-photos{gap:6px;width:100%;display:flex}.character-reading-photos .character-reading-photo{flex:1;min-width:0}.character-reading-bubble.is-result.has-two{width:min(280px,100% - 32px)}.character-reading-bubble.is-result .character-reading-status span:last-child{color:#5b6ae2;font-weight:700}.character-reading-bubble.is-compact{opacity:.55;width:min(190px,100% - 32px);min-height:46px;padding:7px 12px 7px 8px;top:100px;left:min(62%,420px)}.character-reading-bubble.is-compact:before{width:13px;height:13px;bottom:-9px;left:30px}.character-reading-bubble.is-compact:after{width:8px;height:8px;bottom:-19px;left:20px}.character-reading-bubble.is-compact .character-reading-photo{border-width:2px;width:30px;height:30px}.character-reading-bubble.is-compact .character-reading-status{opacity:.78;font-size:11px}.character-lottie{width:min(70%,360px);height:min(70%,360px);display:block;position:absolute;bottom:22%;left:38%;transform:translate(-50%)}.character-lottie svg{width:100%;height:100%;display:block}.record-photo-zones{flex:1;width:100%;min-height:0;margin:0 auto;position:relative;overflow:hidden}.record-photo-zones-track{width:200%;height:100%;transition:transform .32s cubic-bezier(.22,1,.36,1);display:flex;transform:translate(0%)}.record-photo-zones-track.is-second{transform:translate(-50%)}.record-photo-card-zone{box-sizing:border-box;flex-direction:column;flex:0 0 50%;justify-content:flex-start;align-items:stretch;width:50%;height:100%;padding:4px 0;display:flex}.record-photo-card-zone .record-photo-group{box-sizing:border-box;flex-direction:column;flex:1;width:100%;max-width:none;min-height:0;display:flex}.record-photo-card-title{text-align:center;color:#5b6ae2;letter-spacing:.08em;opacity:.78;margin:0;font-size:13px;font-weight:600}.record-zone-tabs{background:#8a97f71f;border-radius:999px;flex:none;grid-template-columns:1fr 1fr;width:100%;max-width:465px;margin:0 auto;padding:4px;display:grid;position:relative}.record-zone-tabs-thumb{pointer-events:none;background:#fff;border-radius:999px;width:calc(50% - 4px);transition:transform .28s cubic-bezier(.22,1,.36,1);position:absolute;top:4px;bottom:4px;left:4px;box-shadow:0 2px 8px #231d3c14}.record-zone-tabs.is-second .record-zone-tabs-thumb{transform:translate(100%)}.record-zone-tab{z-index:1;letter-spacing:.04em;color:#231d3c66;cursor:pointer;background:0 0;border:none;padding:8px 0;font-size:13px;font-weight:700;transition:color .2s;position:relative}.record-zone-tab.is-active{color:#5b6ae2}.record-zone-tab:hover:not(.is-active){color:#231d3cb3}.record-photo-card-title{display:none}.record-upload-panel{flex-direction:column;align-items:stretch;gap:14px;display:flex;position:absolute;inset:58px 0 28px}.record-upload-panel.is-dragging .record-photo-group{background:#8a97f71a;border-color:#8a97f770}.record-photo-group{background:#ffffff38;border:1px solid #ffffff9e;border-radius:24px;width:fit-content;max-width:100%;margin:0 auto;padding:12px 14px 10px;transition:background-color .18s,border-color .18s}.record-photo-group-one{background:#fff}.record-result-card{background:#f5f0e6;border-radius:12px;position:relative;overflow:hidden}.record-result-view{cursor:zoom-in;background:0 0;border:none;width:100%;height:100%;padding:0;display:block}.record-result-card img{object-fit:cover;width:100%;height:100%}.record-lightbox{z-index:1000;background:#000000c7;justify-content:center;align-items:center;animation:.16s ease-out lightbox-fade-in;display:flex;position:fixed;inset:0}@keyframes lightbox-fade-in{0%{opacity:0}to{opacity:1}}.record-lightbox-content{flex-direction:column;align-items:center;gap:16px;max-width:min(92vw,1200px);max-height:92vh;display:flex}.record-lightbox-image{object-fit:contain;background:#000;border-radius:8px;width:auto;max-width:min(92vw,1200px);height:auto;max-height:78vh;box-shadow:0 24px 64px #00000073}.record-lightbox-actions{gap:12px;display:flex}.record-lightbox-button{appearance:none;color:#20160f;cursor:pointer;background:#fff8ed;border:none;border-radius:999px;padding:10px 22px;font-size:14px;font-weight:600;transition:transform .12s,background .12s}.record-lightbox-button:hover:not(:disabled){background:#f7b267;transform:translateY(-1px)}.record-lightbox-button:disabled{opacity:.6;cursor:progress}.record-lightbox-close{color:#fff;cursor:pointer;background:#ffffff29;border:none;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;line-height:1;transition:background .12s;display:flex;position:absolute;top:20px;right:24px}.record-lightbox-close:hover{background:#ffffff47}.record-photo-stack{grid-template-columns:repeat(4,90px);grid-auto-rows:120px;justify-content:center;align-items:center;gap:18px 16px;width:100%;padding:4px 0;display:grid}.record-photo-scroll-area{flex:1;width:100%;min-height:0;display:flex;position:relative}.record-photo-scroll-content{scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior:contain;flex:1;min-height:0;padding-right:14px;overflow:hidden auto}.record-photo-scroll-content::-webkit-scrollbar{display:none}.record-photo-scroll-empty{color:#231d3c59;justify-content:center;align-items:center;height:100%;min-height:200px;font-size:13px;font-weight:500;display:flex}.record-photo-scroll-rail{opacity:0;pointer-events:none;background:0 0;border-radius:999px;width:4px;transition:opacity .2s,background-color .2s;position:absolute;top:4px;bottom:4px;right:4px}.record-photo-scroll-rail.is-visible{opacity:1;background:#8a97f724}.record-photo-scroll-thumb{background:#8a97f7;border-radius:999px;transition:top 80ms linear,height 80ms linear;position:absolute;left:0;right:0;box-shadow:0 2px 6px #8a97f752}.record-photo-card{width:90px;height:120px;transform:rotate(var(--photo-tilt));background:linear-gradient(160deg,#ffffff38,#fff0),linear-gradient(135deg,#d7ddff 0%,#f1d8ff 52%,#d8f2ff 100%);border:4px solid #fff;border-radius:16px;transition:transform .18s;position:relative;overflow:visible}.record-photo-card[draggable=true]{cursor:grab}.record-photo-card[draggable=true]:active{cursor:grabbing}.record-photo-card:has(img){cursor:grab;touch-action:none}.record-photo-card:has(img):active{cursor:grabbing}.record-photo-card img{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:12px;width:100%;height:100%;display:block;overflow:hidden}.record-drag-preview{z-index:1000;pointer-events:none;border:4px solid #fff;border-radius:16px;width:90px;height:120px;position:fixed;overflow:hidden;transform:rotate(-2deg)scale(1.03)}.record-drag-preview img{object-fit:cover;width:100%;height:100%;display:block}.record-photo-card:hover{transform:rotate(var(--photo-tilt)) translateY(-4px) scale(1.03)}.record-photo-delete{color:#5c4eff;opacity:0;background:#ffffffe6;border:0;border-radius:999px;place-items:center;width:22px;height:22px;font-size:14px;font-weight:800;line-height:1;transition:opacity .14s,transform .14s,background-color .14s,color .14s;display:grid;position:absolute;top:-11px;right:-11px;transform:scale(.8)}.record-photo-card:hover .record-photo-delete,.record-photo-delete:focus-visible{opacity:1;transform:scale(1)}.record-photo-delete:hover{color:#fff;background:#8a97f7}.record-forward-overlay{z-index:900;background:0 0;position:fixed;inset:0}.record-forward-popup{z-index:901;background:#fffffffa;border:1px solid #8a97f72e;border-radius:16px;min-width:200px;padding:12px 14px;animation:.16s both record-forward-pop;position:fixed;transform:translate(8px,8px);box-shadow:0 18px 48px #231d3c2e}@keyframes record-forward-pop{0%{opacity:0;transform:translate(8px,8px)scale(.94)}to{opacity:1;transform:translate(8px,8px)scale(1)}}.record-forward-popup-title{color:#231d3c8c;letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:700}.record-forward-popup-options{gap:10px;display:flex}.record-forward-option{cursor:pointer;background:#d9d9d9;border:2px solid #fff;border-radius:50%;width:48px;height:48px;padding:0;transition:transform .14s,box-shadow .14s;overflow:hidden;box-shadow:0 4px 12px #231d3c1a}.record-forward-option:hover{transform:translateY(-2px)scale(1.06);box-shadow:0 8px 18px #8a97f759}.record-forward-option img{object-fit:cover;width:100%;height:100%;display:block}.record-photo-card[data-photo-index="1"],.record-photo-card[data-photo-index="5"]{--photo-tilt:-4deg}.record-photo-card[data-photo-index="2"],.record-photo-card[data-photo-index="6"]{--photo-tilt:3deg}.record-photo-card[data-photo-index="3"],.record-photo-card[data-photo-index="7"]{--photo-tilt:-2deg}.record-photo-card[data-photo-index="4"],.record-photo-card[data-photo-index="8"]{--photo-tilt:4deg}.record-photo-pagination{color:#8a97f7;justify-content:center;align-items:center;gap:10px;min-height:28px;margin-top:6px;font-size:12px;font-weight:800;display:flex}.record-photo-pagination button{color:#8a97f7;background:#ffffff80;border:1px solid #8a97f73d;border-radius:999px;place-items:center;width:24px;height:24px;font-size:18px;line-height:1;display:grid}.record-photo-pagination button:disabled{cursor:default;opacity:.32}.record-photo-pagination button:not(:disabled):hover{color:#fff;background:#8a97f7}.record-upload-actions{flex:none;align-items:stretch;gap:8px;width:100%;max-width:465px;margin:0 auto;display:flex}.record-upload-button{color:#5c4eff;cursor:pointer;background:#ffffff94;border:3px dashed #8a97f7;border-radius:26px;flex:1;justify-content:center;align-items:center;min-height:76px;font-size:15px;font-weight:700;transition:transform .18s,background-color .18s,border-color .18s;display:flex}.record-upload-test-button{color:#5b6ae2;letter-spacing:.02em;cursor:pointer;background:#ffffffb3;border:1px solid #8a97f773;border-radius:26px;flex:none;min-width:112px;min-height:76px;padding:0 18px;font-size:14px;font-weight:700;transition:background-color .14s,color .14s,border-color .14s,transform .14s}.record-upload-test-button:hover:not(:disabled){color:#fff;background:#8a97f7;border-color:#8a97f7;transform:translateY(-2px)}.record-upload-test-button:disabled{opacity:.5;cursor:not-allowed}.record-upload-button:hover{color:#fff;background:#8a97f7;border-color:#8a97f7;transform:translateY(-2px)}.record-upload-button.is-dragging{color:#fff;background:#8a97f7;border-color:#8a97f7;transform:translateY(-2px)scale(1.01)}.record-upload-input{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.figma-brand{color:#8a97f7;letter-spacing:-.04em;margin:0;font-size:32px;font-style:italic;font-weight:858;position:absolute;top:24px;left:50%;transform:translate(-50%)}.figma-stage h1{color:#231d3c;text-align:center;word-wrap:break-word;-webkit-text-stroke:15px #fff;paint-order:stroke fill;width:min(100% - 40px,760px);margin:0;font-size:clamp(42px,5vw,64px);font-style:italic;font-weight:858;line-height:1.02;position:absolute;top:224px;left:50%;transform:translate(-50%)}.figma-tagline{color:#5c4eff;text-align:center;white-space:nowrap;margin:0;font-family:"Alibaba PuHuiTi 3.0",ui-sans-serif,system-ui,sans-serif;font-size:clamp(22px,2.5vw,32px);font-weight:700;position:absolute;top:326px;left:50%;transform:translate(-50%)}.figma-tagline-sparkle{color:#8a97f7;margin-left:10px;display:inline-block;transform:translateY(-2px)}.figma-photo-stack{width:340px;height:230px;position:absolute;top:392px;left:50%;transform:translate(-50%)}.figma-shadow{opacity:.34;filter:blur(6px);background:radial-gradient(50% 50%,#84859e 0%,#bcbcbc00 100%);border-radius:9999px;width:296px;height:148px;position:absolute;top:42px;left:28px;transform:rotate(18deg)}.figma-photo{z-index:1;transition:transform .22s cubic-bezier(.22,1,.36,1),filter .22s,border-color .22s;position:absolute;overflow:hidden}.figma-photo:before{content:"";background:linear-gradient(#231d3c05 36%,#231d3c3d 100%);position:absolute;inset:0}.figma-photo:hover{z-index:3;transform:rotate(var(--photo-rotation)) translateY(-8px) scale(1.03);filter:saturate(1.08);border-color:#8a97f7}.figma-photo-left{--photo-rotation:-5deg;width:133px;height:177px;transform:rotate(var(--photo-rotation));background-color:#0000;background-image:url(/projects/project-2/images/%E6%B5%B7%E9%B8%A5.jpg),linear-gradient(140deg,#9da9ff 0%,#edb7ff 54%,#fff1c6 100%);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:4px solid #fff;border-radius:22px;top:10px;left:30px}.figma-photo-right{--photo-rotation:15deg;width:136px;height:182px;transform:rotate(var(--photo-rotation));background-color:#0000;background-image:url(/projects/project-2/images/%E7%94%9C%E7%AD%92.jpg),linear-gradient(145deg,#b7dbff 0%,#8a97f7 50%,#e5b7ff 100%);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:5px solid #fff;border-radius:20px;top:18px;left:176px}.figma-cta{color:#fff;background:#8a97f7;border-radius:32px;place-items:center;width:min(300px,100% - 48px);height:64px;font-family:"Alibaba PuHuiTi 3.0",ui-sans-serif,system-ui,sans-serif;font-size:20px;font-weight:700;transition:transform .18s;display:grid;position:absolute;top:634px;left:50%;transform:translate(-50%)}.figma-cta:hover{transform:translate(-50%)translateY(-2px)}.figma-cta-row{gap:12px;width:min(320px,100% - 48px);display:flex;position:absolute;top:634px;left:50%;transform:translate(-50%)}.figma-cta-row .figma-cta{flex:1;font-size:17px;position:static;transform:none}.figma-cta-row .figma-cta:hover{transform:translateY(-2px)}.figma-cta--primary{color:#fff;background:#8a97f7}.figma-cta--secondary{color:#8a97f7;background:#8a97f71f;border:1.5px solid #8a97f773}.figma-cta--secondary:hover{background:#8a97f738}.p2-docs-root{background:#fff;min-height:100vh}.p2-docs-header{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border-bottom:1px solid #00000012;align-items:center;gap:1.2rem;height:56px;padding:0 2rem;display:flex;position:sticky;top:0}.p2-docs-back{color:#6b7aef;letter-spacing:.02em;font-family:Inter,system-ui,sans-serif;font-size:.95rem;transition:opacity .15s}.p2-docs-back:hover{opacity:.7}.p2-docs-title{color:#00000059;letter-spacing:.08em;font-family:Inter,system-ui,sans-serif;font-size:.85rem}.p2-docs-gallery{flex-direction:column;gap:0;padding:2rem 8%;display:flex}.p2-docs-item{line-height:0}.p2-docs-item img{border-radius:4px}@keyframes glow-drift-purple{0%{transform:translate(0,0)scale(1)}to{transform:translate(74px,34px)scale(1.08)}}@keyframes glow-drift-blue{0%{transform:translate(0,0)scale(1)}to{transform:translate(-82px,40px)scale(1.07)}}.shell{width:min(1120px,100% - 32px);margin:0 auto}.nav{justify-content:space-between;align-items:center;padding:28px 0;display:flex}.brand{letter-spacing:-.03em;align-items:center;gap:10px;font-size:20px;font-weight:800;display:inline-flex}.brand-mark{border:1px solid var(--line);background:#fff9;border-radius:14px;place-items:center;width:36px;height:36px;display:grid}.nav-links{color:var(--muted);gap:18px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:14px;font-weight:700;display:flex}.hero{grid-template-columns:minmax(0,1fr) 440px;align-items:center;gap:48px;padding:46px 0 80px;display:grid}.eyebrow{border:1px solid var(--line);width:fit-content;color:var(--orange-deep);background:#ffffff94;border-radius:999px;margin:0 0 18px;padding:8px 12px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:13px;font-weight:800}.hero h1,.page-title{letter-spacing:-.08em;max-width:780px;margin:0;font-size:clamp(48px,8vw,96px);line-height:.92}.hero p,.lead{max-width:640px;color:var(--muted);font-family:ui-sans-serif,system-ui,sans-serif;font-size:18px;line-height:1.7}.actions{flex-wrap:wrap;gap:14px;margin-top:32px;display:flex}.button{border:1px solid var(--line);min-height:50px;color:var(--ink);background:#fffa;border-radius:999px;justify-content:center;align-items:center;padding:0 22px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:15px;font-weight:850;display:inline-flex}.button.primary{background:var(--ink);color:var(--paper);border-color:#0000}.hero-card{border:1px solid var(--line);background:linear-gradient(160deg,#ffffffb8,#fff6e666),repeating-linear-gradient(90deg,#0000 0 23px,#20160f0a 24px 25px);border-radius:42px;min-height:520px;position:relative;overflow:hidden}.cat-orbit{border:1px dashed #20160f33;border-radius:999px;place-items:center;animation:5s ease-in-out infinite float;display:grid;position:absolute;inset:54px}.cat-face{width:210px;height:210px;color:var(--ink);background:#f7b267;border-radius:48% 52% 55% 45%;place-items:center;font-size:76px;display:grid}.pill-note{border:1px solid var(--line);max-width:260px;color:var(--muted);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffbd;border-radius:22px;padding:18px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:14px;line-height:1.5;position:absolute;bottom:30px;right:28px}.feature-grid{grid-template-columns:repeat(3,1fr);gap:18px;padding-bottom:70px;display:grid}.feature-card,.panel,.legal-card{border:1px solid var(--line);background:#ffffff9e;border-radius:28px}.feature-card{padding:24px}.feature-card h2{letter-spacing:-.04em;margin:0 0 8px;font-size:24px}.feature-card p,.legal-card p,.legal-card li{color:var(--muted);font-family:ui-sans-serif,system-ui,sans-serif;line-height:1.65}.demo-layout{grid-template-columns:minmax(0,.92fr) minmax(320px,.78fr);gap:22px;padding:24px 0 70px;display:grid}.panel{padding:26px}.panel h1{letter-spacing:-.07em;margin:0 0 10px;font-size:clamp(36px,5vw,68px);line-height:.96}.field{gap:10px;margin-top:18px;font-family:ui-sans-serif,system-ui,sans-serif;display:grid}.field label{color:var(--ink);font-size:14px;font-weight:850}.input,.textarea,.select{border:1px solid var(--line);width:100%;color:var(--ink);background:#ffffffbd;border-radius:18px;outline:none}.input,.select{min-height:48px;padding:0 14px}.textarea{resize:vertical;min-height:132px;padding:14px}.dropzone{text-align:center;background:radial-gradient(circle at 30% 20%,#e8792f2e,#0000 16rem),#ffffff6b;border:1.5px dashed #20160f47;border-radius:28px;place-items:center;min-height:230px;display:grid}.dropzone input{display:none}.preview-image,.result-image{object-fit:cover;border-radius:24px;width:100%}.preview-image{max-height:340px}.result-image{background:#fff;min-height:360px}.hint,.error,.status{font-family:ui-sans-serif,system-ui,sans-serif;font-size:14px;line-height:1.55}.hint,.status{color:var(--muted)}.error{color:#9c2a19}.button.full{width:100%;margin-top:20px}.legal-page{padding:36px 0 80px}.legal-card{margin-top:24px;padding:28px}@keyframes thought-bubble-enter{0%{opacity:0;transform:translate(-12%)translateY(8px)scale(.98)}to{opacity:1;transform:translate(-12%)translateY(0)scale(1)}}@keyframes chat-panel-enter{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes chat-message-enter{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes thought-term-drift{0%{opacity:0;transform:translateY(8px)}18%,58%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}@keyframes thought-cursor-pulse{0%,to{opacity:.32;transform:scale(.78)}50%{opacity:1;transform:scale(1)}}@keyframes reading-bubble-enter{0%{opacity:0;transform:translate(-12%)translateY(8px)scale(.98)}to{transform:translate(-12%)translateY(0)scale(1)}}@keyframes reading-photo-absorb{0%{opacity:0;transform:translate(74px,72px)scale(1.9)rotate(4deg)}70%{opacity:1;transform:translate(0)scale(.94)rotate(0)}to{opacity:1;transform:translate(0)scale(1)rotate(0)}}@keyframes reading-star-twinkle{0%,to{opacity:.36;transform:rotate(45deg)scale(.72)}50%{opacity:1;transform:rotate(45deg)scale(1.18)}}@keyframes float{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-16px)rotate(2deg)}}@media (max-width:860px){.record-stage{padding:22px 18px 30px}.record-topbar{gap:10px}.record-layout{grid-template-columns:1fr;gap:18px;min-height:auto;margin-top:18px}.record-panel{min-height:auto}.record-panel-left,.record-panel-right{padding-left:0;padding-right:0}.record-avatar-row{left:0}.character-thought-bubble{width:min(220px,100% - 28px);top:110px;left:50%}.character-chat-panel{inset:4px 10px 20px}.character-chat-messages{padding:18px 18px 10px}.character-reading-bubble{width:min(220px,100% - 28px);top:2px;left:50%}.character-reading-bubble.is-compact{width:min(184px,100% - 28px);top:72px;left:54%}.record-photo-zones{height:min(460px,100vh - 220px)}.record-photo-stack{grid-template-columns:repeat(4,82px);grid-auto-rows:109px;gap:16px 12px}.record-photo-group-one{min-width:auto}.record-photo-card{width:82px;height:109px}.record-upload-button{margin-top:16px}.figma-stage{min-height:640px}.figma-brand{top:20px}.figma-stage h1{top:200px}.figma-tagline{top:302px}.figma-photo-stack{top:360px}.figma-cta{top:606px}.hero,.demo-layout,.feature-grid{grid-template-columns:1fr}.hero-card{min-height:420px}.nav{align-items:flex-start;gap:18px}.nav-links{flex-wrap:wrap;justify-content:flex-end}}@media (max-width:560px){.record-brand{font-size:28px}.record-layout{gap:14px}.record-panel{border-radius:24px;min-height:auto}.record-avatar-row{gap:18px}.character-thought-bubble{padding:12px 14px;top:100px}.character-chat-panel{border-radius:24px;inset:4px 0 18px}.character-chat-messages{padding:14px 14px 8px}.character-chat-message.is-user img{width:102px;height:136px}.character-reading-bubble{padding:9px 12px 9px 9px;top:2px}.character-reading-bubble.is-compact{width:min(176px,100% - 28px);padding:7px 10px 7px 8px;top:68px;left:54%}.character-reading-photo{width:40px;height:40px}.character-reading-bubble.is-compact .character-reading-photo{width:28px;height:28px}.character-reading-status{font-size:12px}.character-thought-test-button{bottom:16px;right:16px}.record-photo-stack{grid-template-columns:repeat(4,68px);grid-auto-rows:91px;gap:14px 8px}.record-photo-group-one{min-width:auto}.record-photo-card{border-width:3px;border-radius:14px;width:68px;height:91px}.record-upload-button{min-height:70px;margin-top:14px;font-size:18px}.figma-stage{min-height:620px}.figma-stage h1{letter-spacing:-.06em;width:calc(100% - 24px)}.figma-tagline{white-space:normal;width:calc(100% - 24px)}.figma-photo-stack{top:372px;transform:translate(-50%)scale(.86)}.figma-cta{top:596px}.shell{width:min(100% - 22px,1120px)}.nav{display:grid}.hero{padding-top:22px}.panel{padding:18px}}.chat-view-stage{background:#f8f9fe99;border-radius:32px;flex-direction:column;transition:background-color .18s;display:flex;position:absolute;inset:58px 0 28px;overflow:hidden}.chat-view-stage.is-drag-active{background:#8a97f71a}.chat-view-thread{flex-direction:column;flex:1;gap:14px;padding:22px 22px 26px;display:flex;overflow-y:auto}.chat-row{align-items:flex-start;gap:10px;max-width:100%;display:flex}.chat-row.is-user{flex-direction:row-reverse}.chat-avatar{background:#d9d9d9;border:2px solid #fff;border-radius:999px;flex:none;width:36px;height:36px;overflow:hidden}.chat-avatar img{object-fit:cover;width:100%;height:100%;display:block}.chat-bubble{word-break:break-word;border-radius:18px;padding:10px 14px;font-size:14px;font-weight:520;line-height:1.5;animation:.18s both chat-bubble-enter}.chat-bubble.is-assistant{color:#231d3c;background:#fff;border-top-left-radius:6px}.chat-bubble.is-user{color:#fff;background:#8a97f7;border-top-right-radius:6px}.chat-bubble.is-image,.chat-bubble.is-sticker{background:0 0;padding:6px}.chat-bubble-text{white-space:pre-wrap;word-break:break-word;display:block}.chat-bubble.is-image img{border-radius:14px;width:100%;max-width:220px;display:block}.chat-sticker-placeholder{color:#231d3c80;background:#ffffffb3;border:2px dashed #8a97f766;border-radius:18px;place-items:center;width:132px;height:132px;font-size:12px;font-weight:600;display:grid}.chat-sticker-img{object-fit:contain;border-radius:12px;width:120px;height:120px;display:block}.chat-view-header{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff8c;border-bottom:1px solid #8a97f726;border-radius:32px 32px 0 0;flex:none;align-items:center;gap:10px;padding:12px 20px 10px;display:flex}.chat-view-header-avatar{object-fit:cover;background:#d9d9d9;border:2px solid #fff;border-radius:50%;flex-shrink:0;width:34px;height:34px}.chat-view-header-name{color:#231d3c;letter-spacing:.01em;font-size:15px;font-weight:700}@keyframes chat-bubble-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.feed-view-stage{border-radius:32px;padding:4px 6px 24px;position:absolute;inset:58px 0 28px;overflow-y:auto}.feed-view-list{flex-direction:column;gap:18px;display:flex}.feed-post{background:#fff;border:1.5px solid #231d3c0f;border-radius:20px;flex-direction:column;gap:10px;padding:16px 18px 12px;transition:border-color .16s,background-color .16s;display:flex}.feed-post.is-drop-active{background:#8a97f70a;border-color:#8a97f7}.feed-post-header{align-items:center;gap:10px;display:flex}.feed-post-avatar{background:#d9d9d9;border:2px solid #fff;border-radius:999px;flex-shrink:0;width:38px;height:38px;overflow:hidden}.feed-post-avatar img{object-fit:cover;width:100%;height:100%;display:block}.feed-post-meta{flex-direction:column;gap:2px;display:flex}.feed-post-author{color:#231d3ceb;margin:0;font-size:14px;font-weight:700}.feed-post-time{color:#231d3c80;margin:0;font-size:12px}.feed-post-caption{color:#231d3cdb;white-space:pre-wrap;margin:0;font-size:14px;line-height:1.55}.feed-post-photos{gap:4px;display:grid}.feed-post-photos[data-count="1"]{grid-template-columns:1fr}.feed-post-photos[data-count="2"]{grid-template-columns:repeat(2,1fr)}.feed-post-photos[data-count="3"],.feed-post-photos[data-count="4"]{grid-template-columns:repeat(3,1fr)}.feed-post-photo{aspect-ratio:1;background-color:#eee;border-radius:10px;overflow:hidden}.feed-post-photo img{object-fit:cover;width:100%;height:100%;display:block}.feed-post-photos[data-count="1"] .feed-post-photo{aspect-ratio:4/3}.feed-post-actions{border-top:1px solid #231d3c0f;gap:16px;padding-top:8px;display:flex}.feed-post-action{color:#231d3c99;background:0 0;border:none;padding:4px 0;font-size:13px;transition:color .16s}.feed-post-action:hover{color:#8a97f7}.record-photo-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:10px;margin-bottom:14px;padding:12px 0;display:grid}.record-photo-cell{aspect-ratio:1;cursor:grab;background:#fff9;border:2px solid #0000;border-radius:12px;transition:border-color .16s,transform .16s;position:relative;overflow:hidden}.record-photo-cell:hover{border-color:#8a97f7;transform:translateY(-2px)}.record-photo-cell:active{cursor:grabbing}.record-photo-cell img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.record-photo-cell .record-photo-delete{color:#fff;opacity:0;background:#0000008c;border:none;border-radius:999px;place-items:center;width:18px;height:18px;padding:0;font-size:12px;line-height:1;transition:opacity .16s;display:grid;position:absolute;top:4px;right:4px}.record-photo-cell:hover .record-photo-delete{opacity:1}.chat-view-thread,.feed-view-stage{scrollbar-width:thin;scrollbar-color:#231d3c14 transparent}.chat-view-thread::-webkit-scrollbar{width:6px}.feed-view-stage::-webkit-scrollbar{width:6px}.chat-view-thread::-webkit-scrollbar-track{background:0 0}.feed-view-stage::-webkit-scrollbar-track{background:0 0}.chat-view-thread::-webkit-scrollbar-thumb{background:#231d3c14;border-radius:999px}.feed-view-stage::-webkit-scrollbar-thumb{background:#231d3c14;border-radius:999px}.chat-view-thread::-webkit-scrollbar-thumb:hover{background:#231d3c2e}.feed-view-stage::-webkit-scrollbar-thumb:hover{background:#231d3c2e}.character-thought-bubble--idle{animation:2.8s both idle-bubble-cycle}@keyframes idle-bubble-cycle{0%{opacity:0;transform:translate(-12%)translateY(6px)}12%{opacity:1;transform:translate(-12%)translateY(0)}85%{opacity:1;transform:translate(-12%)translateY(0)}to{opacity:0;transform:translate(-12%)translateY(-4px)}}.chat-bubble-wrap{flex-direction:column;gap:6px;max-width:min(72%,280px);display:flex}.chat-row.is-user .chat-bubble-wrap{align-items:flex-end}.chat-bubble{max-width:100%}.chat-bubble-actions{gap:10px;display:flex}.chat-action-btn{color:#231d3c99;cursor:pointer;background:0 0;border:1px solid #8a97f747;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:600;transition:color .16s,border-color .16s,background-color .16s}.chat-action-btn:hover{background:#231d3c0f}.chat-action-btn.is-like.is-active{color:#e05a5a;background:#e05a5a14;border-color:#e05a5a}.chat-action-btn.is-save.is-active{color:#d4961a;background:#d4961a14;border-color:#d4961a}.feed-comment-list{flex-direction:column;gap:10px;display:flex}.feed-comment{align-items:flex-start;gap:8px;display:flex}.feed-comment-avatar{background:#d9d9d9;border-radius:999px;flex:none;width:28px;height:28px;overflow:hidden}.feed-comment-avatar img{object-fit:cover;width:100%;height:100%;display:block}.feed-comment-avatar-placeholder{background:#c5cef7;width:100%;height:100%}.feed-comment-body{flex:1;min-width:0}.feed-comment-text{color:#231d3cc7;background:#fff;border-radius:10px;margin:0;padding:6px 10px;font-size:13px;line-height:1.5;display:inline-block}.feed-comment-image{border-radius:10px;max-width:120px;display:block}.feed-comment-sticker{object-fit:contain;border-radius:12px;width:96px;height:96px;display:block}.character-api-result{z-index:10;cursor:pointer;background:#fffffff5;border:none;border-radius:22px;flex-direction:column;align-items:center;gap:10px;padding:10px;transition:transform .16s;animation:.28s cubic-bezier(.22,1,.36,1) both api-result-enter;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.character-api-result:hover{transform:translate(-50%,-52%)}.character-api-result img{border-radius:14px;width:min(240px,60%);display:block}.character-api-result-hint{color:#8a97f7;letter-spacing:.02em;font-size:13px;font-weight:700}@keyframes api-result-enter{0%{opacity:0;transform:translate(-50%,-44%)scale(.92)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.chat-bubble-loading,.feed-comment-loading{align-items:center;gap:5px;padding:4px 2px;display:flex}.chat-bubble-loading span,.feed-comment-loading span{background:#231d3c47;border-radius:999px;width:7px;height:7px;animation:1.2s ease-in-out infinite loading-dot;display:block}.chat-bubble-loading span:nth-child(2),.feed-comment-loading span:nth-child(2){animation-delay:.18s}.chat-bubble-loading span:nth-child(3),.feed-comment-loading span:nth-child(3){animation-delay:.36s}@keyframes loading-dot{0%,80%,to{opacity:.28;transform:scale(1)}40%{opacity:1;transform:scale(1.25)}}.folio{--ink:#f6f6f7;--ink-2:#f6f6f7b8;--ink-3:#f6f6f780;--line:#f6f6f7e6;--line-soft:#f6f6f759;--bg:#07070a;min-height:100vh;color:var(--ink);letter-spacing:.01em;background:radial-gradient(circle at 50% 0%, #b4b4ff0f, transparent 55%), radial-gradient(circle at 80% 100%, #ffc8e60a, transparent 50%), var(--bg);padding:var(--folio-nav-h) 6vw 6rem;background-attachment:fixed;font-family:Inter,Helvetica Neue,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;font-weight:300;position:relative}.folio .folio-stars{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.folio-stars span{animation:folio-stars-breathe var(--dur,6s) ease-in-out infinite var(--delay,0s);will-change:opacity, transform;background:#fff;border-radius:50%;position:absolute}.folio-stars .s-far{opacity:.18;--dur:9s;width:1px;height:1px}.folio-stars .s-mid{opacity:.5;--dur:6s;width:2.5px;height:2.5px}.folio-stars .s-near{opacity:.9;--dur:4.2s;width:5px;height:5px;box-shadow:0 0 8px #ffffff8c}.folio-stars .s-huge{opacity:1;--dur:5s;width:8px;height:8px;box-shadow:0 0 14px #ffffffbf,0 0 28px #ffffff40}.folio>:not(.folio-stars){z-index:1;position:relative}@keyframes folio-stars-breathe{0%,to{opacity:var(--min,.15);transform:scale(.85)}50%{opacity:var(--max,1);transform:scale(1.15)}}.folio-stars .s-far{--min:.08;--max:.32}.folio-stars .s-mid{--min:.25;--max:.7}.folio-stars .s-near{--min:.55;--max:1}.folio-stars .s-huge{--min:.7;--max:1}@media (prefers-reduced-motion:reduce){.folio-stars span{animation:none;transform:none}}.folio *{box-sizing:border-box}.folio a{color:inherit;text-decoration:none}:root{--folio-nav-h:52px}html{scroll-padding-top:var(--folio-nav-h)}html:has(.folio){background:#07070a}html:has(.folio) body{background:0 0}.folio-nav{z-index:100;height:var(--folio-nav-h);-webkit-backdrop-filter:blur(20px)saturate(180%);color:var(--ink);border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;padding:0 6vw;font-family:Inter,Helvetica Neue,system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;font-size:.85rem;display:flex;position:fixed;top:0;left:0;right:0}.folio-nav-dark{--ink:#f6f6f7;--ink-2:#f6f6f7a6;--ink-3:#f6f6f773;--line:#f6f6f7d9;--line-soft:#f6f6f72e;--bg:#07070a;background:#0a0a0eb8}.folio-nav-light{--ink:#0a0a0e;--ink-2:#0a0a0e8c;--ink-3:#0a0a0e61;--line:#0a0a0ecc;--line-soft:#0a0a0e1f;--bg:#fff;background:#ffffffe0}.folio-nav a{color:inherit;text-decoration:none}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.folio-nav-dark{background:#0a0a0eeb}.folio-nav-light{background:#fffffff7}}.folio-brand{letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:.6rem;font-size:.95rem;display:inline-flex}.folio-brand-mark{border:1px solid var(--line);border-radius:999px;place-items:center;width:1.7rem;height:1.7rem;font-size:.9rem;display:inline-grid}.folio-nav-groups{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);align-items:center;gap:1.5rem;font-size:.85rem;display:flex}.folio-nav-sections,.folio-nav-projects{align-items:center;gap:1.6rem;margin:0;padding:0;list-style:none;display:flex}.folio-nav-projects{gap:1.1rem}.folio-nav-sep{background:var(--line-soft);width:1px;height:18px}.folio-nav-sections a{padding-bottom:2px;transition:color .2s;position:relative}.folio-nav-sections a:after{content:"";background:var(--line);height:1px;transition:right .3s;position:absolute;bottom:0;left:0;right:100%}.folio-nav-sections a:hover{color:var(--ink)}.folio-nav-sections a:hover:after{right:0}.folio-nav-projects a{border:1px solid var(--line-soft);letter-spacing:.08em;width:2rem;height:2rem;color:var(--ink-2);border-radius:999px;place-items:center;font-size:.72rem;transition:border-color .2s,color .2s,background .2s;display:inline-grid}.folio-nav-projects a:hover{border-color:var(--line);color:var(--ink)}.folio-nav-projects a.is-active{border-color:var(--line);color:var(--bg);background:var(--ink)}@media (max-width:720px){.folio-nav-groups{gap:.9rem}.folio-nav-sections{letter-spacing:.1em;gap:.9rem;font-size:.72rem}.folio-nav-projects{gap:.5rem}.folio-nav-projects a{width:1.7rem;height:1.7rem;font-size:.66rem}.folio-nav-sep{display:none}}.folio-detail-head{border-bottom:1px solid var(--line-soft);max-width:56rem;padding:4rem 0 3rem}.folio-detail-back{color:var(--ink-3);letter-spacing:.18em;transition:color .2s}.folio-detail-back:hover{color:var(--ink)}.folio-detail-head .folio-eyebrow:before{display:none}.folio-detail-index{letter-spacing:.32em;color:var(--ink-3);margin:0 0 1rem;font-size:.78rem}.folio-detail-head .folio-title{margin:0 0 1.25rem;font-size:clamp(2rem,4.5vw,3.4rem)}.folio-detail-head .folio-project-tags{margin-top:1.5rem}.folio-detail-body{min-height:30vh;padding:4rem 0}.folio-image-stack{flex-direction:column;gap:0;width:100%;display:flex}.folio-image-full{width:100%;line-height:0}.folio-image-full img{width:100%;height:auto;display:block}.folio-placeholder{color:var(--ink-2);flex-direction:column;align-items:flex-start;gap:1.25rem;font-size:1rem;line-height:1.7;display:flex}.folio-placeholder p{margin:0}.folio-cta-link{border:1px solid var(--line);letter-spacing:.18em;text-transform:uppercase;color:var(--ink);border-radius:2px;padding:.85rem 1.5rem;font-size:.85rem;transition:background .2s,color .2s;display:inline-block}.folio-cta-link:hover{background:var(--ink);color:var(--bg)}.folio-detail-pager{border-top:1px solid var(--line-soft);grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem;padding:2.5rem 0;display:grid}.folio-detail-pager>div{display:flex}.folio-detail-pager>div:last-child{justify-content:flex-end}.folio-detail-pager a{flex-direction:column;gap:.4rem;transition:color .2s;display:flex}.folio-detail-pager a.is-next{text-align:right;align-items:flex-end}.folio-pager-label{letter-spacing:.22em;text-transform:uppercase;color:var(--ink-3);font-size:.7rem}.folio-pager-title{color:var(--ink);font-size:1rem}.folio-pager-all{letter-spacing:.22em;text-transform:uppercase;color:var(--ink-2);border:1px solid var(--line-soft);border-radius:999px;padding:.5rem 1rem;font-size:.72rem;transition:border-color .2s,color .2s}.folio-pager-all:hover{border-color:var(--line);color:var(--ink)}@media (max-width:640px){.folio-detail-pager{text-align:left;grid-template-columns:1fr;gap:1.5rem}.folio-detail-pager>div:last-child{justify-content:flex-start}.folio-detail-pager a.is-next{text-align:left;align-items:flex-start}}.folio-hero{grid-template-columns:minmax(0,1fr) minmax(0,360px);align-items:center;gap:4rem;padding:6rem 0 8rem;display:grid;position:relative}.folio-hero-text{max-width:42rem}.folio-planet{aspect-ratio:1;justify-self:end;width:100%;max-width:360px;position:relative}.folio-planet-svg{width:100%;height:100%;display:block;overflow:visible}.folio-planet-core{transform-origin:160px 160px;animation:60s linear infinite folio-planet-spin}.folio-planet-orbit-1{transform-origin:160px 160px;animation:24s linear infinite folio-planet-spin}.folio-planet-orbit-2{transform-origin:160px 160px;animation:38s linear infinite reverse folio-planet-spin}.folio-planet-stars{transform-origin:160px 160px;animation:4s ease-in-out infinite alternate folio-planet-twinkle}@keyframes folio-planet-spin{to{transform:rotate(360deg)}}@keyframes folio-planet-twinkle{0%{opacity:.55}to{opacity:1}}@media (prefers-reduced-motion:reduce){.folio-planet-core,.folio-planet-orbit-1,.folio-planet-orbit-2,.folio-planet-stars{animation:none}}.folio-eyebrow{letter-spacing:.4em;text-transform:uppercase;color:var(--ink-3);align-items:center;gap:.75rem;margin:0 0 2rem;font-size:.72rem;display:inline-flex}.folio-eyebrow:before{content:"";background:var(--line);width:28px;height:1px}.folio-title{letter-spacing:-.01em;margin:0 0 2rem;font-family:inherit;font-size:clamp(2.4rem,5.5vw,4.2rem);font-weight:200;line-height:1.15}.folio-title-line{display:block}.folio-title em{padding:0 .25rem;font-style:normal;position:relative}.folio-title em:before{content:"";border:1px solid var(--line);border-radius:999px/60%;position:absolute;inset:-4px -6px;transform:rotate(-1.5deg)}.folio-lede{color:var(--ink-2);max-width:42rem;margin:0 0 2.5rem;font-size:1.05rem;font-weight:300;line-height:1.8}.folio-hero-meta{flex-wrap:wrap;gap:2.5rem 3rem;margin:0;display:flex}.folio-hero-meta>div{flex-direction:column;gap:.35rem;display:flex}.folio-hero-meta dt{color:var(--ink-3);letter-spacing:.22em;text-transform:uppercase;font-size:.72rem}.folio-hero-meta dd{color:var(--ink);letter-spacing:.01em;margin:0;font-size:.95rem}.folio-hero-meta dd a{border-bottom:1px solid var(--line-soft);transition:border-color .2s}.folio-hero-meta dd a:hover{border-bottom-color:var(--line)}.folio-section{border-top:1px solid var(--line-soft);padding:6rem 0;position:relative}.folio-section-head{align-items:baseline;gap:1.5rem;margin-bottom:3.5rem;display:flex}.folio-section-num{color:var(--ink-3);letter-spacing:.24em;text-transform:uppercase;font-size:.78rem}.folio-section-head h2{letter-spacing:-.005em;margin:0;font-family:inherit;font-size:clamp(1.7rem,3vw,2.4rem);font-weight:200}.folio-timeline{gap:0;margin:0;padding:0;list-style:none;display:grid}.folio-timeline li{border-top:1px solid var(--line-soft);grid-template-columns:13rem 1fr;gap:2rem;padding:1.75rem 0;display:grid;position:relative}.folio-timeline li:last-child{border-bottom:1px solid var(--line-soft)}.folio-timeline li:before{content:"";border:1px solid var(--line);background:var(--bg);border-radius:50%;width:7px;height:7px;position:absolute;top:2.1rem;left:-1.25rem}.folio-timeline-date{color:var(--ink-3);letter-spacing:.18em;text-transform:uppercase;flex-direction:column;align-items:flex-start;gap:.6rem;font-size:.8rem;display:flex}.folio-tag{letter-spacing:.16em;text-transform:uppercase;color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:.25rem .6rem;font-size:.65rem}.folio-timeline-body h3{letter-spacing:.01em;margin:0 0 .35rem;font-size:1.15rem;font-weight:400}.folio-degree{color:var(--ink-3);letter-spacing:.05em;margin-left:.35rem;font-size:.85rem}.folio-major{color:var(--ink-2);margin:0 0 1rem;font-size:.98rem;font-weight:300}.folio-edu-meta{gap:.5rem;margin:0;display:grid}.folio-edu-meta>div{grid-template-columns:5.5rem 1fr;align-items:baseline;gap:1rem;display:grid}.folio-edu-meta dt{color:var(--ink-3);letter-spacing:.16em;text-transform:uppercase;font-size:.78rem}.folio-edu-meta dd{color:var(--ink-2);margin:0;font-size:.92rem;font-weight:300;line-height:1.55}.folio-projects{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.folio-project-link{transition:transform .3s;display:block}.folio-project-link:not(.is-disabled):hover{transform:translateY(-3px)}.folio-project-link.is-disabled{cursor:default;opacity:.55}.folio-project{border:1px solid var(--line-soft);background:0 0;border-radius:2px;flex-direction:column;height:100%;transition:border-color .3s;display:flex;overflow:hidden}.folio-project-link:not(.is-disabled):hover .folio-project{border-color:var(--line)}.folio-project-cover{aspect-ratio:16/10;border-bottom:1px solid var(--line-soft);place-items:center;display:grid;position:relative;overflow:hidden}.folio-project-cover:before{content:"";border:1px solid var(--line-soft);border-radius:50%;position:absolute;inset:14%}.folio-project-cover:after{content:"";border:1px dashed var(--line-soft);border-radius:50%;animation:28s linear infinite folio-orbit;position:absolute;inset:30%}.folio-project-cover span{letter-spacing:.1em;color:var(--ink);z-index:1;font-size:2.2rem;font-weight:200;position:relative}@keyframes folio-orbit{to{transform:rotate(360deg)}}.folio-project-body{flex-direction:column;flex:1;gap:.85rem;padding:1.5rem;display:flex}.folio-project-body h3{letter-spacing:.01em;margin:0;font-size:1.05rem;font-weight:400}.folio-project-body p{color:var(--ink-2);margin:0;font-size:.92rem;font-weight:300;line-height:1.6}.folio-project-tags{flex-wrap:wrap;gap:.4rem;display:flex}.folio-project-tags span{border:1px solid var(--line-soft);color:var(--ink-2);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:.25rem .65rem;font-size:.7rem}.folio-project-cta{letter-spacing:.16em;text-transform:uppercase;color:var(--ink);margin-top:auto;padding-top:.4rem;font-size:.82rem}.folio-project-cta .muted{color:var(--ink-3)}.folio-hobbies{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.folio-hobbies li{border:1px solid var(--line-soft);border-radius:2px;padding:1.75rem 1.5rem;transition:border-color .3s;position:relative}.folio-hobbies li:hover{border-color:var(--line)}.folio-hobbies li:before{content:"";background:var(--bg);border-top:1px solid var(--line);width:18px;height:1px;position:absolute;top:-1px;left:1.5rem}.folio-hobbies h3{margin:0 0 .5rem;font-size:1rem;font-weight:400}.folio-hobbies p{color:var(--ink-2);margin:0;font-size:.9rem;font-weight:300;line-height:1.6}.folio-footer{border-top:1px solid var(--line-soft);color:var(--ink-3);letter-spacing:.16em;text-transform:uppercase;justify-content:space-between;margin-top:5rem;padding-top:2rem;font-size:.78rem;display:flex}@media (max-width:640px){.folio{padding:0 5vw 4rem}.folio-nav nav{letter-spacing:.1em;gap:1.1rem;font-size:.75rem}.folio-timeline li{grid-template-columns:1fr;gap:.4rem}.folio-timeline li:before{top:2rem;left:-.8rem}.folio-hero{grid-template-columns:1fr;gap:2.5rem;padding:3.5rem 0 5rem}.folio-planet{justify-self:center;max-width:260px}}.gate-root{background:#07070a;justify-content:center;align-items:center;min-height:100vh;font-family:Inter,Helvetica Neue,PingFang SC,system-ui,sans-serif;display:flex;position:relative;overflow:hidden}.gate-star{opacity:.5;background:#fff;border-radius:50%;animation:4s ease-in-out infinite gate-breathe;position:absolute}.gate-star.s1{width:2px;height:2px;animation-delay:0s;top:12%;left:18%}.gate-star.s2{opacity:.7;width:3px;height:3px;animation-delay:1.2s;top:25%;left:72%}.gate-star.s3{width:2px;height:2px;animation-delay:.6s;top:68%;left:14%}.gate-star.s4{opacity:.6;width:4px;height:4px;animation-delay:2s;top:78%;left:80%}.gate-star.s5{width:2px;height:2px;animation-delay:1.7s;top:45%;left:90%}@keyframes gate-breathe{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.9;transform:scale(1.5)}}.gate-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;align-items:center;gap:.5rem;min-width:320px;padding:3rem 2.5rem 3.5rem;display:flex}.gate-brand{letter-spacing:.15em;color:#ffffff59;text-transform:uppercase;margin:0 0 .5rem;font-size:.78rem}.gate-title{color:#ffffffe0;letter-spacing:.05em;margin:0;font-size:1.25rem;font-weight:300}.gate-hint{color:#ffffff40;letter-spacing:.08em;margin:0 0 1.5rem;font-size:.75rem}.gate-inputs{gap:1rem;display:flex}.gate-digit{text-align:center;color:#fff;caret-color:#0000;letter-spacing:0;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:10px;outline:none;width:52px;height:64px;font-size:1.6rem;font-weight:300;transition:border-color .2s,background .2s}.gate-digit:focus{background:#ffffff1a;border-color:#fff9}.gate-digit:disabled{opacity:.5}@keyframes gate-shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.gate-shake{animation:.45s gate-shake}.gate-loading{color:#ffffff59;letter-spacing:.1em;margin:1rem 0 0;font-size:.8rem}