.thumbnail {
            max-width: 300px; margin: 10px; cursor: pointer;
            border-radius: 8px; box-shadow: 0 4px 10px rgba(0,0,0,0.1);
        }
        /* 遮罩层 */
        .overlay {
            position: fixed; top: 0; left: 0; width: 100%; height: 100%;
            background: rgba(0, 0, 0, 0.85); display: none;
            justify-content: center; align-items: center; z-index: 100000;
            overflow: hidden; /* 防止拖拽时出现滚动条 */
        }
        /* 大图样式 */
        .overlay img {
            max-width: 90%; max-height: 90%; border-radius: 8px;
            box-shadow: 0 0 20px rgba(0,0,0,0.5);
            transition: transform 0.1s ease-out; /* 缩短过渡时间，让拖拽更跟手 */
            cursor: grab; /* 拖拽鼠标样式 */
            /* 禁用拖拽时的默认选中行为 */
            -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
        }
        .overlay img:active { cursor: grabbing; }
        /* 缩放提示 */
        .zoom-hint {
            position: fixed; bottom: 30px; left: 50%; margin-left: -40px; width: 80px;
            background: rgba(255,255,255,0.2); color: #fff; padding: 8px 0;
            border-radius: 20px; font-size: 14px; opacity: 0; transition: opacity 0.3s;
            text-align: center; pointer-events: none; z-index: 1001;
        }