/* 复用既有纸张、木色与教室背景，不增加图片或音频。 */
.moment-heading{text-align:center;padding:22px 14px 15px}.moment-heading h1{font-size:clamp(26px,3.6vw,38px);margin:12px 0}.moment-heading p{font-size:14px;color:#6e7c5e;margin-bottom:0}.moment-room{position:relative;isolation:isolate;height:440px;overflow:hidden;border:1px solid #c7c9a7;border-radius:9px;background:#d3dcc2}.moment-room-view{position:absolute;inset:0;z-index:-1;background:url('assets/classroom-v2.png') center/cover;transform:scale(1.035);transform-origin:var(--moment-x,50%) 64%}.moment-room:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 48%,#eee8ce88);z-index:-1}.moment-seats{display:grid;grid-template-columns:repeat(3,1fr);gap:8%;position:absolute;inset:40% 10% 6%;align-items:end}.moment-chair{position:relative;display:block;height:190px;border:0;background:none;transition:transform .2s;transform:translateY(0)}.moment-chair.selected{transform:translateY(8px)}.chair-back{position:absolute;top:4%;left:15%;right:15%;height:42%;border:3px solid #a27e4e;border-radius:12px 12px 4px 4px;background:repeating-linear-gradient(0deg,transparent 0 19px,#ae88531a 20px 22px),linear-gradient(110deg,#d8b87f,#bb945c);box-shadow:inset 0 2px 0 #f3d9a0}.chair-seat{position:absolute;left:8%;right:8%;top:53%;height:24%;background:#c8a36c;border:3px solid #9c794a;border-radius:9px;transform:perspective(200px) rotateX(24deg);box-shadow:0 7px #a38556}.chair-legs{position:absolute;left:19%;right:19%;top:75%;height:25%;border-left:7px solid #728277;border-right:7px solid #728277}.chair-tag{position:absolute;top:17%;left:50%;transform:translateX(-50%);background:#fff4d5;border:1px solid #b9aa7e;padding:5px 13px;white-space:nowrap;font:17px/1.7 'SimSun',serif}.moment-chair.selected .chair-tag{background:#dfe9ce;border:2px solid #6e8558}.moment-chair.selected:after{content:'你的座位';position:absolute;bottom:24%;left:50%;transform:translateX(-50%);background:#49664d;color:#fff4d9;padding:3px 12px;border-radius:4px;white-space:nowrap;font-size:12px}.moment-chair:disabled{opacity:1}.moment-feedback{font:18px/1.9 'SimSun',serif;padding:18px 22px;margin-top:12px;min-height:72px;background:#faf2d9;border-left:3px solid #8f9d75;color:#4e6548}.moment-actions{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:18px}.moment-caption{font-size:11px;color:#7c8569;text-align:center;margin:12px 8px 20px}.moment-tidy-board{position:relative;min-height:470px;overflow:hidden;isolation:isolate;border:2px solid #b49766;border-radius:12px;background:repeating-linear-gradient(1deg,transparent 0 64px,#a7844d14 65px 67px),linear-gradient(115deg,#ead1a2,#d9b886 65%,#d6b07d);box-shadow:inset 0 5px 0 #f8dfab}.tidy-seat-tag{position:absolute;top:15px;left:var(--moment-x,50%);transform:translateX(-50%);font-size:11px;background:#f8eed4;border:1px solid #b3a27d;padding:3px 10px;white-space:nowrap}.moment-items{display:grid;grid-template-columns:repeat(3,1fr);gap:7%;position:absolute;top:12%;left:8%;right:8%;align-items:center}.moment-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:#fff5da66;border:1px solid #b19e7144;border-radius:8px;min-height:122px;padding:8px;transition:transform .18s,border-color .18s}.moment-item svg{height:80px;width:80px}.moment-item span{font-size:13px}.moment-item.selected{border:2px solid #728454;background:#f4ecc8}.moment-item.put-away{opacity:.35;background:transparent;border-style:dashed}.moment-item.put-away svg{visibility:hidden}.moment-item[aria-disabled=true]{opacity:.7}.moment-destinations{position:absolute;bottom:6%;left:6%;right:6%;display:grid;grid-template-columns:repeat(3,1fr);gap:6%}.moment-destination{border:1px dashed #9a8c67;border-radius:8px;display:flex;flex-direction:column;align-items:center;background:#fff8de44;min-height:126px;padding:8px;gap:0}.moment-destination.filled{border-style:solid;background:#e8edceaa;opacity:1}.destination-object{height:65px;width:70px;display:grid;place-items:center}.destination-object svg{width:65px;height:65px}.destination-outline{font:50px/1 serif;color:#a4936c}.moment-destination strong{font-size:13px;font-weight:500}.moment-destination small{font-size:10px;color:#74805e}.moment-progress{font-size:13px;color:#6c795a}.moment-found-note{position:absolute;left:50%;top:40%;transform:translate(-50%,0) rotate(-3deg);width:min(380px,65%);padding:15px 12px;border:1px solid #c6b584;background:#fff3ce;box-shadow:2px 5px 10px #79623729;display:flex;flex-direction:column;align-items:center;gap:5px;z-index:3}.moment-found-note small{font-size:10px;color:#827955}.moment-found-note strong{font:22px/1.6 'SimSun',serif;font-weight:500}.moment-found-note>span{font-size:11px;color:#6f845d}.moment-ghost{position:fixed!important;z-index:100;pointer-events:none;margin:0;box-sizing:border-box;background:#fff2d6b0}.moment-seat-marker{position:absolute;bottom:27%;left:var(--chosen-seat-x,50%);transform:translateX(-50%) rotate(-2deg);z-index:6;pointer-events:none;padding:4px 9px;border:1px solid #ae9b6c;background:#fff2d4e8;font-size:10px;white-space:nowrap}.world.final-photo .moment-seat-marker,.world.photo-world .moment-seat-marker{display:none}.seat-nameplate{left:var(--chosen-seat-x,50%)}
@media(max-width:680px){.moment-room{height:350px}.moment-seats{gap:3%;inset:40% 3% 7%}.moment-chair{height:155px}.chair-tag{font-size:13px;padding:3px 8px}.moment-chair.selected:after{font-size:10px;padding:2px 7px}.moment-heading{padding:17px 6px 12px}.moment-heading p{font-size:12px}.moment-feedback{font-size:16px;padding:13px 14px;min-height:78px}.moment-tidy-board{min-height:440px}.moment-items{left:4%;right:4%;gap:3%;top:12%}.moment-item{min-height:113px;padding:7px 3px}.moment-item svg{width:65px;height:65px}.moment-item span{font-size:11px}.moment-destinations{left:4%;right:4%;gap:3%}.moment-destination{padding:6px 3px;min-height:118px}.moment-destination strong{font-size:12px}.moment-destination small{font-size:9px}.moment-found-note{width:80%;top:42%;padding:11px 8px}.moment-found-note strong{font-size:20px}.tidy-seat-tag{font-size:9px;padding:3px 6px}.moment-seat-marker{font-size:8px;padding:3px 5px}.seat-nameplate{min-width:100px;padding:8px 9px}.seat-nameplate strong{font-size:16px}.moment-caption{font-size:10px}}
@media(prefers-reduced-motion:reduce){.moment-chair,.moment-item{transition:none}}
.reduced-motion .moment-chair,.reduced-motion .moment-item{transition:none}