:root{--bg: #000000;--ink: #F0F0F0;--ink-soft: #999999;--line: #ffffff1a;--accent: #D97757;--shadow: 0 0 1px rgba(255,255,255,.04), 0 20px 50px -10px rgba(0,0,0,.7);--shadow-active: 0 0 0 1px rgba(255,255,255,.12), 0 30px 70px -10px rgba(0,0,0,.85), 0 0 80px -10px rgba(217,119,87,.15);--modal-bg: rgba(0, 0, 0, .92);--modal-ink: #f0f0f0;--modal-border: rgba(255, 255, 255, .3);--modal-spinner-track: rgba(255, 255, 255, .1);--modal-spinner-head: rgba(255, 255, 255, .7);--serif: "Noto Serif SC", "Source Han Serif", "Songti SC", Georgia, serif;--sans: -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100vh;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow:hidden}.darkroom-topbar{position:fixed;top:0;left:0;right:0;height:54px;display:flex;align-items:center;padding:0 32px;background:linear-gradient(to bottom,var(--bg) 60%,transparent);z-index:1000;pointer-events:none}.darkroom-topbar .back-home{pointer-events:auto;display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:100px;text-decoration:none;color:var(--ink);border:1px solid var(--ink-soft);font-size:12px;font-weight:500;letter-spacing:.06em;transition:all .2s ease}.darkroom-topbar .back-home:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}.darkroom-topbar .back-home .arrow{font-size:1.4rem;line-height:1}.darkroom-wrap{position:absolute;inset:0;overflow:hidden;background:var(--bg);cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}.darkroom-wrap.panning{cursor:grabbing}.wall{position:relative;width:100%;height:100vh;padding:80px 24px 24px;overflow:hidden;z-index:2}.piece{position:absolute;cursor:grab;transform-origin:center;will-change:transform;transition:opacity .4s ease,transform .55s cubic-bezier(.2,.7,.2,1),box-shadow .4s ease,z-index 0s,top .55s cubic-bezier(.2,.7,.2,1),left .55s cubic-bezier(.2,.7,.2,1);border-radius:4px;box-shadow:var(--shadow);user-select:none;-webkit-user-drag:none;touch-action:none}.piece:active{cursor:grabbing}.piece picture{display:block;width:100%;height:100%;pointer-events:none}.piece img{display:block;width:100%;height:100%;border-radius:4px;pointer-events:none;object-fit:cover}.piece video{display:block;width:100%;height:100%;border-radius:4px;object-fit:cover;background:#0a0a0a;pointer-events:none;-webkit-user-drag:none}.piece:hover,.piece.is-active{box-shadow:var(--shadow-active)}.piece.is-entering{opacity:0}.piece.is-entered{opacity:1}.piece .caption{position:absolute;left:50%;bottom:-32px;transform:translate(-50%);background:var(--ink);color:var(--bg);font-size:11px;letter-spacing:.06em;padding:5px 10px;border-radius:3px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease}.piece.is-active .caption{opacity:1}@media(hover:hover){.piece:hover .caption{opacity:1}}.media-badge{position:absolute;right:10px;bottom:10px;width:24px;height:24px;border-radius:50%;background:#0009;color:#fff;font-size:10px;display:flex;align-items:center;justify-content:center;padding-left:2px;pointer-events:none;backdrop-filter:blur(4px);z-index:3}.darkroom-toolbar{position:fixed;right:30px;bottom:30px;z-index:1000;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.tool-btn{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 22px;border-radius:100px;border:1px solid var(--ink-soft);background:transparent;color:var(--ink);font-size:12px;font-weight:500;letter-spacing:.06em;cursor:pointer;transition:all .2s ease;white-space:nowrap}.tool-btn:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}.tool-btn:active{transform:scale(.96)}.darkroom-hint{position:fixed;left:32px;bottom:30px;z-index:1000;font-size:12px;letter-spacing:.03em;color:var(--ink-soft);pointer-events:none;transition:opacity .8s ease}.darkroom-hint.fade{opacity:0}.image-modal{position:fixed;inset:0;z-index:100000;display:flex;align-items:center;justify-content:center;background:var(--modal-bg);opacity:0;transition:opacity .25s ease;cursor:zoom-out}.image-modal[hidden]{display:none}.image-modal.is-open{opacity:1}.image-modal-figure{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:92vw;max-height:92vh;cursor:default;margin:0}.image-modal-caption{color:var(--modal-ink);font-size:12px;letter-spacing:.12em;opacity:.55;text-align:center}.image-modal-close{position:absolute;top:24px;right:24px;background:transparent;border:1px solid var(--modal-border);color:var(--modal-ink);width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.image-modal-close:hover{background:#ffffff1a;border-color:#fff9;transform:scale(1.05)}.image-modal-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;display:none;z-index:2}.image-modal-spinner.is-show{display:block}.image-modal-spinner-ring{width:100%;height:100%;border:3px solid var(--modal-spinner-track);border-top-color:var(--modal-spinner-head);border-radius:50%;animation:modal-spin .8s linear infinite}@keyframes modal-spin{to{transform:rotate(360deg)}}.image-modal-img{display:block;max-width:92vw;max-height:84vh;object-fit:contain;border-radius:4px;box-shadow:0 30px 80px #0009;background:#0a0a0a;cursor:zoom-in;user-select:none;-webkit-user-drag:none}.image-modal-video{display:block;max-width:92vw;max-height:84vh;border-radius:4px;box-shadow:0 30px 80px #0009;background:#0a0a0a;outline:none}@media(max-width:768px){.darkroom-topbar{padding:0 16px;height:48px}.darkroom-topbar .back-home{font-size:11px;padding:6px 12px}.wall{padding:60px 12px 12px}.darkroom-toolbar{right:14px;bottom:14px;gap:8px}.tool-btn{height:36px;padding:0 14px;font-size:11px;gap:5px}.darkroom-hint{left:16px;bottom:14px;font-size:11px}.image-modal-close{top:12px;right:12px;width:36px;height:36px}.image-modal-img,.image-modal-video{max-height:70vh}.image-modal-caption{font-size:11px}}