*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:"Microsoft YaHei","PingFang SC",sans-serif;color:#284d44;background:#e9eee2}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #c07832;outline-offset:4px}button{border:0}#app{height:100dvh;min-height:480px;position:relative;isolation:isolate}#scene{position:absolute;inset:0;touch-action:none}#scene canvas{display:block;width:100%;height:100%}header{position:absolute;top:30px;left:38px;right:38px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.brand{display:flex;align-items:center;gap:12px;color:#294e42;text-decoration:none;font-weight:700;font-size:20px;pointer-events:auto}.brand-icon{font-family:serif;font-size:27px;background:#345e50;color:#fff3c8;width:46px;height:48px;border-radius:13px 13px 18px 13px;display:grid;place-items:center;box-shadow:0 5px 0 #d4ddc7}.brand-dot{margin:0 7px;color:#a3b29a}.brand small{display:block;font-size:10px;letter-spacing:2.2px;margin-top:5px;font-weight:500}.demo-tag{font-size:12px;background:#ffffffb5;border:1px solid #fff;padding:8px 13px;border-radius:30px}.intro{position:absolute;left:42px;top:145px;pointer-events:none}.eyebrow{font-size:12px;letter-spacing:3px;font-weight:600;color:#7c8b67}h1{font-family:"STKaiti","KaiTi",serif;font-size:clamp(30px,3.1vw,48px);font-weight:500;line-height:1.4;letter-spacing:3px;margin:15px 0 20px}p{line-height:1.9}.intro p{font-size:13px;color:#6a7d70;line-height:2}.room-label{font-size:12px;margin-top:26px;display:flex;align-items:center;gap:9px}.room-label>span{font-size:22px;color:#c09340}.room-label i{font-size:10px;font-style:normal;border:1px solid #cbd5bf;padding:3px 6px;border-radius:5px;color:#6a826a}.roster-toggle{position:absolute;right:38px;top:110px;padding:13px 16px;background:#fffff8e8;border:1px solid #fff;border-radius:12px;box-shadow:0 5px 18px #3d644312;font-size:13px}.roster-toggle span{font-size:11px;background:#e5ebda;border-radius:20px;padding:4px 7px;margin-left:8px}#roster{position:absolute;z-index:3;right:30px;top:100px;width:300px;max-height:calc(100% - 220px);border-radius:23px;background:#fffff8f5;box-shadow:0 15px 70px #35544325;padding:23px;overflow:auto;border:1px solid white}.roster-head{display:flex;justify-content:space-between;align-items:center}.roster-head small{color:#8e977d;font-size:12px}h2{margin:7px 0 18px;font-size:22px;font-weight:500}.icon-button{background:#e9ede2;width:34px;height:34px;border-radius:50%;font-size:24px;display:grid;place-items:center;flex-shrink:0}.tabs{display:flex;gap:5px;background:#edf0e6;padding:4px;border-radius:10px}.tabs button{flex:1;padding:8px;border-radius:7px;background:none;font-size:13px}.tabs button.active{background:white;box-shadow:0 2px 4px #00000008}#rosterList{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.person-button{background:#f2f2e7;border-radius:12px;padding:11px 3px;font-size:12px;transition:transform .2s}.person-button:hover{transform:translateY(-3px);background:#e5eddb}.person-button span{display:block;margin:0 auto 6px;width:30px;height:30px;line-height:30px;border-radius:50%;color:#fff;background:var(--person-color);font-size:13px}.hint{position:absolute;bottom:120px;left:50%;transform:translateX(-50%);font-size:12px;color:#607360;background:#fffff594;padding:8px 15px;border-radius:30px;white-space:nowrap;pointer-events:none}.toolbar{position:absolute;bottom:46px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:6px;padding:8px;border-radius:20px;background:#fffff7f0;border:1px solid white;box-shadow:0 10px 40px #5264461a;white-space:nowrap}.toolbar button{background:none;display:flex;align-items:center;gap:7px;padding:12px 14px;border-radius:13px;font-size:13px}.toolbar button:hover{background:#eef1e5}.toolbar button span{font-size:20px;line-height:18px}.toolbar b{font-weight:400}.toolbar .random{background:#365d4e;color:#fff5d7;padding:13px 20px}.toolbar .random:hover{background:#284b3e}.divider{width:1px;height:25px;background:#dfe3d6;margin:0 3px}footer{position:absolute;bottom:15px;left:38px;right:38px;display:flex;justify-content:space-between;pointer-events:none;font-size:10px;color:#85927b;letter-spacing:1px}#tooltip{display:none;position:fixed;pointer-events:none;background:#fffff9f5;padding:9px 14px;border-radius:12px;box-shadow:0 5px 20px #0001;font-size:13px;z-index:4}#loading{position:absolute;inset:0;background:#e9eee2;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:10;color:#6f8060;transition:opacity .4s}.loading-sun{font-size:44px;color:#d6a248;animation:spin 12s linear infinite}#loading p{font-size:14px}@keyframes spin{to{transform:rotate(360deg)}}dialog{border:0;padding:0;border-radius:25px;width:min(660px,calc(100% - 30px));background:#fffdf3;color:#345548;box-shadow:0 35px 100px #253a4240;overflow:visible}dialog[open]{display:grid;grid-template-columns:43% 57%;animation:appear .25s ease-out}dialog::backdrop{background:#233b3955;backdrop-filter:blur(5px)}@keyframes appear{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:none}}.close-memory{position:absolute;right:14px;top:14px;z-index:2;background:#ffffffb8}.portrait-area{position:relative;background:#e0e8d3;border-radius:25px 0 0 25px;min-height:410px;overflow:hidden;background-image:radial-gradient(ellipse at 50% 40%,#fff2c5,transparent 75%)}#portrait{height:100%;min-height:410px;width:100%;position:absolute;inset:0}#portrait canvas{width:100%;height:100%;display:block}.portrait-label{position:absolute;bottom:23px;left:0;right:0;text-align:center;font-size:11px;letter-spacing:2px;color:#5b765b}.paper-tape{position:absolute;width:70px;height:24px;background:#fff2b470;top:20px;left:20px;transform:rotate(-12deg)}.memory-content{padding:39px 28px 23px}.memory-content h2{font-size:32px;letter-spacing:4px;margin:12px 0 6px}.trait{font-size:12px;color:#8a957c;margin:0 0 25px}.memory-note{background:#f2f1e3;padding:16px;border-radius:3px 14px 14px 14px}.memory-note>span,.message-label{font-size:11px;color:#979a76;letter-spacing:1px}.memory-note p{font-size:14px;line-height:1.9;margin:8px 0 0}.message-label{margin:20px 0 7px}blockquote{font-family:"KaiTi",serif;font-size:19px;line-height:1.6;margin:0 0 23px;color:#63805d}.card-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e7e8d9;padding-top:15px}.card-bottom>span{font-size:11px;color:#9caa91}.card-bottom button{background:none;font-size:12px;color:#446a4e;padding:7px 0}@media(min-width:1550px){.intro{top:180px;left:55px}}@media(max-width:900px){header{top:22px;left:22px;right:22px}.intro{left:24px;top:114px}h1{font-size:32px;margin:10px 0}.intro p{font-size:12px}.room-label{margin-top:12px}.roster-toggle{right:22px;top:96px}.toolbar b{font-size:12px}.toolbar button{padding:10px}.toolbar .random{padding:12px 14px}footer{left:22px;right:22px}footer span:first-child{display:none}}@media(max-width:600px){.brand{font-size:16px;gap:9px}.brand-icon{width:37px;height:40px;font-size:23px}.brand small{font-size:8px;letter-spacing:1.4px}.demo-tag{font-size:10px;padding:6px 9px}.intro{top:94px;left:22px}.intro .eyebrow{font-size:10px;letter-spacing:2px}h1{font-size:27px;line-height:1.3;letter-spacing:1px}.intro p{display:none}.room-label{font-size:10px;margin-top:12px;gap:5px}.room-label i{display:none}.roster-toggle{top:102px;padding:10px;font-size:11px}.roster-toggle span{display:none}.toolbar{bottom:43px;gap:1px;padding:6px;border-radius:17px}.toolbar button{flex-direction:column;gap:5px;min-width:44px;padding:7px}.toolbar button b{font-size:10px}.toolbar .random{flex-direction:row;padding:13px 12px;min-width:100px}.toolbar .random b{font-size:12px}.divider{margin:0 4px}.hint{bottom:116px;font-size:10px;max-width:95%;padding:7px 10px}footer{justify-content:center;left:0;right:0;bottom:15px;font-size:9px}#roster{right:14px;top:94px;width:280px}dialog[open]{grid-template-columns:1fr;max-height:90dvh;overflow:auto;border-radius:22px}.portrait-area{min-height:200px;height:200px;border-radius:22px 22px 0 0}#portrait{min-height:200px}.portrait-label{bottom:12px;font-size:10px}.memory-content{padding:20px 24px}.memory-content h2{font-size:27px;margin:7px 0}.trait{margin-bottom:14px}.memory-note{padding:12px}.memory-note p{font-size:13px}.message-label{margin-top:14px}blockquote{font-size:18px;margin-bottom:12px}}

#originalPhoto{position:absolute;bottom:35px;right:14px;width:76px;height:102px;object-fit:cover;border:4px solid white;box-shadow:0 2px 12px #0002;border-radius:3px}.gallery-link{color:#3a665b;font-size:13px;margin-left:auto;margin-right:18px}@media(max-width:600px){.gallery-link{font-size:11px;margin-right:0}.demo-tag{display:none}}

header .demo-tag{margin-left:auto}header .view-2d{margin-left:12px;padding:11px 20px;border-radius:14px;background:#386757;color:#fffdf0;font-size:16px;font-weight:700;box-shadow:0 3px 10px #284d4418}header .view-2d:hover{background:#284d44}@media(max-width:600px){header .view-2d{margin-left:auto;padding:9px 16px}}
header .view-2d{pointer-events:auto}