*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:#f5f7fa}.fm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));column-gap:18px;row-gap:30px;padding:12px 4px 8px;min-height:160px}.fm-tile{position:relative;padding:10px 4px 8px;border-radius:10px;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s ease,box-shadow .15s ease}.fm-tile:hover{background:#f2f7ff}.fm-tile.fm-tile-selected{background:#eaf3ff;box-shadow:inset 0 0 0 1px #91caff}.fm-tile.fm-tile-drop{box-shadow:inset 0 0 0 2px #faad14;background:#fffbe6}.fm-tile-visual{position:relative;height:82px;display:flex;align-items:center;justify-content:center}.fm-tile-name{margin-top:12px;font-size:12px;line-height:18px;color:#4a4a4a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fm-thumb{position:relative;width:112px;height:70px;border-radius:2px;overflow:hidden;background:linear-gradient(135deg,#2b2f36,#4b5058);display:flex;align-items:center;justify-content:center}.fm-thumb video{width:100%;height:100%;object-fit:cover;display:block}.fm-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;filter:drop-shadow(0 1px 3px rgba(0,0,0,.45))}.fm-hover{position:absolute;z-index:2;opacity:0;transition:opacity .15s ease}.fm-tile:hover .fm-hover,.fm-hover.fm-visible{opacity:1}.fm-folder-glyph{display:block;width:92px;height:78px;filter:drop-shadow(0 4px 5px rgba(45,90,190,.2))}