*{box-sizing:border-box}html,body{margin:0;background:#14252c;color:#e2dac7;font-family:Georgia,'Songti SC','SimSun',serif}a{color:inherit}button,a{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer;border:1px solid #a897704d;background:#14252cbb;padding:11px 19px}button:hover,button:focus-visible,a:focus-visible{outline:1px solid #d4b784;background:#51646244}.desk{min-height:100vh;background:linear-gradient(#14252c33,#14252c88),url('assets/desk.png') center/cover fixed;padding:55px max(5vw,20px) 30px}.intro{display:flex;justify-content:space-between;align-items:end;gap:25px;border-bottom:1px solid #b8ac8e33;padding-bottom:25px}.eyebrow{font:10px Arial;letter-spacing:4px;color:#afbaae}h1{font-weight:400;letter-spacing:9px;margin:16px 0;font-size:36px}.intro p{font-size:13px;line-height:1.9;color:#b6bfb8;letter-spacing:2px}.desk-tools{display:flex;gap:10px;align-items:center;font-size:12px;white-space:nowrap}.objects{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:18px 24px;margin:30px auto;max-width:1300px}.object{text-decoration:none;position:relative;min-height:175px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .3s,background .3s;transform:rotate(var(--tilt));border-radius:4px}.object:hover{transform:translateY(-8px) rotate(0);background:#ebdfbd0a}.object svg{width:108px;height:108px;filter:drop-shadow(5px 9px 4px #0008);color:#d0b98e}.object .tag{font-size:13px;letter-spacing:3px;background:#d6ccb5;color:#243139;padding:6px 12px;transform:rotate(calc(var(--tilt)*-.5));box-shadow:2px 3px 6px #0004}.object .number{font:9px Arial;letter-spacing:2px;color:#a6b1aa;margin-top:9px}.object.visited .number::after{content:' · 已触碰';color:#ddbd83}.desk-foot{font-size:11px;display:flex;justify-content:space-between;color:#a6b1aa;padding-top:22px;border-top:1px solid #b8ac8e33}.list-mode .objects{grid-template-columns:repeat(3,1fr)}.list-mode .object{min-height:70px;flex-direction:row;gap:18px;transform:none;justify-content:start}.list-mode .object svg{width:45px;height:45px}.work-page{height:100vh;overflow:hidden}.work-head{position:absolute;top:30px;left:5vw;right:5vw;display:flex;justify-content:space-between;align-items:start;z-index:3;pointer-events:none}.work-head a,.work-head button{pointer-events:auto;text-decoration:none;font-size:12px}.work-head h1{font-size:30px;margin-top:10px}.work-head p{font-size:12px;letter-spacing:2px;max-width:45vw;line-height:1.8;color:#b8c3bc}.work-head .back{border:1px solid #aca48755;padding:12px 17px}.canvas-wrap{width:100vw;height:100vh;outline:none}canvas{display:block;touch-action:none}.work-bottom{position:absolute;left:5vw;right:5vw;bottom:28px;z-index:3;display:grid;grid-template-columns:1fr auto;gap:14px;pointer-events:none}.work-bottom>*{pointer-events:auto}#message{font-size:17px;letter-spacing:2px;line-height:1.6;min-height:28px;grid-column:1/-1}#controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center;max-width:900px}#controls button{font-size:12px;padding:9px 13px}#controls input{accent-color:#d0b383;width:200px}#instructions{font-size:11px;color:#a5b6b4;letter-spacing:1px;line-height:1.8;grid-column:1/-1}#restart{align-self:end}#status{position:absolute;top:50%;width:100%;text-align:center}#status:empty{display:none}@media(max-width:750px){.desk{padding:25px 18px}.intro{display:block}.objects{grid-template-columns:repeat(3,minmax(80px,1fr));gap:16px 5px}.object{min-height:145px}.object svg{width:85px;height:85px}.object .tag{font-size:11px;letter-spacing:1px;padding:5px 8px}.list-mode .objects{grid-template-columns:1fr 1fr}.work-head{top:16px}.work-head h1{font-size:24px}.work-head p{max-width:70vw}.work-bottom{bottom:15px;gap:8px}.work-bottom #message{font-size:13px}#controls{gap:5px}#controls button{font-size:11px;padding:8px}#controls input{width:140px}#restart{padding:8px;font-size:11px}.desk-foot{gap:18px;line-height:1.8}h1{font-size:30px}}
@media(max-width:750px){.desk-tools{flex-wrap:wrap;gap:8px}.desk-tools button{padding:9px 12px}}